.pc_img { display: block!important; }
.sp_img { display: none!important; }
@media screen and (max-width:767px) {
.pc_img { display: none!important; }
.sp_img { display: block!important; }
}

.recruit-visual { width: 100%; position: relative; }
.recruit-visual .main { width: 100%; }
.recruit-visual h2 { width: 25%; position: absolute; top: 10%; left: 18%; }
.recruit-visual h2 img { width: 100%; max-width: 329px; }
.recruit-visual p { width: 14%; position: absolute; top: 3%; right: 2%; }
.recruit-visual p img { width: 100%; max-width: 191px; }
.recruit-visual a { display: block; width: 28%; position: absolute; bottom: 7%; left: 38%; }
.recruit-visual a img { width: 100%; max-width: 382px; }
@media screen and (max-width:767px) {
.recruit-visual h2 { width: 59%; position: absolute; top: 8%; left: 5%; }
.recruit-visual h2 img { width: 100%; max-width: 100%; }
.recruit-visual p { width: 25%; position: absolute; top: 8%; right: 4%; }
.recruit-visual p img { width: 100%; max-width: 100%; }
.recruit-visual a { display: block; width: 50%; position: absolute; bottom: 5%; left: 24%; }
.recruit-visual a img { width: 100%; max-width: 100%; }
}

