@charset "UTF-8";
/* ===================================================
	Services / Yadoriki CSS
====================================================== */

/* ---------------------------------------------------
	Global Header Overwrite
------------------------------------------------------ */
#g_header { position: absolute;}

/* ---------------------------------------------------
	Contents Overwrite
------------------------------------------------------ */
#contents { padding: 200px 0 0 !important;}

@media screen and (max-width: 600px) {
#contents { padding: 200px 0 0 !important;}
}

/* ---------------------------------------------------
Box Sub Header Overwrite
------------------------------------------------------ */
.sub_header .sub_logo{ top: 17px; width: 237px;}
/*.sub_header .sub_box_01 .sub_btn_01{ padding: 0 55px;}
.sub_header .sub_box_01 .sub_btn_02{ padding: 0 55px;}*/

@media screen and (max-width: 600px) {
.sub_header .sub_logo{ top: 12px; width: 120px;}
.sub_header .sub_box_01 .sub_btn_01{ width: 100%; padding: 0; margin: 0;}
/*.sub_header .sub_box_01 .sub_btn_01{ width: 49%; padding: 0;}
.sub_header .sub_box_01 .sub_btn_02{ width: 49%; padding: 0;}*/
}

@media screen and (max-width: 320px) {
.sub_header .sub_logo{ top: 12px; width: 120px;}
}

/* ---------------------------------------------------
Common title type 01 Overwrite
------------------------------------------------------ */
.cmn_tit_01 .ja{ font-size: 35px;}

@media screen and (max-width: 600px) {
.cmn_tit_01 .ja { font-size: 22px; }
}

/* ---------------------------------------------------
.sec_eyecatch ver.2 (Theme ver.3)
------------------------------------------------------ */
@-webkit-keyframes fade-in { 100% { opacity: 1; } }
@keyframes fade-in { 100% { opacity: 1; } }

