@charset "UTF-8";
/*
Theme Name: nishikawa child
Description: 採用ページ機能付きコーポレートサイト向けテンプレート子テーマ
Template: nishikawa
Author: Rocket Mart
Author URI: https://rocket-mart.net/
Version: ver1.0.0
*/

.tel_button a{background:url(img/tel_icon.png) no-repeat 20px center #34a23c; background-size:24px;color:#fff;padding:13px 100px;font-size:25px;text-decoration:none;}
.header--top{height:70vh;}
.footer-nav a:hover{color:#fff;}
.carlist{margin-bottom:40px;}
div.carlist dl{width:25%; float:left;}
.carlist dt{font-weight:bold;}
.carlist dd ul{list-style-type:none; margin-left:15px;}
.jigyousho_container{margin-bottom:40px;}
.jigyousho_container dl{width:48%;}
.jigyousho_container dl dt img{width:100%;}
.jigyousho_container dd{text-align:center; font-size:18px;}
.jigyousho_container dl:first-child{float:left;}
.jigyousho_container dl:last-child{float:right;}
dl.qa{border-bottom:1px solid #EEE;padding-bottom:10px;}
dl.qa dt{font-weight:bold;position:relative; padding-left:42px; margin-bottom:20px;}
dl.qa dt:hover{cursor:pointer; text-decoration:underline;}
dl.qa dt:after{content:"+"; width:30px; height:30px; text-align:center; color:#ccc; position:absolute; right:10px; top:-5px; font-size:20px; font-weight:normal;}
dl.qa dt.up:after{content:"-";}
dl.qa dt:before{content:"Q"; position:absolute; left:0px; top:-4px; border-radius:100px; display:block; width:32px; height:32px; line-height:32px; text-align:center; background:#a7a7a7; color:#fff;}
dl.qa dd{position:relative; padding-left:42px; display:none;}
dl.qa dd:before{content:"A"; position:absolute; left:0px; top:0px; border-radius:100px; display:block; width:32px; height:32px; line-height:32px; text-align:center; background:#13154b; color:#fff;}
.card__body{height:9rem;}

.carlist::after,.jigyousho_container::after{content: "";display: block;clear: both;}

.midasi_a {border-bottom: solid 3px #eee;  position: relative;}
.midasi_a:after{position: absolute;  content: " ";  display: block;  border-bottom: solid 3px #999;  bottom: -3px;  width: 20%;}
.header__copy{font-size:3vw;}
.footer_nav_2c ul#service{list-style-type:none; margin:0;}
.service-description p{font-size:130%;}
.b{font-weight:bold;}
.keieisha{width:500px;float:right;}
.keieisha img{width:100%;}

@media screen and (min-width:1024px){
section p,.wp-custom p{font-size:18px;}
.top-message__heading{font-size:200%;}
}
@media screen and (min-width:641px){
	.sp_on {display:none;}
}
@media screen and (max-width:1024px){
	.header__copy{font-size:51px;}
	.tel_button a{display:block;width:100%; box-sizing:border-box; padding:10px 0; text-align:center;}
	.copy-text .spb{display:block;}
	.copy-text .pci{display:none;}
}
@media screen and (max-width:640px){
	.jigyousho_container dl{width:100%; float:none !important; margin-bottom:20px;}
	.jigyousho_container dd{text-align:center; font-size:16px;}
	dl.qa dt{padding-right:40px;}
	.carlist{margin-bottom:0px;}
	div.carlist dl{width:50%; float:left; margin-bottom:20px;}
	div.carlist dl:nth-child(odd){clear:both;}
	.pc_on {display:none;}
	.header__copy{font-size:7vw;}
	.keieisha{width:100%;float:center;}
	.keieisha img{width:100%;}
.header--top{height:50vh;}
}