.block02 { padding: 5% 0 3%; background: #EBE5E5; }
.tour_detail { width: 880px; margin: 2% auto; padding: 2%; border-radius:25px; overflow: hidden;  background: #FFFFFF; }
.tour_detail p:nth-child(1) { width: 471px; float: left; }
.tour_detail p:nth-child(2) { width: 42%; padding: 4% 0 4% 4%; float: right; line-height: 1.7em; }
.tour_detail p:nth-child(2) span { display: block; padding: 2% 0; text-align: center; font-weight: bold; }
.tour_detail p:nth-child(2) a { display:block; height:60px; margin:1em 0; line-height:60px; background:#e83a37; color:#fff; border-radius:30px; font-size: 140%; font-weight: bold; text-align:center; }
.tour_detail p:nth-child(3) { clear: both; display: block; width: 84%; margin: 0 auto; padding:0 0 1%; font-size: 94%; line-height:1.7em; } 
@media screen and (max-width:767px) {
    .block02 { position: relative; padding: 10% 0; background: #EBE5E5; }
    .block02 h3 { position: absolute; width: 80%; top: 14%; left: 8%; }
    .tour_detail { width: 90%; margin: 2% auto; padding: 0; border-radius:25px; overflow: hidden;  background: #FFFFFF; }
    .tour_detail p:nth-child(1) { width: 100%; float: none; }
    .tour_detail p:nth-child(2) { width: 84%; padding: 8%; float: none; line-height: 1.7em; }
    .tour_detail p:nth-child(2) span { display: block; padding: 6% 0; text-align: center; font-weight: bold; }
    .tour_detail p:nth-child(2) a { display:block; width: 100%; height:60px; margin: 0; line-height:60px; background:#e83a37; color:#fff; border-radius:30px; font-size: 140%; font-weight: bold; text-align:center; }
    .tour_detail p:nth-child(3) { clear: both; display: block; width: 84%; margin: 0 auto; padding:0 0 5%; font-size: 94%; line-height:1.7em; } 
}

.block03 { padding: 6% 0; background: #FFF; }
.achievements { width: 1024px; margin: 0 auto; }
.achievements h3 { height: 80px; width: 59%; background-image: linear-gradient(90deg, rgba(0, 47, 82, 1), rgba(0, 117, 189, 1)); color: #fff; margin: 0 auto; line-height: 88px; font-size: 1.7em; letter-spacing: 0.3em; }
.achievements .intro { padding: 7% 0 6%; font-size:1.6em; line-height: 1.8em; text-align: center; }
.achievements .detail { overflow: hidden; }
.achievements .detail p { display: block; width: 501px; padding: 0 0 2%; text-align: center; }
.achievements .detail p:nth-child(1) { float: left; }
.achievements .detail p:nth-child(2) { float: right; }
.achievements .detail p span { font-size: 1.7em; line-height:2.2em; }
@media screen and (max-width:767px) {
    .block03 { padding: 0 0 6%; background: #FFF; }
    .achievements { width: 100%; margin: 0 auto; }
    .achievements h3 { height: 140px; width: 100%; background-image: linear-gradient(90deg, rgba(0, 47, 82, 1), rgba(0, 117, 189, 1)); color: #fff; margin: 0 auto; line-height: 140px; font-size: 1.7em; letter-spacing: 0.3em; }
    .achievements .intro { padding: 8% 0; font-size: 1.3em; line-height: 1.8em; text-align: center; }
    .achievements .detail { overflow: hidden; }
    .achievements .detail p { display: block; width: 100%; padding: 0 0 2%; text-align: center; }
    .achievements .detail p:nth-child(1) { float: none; text-align: left; width: 90%; margin: 0 0 10% 10%; }
    .achievements .detail p:nth-child(2) { float: none; text-align: right; width: 90%; margin: 0 10% 10% 0; }
    .achievements .detail p span { display: block; font-size: 1.0em; line-height: 2.2em; padding: 0 6%; }
}

.block04 { background: no-repeat url("/wp-content/themes/kitakoumuten/images/bg_about_recruit.png"); background-size: cover; }
.about { width: 800px; margin: 0 auto; padding: 6% 0 2%; color: #FFF; }
.about h3 { margin: 0 0 2em; font-size: 1.4em; letter-spacing: 0.1em; }
.about h3 span { display: block; font-size: 60%; }
.about h4 { display:block; height:50px; margin:1em 0; line-height:50px; background:#FFF; color:#004b84; border-radius:12px; font-size: 1.3em; letter-spacing: 0.18em; text-align:center; }
.about p { padding:4% 0 8%; font-size: 1.1em; line-height: 2.5em; text-align: center; }
.about p:first-of-type { text-align: left; }
.about p:last-of-type { font-size: 1.6em; font-weight: bold; }
@media screen and (max-width:767px) {
    .about { width: 80%; margin: 0 auto; padding: 14% 0 2%; color: #FFF; }
    .about h3 { margin: 0 0 2.4em; font-size: 1.4em; letter-spacing: 0.1em; border-top: 2px solid #fff; padding: 5% 0; border-bottom: 2px solid #fff; }
    .about h4 { display:block; height:35px; margin:1em 0; line-height:35px; background:#FFF; color:#004b84; border-radius:10px; font-size: 1.3em; letter-spacing: 0.18em; text-align:center; }
    .about p { padding:2% 0 10%; font-size: 1.1em; line-height: 1.8em; text-align: center; }
}

.block05 { padding: 11% 0 15%; background: #EBE5E5; }
.kitacheck { width: 950px; margin: 6% auto 0; }
.paragraph { width: 100%; padding: 0; }
.accordion h3 {
display: block;
width: 80%;
margin:1px auto 0;
padding: 2.8% 10% 2%;
cursor: pointer;
background: #10436f url("/wp-content/themes/kitakoumuten/images/close_arrow.png") no-repeat left 50% center / 92%;
color: #FFF;
font-size: 130%;
font-weight: bold;
text-align: left;
}
.accordion h3.active {
background: #10436f url("/wp-content/themes/kitakoumuten/images/open_arrow.png") no-repeat left 50% center / 92%;
color: #FFF;
}
@media screen and (max-width:767px) {
.accordion h3 {
display: block;
width: 80%;
margin:1px auto 0;
padding: 2.4% 10%;
cursor: pointer;
background: #10436f url("/wp-content/themes/kitakoumuten/images/close_arrow.png") no-repeat right 14px center / 4%;
color: #FFF;
font-size: 130%;
font-weight: bold;
}
.accordion h3.active {
background: #10436f url("/wp-content/themes/kitakoumuten/images/open_arrow.png") no-repeat right 14px center / 4%;
color: #FFF;
}
}
.accordion ul { display: none; }
.accordion li {
display: block;
width: 100%;
margin: 0 auto;
padding: 4% 5%;
box-sizing: border-box;
cursor: pointer;
background: #FFF /*url("/wp-content/themes/kitakoumuten/images/close_arrow.png") no-repeat right 14px top 20px / 2%*/;
}
.accordion li span.question {
display: inline-block;
width: 100%;
color: #000;
font-size: 1em;
line-height: 180%;
vertical-align: bottom;
}
.accordion li.active {
background: #FFF /*url("/wp-content/themes/kitakoumuten/images/open_arrow02.png") no-repeat right 14px top 20px / 2%*/;
}
@media screen and (max-width:767px) {
.accordion li {
display: block;
width: 100%;
margin: 0 auto;
padding: 4% 5%;
box-sizing: border-box;
cursor: pointer;
background: #FFF url("/wp-content/themes/kitakoumuten/images/close_arrow.png") no-repeat right 14px top 20px / 4%;
border-bottom: 1px solid #00a5b1;
}
.accordion li.active {
background: #FFF url("/wp-content/themes/kitakoumuten/images/open_arrow02.png") no-repeat right 14px top 20px / 4%;
}
}
@media screen and (max-width:767px) {
    .block05 { padding: 15% 0; background: #EBE5E5; }
    .block05 > h3 { width: 86%; margin: 0 auto; }
    .kitacheck { width: 90%; margin: 6% auto 0; }
    .accordion h3 { display: block; width: 78%; margin:1px auto 0; padding: 2.8% 10% 2% 12%; cursor: pointer; background: #10436f url("/wp-content/themes/kitakoumuten/images/sp_close_arrow.png") no-repeat left 50% center / 92%; color: #FFF; font-size: 110%; font-weight: bold; text-align: left; }
    .accordion h3.active { background: #10436f url("/wp-content/themes/kitakoumuten/images/sp_open_arrow.png") no-repeat left 50% center / 92%; color: #FFF; }
}

.block06 { padding: 6% 0; background: #FFF; }
.about_kita { width: 880px; margin: 0 auto; padding: 0 0 9%; background: #FFF url("/wp-content/themes/kitakoumuten/images/aboutkita_bg_bottom.png") no-repeat center bottom / 28%; }
.about_kita h3 { height: 80px; width: 68%; background-image: linear-gradient(90deg, rgba(0, 47, 82, 1), rgba(0, 117, 189, 1)); color: #fff; margin: 0 auto 18%; line-height: 88px; font-size: 1.7em; letter-spacing: 0.3em; }
.about_kita h4 { margin: 0 0 4% ; font-size: 1.7em; line-height: 1.9em; color: #002f52; text-align: left; }
.about_kita h4 span { display: block; margin: 0 0 3% ; font-size: 80%; line-height: 1.9em; color: #2166b2; letter-spacing: 0.12em; }
.about_kita p { margin: 0 0 8% ; font-size: 1.1em; line-height: 2.0em; color: #001f3a; }
@media screen and (max-width:767px) {
    .block06 { padding: 0 0 6%; background: #FFF; }
    .about_kita { width: 100%; margin: 0 auto; padding: 0 0 15%; background: #FFF url("/wp-content/themes/kitakoumuten/images/aboutkita_bg_bottom.png") no-repeat center bottom / 45%; }
    .about_kita h3 { height: 140px; width: 100%; background-image: linear-gradient(90deg, rgba(0, 47, 82, 1), rgba(0, 117, 189, 1)); color: #fff; margin: 0 auto; line-height: 140px; font-size: 1.7em; letter-spacing: 0.3em; }
    .about_kita h4 { width: 80%; margin: 12% auto 6%; font-size: 1.4em; line-height: 1.9em; color: #002f52; text-align: left; }
    .about_kita p { width: 80%; margin: 0 auto 8% ; font-size: 1.1em; line-height: 2.0em; color: #001f3a; }
}

.block07 { padding: 4% 0 2%; background: #FFF; }
.strengths { width: 1024px; margin: 0 auto; }
.strengths h3 { margin: 0 auto; font-size: 2.4em; color: #10436f; text-align: center; letter-spacing: 0.19em; }
.strengths .intro { padding: 3% 0 7%; font-size:1.5em; line-height: 1.8em; text-align: center; }
.strengths .detail { overflow: hidden; margin: 0 0 11%; }
.strengths .num01 div { background: url("/wp-content/themes/kitakoumuten/images/support_num01.png") no-repeat right 2% top 2% / 16%;}
.strengths .num02 div { background: url("/wp-content/themes/kitakoumuten/images/support_num02.png") no-repeat right 2% top 2% / 16%;}
.strengths .num03 div { background: url("/wp-content/themes/kitakoumuten/images/support_num03.png") no-repeat right 2% top 2% / 16%;}
.strengths .detail p.image { float: left; display: block; width: 550px; }
.strengths .detail div { float: right; width: 440px; }
.strengths h4 { margin: 0 0 6% ; font-size: 1.4em; line-height: 1.6em; color: #002f52; letter-spacing: 0.12em; text-align: left; }
.strengths h4 span { display: block; margin: 0 0 3% ; font-size: 86%; line-height: 1.9em; color: #2166b2; letter-spacing: -0.01em; }
.strengths .detail div p { font-size: 1.0em; line-height: 2.0em; color: #001f3a; }
.strengths .detail p.support { clear: both; text-align: center; padding: 2% 0 0; }
@media screen and (max-width:767px) {
    .block07 { padding: 15% 0; background: #FFF; }
    .strengths { width: 100%; margin: 0 auto; }
    .strengths h3 { margin: 0 auto; font-size: 1.6em; color: #10436f; text-align: center; letter-spacing: 0.19em; }
    .strengths .intro { padding: 7% 0 15%; font-size:1.3em; line-height: 1.8em; text-align: center; }
    .strengths .num01 div { background: url("/wp-content/themes/kitakoumuten/images/support_num01.png") no-repeat right 0 top 0 / 16%; }
    .strengths .num02 div { background: url("/wp-content/themes/kitakoumuten/images/support_num02.png") no-repeat right 0 top 0 / 16%; }
    .strengths .num03 div { background: url("/wp-content/themes/kitakoumuten/images/support_num03.png") no-repeat right 0 top 0 / 16%; }
    .strengths .detail p.image { float: none; display: block; width: 100%; }
    .strengths .detail div { float: none; width: 80%; margin: 6% auto 0; }
    .strengths h4 { margin: 0 0 6% ; font-size: 1.4em; line-height: 1.6em; color: #002f52; letter-spacing: 0; text-align: left; }
    .strengths .detail p.support { clear: both; width: 80%; margin: 0 auto; text-align: center; padding: 4% 0 10%; }
}

.block08 { padding: 7% 0 6%; background: #EBE5E5; }
.episode_talk { width: 1024px; margin: 2% auto; padding: 5% 8% 2%; box-sizing: border-box; background: #FFFFFF; }
.episode_talk h3 { width: 40%; margin: 0 auto 7%; border-bottom: 1px solid; font-size: 1.3em; font-weight: normal; text-align: center; }
.episode_talk h4 {  }
.episode_talk h4 span { display: block; padding: 1% 0 0; font-size: 80%; font-weight: normal; }
.episode_talk .main_image { text-align: center; }
.episode_talk h5 { margin: 0 auto 2%; font-size: 2.1em; color: #10436f; }
.episode_talk h5 + p { margin: 0 auto 8%; font-size: 0.94em; line-height: 1.8em; }
@media screen and (max-width:767px) {
    .block08 { padding: 6% 0; background: #EBE5E5; }
    .episode_talk { width: 88%; margin: 2% auto; padding: 5%; box-sizing: border-box; background: #FFFFFF; }
    .episode_talk h3 { width: 74%; margin: 0 auto 12%; border-bottom: 1px solid; font-size: 1.2em; font-weight: normal; text-align: center; }
    .episode_talk h4 { font-size: 1.7rem; }
    .episode_talk h5 { margin: 0 auto 2%; font-size: 1.6em; color: #10436f; }
    .episode_talk h5 + p { margin: 0 auto 11%; font-size: 0.94em; line-height: 1.8em; }
}

.block09 { padding: 5% 0 3%; background-image: linear-gradient(45deg, rgba(0, 117, 189, 1) , rgba(0, 47, 82, 1)); }
.block09  h3 { display:block; width: 42%; height:80px; margin: 0 auto; line-height:80px; background:#fff; border-radius:40px; font-size: 1.6em; font-weight: bold; text-align:center; }
.voice { width: 1024px; margin: 3% auto; overflow: hidden; }
.voice p:nth-child(1) { width: 50%; height: 936px; box-sizing: border-box; float: left; padding: 3% 0 3% 7%; border-radius:45px 0 0 45px; overflow: hidden; background: #fff; }
.voice p:nth-child(2) { width: 50%; height: 936px; box-sizing: border-box; float: right; padding: 3% 7% 0 3%; border-radius:0 45px 45px 0; overflow: hidden; background: #fff; }
.voice p:nth-child(2) span { display: block; padding: 2% 0; text-align: center; font-weight: bold; }
@media screen and (max-width:767px) {
    .block09 { padding: 12% 0 3%; background-image: linear-gradient(45deg, rgba(0, 117, 189, 1), rgba(0, 47, 82, 1)); }
    .block09 h3 { display: block; width: 74%; height: 60px; margin: 0 auto 8%; line-height: 60px; background: #fff; border-radius: 30px; font-size: 1.6em; font-weight: bold; text-align: center; }
    .voice { width: 100%; margin: 3% auto; overflow: hidden; }
    .voice p:nth-child(1) { width: 50%; height: 936px; box-sizing: border-box; float: left; padding: 3% 0 15% 7%; border-radius:45px 0 0 45px; overflow: hidden; background: #fff; }
    .voice p:nth-child(1) { width: 90%; height: auto; box-sizing: border-box; float: none; margin: 0 0 10% 10%; padding: 3% 0 15% 7%; border-radius:45px 0 0 45px; overflow: hidden; background: #fff; }
    .voice p:nth-child(2) { width: 90%; height: auto; box-sizing: border-box; float: none; margin: 0 10% 10% 0; padding: 3% 7% 15% 3%; border-radius:0 45px 45px 0; overflow: hidden; background: #fff; }
    .voice p img { width: 100%; }
}

.block10 { padding: 10% 0; background: #FFF; }
.requirements { width: 930px; margin: 0 auto; padding: 0;  }
.requirements h3 { padding: 0 0 0 3%; text-align: left; font-size: 2.6em; color: #004b84; }
.requirements h3 span { padding: 0 0 0 3%; font-size: 56%; font-weight: normal; color: #004b84; }
.requirements dl { overflow: hidden; border-bottom: 2px solid #c6d9e0; }
.requirements dl dt { width: 21%; float: left; box-sizing: border-box; margin: 0; padding:4% 4%; font-size: 1.2em; font-weight: bold; color: #004b84; }
.requirements dl dd { width: 79%; float: right; box-sizing: border-box; margin: 0; padding:4% 4%; font-size: 1.2em; color: #001f3a; }
.requirements dl dd span { font-size: 80%; }
.requirements dl dt , .requirements dl dd { border-top: 2px solid #c6d9e0; }
@media screen and (max-width:767px) {
    .block10 { padding: 15% 0; background: #FFF; }
    .requirements { width: 84%; margin: 0 auto; padding: 0;  }
    .requirements h3 { padding: 0 0 0 2%; text-align: left; font-size: 2.0em; color: #004b84; }
    .requirements dl dt { width: 100%; float: none; box-sizing: border-box; margin: 0; padding:6% 4% 0; font-size: 1.2em; font-weight: bold; color: #004b84; }
    .requirements dl dd { width: 100%; float: none; box-sizing: border-box; margin: 0; padding:1% 4% 6%; font-size: 1.2em; color: #001f3a; }
    .requirements dl dt { border-top: 2px solid #c6d9e0; }
    .requirements dl dd { border-top: none; }
}

.block11 { padding: 0 0 6%; background: #faf7f0; }
.block11 h3 { height: 160px; width: 100%; background-image: linear-gradient(90deg, rgba(230, 103, 56, 1) , rgba(217, 58, 65, 1)); color: #fff; margin: 0 auto; line-height: 160px; font-size: 2.2em; }
.recruitform { width: 936px; margin: 0 auto; }
.recruitform .intro { padding: 6% 0 3%; font-size:1.6em; font-weight: bold; line-height: 1.8em; text-align: center; }
.recruitform .detail { overflow: hidden; }
.recruitform .detail p.explanation { display: block; width: 450px; border: 4px solid #001f3b; border-radius:10px; box-sizing: border-box; background: #fff; padding: 0 2% 2%; font-size: 1.3em; text-align: center; }
.recruitform .detail p.left { float: left; }
.recruitform .detail p.right { float: right; }
.recruitform .detail p.clear { clear: both; padding: 3% 0 0 4%; line-height:1.6em; }
.recruitform .detail p span { display: block; padding: 0 3%; text-align: left; }
.recruitform .detail p span.title { margin: 0 0 4%; padding: 0; border-bottom: 2px solid #001f3a; font-size: 120%; line-height:2.2em; text-align: center; }
.recruitform .detail p span.red {  display: inline; color: #e83a37; font-weight: bold; }
.recruitform .detail p span.small { margin: 4% 0 0; display: block; font-size: 80%; }
@media screen and (max-width:767px) {
    .block11 h3 { height: auto; width: 100%; background-image: linear-gradient(90deg, rgba(230, 103, 56, 1), rgba(217, 58, 65, 1)); color: #fff; margin: 0 auto; line-height: 1.6em; font-size: 1.6em; padding: 12% 0 10%; }
    .recruitform { width: 90%; margin: 0 auto; }
    .recruitform .intro { padding: 12% 0 8%; font-size: 1.4em; font-weight: bold; line-height: 1.8em; text-align: center; }
    .recruitform .detail p.explanation { display: block; width: 100%; border: 3px solid #001f3b; border-radius:10px; box-sizing: border-box; background: #fff; padding: 0 2% 2%; font-size: 1.2em; text-align: center; }
    .recruitform .detail p.left { float: none; margin: 0 0 6%;  }
    .recruitform .detail p.right { float: none; }
}
/* フォーム　*/
.wpcf7-form { margin: 7% 0; }
.wpcf7-form p { font-size: 1.4em; }
.wpcf7-form > p { margin: 0 0 3%; }
.wpcf7-form label { line-height: 2.4em; }
.wpcf7-form p.explanation { display: block; width: 100%; border: 4px solid #001f3b; border-radius:10px; box-sizing: border-box; background: #fff; margin: 5% 0; padding: 0 2% 2%; font-size: 1.4em; text-align: center; }
.wpcf7-form p span { display: block; text-align: left; }
.wpcf7-form p span.title { margin: 0 0 4%; padding: 0; border-bottom: 2px solid #001f3a; font-size: 150%; line-height:2.2em; text-align: center; color: #e83a37; font-weight: bold; }
.wpcf7-form p span.attention { clear: both; text-align: center; padding: 2% 0 0; }
input, button, textarea, select { border: 2px solid #000000; background: #fff; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
.wpcf7-list-item-label { display: inline!important; }
.application { width: 80%; margin: 0 auto; overflow: hidden; font-size: 120%; }
.application .first { float: left; }
.application .last { float: right; }
input[type="text"] , input[type="email"] { border: 2px solid #000000; }
input[type="radio"] { accent-color: #000; transform: scale(2.0); }
input[type="submit"] { display: block; width: 55%; height: 80px; margin: 2em auto 1em; line-height: 80px; background: #e83a37; color: #fff; border-radius: 40px; font-size: 120%; font-weight: bold; text-align: center; }
textarea { height: 180px; padding: 2%; line-height: 180%; }
.wpcf7-form p span.last_attention { font-size: 90%; text-align: center; }
@media screen and (max-width:767px) {
    .wpcf7-list-item-label { display: inline!important; padding: 0 0 0 3%; }
    .application { width: 90%; margin: 0 auto; overflow: hidden; font-size: 120%; }
    .application .first { float: left; width: 100%; }
    .application .last { float: left; width: 100%; }
    input[type="radio"] { accent-color: #000; transform: scale(2.0); margin: 0; }
    input[type="submit"] { display: block; width: 100%; height: 50px; margin: 2em auto 0; line-height: 50px; background: #e83a37; color: #fff; border-radius: 25px; font-size: 120%; font-weight: bold; text-align: center; }
	textarea { height: 180px; padding: 2%; line-height: 180%; }
}