.sec_eyecatch_v2{ width: 100%; height: 745px; background-color: #fffbed;}
.sec_eyecatch_v2 .box_in{ width: 100%; height: 100%; margin: 0 auto; position: relative; opacity: 0; animation: fade-in 1s ease 2s 1 forwards;}
.sec_eyecatch_v2 .box_tit{ position: absolute; top: 115px; left: 50%; margin: 0 0 0 -575px;}
.sec_eyecatch_v2 .box_tit .tit{ font-size: 55px; font-weight: bold; color: #db4933; line-height: 1.5; letter-spacing: 0.1em;}
.sec_eyecatch_v2 .list_01{ position: absolute; top: 380px; left: 50%; margin: 0 0 0 -590px; display: flex;}
.sec_eyecatch_v2 .list_01 li{ width: 170px; height: 170px; border-radius: 170px; background-color: #f9f7f5; border: solid 5px #f7d2cd; margin: 0 23px 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight: bold; text-align: center; box-sizing: content-box;}
.sec_eyecatch_v2 .list_01 li span{ font-size: 13px; line-height: 1.5;}
.sec_eyecatch_v2 .list_01 li span em{ color: #eb563d; font-style: normal;}
.sec_eyecatch_v2 .list_01 li span.percent{ font-size: 30px; line-height: 1; color: #db4933; padding: 5px 0 0;}
.sec_eyecatch_v2 .list_01 li span.percent em{ font-size: 50px;}
.sec_eyecatch_v2 .btn_01,
.sec_eyecatch_v2 .btn_02{ position: absolute; bottom: 70px; left: 50%; width: 450px; height: 85px; border-radius: 20px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; font-size: 20px; font-weight: bold; line-height: 1; transition: all ease 0.3s;}
.sec_eyecatch_v2 .btn_01:hover,
.sec_eyecatch_v2 .btn_02:hover{ bottom: 65px; text-decoration: none;}
.sec_eyecatch_v2 .btn_01 em,
.sec_eyecatch_v2 .btn_02 em{ font-size: 25px; font-style: normal;}
.sec_eyecatch_v2 .btn_01{ margin: 0 0 0 -470px; background-color: #db4933; color: #fff; box-shadow: 0px 5px 0px 0px #a22e2e;}
.sec_eyecatch_v2 .btn_01:hover{ box-shadow: 0px 0px 0px 0px #a22e2e;}
.sec_eyecatch_v2 .btn_01 .free{ background-color: #fff; font-size: 13px; display: inline-block; padding: 5px; margin: 0 15px 0 0; border-radius: 20px; color: #db4933;}
.sec_eyecatch_v2 .btn_02{ margin: 0 0 0 20px; padding: 0 0 0 20px; background-color: #ffec82; background-image: url(../img/services/yadoriki/ico_download_01.svg); background-repeat: no-repeat; background-position: calc( 50% - 7.5em ) center; background-size: 16px; color: #db4933; box-shadow: 0px 5px 0px 0px #eacf39;}
.sec_eyecatch_v2 .btn_02:hover{ box-shadow: 0px 0px 0px 0px #eacf39;}
.sec_eyecatch_v2 .img_01{ width: 735px; height: auto; position: absolute; top: 108px; left: 50%; margin: 0 0 0 -90px;}

@media screen and (max-width: 600px) {
.sec_eyecatch_v2{ height: auto; padding: 50px 0;}
.sec_eyecatch_v2 .box_tit{ position: static; margin: 0; padding: 0 0 10px;}
.sec_eyecatch_v2 .box_tit .tit{ font-size: 30px; line-height: 1.4; text-align: center;}
.sec_eyecatch_v2 .list_01{ position: static; margin: 0; display: flex; justify-content: center;}
.sec_eyecatch_v2 .list_01 li{ width: 130px; height: 130px; border-radius: 130px; margin: 0 5px;}
.sec_eyecatch_v2 .list_01 li span{ font-size: 13px; line-height: 1.5;}
.sec_eyecatch_v2 .list_01 li span.percent{ font-size: 24px; padding: 2px 0 0;}
.sec_eyecatch_v2 .list_01 li span.percent em{ font-size: 38px;}
.sec_eyecatch_v2 .btn_01,
.sec_eyecatch_v2 .btn_02{ position: static; width: 300px; height: 40px; border-radius: 10px; font-size: 13px;}
.sec_eyecatch_v2 .btn_01 em,
.sec_eyecatch_v2 .btn_02 em{ font-size: 16px;}
.sec_eyecatch_v2 .btn_01{ margin: 15px auto 15px;}
.sec_eyecatch_v2 .btn_01:hover{ box-shadow: 0px 5px 0px 0px #a22e2e;}
.sec_eyecatch_v2 .btn_01 .free{ font-size: 12px; padding: 5px; margin: 0 8px 0 0;}
.sec_eyecatch_v2 .btn_02{ margin: 0 auto 15px; padding: 0 0 0 20px; background-image: url(../img/services/yadoriki/ico_download_01.svg); background-repeat: no-repeat; background-position: calc( 50% - 7.5em ) center; background-size: 12px;}
.sec_eyecatch_v2 .btn_02:hover{ box-shadow: 0px 5px 0px 0px #eacf39;}
.sec_eyecatch_v2 .img_01{ width: 90%; height: auto; position: static; margin: 0 auto; display: block;}
}

/* ---------------------------------------------------
.sec_eyecatch
------------------------------------------------------ */
/* テーマver.3移行後は下記不要なので折を見て削除する ここから */
.sec_eyecatch { width: 100%; height: 680px; background: url("../img/services/yadoriki/eyecatch_bg_01_pc.jpg") no-repeat; background-size: cover; color: #fff;}
.sec_eyecatch_inn { width: 100%; max-width: 1500px; padding: 0 0 0 8%; margin: 0 auto; position: relative; opacity: 0; animation: fade-in 1s ease 2s 1 forwards;}
.eyecatch_txt{ padding: 120px 0 0; position: relative; z-index: 2;}
.eyecatch_txt .tit{ font-size: 52px; font-weight: bold; line-height: 1.2;}
.eyecatch_txt .txt{ font-size: 20px; font-weight: bold; padding: 15px 0 0;}
.eyecatch_point{ padding: 15px 0;}
.eyecatch_point ul{ display: flex; position: relative; z-index: 3;}
.eyecatch_point ul li{ background: #f77900; text-align: center; width: 136px; height: 136px; border-radius: 136px; margin: 0 20px 0 0; font-size: 16px; line-height: 1.1; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;}
.eyecatch_point .txt_01,
.eyecatch_point .txt_02,
.eyecatch_point .txt_03{ display: block; color: #ffde00;}
.eyecatch_point .txt_01{ font-size: 44px;}
.eyecatch_point .txt_02{ font-size: 18px;}
.eyecatch_point .txt_03{ font-size: 22px; padding: 5px 0 0;}
.sec_eyecatch .img_01{ position: absolute; top: 120px; left: 46%; width: 54%; max-width: 800px; height: auto; z-index: 1;}
.eyecatch_btns{ padding: 35px 0 0; display: flex;}
.eyecatch_btns .btn_01,
.eyecatch_btns .btn_02{ font-size: 18px; color: #333; min-width: auto; margin: 0 20px 0 0; padding: 25px 70px 25px 50px; border: solid 1px #fff;}
.eyecatch_btns .btn_01:hover,
.eyecatch_btns .btn_02:hover{ color: #fff; background-color: #333;}
.eyecatch_btns .btn_01::after { border-right: solid 2px #5bb446; border-bottom: solid 2px #5bb446; }
.eyecatch_btns .btn_01:hover::after{ border-right: solid 2px #fff; border-bottom: solid 2px #fff;}

/*@media screen and (max-width: 1500px) {
.sec_eyecatch_inn { padding: 0 0 0 3%;}
}*/

@media screen and (max-width: 600px) {
.sec_eyecatch { width: 100%; height: auto; background: url("../img/services/yadoriki/eyecatch_bg_01_sp.jpg") no-repeat; background-size: cover;}
.sec_eyecatch_inn { width: 90%; max-width: 90%; padding: 0 0 20px;}
.eyecatch_txt{ padding: 30px 0 0; text-align: center;}
.eyecatch_txt .tit{ font-size: 35px; line-height: 1.2;}
.eyecatch_txt .txt{ font-size: 17px; padding: 5px 0 0;}
.eyecatch_point{ padding: 15px 0;}
.eyecatch_point ul{ justify-content: space-around;}
.eyecatch_point ul li{ width: 100px; height: 100px; border-radius: 100px; margin: 0; font-size: 12px; line-height: 1.1; padding: 0;}
.eyecatch_point .txt_01{ font-size: 25px;}
.eyecatch_point .txt_02{ font-size: 13px;}
.eyecatch_point .txt_03{ font-size: 16px; padding: 5px 0 0;}
.sec_eyecatch .img_01{ position: static; width: 100%; height: auto;}
.eyecatch_btns{ padding: 15px 0 0; flex-direction: column;}
.eyecatch_btns .btn_01,
.eyecatch_btns .btn_02{ font-size: 15px; margin: 0 0 15px 0; padding: 15px 0;}
.eyecatch_btns .btn_01::after { border-right: solid 1px #5bb446; border-bottom: solid 1px #5bb446; }
.eyecatch_btns .btn_01:hover::after{ border-right: solid 1px #fff; border-bottom: solid 1px #fff;}
}
/* テーマver.3移行後は上記不要なので折を見て削除する ここまで */

/* ---------------------------------------------------
Section Results
------------------------------------------------------ */
.sec_results{ background: #f5f6f6; padding: 50px 0;}
.sec_results .inner_lg{ background: #fff; padding: 0 0 100px; border-radius: 15px;}
.sec_results .txt_01{ font-size: 24px; text-align: center;}
.sec_results .txt_01 .num{ display: inline-block; font-weight: 700; font-size: 60px; background: #ff8204; background: linear-gradient(90deg, rgba(251,159,25,1) 15%, rgba(255,130,4,1) 85%); -webkit-background-clip: text; color: transparent; }
/*.sec_results .txt_02{ font-size: 16px; text-align: center;}*/
.sec_results .logos{ width: 90%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sec_results .logos li{ width: 190px; text-align: center; margin: 75px 0 0;}

@media screen and (max-width: 600px) {
.sec_results{ padding: 30px 0;}
.sec_results .inner_lg{ padding: 0 0 30px; border-radius: 10px;}
.sec_results .txt_01{ font-size: 18px;}
.sec_results .txt_01 .num{ font-size: 40px;}
/*.sec_results .txt_02{ font-size: 14px;}*/
.sec_results .logos{ width: 80%;}
.sec_results .logos li{ width: 40%; text-align: center; margin: 30px 0 0;}
}

/* ---------------------------------------------------
Section About
------------------------------------------------------ */
.sec_about{ position: relative; padding: 0 0 60px;}
.sec_about::after{ content: ""; width: 90%; max-width: 1400px; height: 1px; background: #e4e4e4; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.sec_about .inner_lg{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
.sec_about .box_img{ width: 54%;}
.sec_about .box_img img{ width: 100%; height: auto;}
.sec_about .box_txt{ width: 42%;}
.sec_about .box_txt .tit{ font-size: 26px; font-weight: 700; line-height: 1.5; padding: 0 0 40px;}
.sec_about .box_txt .txt{ font-size: 16px; line-height: 1.75; padding: 0 0 1em;}

@media screen and (max-width: 600px) {
.sec_about{ padding: 0 0 30px;}
.sec_about .cmn_tit_01 .ja{ font-size: 21px;}
.sec_about .inner_lg{ flex-direction: column;}
.sec_about .box_img{ width: 100%;}
.sec_about .box_img img{ width: 100%; height: auto;}
.sec_about .box_txt{ width: 100%;}
.sec_about .box_txt .tit{ font-size: 20px; line-height: 1.5; padding: 20px 0 10px;}
.sec_about .box_txt .txt{ font-size: 15px; line-height: 1.75; padding: 0 0 1em;}
}

/* ---------------------------------------------------
Section Feature ver.2 (Theme ver.3)
------------------------------------------------------ */
.sec_feature_v2{ position: relative;}
.sec_feature_v2::after{ content: ""; width: 90%; max-width: 1400px; height: 1px; background: #e4e4e4; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.sec_feature_v2 .sec_01{ position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 0 0 100px;}
.sec_feature_v2 .box_txt{ width: 44%; min-width: 540px; position: relative; padding: 0 0 0 50px;}
.sec_feature_v2 .tit_01{ font-size: 30px; font-weight: 700; line-height: 1.5; padding: 25px 0 40px;}
.sec_feature_v2 .tit_01 .num{ position: absolute; top: 0; left: 0; font-size: 68px; line-height: 1; color: #f77900;}
.sec_feature_v2 .txt_01{ font-size: 18px; line-height: 1.7; padding: 0 0 1em;}
.sec_feature_v2 .box_img{ width: 48%;}
.sec_feature_v2 .box_img img{ width: 100%; height: auto;}
.sec_feature_v2 .box_in{ width: calc( 100% - 100px ); max-width: 1200px; margin: 50px auto 0; border: solid 5px #fff2e6; border-radius: 10px; background-color: #fffbf8; padding: 15px 0; display: flex; justify-content: center; align-items: center;}
.sec_feature_v2 .box_in .box_tit{ font-size: 20px; font-weight: bold; line-height: 1.25; padding: 0 80px 0 20px;}
.sec_feature_v2 .box_in .box_tit .num{ color: #ffd5ad; padding: 0 0 5px;}
.sec_feature_v2 .box_in .list_01 li{ position: relative; padding: 0 0 0 35px; margin: 15px 0; font-size: 17px; line-height: 1.4;}
.sec_feature_v2 .box_in .list_01 li::before{ content: ""; display: block; position: absolute; top: 3px; left: 0px; width: 16px; height: 16px; background: #f77900; border-radius: 16px;}
.sec_feature_v2 .box_in .list_01 li::after{ content: ""; display: block; position: absolute; top: 6px; left: 5px; width: 4px; height: 6px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(45deg);}

@media screen and (max-width: 600px) {
.sec_feature_v2 .sec_01{ flex-direction: column; padding: 0 0 50px;}
.sec_feature_v2 .box_txt{ width: 100%; min-width: 100%; padding: 0 0 0 30px;}
.sec_feature_v2 .tit_01{ font-size: 20px; line-height: 1.5; padding: 10px 0 20px;}
.sec_feature_v2 .tit_01 .num{ font-size: 40px; line-height: 1;}
.sec_feature_v2 .txt_01{ font-size: 16px; line-height: 1.7; padding: 0 0 1em;}
.sec_feature_v2 .box_img{ width: 100%; margin: 0;}
.sec_feature_v2 .box_in{ width: 100%; max-width: 100%; margin: 20px 0 0; border: solid 3px #fff2e6; border-radius: 10px; padding: 5%; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.sec_feature_v2 .box_in .portrait{ width: 80px;}
.sec_feature_v2 .box_in .box_tit{ width: calc( 100% - 80px ); font-size: 18px; font-weight: bold; line-height: 1.25; padding: 0 0 0 5%;}
.sec_feature_v2 .box_in .box_tit .num{  padding: 0 0 5px;}
.sec_feature_v2 .box_in .list_01{ width: 100%;}
.sec_feature_v2 .box_in .list_01 li{ padding: 0 0 0 25px; margin: 5% 0 0; font-size: 15px; line-height: 1.4;}
.sec_feature_v2 .box_in .list_01 li::before{ top: 2px;}
.sec_feature_v2 .box_in .list_01 li::after{ top: 5px;}
}

/* ---------------------------------------------------
Section Feature
------------------------------------------------------ */
/* テーマver.3移行後は下記不要なので折を見て削除する ここから */
.sec_feature{ position: relative; padding: 0 0 20px;}
.sec_feature::after{ content: ""; width: 90%; max-width: 1400px; height: 1px; background: #e4e4e4; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.sec_feature .inner_lg{ display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 0 auto 40px;}
.sec_feature .inner_lg .box_img{ width: 54%;}
.sec_feature .inner_lg .box_img img{ width: 100%; height: auto; margin: 0 0 50px;}
.sec_feature .inner_lg .box_txt{ width: 42%;}
.sec_feature .inner_lg .box_txt .sec_01{ position: relative; padding: 0 0 0 50px; margin: 0 0 50px;}
.sec_feature .inner_lg .box_txt .tit{ font-size: 26px; font-weight: 700; line-height: 1.5; padding: 20px 0 40px;}
.sec_feature .inner_lg .box_txt .tit .num{ position: absolute; top: 0; left: 0; font-size: 60px; line-height: 1; color: #f77900}
.sec_feature .inner_lg .box_txt .txt{ font-size: 16px; line-height: 1.75; padding: 0 0 1em;}
.sec_feature .inner_lg .box_txt .btn{ float: right; margin: 0;/* padding: 20px 60px 20px 40px;*/}

@media screen and (max-width: 600px) {
.sec_feature{ padding: 0 0 20px;}
.sec_feature .cmn_tit_01 .ja{ font-size: 21px;}
.sec_feature .inner_lg{ flex-direction: column; margin: 0 auto;}
.sec_feature .inner_lg .box_img{ width: 100%;}
.sec_feature .inner_lg .box_txt{ width: 100%; text-align: center;}
.sec_feature .inner_lg .box_txt .sec_01{ position: relative; padding: 0 0 0 30px; margin: 0 0 10px; text-align: left;}
.sec_feature .inner_lg .box_txt .tit{ font-size: 20px; line-height: 1.5; padding: 20px 0 10px;}
.sec_feature .inner_lg .box_txt .tit .num{ top: 10px; left: 0; font-size: 40px; line-height: 1;}
.sec_feature .inner_lg .box_txt .txt{ font-size: 15px; line-height: 1.75; padding: 0 0 1em;}
.sec_feature .inner_lg .box_txt .btn{ float: none; margin: 0 auto;/* padding: 10px 60px 10px 40px;*/}
}
/* テーマver.3移行後は上記不要なので折を見て削除する ここまで */

/* ---------------------------------------------------
Section Job description ver.2 (Theme ver.3)
------------------------------------------------------ */
.sec_jobdesc_v2{ padding: 0 0 100px;}
.sec_jobdesc_v2 .cmn_tit_01{ padding: 60px 0 30px;}
.sec_jobdesc_v2 .txt_01{ text-align: center; font-size: 18px; line-height: 1.75; padding: 0 0 60px;}
.sec_jobdesc_v2 .inner{ display: flex; flex-wrap: wrap; justify-content: center;}
.sec_jobdesc_v2 .sec_01{ width: 30.3%; margin: 0 1.5% 40px; position: relative;}
.sec_jobdesc_v2 .sec_01 .box_img{ width: 360px;}
.sec_jobdesc_v2 .sec_01 .box_img img{ width: 100%; height: auto;}
.sec_jobdesc_v2 .sec_01 .tit_01{ font-size: 26px; font-weight: 700; line-height: 1.5; padding: 30px 0 10px;}
.sec_jobdesc_v2 .sec_01 .sub{ font-size: 17px; line-height: 1.75; color: #f77900; text-align: left;}
.sec_jobdesc_v2 .sec_01 .txt_02{ font-size: 17px; line-height: 1.75; text-align: left;}
.sec_jobdesc_v2 .sec_01 .list_01{ font-size: 16px; line-height: 1.75; padding: 0; color: #333333;}
.sec_jobdesc_v2 .sec_01 .list_01 li::before{ content: "・";}
.sec_jobdesc_v2 .sec_01 .list_01 li{ text-indent: -0.5em; padding: 0 0 0 0.5em;}
.sec_jobdesc_v2 .box_btn{ text-align: center;}

@media screen and (max-width: 600px) {
.sec_jobdesc_v2{ padding: 0 0 50px;}
.sec_jobdesc_v2 .cmn_tit_01{ padding: 30px 5% 20px;}
.sec_jobdesc_v2 .cmn_tit_01 .ja{ font-size: 19px;}
.sec_jobdesc_v2 .txt_01{ text-align: center; font-size: 16px; line-height: 1.75; padding: 0 5% 30px;}
.sec_jobdesc_v2 .inner{ flex-direction: column; }
.sec_jobdesc_v2 .sec_01{ width: 100%; margin: 0 0 30px;}
.sec_jobdesc_v2 .sec_01 .box_img{ width: 100%; margin: 0 auto;}
.sec_jobdesc_v2 .sec_01 .tit_01{ font-size: 19px; line-height: 1.5; padding: 20px 0 0;}
.sec_jobdesc_v2 .sec_01 .sub{ font-size: 16px; line-height: 1.7;}
.sec_jobdesc_v2 .sec_01 .txt_02{ font-size: 15px; line-height: 1.7;}
.sec_jobdesc_v2 .sec_01 .list_01{ font-size: 15px; line-height: 1.75; padding: 10px 0 0;}
.sec_jobdesc_v2 .box_btn{ padding: 0 5%;}
}

/* ---------------------------------------------------
Section Job description
------------------------------------------------------ */
/* テーマver.3移行後は下記不要なので折を見て削除する ここから */
.sec_jobdesc{ padding: 0 0 100px;}
.sec_jobdesc .cmn_tit_01{ padding: 60px 0 30px;}
.sec_jobdesc .txt_01{ text-align: center; font-size: 18px; line-height: 1.75; padding: 0 0 60px;}
.sec_jobdesc .inner{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec_jobdesc .sec_01{ width: 30.3%; margin: 0 0 70px; position: relative;}
.sec_jobdesc .sec_01 .box_img{ width: 360px;}
.sec_jobdesc .sec_01 .box_img img{ width: 100%; height: auto;}
.sec_jobdesc .sec_01 .tit_01{ font-size: 24px; font-weight: 700; line-height: 1.5; padding: 30px 0 10px;}
.sec_jobdesc .sec_01 .list_01{ font-size: 16px; line-height: 1.75; padding: 0; color: #333333;}
.sec_jobdesc .sec_01 .list_01 li::before{ content: "・";}
.sec_jobdesc .sec_01 .list_01 li{ text-indent: -0.5em; padding: 0 0 0 0.5em;}
.sec_jobdesc .box_btn{ text-align: center;}

@media screen and (max-width: 600px) {
.sec_jobdesc{ padding: 0 0 50px;}
.sec_jobdesc .cmn_tit_01{ padding: 30px 5% 20px;}
.sec_jobdesc .cmn_tit_01 .ja{ font-size: 19px;}
.sec_jobdesc .txt_01{ text-align: left; font-size: 14px; line-height: 1.75; padding: 0 5% 30px;}
.sec_jobdesc .inner{ flex-direction: column; }
.sec_jobdesc .sec_01{ width: 100%; margin: 0 0 30px;}
.sec_jobdesc .sec_01 .box_img{ width: 100%; margin: 0 auto;}
.sec_jobdesc .sec_01 .tit_01{ font-size: 19px; line-height: 1.5; padding: 20px 0 0;}
.sec_jobdesc .sec_01 .list_01{ font-size: 15px; line-height: 1.75; padding: 10px 0 0;}
.sec_jobdesc .box_btn{ padding: 0 5%;}
}
/* テーマver.3移行後は上記不要なので折を見て削除する ここまで */

/* ----共通 無料デモサイト申し込みブロック Overwrite---- */
.cmn_trial .trial_txt_01{ top: 90px;}
.cmn_trial .trial_btn_01{ bottom: 70px; margin: 0 0 0 -460px;}

@media screen and (max-width: 600px) {
.cmn_trial .trial_txt_01{ top: inherit;}
.cmn_trial .trial_btn_01{ bottom: inherit; margin: 0 auto;}
}

/* ---------------------------------------------------
Section Case Studies
------------------------------------------------------ */
.sec_casestudies{ padding: 0 0 90px;}
.sec_casestudies .txt_01{ font-size: 24px; text-align: center;}
.sec_casestudies .txt_01 .num{ display: inline-block; font-weight: 700; font-size: 60px; background: #ff8204; background: linear-gradient(90deg, rgba(251,159,25,1) 15%, rgba(255,130,4,1) 85%); -webkit-background-clip: text; color: transparent; }
.sec_casestudies .txt_02{ font-size: 16px; text-align: center;}
.sec_casestudies .box_ticker{ margin: 50px 0; width: 100%;}
.sec_casestudies .box_ticker .box_case{ padding: 0 20px;}
.sec_casestudies .img{ width: 100%;}
.sec_casestudies .img img{ width: 100%; height: auto;}
.sec_casestudies .status{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding: 10px 0 5px;}
.sec_casestudies .status li{ border: solid 1px #cbcbcb; padding: 5px 10px; margin: 0 5px 5px 0; font-size: 14px; line-height: 1;}
.sec_casestudies .tit{ font-size: 16px; line-height: 1.4;}
.sec_casestudies .box_btn{ text-align: center;}

@media screen and (max-width: 600px) {
.sec_casestudies{ padding: 0 0 40px;}
.sec_casestudies .txt_01{ font-size: 18px;}
.sec_casestudies .txt_01 .num{ font-size: 40px;}
.sec_casestudies .txt_02{ font-size: 14px;}
.sec_casestudies .box_ticker{ margin: 30px 0;}
.sec_casestudies .box_ticker .box_case{ padding: 0 10px;}
.sec_casestudies .status{ padding: 10px 0 5px;}
.sec_casestudies .status li{ padding: 2px 3px; margin: 0 3px 3px 0; font-size: 10px; line-height: 1;}
.sec_casestudies .tit{ font-size: 15px; line-height: 1.4;}
.sec_casestudies .box_btn{ padding: 0 5%;}
}

/* ---------------------------------------------------
共通 Section Information / Column Overwrite
------------------------------------------------------ */
@media screen and (max-width: 600px) {
.cmn_sec_info .cmn_tit_01 .ja,
.cmn_sec_column .cmn_tit_01 .ja{ font-size: 20px;}
}

/* ---------------------------------------------------
Section Downloads
------------------------------------------------------ */
.sec_downloads{ width: 90%; max-width: 1360px; margin: 0 auto; border-bottom: solid 1px #e4e4e4; padding: 0 0 80px;}
.sec_downloads ul{ list-style-type: none; width: 90%; max-width: 1060px; margin: 0 auto; display: flex; justify-content: space-between;}
.sec_downloads ul li{ width: 30.3%; }
.sec_downloads .img img{ width: 100%; height: auto;}
.sec_downloads .tit{ font-size: 18px; font-weight: bold; line-height: 1.4; padding: 10px 0;}
.sec_downloads .body{ font-size: 16px; line-height: 1.7;}
.sec_downloads .btn{ font-size: 16px; font-weight: bold; line-height: 1.1; padding: 20px 0 0; text-align: right;}
.sec_downloads .btn a{ color: #f77900; position: relative; padding: 0 12px 0 0;}
.sec_downloads .btn a::after{ content: ""; width: 6px; height: 6px; border-bottom: solid 1px #f77900; border-right: solid 1px #f77900; transform: rotate(-45deg); transform-origin: center center; display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0;}
.sec_downloads .box_btn{ text-align: center; padding: 50px 0 0;}

@media screen and (max-width: 600px) {
.sec_downloads{ padding: 0 0 50px;}
.sec_downloads ul{ width: 100%; max-width: 100%; flex-direction: column;}
.sec_downloads ul li{ width: 100%; padding: 0 0 30px;}
.sec_downloads .tit{ font-size: 16px; line-height: 1.4; padding: 10px 0;}
.sec_downloads .body{ font-size: 15px; line-height: 1.7;}
.sec_downloads .btn{ font-size: 15px; line-height: 1.1; padding: 10px 0 0;}
.sec_downloads .box_btn{ padding: 0;}
}

/* ---------------------------------------------------
Section FAQ
------------------------------------------------------ */
.sec_faq{ padding: 0 0 90px;}
.sec_faq .txt_01{ text-align: center; font-size: 18px; line-height: 1.7; padding: 0 0 40px;}
.sec_faq dl{ border: solid 2px #d6d6d6; border-radius: 10px; background: #fff; margin: 0 0 20px; box-sizing: border-box; font-size: 16px; line-height: 1.6; padding: 0 0 30px;}
.sec_faq dl dt{ padding: 45px 90px 20px 100px; font-weight: bold; position: relative; cursor: pointer;}
.sec_faq dl dt::before{ content: ""; background: url("../img/txt_q_01.svg") no-repeat 0 0; width: 24px; height: 35px; display: block; position: absolute; top: 40px; left: 50px;}
.sec_faq dl dt::after{ content: ""; display: block; width: 15px; height: 15px; border-bottom: solid 2px #f77900; border-right: solid 2px #f77900; transform: rotate(45deg); transform-origin: center center; position: absolute; top: 45px; right: 40px; transition: transform 0.5s;}
.sec_faq dl dt.active::after{ transform: rotate(-135deg);}
.sec_faq dl dd{ border-top: dashed 1px #bcbcbc; margin: 0 90px 0 40px; padding: 25px 0 0 130px; position: relative;}
.sec_faq dl dd::before{ content: ""; background: url("../img/txt_a_01.svg") no-repeat 0 0; width: 24px; height: 28px;  display: block; position: absolute; top: 20px; left: 80px;}
.sec_faq .box_btn{ text-align: center; padding: 50px 0 0;}

@media screen and (max-width: 600px) {
.sec_faq{ padding: 0 0 50px;}
.sec_faq .cmn_tit_01 .ja{ font-size: 21px;}
.sec_faq .txt_01{ text-align: left; font-size: 16px; line-height: 1.7; padding: 0 5% 20px;}
.sec_faq dl{ margin: 0 0 20px; font-size: 15px; line-height: 1.6; padding: 0 0 10px;}
.sec_faq dl dt{ padding: 20px 45px 10px 50px;}
.sec_faq dl dt::before{ top: 14px; left: 15px;}
.sec_faq dl dt::after{ top: 19px; right: 20px;}
.sec_faq dl dd{ margin: 0 45px 0 20px; padding: 15px 0 10px 45px;}
.sec_faq dl dd::before{ top: 10px; left: 10px;}
.sec_faq .box_btn{ padding: 10px 5% 0;}
}

/* ---------------------------------------------------
	Global Footer (/services/の下層ページで適用されるフッター) Overwrite
------------------------------------------------------ */
.ft_serv_01 .ft_logo{ width: 380px;}
.ft_serv_01 .ft_serv_01_in{ width: 820px;}
.ft_serv_01 .ft_links ul{ flex-direction: row;}
.ft_serv_01 .ft_links ul li{ padding: 5px 0; margin: 0 30px 0 0;}

@media screen and (max-width: 600px) {
.ft_serv_01 .ft_logo{ width: 90%;}
.ft_serv_01 .ft_serv_01_in{ width: 90%;}
.ft_serv_01 .ft_links ul{ flex-direction: column;}
.ft_serv_01 .ft_links ul li{ padding: 5px 0; margin: 0;}
}