@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1665px以下*/
@media screen and (max-width: 1665px){
	/* 	==========(採用情報ページ)1665px以下=========== */
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 21px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		font-size: 32px;
	}
	/* 	==========(会社概要ページ)1665px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 30px;
	}
	.entry-content #sec_joho dd {
		font-size: 29px;
	}
}

/*1551px以上*/
@media screen and (min-width: 1551px){
/* 	.entry-content #item_4 {
		padding-right: 36%;
	} */
}

/*1550px以下*/
@media screen and (max-width: 1550px){
	.entry-content .footer_bottom {
		font-size: 20px !important;
	}
	.entry-content .bottom_nav a {
		font-size: 20px;
	}
	.entry-content .custom-header-cover h1 {
		font-size: 55px;
	}
	/* 	==========(採用情報ページ)1550px以下=========== */
	.entry-content #saiyo_main h2 {
		font-size: 36px;
		border-bottom: solid 7px #5bc1c8;
	}
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 20px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		font-size: 29px;
	}
	.entry-content #saiyo_sec_3 #saiyo_div_3 h2 {
		font-size: 32px;
	}
	.entry-content #saiyo_sec_3 dt {
		font-size: 24px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dd {
		font-size: 22px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content .entry_link {
		font-size: 28px;
	}
	.entry-content .button_link {
		font-size: 27px;
		border-radius: 52px;
	}
	.entry-content .button_link i {
		font-size: 38px;
	}
	.entry-content .button_link {
		filter: drop-shadow(3px 8px 0 #a2bacd);
	}
	/* 	==========(事業紹介ページ)1550px以下=========== */
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 28px !important;
	}
	.entry-content .jigyo_arrange_sentences {
		font-size: 23px !important;
	}
	.wrapper h2 {
		font-size: 33px !important;
	}
	.entry-content #jigyo_main .card_container h2 {
		font-size: 27px;
	}
	.entry-content #jigyo_main .card h3 {
		font-size: 27px;
	}
	.entry-content #jigyo_main .card p {
		font-size: 18px;
	}
	.entry-content #jigyo_main .j_sec_3_card {
		font-size: 17px;
	}
	.entry-content #jigyo_main .j_sec_3_card strong {
		font-size: 27px;
	}
/* 	.entry-content #item_4 {
		padding-right: 30%;
	} */
	/* 	==========(お問い合わせページ)1550px以下=========== */
	.entry-content #inquiry_sec_text_div p {
		font-size: 22px;
	}
	.entry-content .table-res-form {
		font-size: 24px;
	}
	.entry-content .custom-submit::before {
		font-size: 37px;
	}
	.entry-content .custom-submit {
		font-size: 43px;
		border-radius: 52px;
		filter: drop-shadow(3px 8px 0 #a2bacd);
	}
	.entry-content form .wpcf7-response-output {
		font-size: 38px;
	}
}




/*1360px以下*/
@media screen and (max-width: 1360px){
	/* 	==========(全ページ共通)1360px以下=========== */
	.entry-content .entry_link {
		font-size: 25px;
	}
	.entry-content .button_link {
		font-size: 24px;
		border-radius: 46px;
	}
	.entry-content .button_link i {
		font-size: 33px;
	}
	.entry-content .button_link {
		filter: drop-shadow(3px 7px 0 #a2bacd);
	}
	.entry-content .bottom_nav a {
		font-size: 18px !important;
	}
	.entry-content .footer_area .footer_bottom {
		font-size: 18px !important;
	}
	.global-nav .test_top_nav ul li {
		width: 96px;
		height: 58px;
	}	
	.global-nav .test_top_nav {
		font-size: 16px;
	}
	/* 	==========(TOP(index)ページ)1360px以下=========== */
	.entry-content #top_visual_flex {
		margin-top: 61px;
	}
	.entry-content .test_top_visual_div h1 {
		font-size: 35px;
	}
	.entry-content #top_visu_margin.test_top_visual_div p {
		font-size: 22px;
	}
	.entry-content #top_visu_margin.test_top_visual_div strong {
		font-size: 29px;
	}
	.entry-content #top_visu_p span {
		font-size: 36px;
	}
	.entry-content #index_main h2 {
		font-size: 33px;
		border-bottom: solid 7px #5bc1c8;
	}
	.entry-content .arrange_sentences {
		font-size: 20px;
	}
	ul.sec_1_ul li {
		font-size: 22px;
	}
	.entry-content #item8 {
		font-size: 25px;
	}
	.entry-content #item8:hover {
		font-size: 29px;
	}
	.entry-content #sec_1 h3 {
		font-size: 29px;
	}
	.entry-content #sec_2 h3 {
		font-size: 31px;
	}
	.entry-content #sec_2_p_st strong {
		font-size: 26px;
	}
	
	
	/* 	==========(事業紹介ページ)1360px以下=========== */
	.container .entry-content .custom-header-cover {
		margin-top: 61px;
	}
	.entry-content .custom-header-cover h1 {
		font-size: 48px;
	}
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 29px !important;
	}
	.entry-content #jigyo_sec_1 .jigyo_arrange_sentences {
		font-size: 20px !important;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 25px !important;
	}
	.entry-content #jigyo_main .card_container h2 {
		font-size: 24px;
	}
	.entry-content #jigyo_main .card h3 {
		font-size: 23px;
	}
	.entry-content #jigyo_main .card p {
		font-size: 15px;
	}
	.entry-content #jigyo_main .j_sec_3_card {
		font-size: 15px;
	}
	.entry-content #jigyo_main .j_sec_3_card strong {
		font-size: 23px;
	}
	
	/* 	==========(会社概要ページ)1360px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 25px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #sec_joho dd {
		font-size: 23px;
		border-bottom: dotted 2px #5d5c5c;
	}
	
	/* 	==========(お問い合わせページ)1360px以下=========== */
	.entry-content #inquiry_sec_text_div p {
		font-size: 19px;
	}
	.entry-content .table-res-form {
		font-size: 21px;
	}
	.entry-content .custom-submit::before {
		font-size: 33px;
	}
	.entry-content .custom-submit {
		font-size: 38px;
		border-radius: 46px;
		filter: drop-shadow(4px 7px 0 #a2bacd);
	}
	.entry-content form .wpcf7-response-output {
		font-size: 33px;
	}
	/* 	==========(採用情報ページ)1360px以下=========== */
	.entry-content #saiyo_main h2 {
		font-size: 32px;
		border-bottom: solid 6px #5bc1c8;
	}
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 17px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		font-size: 25px;
	}
	.entry-content #saiyo_sec_3 #saiyo_div_3 h2 {
        font-size: 28px;
    }
	.entry-content #saiyo_sec_3 dt {
		font-size: 20px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dd {
		font-size: 18px;
		border-bottom: dotted 2px #5d5c5c;
	}
}
/* 1360px以下終わり */


/*1200px以下始まり*/
@media screen and (max-width: 1200px){

	.entry-content .button_link {
		font-size: 21px;
		border-radius: 41px;
	}
	.entry-content .button_link i {
		font-size: 29px;
	}	
	.entry-content .button_link {
		filter: drop-shadow(4px 8px 0 #a2bacd);
	}
	.entry-content .bottom_nav a {
		font-size: 16px !important;
	}	
	.entry-content .footer_area .footer_bottom {
		font-size: 19px !important;
	}	
	.entry-content .entry_link {
		font-size: 22px;
		border: solid #89d0fc 3px;
	}
	
	.entry-content .arrow_link a {
		font-size: 33px;
		padding: 0px 10px;
	}
	
	/* 	==========(TOP(index)ページ)1200px以下=========== */
	.entry-content .test_top_visual_div h1 {
		font-size: 31px;
	}	
	.entry-content #top_visu_margin.test_top_visual_div p {
		font-size: 20px;
	}
	.entry-content #top_visu_margin.test_top_visual_div strong {
		font-size: 25px;
	}
	.entry-content #top_visu_margin.test_top_visual_div span {
		font-size: 31px;
	}
	.entry-content #index_main h2 {
		font-size: 28px;
		border-bottom: solid 7px #5bc1c8;
	}
	.entry-content .arrange_sentences {
		font-size: 18px;
	}
	.entry-content #item8 {
		font-size: 20px;
	}
	.entry-content #item8:hover {
		font-size: 22px;
	}
	.entry-content #sec_1 h3 {
		font-size: 28px;
	}
	.entry-content #sec_2 h3 {
		font-size: 28px;
	}
	.entry-content #sec_2_p_st strong {
		font-size: 24px;
	}
	ul.sec_1_ul li {
		font-size: 17px;
	}
		
	/* 	==========(事業紹介ページ)1200px以下=========== */
	.entry-content .custom-header-cover h1 {
		font-size: 43px;
	}
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 26px !important;
	}
	.entry-content #jigyo_sec_1 .jigyo_arrange_sentences {
		font-size: 18px !important;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 21px !important;
	}
	.entry-content #jigyo_main .card_container h2 {
		font-size: 22px;
	}
	.entry-content #jigyo_main .card h3 {
		font-size: 21px;
	}
	.entry-content #jigyo_main .card p {
		font-size: 14px;
	}
	.entry-content #jigyo_main .j_sec_3_card {
		font-size: 14px;
	}
	.entry-content #jigyo_main .j_sec_3_card strong {
		font-size: 21px;
	}
	/* 	==========(会社概要ページ)1200px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 22px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #sec_joho dd {
		font-size: 20px;
		border-bottom: dotted 2px #5d5c5c;
	}
	/* 	==========(採用情報ページ)1200px以下=========== */
	.entry-content #saiyo_main h2 {
		font-size: 28px;
		border-bottom: solid 6px #5bc1c8;
	}
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 16px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		font-size: 23px;
	}
	.entry-content #saiyo_sec_3 #saiyo_div_3 h2 {
        font-size: 25px;
    }
	.entry-content #saiyo_sec_3 dt {
		font-size: 18px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dd {
		font-size: 16px;
		border-bottom: dotted 2px #5d5c5c;
	}
	/* 	==========(お問い合わせページ)1200px以下=========== */
	.entry-content #inquiry_sec_text_div p {
		font-size: 17px;
	}
	.entry-content .table-res-form {
		font-size: 19px;
	}
	.entry-content .custom-submit::before {
		font-size: 29px;
	}
	.entry-content .custom-submit {
		font-size: 33px;
		border-radius: 41px;
		filter: drop-shadow(4px 6px 0 #a2bacd);
	}
	.entry-content form .wpcf7-response-output {
		font-size: 30px;
	}
}

/*1100px以下*/
@media screen and (max-width: 1100px){
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 15px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		font-size: 21px;
	}
	
}
	
	
/*1024px以下*/
@media screen and (max-width: 1024px){
	.global-nav .test_top_nav ul li {
		width: 88px;
		height: 54px;
	}
	.container .entry-content .custom-header-cover {
		margin-top: 57px;
	}
	.entry-content #top_visual_flex {
		margin-top: 57px;
	}
	.global-nav .test_top_nav {
		font-size: 14px;
	}	
	.entry-content .test_top_visual_div h1 {
		font-size: 27px;
	}
	.entry-content #top_visu_margin.test_top_visual_div p {
		font-size: 17px;
	}
	.entry-content #top_visu_margin.test_top_visual_div strong {
		font-size: 23px;
	}
	.entry-content #top_visu_margin.test_top_visual_div span {
		font-size: 27px;
	}
	.entry-content #index_main h2 {
		font-size: 25px;
		border-bottom: solid 5px #5bc1c8;
	}
	.entry-content .arrange_sentences {
		font-size: 17px;
	}
	.entry-content #item8 {
		font-size: 18px;
	}
	.entry-content #item8:hover {
		font-size: 21px;
	}
	ul.sec_1_ul li {
		font-size: 14px;
		letter-spacing: 0.1em;
	}
	.entry-content #sec_1 h3 {
		font-size: 27px;
	}
	.entry-content #sec_2 h3 {
		font-size: 23px;
	}
	.entry-content #sec_2_p_st strong {
		font-size: 20px;
/* 		line-height: 0.5; */
	}
	
	.entry-content .button_div .button_link {
		font-size: 18px;
		border-radius: 35px;
	}
	.entry-content .button_link i {
		font-size: 26px;
	}
	.entry-content .button_link {
        filter: drop-shadow(3px 6px 0 #a2bacd);
    }
	.entry-content .bottom_nav a {
		font-size: 15px !important;
	}
	.entry-content .footer_area .footer_bottom {
		font-size: 16px !important;
	}	
	.entry-content .entry_link {
		font-size: 19px;
		padding: 19.5% 14px 11.5% 16px;
	}
	.entry-content .arrow_link a {
		font-size: 35px;
		padding: 0px 11px;
		transform: scale(1.2, 0.88);
		border-radius: 9px;
	}
	/* 	==========(事業紹介ページ)1024px以下=========== */
	.entry-content .custom-header-cover h1 {
		font-size: 36px;
	}
	.entry-content #jigyo_sec_1 .wrapper h2 {
        font-size: 22px !important;
    }
	.entry-content #jigyo_sec_1 .jigyo_arrange_sentences {
		font-size: 15px !important;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 17px !important;
	}
	.entry-content #jigyo_main .card_container h2 {
        font-size: 20px;
    }
	.entry-content #jigyo_main .card h3 {
        font-size: 18px;
    }
	.entry-content #jigyo_main .j_sec_3_card {
		font-size: 13px;
	}
	/* 	==========(会社概要ページ)1024px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 18px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #sec_joho dd {
		font-size: 16px;
		border-bottom: dotted 2px #5d5c5c;
	}
	/* 	==========(採用情報ページ)1024px以下=========== */
	.entry-content #saiyo_main h2 {
		font-size: 24px;
		border-bottom: solid 5px #5bc1c8;
	}
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 14px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
        font-size: 21px;
    }
	.entry-content .saiyo_sec_2_textdiv {
		padding-left: 4%;
	}
	/* 	==========(お問い合わせページ)1024px以下=========== */
	.entry-content #inquiry_sec_text_div p {
		font-size: 16px;
	}
	.entry-content .table-res-form {
		font-size: 17px;
	}
	.entry-content .custom-submit::before {
		font-size: 25px;
	}
	.entry-content .custom-submit {
		font-size: 28px;
		border-radius: 35px;
		filter: drop-shadow(3px 5px 0 #a2bacd);
	}
	.entry-content form .wpcf7-response-output {
		font-size: 28px;
	}
}

/*955px以下*/
@media screen and (max-width: 955px){
	/* 	==========(採用情報ページ)955px以下=========== */
	.entry-content .saiyo_sec_2_textdiv {
		font-size: 13px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
        font-size: 18px;
    }
    .entry-content #saiyo_sec_3 dt {
        width: 26%;
    }
}
	
/*900px以下*/
@media screen and (max-width: 900px){
	.entry-content .entry_link {
		padding: 19.5% 11px 11.5% 13px;
	}
/* 	.entry-content #item_4 {
        padding-right: 41%;
        letter-spacing: normal;
    } */
	.entry-content .custom-submit::after {
		top: 53%;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 16px !important;
	}	
}





/*834px以下*/
@media screen and (max-width: 834px){
	.article ul, .article ol {
		padding-left: 0;
	}
	.entry-content .custom-header-cover h1 {
        font-size: 32px;
    }
	.entry-content #top_visual_flex {
		margin-top: 57px;
	}
	.global-nav .test_top_nav {
		font-size:11px;
	}
	.entry-content .test_top_visual_div {
		padding-top: 7%;
	}
	.entry-content .test_top_visual_div h1 {
		font-size: 22px;
	}
	.entry-content #top_visu_margin.test_top_visual_div p {
		font-size: 14px;
	}
	.entry-content #top_visu_margin.test_top_visual_div strong {
		font-size: 18px;
	}
	.entry-content #top_visu_margin.test_top_visual_div span {
		font-size: 22px;
	}
	.entry-content #index_main h2 {
		font-size: 21px;
		border-bottom: solid 4px #5bc1c8;
	}
	.entry-content .arrange_sentences {
		font-size: 15px;
	}
	.entry-content #sec_1_ul_color {
		font-size: 11px;
	}
	.entry-content ul.sec_1_ul li {
		border: solid 1.85px #ffffff;
		font-size: 12px;
	}
	.entry-content #item8 {
		font-size: 15px;
	}
	.entry-content #item8:hover {
		font-size: 17px;
	}
	.entry-content #sec_1 h3 {
		font-size: 18px;
	}
	.entry-content #sec_2 h3 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.entry-content #sec_2_p_st strong {
		font-size: 17px;
/* 		line-height: 0.5; */
	}
	.entry-content .button_div .button_link {
		font-size: 19px;
		border-radius: 28px;
	}
	.entry-content .button_link i {
		font-size: 27px;
	}
	.entry-content .button_link {
        filter: drop-shadow(3px 4px 0 #a2bacd);
    }
	.entry-content .footer_area nav {
		padding: 1% 0 1%;
	}
	.entry-content .bottom_nav a {
		font-size: 14px !important;
	}
	.entry-content .footer_area .footer_bottom {
		font-size: 15px !important;
		padding: 3% 3%;
	}
	.entry-content .entry_link {
		font-size: 15px;
		border: solid #89d0fc 2px;
		padding: 19.5% 10px 11.5% 12px;
	}
	.entry-content .arrow_link a {
		font-size: 34px;
		padding: 4px 13px;
		transform: scale(1.1, 0.8);
		border-radius: 9px;
	}
/* 	.arrow_link a:hover {
		background-color: initial;
		color: initial;
	}
	.arrow_link a:active {
		border: solid 3px #38b9d4;
		background-color: #fff;
		color: #38b9d4;
	} */
/* ハンバーガーメニュー【スライドアニメーション部分(スマホ用）】 */
	  .entry-content .test_top_nav {
		position: fixed;
		top: 0;
		left: -300px;
		width: 300px;
		height: 100vh;
		background: #ffffff;
		transition: left 0.4s ease, opacity 0.4s ease;
		opacity: 0;
		z-index: 3;
	  }

	.mask {
		display: none;
	  }

	.entry-content .global-nav.open .mask {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.6);
		z-index: 9998; 	
	}
	.entry-content .test_top_nav ul li::before {
		transition: 0.1s;
	}
	/* 	==========(事業紹介ページ)834px以下=========== */
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 19px !important;
		padding-top: 2%;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 15px !important;
	}
	.entry-content #jigyo_sec_1 .jigyo_arrange_sentences {
		font-size: 14px !important;
		padding-right: 9%;
		padding-left: 6%;
	}
	.entry-content #jigyo_main .card-wrapper .card {
		margin-bottom: 4%;
        padding: 0 2%;
	}
	.entry-content #jigyo_main .card-wrapper {
		padding: 0 2%;
	}
	.entry-content #jigyo_main .j_sec_3_card {
        font-size: 13px;
    }
	    .entry-content #jigyo_main .j_sec_3_card strong {
        font-size: 18px;
    }
/* 	.entry-content #item_4 {
		padding-right: 48%;
		letter-spacing: normal;
	} */
	/* 	==========(会社概要ページ)834px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 15px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #sec_joho dd {
		font-size: 14px;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #sec_joho dl {
		width: 67%;
	}
	/* 	==========(採用情報ページ)834px以下=========== */
	.entry-content #saiyo_sec_3 dl {
		width: 85%;
	}
	.entry-content #saiyo_sec_3 dt {
		font-size: 15px;
		width: 25%;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dd {
		font-size: 15px;
		width: 70%;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #saiyo_sec_2 .saiyo_flex {
		margin-bottom: 0%;
		flex-direction: column;
		padding-right: 0;
	}
	.entry-content #images_flex_start {
		align-self: center;
	}
	.entry-content .stacked_images {
		width: 70%;
	}
	.entry-content #images_flex_end {
		align-self: center;
	}
	.entry-content .saiyo_sec_2_textdiv {
		width: 75%;
		padding-left: 6%;
	}
	.entry-content .saiyo_flex #saiyo_right_text_group {
		padding-left: 6%;
		line-height: 2;
	}
	.entry-content .saiyo_sec_2_textdiv {
        font-size: 15px;
    }
	.entry-content .saiyo_sec_2_textdiv strong {
        font-size: 23px;
    }
	.entry-content .saiyo_sec_2_textdiv #saiyo_p_ceo {
		text-align: end;
		margin-top: 11%;
		margin-bottom: 3%;
		padding-right: 7%;
	}
	/* 	==========(お問い合わせページ)834px以下=========== */
	.entry-content #inquiry_sec_text_div p {
		font-size: 16px;
	}
	.entry-content .table-res-form {
		font-size: 20px;
	}
	.entry-content .custom-submit::before {
		font-size: 20px;
	}
	.entry-content .custom-submit {
		font-size: 23px;
		border-radius: 28px;
		filter: drop-shadow(3px 6px 0 #a2bacd);
	}
	.entry-content .table-res-form th {
		width: 22%;
	}
	.entry-content form .wpcf7-response-output {
		font-size: 23px;
	}
}
/*760px以下*/
@media screen and (max-width: 760px){
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 14px !important;
	}
}




/*730px以下*/
@media screen and (max-width: 730px){
	/* 	==========(事業紹介ページ)730px以下=========== */
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
        font-size: 12px !important;
    }
	.entry-content .custom-submit::after {
		top: 53%;
		right: 48px;
	}
}
/*700px以下*/
@media screen and (max-width: 700px){
	.entry-content #saiyo_sec_3 dt {
		font-size: 15px;
		width: 28%;
		border-bottom: dotted 2px #5d5c5c;
	}
}
   


/*660px以下*/
@media screen and (max-width: 660px){
	.entry-content ul.sec_1_ul li {
		font-size: 11px;
	}
	.entry-content .saiyo_sec_2_textdiv p {
		margin: 0;
		letter-spacing: normal;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		letter-spacing: normal;
	}
}
/*615px以下*/
@media screen and (max-width: 615px){
	.entry-content .table-res-form {
		font-size: 18px;
	}
	.entry-content #saiyo_sec_3 dl {
        width: 87%;
    }
}

/*605px以下*/
@media screen and (max-width: 605px){
    .entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
        font-size: 11px !important;
    }
}

/*601px以上*/
@media screen and (min-width: 601px){
	.entry-content #jigyo_sec_1_ul_color {
		padding-right: 5%;
	}
}

/*600px以下*/
@media screen and (max-width: 600px){
	.entry-content .custom-header-cover {
		height: 20vh;
	}
	.entry-content .custom-header-cover img {
		height: 20vh;
	}
	.entry-content .test_top_visual_div {
		padding: 5% 2% 1% 2%;
	}
	.entry-content .test_top_visual_div h1 {
		font-size: 30px;
	}
	.entry-content #top_visu_margin.test_top_visual_div p {
		font-size: 18px;
	}
	.entry-content #top_visu_margin.test_top_visual_div strong {
		font-size: 25px;
	}
	.entry-content #top_visu_margin.test_top_visual_div span {
		font-size: 32px;
	}
	.entry-content #index_main h2 {
		font-size: 22px;
		border-bottom: solid 5px #5bc1c8;
	}
	.entry-content .arrange_sentences {
		font-size: 14px;
		padding-right: 9%;
	}
	.entry-content ul.sec_1_ul li {
		border: solid 1.85px #ffffff;
		font-size: 16px;
	}
	/* 	=========TOPページ【グリッドCSS：6列→3列】============= */
	.entry-content #sec_1 .sec_1_ul {
		grid-template-rows: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.sec_1_ul #item1 {
		grid-row: 1 / 2;
		grid-column: 1 / 3;
	}
	.sec_1_ul #item2 {
		grid-row: 1 / 2;
		grid-column: 3 / 4;
	}
	.sec_1_ul #item3 {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
	}
	.sec_1_ul #item4 {
		grid-row: 2 / 3;
		grid-column: 2 / 4;
	}
	.sec_1_ul #item5 {
		grid-row: 3 / 4;
		grid-column: 1 / 3;
	}
	.sec_1_ul #item6 {
		grid-row: 3 / 4;
		grid-column: 3 / 4;
	}
	.sec_1_ul #item7 {
		grid-row: 4 / 5;
		grid-column: 1 / 2;
	}
	.sec_1_ul #item8 {
		grid-row: 4 / 5;
		grid-column: 2 / 4;
	}
	.entry-content #item8 {
		font-size: 19px;
	}
	.entry-content #item8:hover {
		font-size: 21px;
	}
	.entry-content #sec_1 h3 {
		font-size: 20px;
	}
	.entry-content #sec_2 h3 {
		font-size: 19px;
		padding-bottom: 0;
	}
	.parallax_block img {
		height: 20vh;
	}
	#sec_2 img {
		object-fit: cover;
		height: 17vh;
	}
	.entry-content .bottom_nav a {
		font-size: 13px !important;
	}
	.entry-content .footer_area .footer_bottom {
        font-size: 14px !important;
    }
	.entry-content .entry_link {
		font-size: 14px;
		border: solid #89d0fc 2px;
		padding: 16.5% 15px 10.5% 17px;
	}
	.entry-content .entry_div {
		top: 55%;
	}
	.arrow_link {
		display: none;
	}
	/* 	=========スマホ版トップイメージ============= */
/* 	.entry-content #top_visual_flex {
        display: block;
        align-items: stretch;
        flex-direction: column;
        width: 100vw;
        max-width: none;
        margin-top: 17%;
        margin-bottom: 3%;
        aspect-ratio: unset;
        overflow: hidden;
    } */
/* 	.entry-content #top_visual_flex .test_top_visual_div {
        background-image: url(https://divination.sakura.ne.jp/esline/wp-content/uploads/2025/07/top_01-e1751449156543.jpg);
        background-size: cover;
        width: 100vw;
        background-position: center;
        background-repeat: no-repeat;
        clip-path: none;
        color: #ffffff;
        height: 100vh;
        padding: 4% 2% 26% 2%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 10;
        background-blend-mode: soft-light;
    }
	.column-60 {
		display: none;
	} */
	.entry-content .column-60 {
		display: none;
	}
	.entry-content #smartphone_top_image {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.entry-content #smartphone_top_image img {
		width: 100%;
		height: calc(100vh - 57px);
		object-fit: cover;
	}

	
	.entry-content #top_visual_flex {
		position: relative;
		display: block;
		width: 100%;
		height: calc(100vh - 57px);
		overflow: hidden;
	}
	.entry-content .test_top_visual_div {
		background: rgba(50, 102, 177, 0.5);
		clip-path: none;
		width: 100%;
		height: calc(100vh - 57px);
		z-index: 10;
		position: absolute;
	}
/*   #top_visu_margin,
  .column-60 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
  } */

/*   .column-60 {
    z-index: 0;
  } */

/*   .column-60 img {
    width: 100%;
    height: auto;
    object-fit: cover;
  } */

/*   .test_top_visual_div {
    clip-path: none;
    background: rgba(50, 102, 177, 0.6); 
    padding: 10vw 5vw;
    box-sizing: border-box;
    font-size: 4vw;
  } */

/*   #top_visu_margin p,
  #top_visu_margin h1 {
    font-size: 4vw;
    line-height: 1.5;
    margin: 2vw 0;
  } */
	/* 	=========事業紹介ページ【グリッドCSS：6列→3列】============= */
	.entry-content #jigyo_sec_1 .sec_1_ul {
		grid-template-rows: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}
	#jigyo_sec_1 #item_1 {
		grid-row: 1 / 2;
		grid-column: 1 / 3;
	}
	#jigyo_sec_1 #item_2 {
		grid-row: 1 / 2;
		grid-column: 3 / 4;
	}
	#jigyo_sec_1 #item_3 {
		grid-row: 2 / 3;
		grid-column: 2 / 4;
	}
	#jigyo_sec_1 #item_4 {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
	}
	#jigyo_sec_1 #item_5 {
		grid-row: 3 / 4;
		grid-column: 3 / 4;
	}
	#jigyo_sec_1 #item_6 {
		grid-row: 3 / 4;
		grid-column: 1 / 3;
	}
	#jigyo_sec_1 #item_7 {
		grid-row: 4 / 5;
		grid-column: 1 / 2;
	}
	#jigyo_sec_1 #item_8 {
		grid-row: 4 / 5;
		grid-column: 2 / 4;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
        font-size: 20px !important;
    }
	.entry-content #wrapper_wrapper .jigyo_arrange_sentences {
		font-size: 14px;
		padding: 0 9%;
	}
	.entry-content #wrapper_wrapper .wrapper h2 {
		font-size: 18px !important;
	}
	.j_sec_3_wrapper {
		flex-direction: column;
		align-items: flex-start; /* 左寄せにしたい場合 */
	}
	.j_sec_3_wrapper figure,
	.j_sec_3_card {
		width: 100%;
		padding-left: 0; /* モバイルではパディング不要ならリセット */
		text-align: center; /* 中央寄せにしたい場合 */
	}
	.entry-content #jigyo_main .j_sec_3_card {
		font-size: 13px;
		padding: 4% 3% 8%;
		margin: 0 auto;
		width: 80%;
	}
	.entry-content .j_sec_3_wrapper figure {
		width: 100%;
	}
	/* 	==========(会社概要ページ)600px以下=========== */
	.entry-content #sec_joho dl {
		width: 85%;
	}
	.entry-content #g_map {
		width: 100%;
		aspect-ratio: 1200 / 900;
	}
	/* 	==========(採用情報ページ)600px以下=========== */
	.entry-content .saiyo_flex .saiyo_sec_2_textdiv {
		font-size: 13px;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
        font-size: 20px;
		letter-spacing: normal;
    }
	.entry-content #saiyo_main h2 {
		font-size: 22px;
		border-bottom: solid 4px #5bc1c8;
	}
	.entry-content .saiyo_sec_2_textdiv p {
		margin: 0;
		letter-spacing: normal;
	}
	.entry-content #saiyo_sec_3 dd {
		font-size: 12px;
		width: 70%;
		border-bottom: dotted 2px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dt {
		font-size: 12px;
		width: 28%;
		border-bottom: dotted 2px #5d5c5c;
	}
	/* 	==========(お問い合わせページ)600px以下=========== */
	.entry-content #inquiry_top_cover img {
		object-position: left;
	}
	.entry-content #inquiry_sec_text_div p {
        font-size: 14px;
    }
	.entry-content #inquiry_sec_text_div p {
		padding: 0 6%;
	}
	.entry-content .table-res-form {
		font-size: 18px;
		width: 85%;
	}
	.entry-content .table-res-form th {
		width: 22%;
	}
	.entry-content .custom-submit::after {
		top: 51%;
		right: 37px;
	}
	.entry-content .custom-submit::before {
		font-size: 23px;
	}
	.entry-content .custom-submit {
		width: 41%;
		padding: 9% 6% 4% 2%;
		border-radius: 32px;
		font-size: 28px;
	}
	.entry-content form .wpcf7-response-output {
		font-size: 20px;
	}
}


/*556px以下*/
@media screen and (max-width: 556px){
	.entry-content .saiyo_sec_2_textdiv {
		width: 75%;
		padding-left: 3%;
	}
    .entry-content .saiyo_flex #saiyo_right_text_group {
        padding-left: 3%;
        line-height: 2;
    }
	.entry-content .saiyo_sec_2_textdiv #saiyo_p_ceo {
		padding-right: 2%;
	}
	.entry-content #saiyo_div_3 {
		padding-right: 0%;
	}
	.entry-content .table-res-form {
		font-size: 16px;
	}
	.entry-content #saiyo_sec_3 dl {
        width: 90%;
    }
}
	



/*480px以下*/
@media screen and (max-width: 480px){
	.entry-content .custom-header-cover h1 {
        font-size: 26px;
    }
	.entry-content #sec_1 .sec_1_ul {
		grid-template-rows: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.sec_1_ul #item1 {
		grid-row: 1 / 2;
		grid-column: 1 / 3;
	}
	.sec_1_ul #item2 {
		grid-row: 1 / 2;
		grid-column: 3 / 4;
	}
	.sec_1_ul #item3 {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
	}
	.sec_1_ul #item4 {
		grid-row: 2 / 3;
		grid-column: 2 / 4;
	}
	.sec_1_ul #item5 {
		grid-row: 3 / 4;
		grid-column: 1 / 3;
	}
	.sec_1_ul #item6 {
		grid-row: 3 / 4;
		grid-column: 3 / 4;
	}
	.sec_1_ul #item7 {
		grid-row: 4 / 5;
		grid-column: 1 / 2;
	}
	.sec_1_ul #item8 {
		grid-row: 4 / 5;
		grid-column: 2 / 4;
	}
	.entry-content ul.sec_1_ul li{
		font-size: 14px;
	}
	.entry-content #item8 {
        font-size: 17px;
    }
	.entry-content #index_main h2 {
		font-size: 21px;
		border-bottom: solid 4px #5bc1c8;
	}
	.entry-content #sec_1 h3 {
		font-size: 18px;
	}
	.entry-content #sec_2 h3 {
        font-size: 16px;
	}
	.entry-content .arrange_sentences {
        font-size: 13px;
        padding-right: 8%;
    }
	.parallax_block img {
		height: 18vh;
	}
	#sec_2 img {
		object-fit: cover;
		height: 18vh;
	}
	.entry-content .footer_area nav {
        padding: 3% 0 6%;
    }
	.entry-content .footer_area .footer_bottom {
		font-size: 13px;
		padding-bottom: 3%;
	}
	.entry-content .button_link {
		padding: 4.5% 6% 4.5% 7%;
	}
	.entry-content #item8 {
		font-size: 15px;
	}
	.entry-content #item8:hover {
		font-size: 17px;
	}
	/* 	===============事業紹介ページ================ */
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 15px !important;
		letter-spacing: 0.1em;
	}
	.entry-content #jigyo_sec_1 .jigyo_arrange_sentences {
		font-size: 13px !important;
		padding: 0 8%;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 16px !important;
	}
	.entry-content #jigyo_sec_1 {
		margin-bottom: 11%;
	}
	.entry-content #jigyo_sec_2 {
		margin-bottom: 6%;
	}
	/* 	==========(会社概要ページ)480px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 14px;
		border-bottom: dotted 1px #5d5c5c;
		width: 23%;
	}
	.entry-content #sec_joho dd {
		font-size: 13px;
		border-bottom: dotted 1px #5d5c5c;
		width: 77%;
	}
	.entry-content #sec_joho dl {
		width: 89%;
	}
	/* 	==========(採用情報ページ)480px以下=========== */
	.entry-content #saiyo_main h2 {
		font-size: 22px;
		border-bottom: solid 3px #5bc1c8;
	}
	.entry-content .saiyo_flex #saiyo_right_text_group {
		padding-left: 0% !important;
		line-height: 2;
	}
	.entry-content .stacked_images {
		width: 80%;
	}
	.entry-content .saiyo_sec_2_textdiv {
		width: 82%;
		padding-left: 0%;
	}
    .entry-content .saiyo_flex #saiyo_right_text_group {
        padding-left: 1%;
        line-height: 2;
    }
	.entry-content .saiyo_sec_2_textdiv #saiyo_p_ceo {
		padding-right: 11%;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
        font-size: 18px;
    }
	.entry-content #saiyo_div_3 {
		padding-right: 4%;
	}
	.entry-content #saiyo_sec_3 #saiyo_div_3 h2 {
		font-size: 21px;
	}
	.entry-content #saiyo_sec_3 dt {
		border-bottom: dotted 1px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dd {
		border-bottom: dotted 1px #5d5c5c;
	}
	/* 	==========(お問い合わせページ)480px以下=========== */
	.entry-content .custom-submit {
        width: 47%;
        padding: 11% 6% 4% 2%;
        border-radius: 32px;
        font-size: 28px;
    }
	.entry-content #inquiry_sec_text_div p {
		font-size: 12px;
	}
	.entry-content .table-res-form {
		font-size: 15px;
		width: 93%;
	}
	.entry-content form .wpcf7-response-output {
		font-size: 20px;
	}
}

/*400px以下*/
@media screen and (max-width: 400px){
	.entry-content .button_link {
		padding: 4.5% 6% 4.5% 7%;
	}
	.entry-content .button_div {
		padding: 11% 0 13% 0;
	}
	.entry-content .bottom_nav a {
		font-size: 12px !important;
	}
	.entry-content .footer_area nav {
        padding: 3% 0 9%;
    }
	.entry-content .footer_area .footer_bottom {
		font-size: 13px;
		padding-bottom: 8%;
	}
	.entry-content ul.sec_1_ul li {
		font-size: 13px;
	}
	.entry-content #sec_2 img {
		object-fit: cover;
		height: 20vh;
		max-width: 80%;
	}
	.entry-content .entry_link {
		font-size: 14px;
		border: solid #89d0fc 2px;
		padding: 15.5% 7px 8.5% 11px;
	}
	.entry-content .entry_div {
        top: 54%;
    }
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 14px !important;
	}
	.entry-content #jigyo_main .card_container h2 {
        font-size: 18px;
    }
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 14px !important;
	}
	.entry-content #jigyo_main .j_sec_3_card {
		width: 80%;
	}
	.entry-content .footer_area .footer_bottom {
		font-size: 13px !important;
/* 		column-gap: 12%; */
	}
	/* 	==========(会社概要ページ)400px以下=========== */
	.entry-content #sec_joho dt {
		font-size: 13px;
	}
	.entry-content #g_map {
		width: 100%;
		aspect-ratio: 1200 / 1000;
	}
	/* 	==========(採用情報ページ)400px以下=========== */
	.entry-content #saiyo_main h2 {
		font-size: 22px;
		border-bottom: solid 3px #5bc1c8;
	}
	.entry-content .saiyo_sec_2_textdiv {
		width: 85%;
		padding-left: 0%;
		padding-right: 4%;
	}
	.entry-content .saiyo_flex .saiyo_sec_2_textdiv {
		font-size: 12px;
	}
	.entry-content .saiyo_flex #saiyo_right_text_group {
        padding-left: 0%;
        padding-right: 4%;
        line-height: 2;
    }
	.entry-content .saiyo_sec_2_textdiv p {
		margin: 0;
		letter-spacing: normal;
	}
	.entry-content .saiyo_sec_2_textdiv strong {
		font-size: 17px;
		letter-spacing: normal;
	}
	.entry-content .saiyo_sec_2_textdiv #saiyo_p_ceo {
        padding-right: 9%;
    }
	.entry-content #saiyo_sec_3 #saiyo_div_3 h2 {
		font-size: 20px;
	}
	.entry-content #saiyo_sec_3 dd {
		font-size: 12px;
		width: 70%;
		border-bottom: dotted 1px #5d5c5c;
	}
	.entry-content #saiyo_sec_3 dt {
		font-size: 12px;
		width: 25%;
		border-bottom: dotted 1px #5d5c5c;
	}
	/* 	==========(お問い合わせページ)400px以下=========== */
	.entry-content .table-res-form {
        font-size: 14px;
        margin-left: 2%;
    }
	.entry-content .custom-submit {
        width: 50%;
        padding: 11% 6% 6% 2%;
        filter: drop-shadow(2px 5px 0 #a2bacd);
    }
	.entry-content .table-res-form td {
		width: 50%;
	}
	.entry-content .wpcf7-form textarea {
		height: 400px;
		resize: vertical;
	}
	.entry-content form .wpcf7-response-output {
		font-size: 19px !important;
	}
}

/*365px以下*/
@media screen and (max-width: 365px){
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 13px !important;
		letter-spacing: 0.2em;
	}
	.global-nav .test_top_nav {
		width: 226px;
	}
	
}


/*352px以下*/
@media screen and (max-width: 352px){
.entry-content ul.sec_1_ul li {
        font-size: 11px;
    }
	.entry-content #sec_1 h3 {
        font-size: 15px;
    }
	.entry-content #item8 {
        font-size: 13px;
    }
	.entry-content #item8:hover {
        font-size: 15px;
    }
	    .entry-content .button_div .button_link {
        font-size: 16px;
        border-radius: 22px;
    }
	    .entry-content .button_link i {
        font-size: 21px;
    }
	.entry-content .table-res-form td {
		width: 43%;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 12px !important;
	}
	.entry-content #jigyo_sec_1 .wrapper h2 {
        font-size: 15px !important;
        letter-spacing: normal;
    }
	.entry-content #sec_joho dd {
        font-size: 12px;
        border-bottom: dotted 1px #5d5c5c;
        width: 77%;
    }
	.entry-content #sec_joho dt {
		font-size: 12px;
	}
	.entry-content #saiyo_main h2 {
        font-size: 20px;
        border-bottom: solid 3px #5bc1c8;
    }
	.entry-content #saiyo_sec_1 img {
		width: 100%;
		height: 14vh;
	}
	.entry-content .footer_area .footer_bottom {
		font-size: 12px !important;
		padding: 0% 3% 4% 3%;
	}
	.entry-content #sec_joho dl {
		width: 92%;
	}
	.entry-content .custom-submit::after {
		top: 51%;
		right: 26px;
	}
	.entry-content #inquiry_sec .custom-submit-wrapper .custom-submit {
		width: 58% !important;
		padding: 11% 6% 6% 2%;
		filter: drop-shadow(2px 5px 0 #a2bacd);
	}
	.entry-content .custom-header-cover h1 {
        font-size: 25px;
    }
	.entry-content .ob-position img {
		object-position: -311px;
	}
	.entry-content form .wpcf7-response-output {
		font-size: 18px !important;
	}
}

/*311px以下*/
@media screen and (max-width: 311px){
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 14px !important;
		letter-spacing: normal;
	}
}


/*300px以下*/
@media screen and (max-width: 300px){
	.entry-content ul.sec_1_ul li {
		font-size: 10px;
	}
	.entry-content #index_main h2 {
        font-size: 19px;
        border-bottom: solid 3px #5bc1c8;
    }
	.entry-content .arrange_sentences {
        font-size: 12px;
        padding-right: 8%;
    }
	.entry-content #saiyo_main h2 {
		font-size: 19px;
		border-bottom: solid 3px #5bc1c8;
	}
	.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
		font-size: 11px !important;
	}
	.entry-content #jigyo_sec_1 .wrapper h2 {
		font-size: 14px !important;
		letter-spacing: normal;
	}
	.entry-content #jigyo_sec_1 .jigyo_arrange_sentences {
		font-size: 12px !important;
		padding: 0 8%;
	}
	.entry-content #jigyo_main .card_container h2 {
		font-size: 16px;
	}
	.entry-content #jigyo_main .card h3 {
		font-size: 16px;
	}
	.entry-content #jigyo_main .card p {
		font-size: 13px;
	}
	.entry-content #jigyo_main .j_sec_3_card {
		font-size: 12px;
		padding: 4% 0% 8%;
	}
	.entry-content #jigyo_main .j_sec_3_card strong {
		font-size: 15px;
	}
	.entry-content .bottom_nav ul {
		column-gap: 2%;
		font-size: 10px;
	}
	.entry-content .bottom_nav a {
        font-size: 11px !important;
    }
	.entry-content #inquiry_sec .custom-submit-wrapper .custom-submit {
		width: 60% !important;
		padding: 15% 6% 7% 2%;
		filter: drop-shadow(2px 5px 0 #a2bacd);
	}
	.entry-content .custom-submit::before {
		font-size: 18px;
	}
	.entry-content .custom-submit::after {
		top: 52%;
		right: 18px;
		font-size: 24px;
	}
	.entry-content .custom-header-cover h1 {
		font-size: 24px;
	}
	.entry-content form .wpcf7-response-output {
		font-size: 15px;
	}
}





/* ～レスポンシブ対応ここまで～ */


/* 全頁共通CSS【全体のwidth,他調整】 */
body{
	max-width: 1920px;
	margin: 0 auto;
	background-color: #ffffff;
	font-family: "Yu Gothic UI", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.all_main {
	max-width: 1920px;
	margin: 0 auto;
}
.entry-content .section_width_adjustment {
	max-width: none;
	letter-spacing: 0.2em;
}

/* 全頁共通CSS【cocoonデフォルト余白削除】 */
.entry-content {
	margin: 0;
}
.content {
	margin: 0;
}
.content-in main {
	padding: 0;
}
.entry-content #index_main {
	margin: 0;
}
ul {
	padding: 0;
}
article#post-12.post-12 {
	margin-bottom: 0;
}

/* 全頁共通CSS【cocoonデフォルト装飾リセット】 */
.article h2 {
	background: none;
}
.article h3 {
	border: none;
}

/* 全頁共通CSS【ｸﾞﾛｰﾊﾞﾙﾅﾋﾞｹﾞｰｼｮﾝ】 */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
li {
	list-style: none;
}
.test_top_nav {
	margin-bottom: 4px;
	font-size: 25px;
}
.test_nav_menu {
	max-width: none;
	font-weight: bold;
}
.test_top_nav ul {
	display: flex;
	justify-content: flex-end;
	padding-right: 5%;
	box-sizing: border-box;
}
.test_top_nav ul li {
	margin: 0 0 4px;
}
.test_top_nav ul li a {
	color: #326aac;
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.test_top_nav ul li a:hover {
	color: #2f5199;
}
.test_top_nav ul li:hover {
	background-color: #f6f8eb;
}
.test_top_nav ul li{
	position: relative;
	text-decoration: none;
	color: #1075ff;
	transition: 0.3s;
	display: flex;
    width: 170px;
    height: 124px;
}
.top_nav_top {
	width: 180px;
}
.test_top_nav ul li:hover{
	color: #0055df;
}
.test_top_nav ul li::before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -4px;
	width: 0;
	height: 6px;
	background: #70b9c2;
	transition: 0.3s;
}
.test_top_nav ul li:hover::before{
	left: 0;
	width: 100%;
}

/* ------------------------------
  PCサイズでのナビゲーション表示
------------------------------ */
.global-nav {
    max-width: 1920px;
    width: 100%;
    position: fixed;
    z-index: 900;
    top: 0;
    background-color: #ffffff;
}
/* .global-nav {
  isolation: isolate;
} */
/* .global-nav,
.test_top_nav {
  -webkit-transform-style: preserve-3d;
}
 */
.test_nav_menu {
    max-width: none;
    font-weight: bold;
}
.test_top_nav {
    margin-bottom: 0;
    font-size: 21px;
}
.test_top_nav ul {
    display: flex;
    justify-content: flex-end;
    padding-right: 5%;
    box-sizing: border-box;
}
.test_top_nav ul li {
    position: relative;
    text-decoration: none;
    color: #1075ff;
    transition: 0.3s;
    display: flex;
    width: 138px;
    height: 83px;
}
.test_top_nav ul li {
    margin: 0 0 4px;
}
.test_top_nav ul li a {
    color: #326aac;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.test_top_nav ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 6px;
    background: #70b9c2;
    transition: 0.3s;
}





/* 《indexページ》【header：TOP画像CSS】 */
.top_visual {
	width: 100%;
	height: 500x;
}
.top_visual_div {
	background: rgba(0, 91, 171, 0.9);
	width: 100%;
	height: 100%;
	clip-path: polygon(0 0, 99% 0, 50% 100%, 0% 100%);
	padding-top: 8%;
	padding-bottom: 5%;
	color: #ffffff;
}
#header_cover {
	max-width: none;
}

#top_visual_flex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	max-width: none;
	aspect-ratio: 120 / 47;
	margin-top: 86px;
	margin-bottom: 3%;
	position: relative;
	overflow: hidden;
}

.test_top_visual_div {
	flex: 0 0 70%;
	background: rgba(50, 102, 177, 1);
	color: #ffffff;
	clip-path: polygon(0 0, 91% 0, 59% 100%, 0% 100%);
	padding: 4% 2% 0% 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 10;
}
#top_visu_margin {
	margin-right: -44% !important;
	letter-spacing: 0.5em;
}
.test_top_visual_div h1 {
	font-size: 50px;
	letter-spacing: 0.2em;
	margin-bottom: 7%;
}
#top_visu_margin.test_top_visual_div h1,#top_visu_margin.test_top_visual_div p {
	margin-left: 8% !important;
}
#top_visu_margin.test_top_visual_div p {
	font-size: 32px;
	line-height: 1.5;
	margin-bottom: 4%;
}
#top_visu_margin.test_top_visual_div strong {
	font-size: 41px;
}
#top_visu_p {
	font-style: italic;
}
#top_visu_p span {
	font-size: 50px;
	letter-spacing: 0.2em;
}
.wp-block-columns .column-60 {
	flex-basis: 60% !important;
	max-width: 60% !important;
}
.wp-block-columns > .wp-block-column:not(.column-60) {
	flex-basis: 40% !important;
	max-width: 40% !important;
}
/* .column-60 {
	height: 100%;
	position: relative;
	z-index: 1;
}
.column-60 img {
	height: 100%;
	width: 100%;
	aspect-ratio: 1600 / 940;
} */

#top_visual_flex .column-60 {
	margin-bottom: 0;
	flex: 0 0 60%;
	position: relative;
	margin-left: auto !important;
	z-index: 1;
}

.column-60 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1600 / 940;
}

#smartphone_top_image {
	display: none;
}

/* 《indexページ》【header：entry_link,arrow_link CSS】 */
.entry_div {
	position: fixed;
	transform: translateZ(1px);
    will-change: transform;
	right: 0%;
    top: 26%;
	z-index: 2147483647 !important;
}
.entry_text {
	writing-mode: vertical-rl;
/* 	text-align: center; */
}
.entry_link {
	position: relative;
    display: inline-block;
/*     right: 0%;
    top: 26%; */
	padding: 14.5% 19px 7.5% 18px;
    font-size: 34px;
    color: #ffffff;
    background-color: #1c53a3;
    border: solid #89d0fc 4px;
/*     z-index: 200; */
}
.entry_link.entry_effect {
	opacity: 1;
	overflow: hidden;
	cursor: pointer;
}
.entry_link.entry_effect::before {
	background-color: #fff;
	content: "";
	display: block;
	top: -100px;
	left: 0;
	width: 30px;
	height: 100%;
	opacity: 0;
	transition: cubic-bezier(0.32, 0, 0.67, 0);
}

.entry_link {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}
.entry_link {
  box-sizing: border-box;
}
.entry_link:hover {
  color: #ffffff !important;
}

 
@keyframes entry_effect {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0.2;
  }
}
@media (hover: hover) and (pointer: fine) {
  .entry_link.entry_effect::before {
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    width: 30px;
    height: 100%;
    opacity: 0;
    transition: cubic-bezier(0.32, 0, 0.67, 0);
  }

  .entry_link.entry_effect:hover::before {
    animation: entry_effect 0.5s linear;
    animation-fill-mode: forwards;
  }
}

.arrow_link {
	position: fixed;
	z-index: 2147483647 !important;
	bottom: 0%;
	right: 3%;
	transform: translateZ(1px);
	will-change: transform;
}
.arrow_link a {
	font-size: 52px;
	transform: scale(1.4, 1.0);
	color: #ffffff;
	background-color: #38b9d4;
	text-align: center;
/* 	justify-content: center; */
	border-radius: 16px;
/* 	position: fixed; */
/* 	right: 4%;
	bottom: 3%; */
/* 	z-index: 500; */
	padding: 0px 16px;
	border: solid 3px transparent;
    box-sizing: border-box;
}
.arrow_link i {
/* 	z-index: 1000; */
}
.arrow_link:hover a {
	border: solid 3px #38b9d4;
	background-color: #ffffff;
	color: #38b9d4;
}
/* 《indexページ》【mainエリアCSS】 */
#index_main h2 {
	display: inline-block;
	color: #2f5199;
	font-size: 50px;
	border-bottom: solid 9px #5bc1c8;
    padding: 1.2% 1.5%;
	margin-bottom: 3%;
	margin-left: 7% !important;
}
#index_main h2,h3,p {
	letter-spacing: 0.18em;
}
#sec_1,#sec_2 {
	max-width: none;
	letter-spacing: 0.2em;
}
.arrange_sentences {
	padding-left: 8.5%;
    line-height: 1.8;
    font-size: 28px;
    font-weight: bold;
}
.arrange_sentences p {
	margin-bottom: 0;
}
#sec_1_first_div {
	margin-bottom: 6%;
}
.entry-content .sec_1_ul {
	display: grid;
	align-items: center;
	width: fit-content;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	margin-bottom: 8%;
/* 	color: #ffffff; */
	font-size: 26px;
    line-height: 1.2;
	padding: 0;
	letter-spacing: 0.02em;
}
.aspect_1_1 {
	aspect-ratio: 1 / 1;
}
.aspect_2_1 {
	aspect-ratio: 2 / 1;
}
#item2,#item4,#item5,#item7 {
	width: 100%;
	margin: 0;
}
#item1 {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	background-color: #1c53a3;
}
ul.sec_1_ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 2px #ffffff;
	min-height: 0;
	overflow: hidden;
	position: relative;
}
ul.sec_1_ul li > * {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec_1_ul img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#sec_1_ul_color {
	color: #ffffff;
/* 	font-size: 26px; */
}
#item2 {
	grid-row: 1 / 2;
	grid-column: 3 / 4;
}
#item3 {
	grid-row: 1 / 2;
	grid-column: 4 / 5;
	background-color: #1c53a3;
}
#item4 {
	grid-row: 1 / 2;
	grid-column: 5 / 7;
}
#item5 {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}
#item6 {
	grid-row: 2 / 3;
	grid-column: 3 / 4;
	background-color: #5ec4d0;
}
#item7 {
	grid-row: 2 / 3;
	grid-column: 4 / 5;
}
#item8 {
	grid-row: 2 / 3;
	grid-column: 5 / 7;
	background-color: #5ec4d0;
	font-size: 32px;
}
#item8 a {
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
	position: relative;
	z-index: 1;
}
#item8:hover {
	font-size: 34px;
	background-color: rgb(94, 196, 208);
}
#item8.item8_effect {
	opacity: 1;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
#item8.item8_effect::before {
	background-color: #fff;
	content: "";
	display: block;
	position: absolute;
	top: -100px;
	left: 0;
	width: 30px;
	height: 100%;
	opacity: 0;
	transition: cubic-bezier(0.32, 0, 0.67, 0);
	pointer-events: none;
}
#item8.item8_effect:hover::before {
	animation: entry_effect 0.5s linear;
	animation-fill-mode: forwards;
}
 
@keyframes item8_effect {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0.2;
  }
}
#sec_1 h3 {
	color: #365293;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	font-size: 40px;
	margin: 4% 0;
}
#sec_1_div3 img {
	width: 100%;
}
#sec_1 h2,#sec_1 div,#sec_1 ul,#sec_1 p,#sec_1 figure,#sec_2 h2,#sec_2 div,#sec_2 p,#sec_2 figure,#sec_2 h3 {
	max-width: none;
}


/* --------------------------- */





.test_parallax_sec,.test2_parallax_sec {
	display: none;
} */


/* 《indexページ》【main/パララックス効果エリアCSS】 */
#sec_1_div3 {
	margin: 0;
	padding: 0;
}
.entry-content .parallax_block {
	position: relative;
	margin-bottom: 1%;
}
.entry-content .parallax_block img {
	width: 100%;
	object-fit: cover;
	display: block;	
	/* 	position: relative;
	z-index: 1; */
	transform: translatez(0);
	will-change: transform;
}

.entry-content .parallax-zoom-wrapper {
	overflow: hidden;
	max-width: 1920px;
	position: relative;
	transform: translatez(0);
	will-change: transform;
}
.entry-content .parallax-zoom-image {
	z-index: -1 !important;
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	max-width: 1920px;
	transform-origin: center center; /* 中心から拡大 */
	transform: translatez(0);
	will-change: transform;
}
.entry-content #sec_1 {
	margin-bottom: 4%;
}

/* --------------------------------- */
#sec_2 figure {
	margin-top: 5%;
	margin-bottom: 3%;
}
#sec_2 img {
	max-width: 77%;
	margin: 0 0 0 auto;
	width: 100%;
}
#sec_2 h3 {
	color: #365e89;
	font-size: 45px;
	padding-left: 8.5%;
	padding-top: 0;
	margin-bottom: 2%;
}
#sec_2_p_st strong {
/* 	line-height:　0.5; */
    font-size: 38px;
}
.button_div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5% 0 7% 0;
}
.button_link {
	display: inline-flex;
	padding: 2.5% 6% 2.5% 6%;
	font-size: 33px;
	border-radius: 65px;
	background-color: #1c53a3;
	border: none;
	filter: drop-shadow(4px 10px 0 #a2bacd);
	font-family: "Yu Gothic UI", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0.2em;
	color: #ffffff;
	display: inline-flex;
	text-decoration: none;
	align-items: center;
	gap: 5%;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}
.button_link i {
	font-size: 47px;
}
.button_link:hover {
	transform: translateY(4px);
	filter: none;
	color: #ffffff;
}

/* 【フッター】CSS */
.footer_area {
	background-color: #1c53a3;
	margin-bottom: 0;
	color: #ffffff;  /* navのaには効かない */
	font-size: 25px;
}
.footer_area nav {
	padding: 2% 0 2%;
}
.bottom_nav ul {
	display: flex;
	justify-content: center;
	column-gap: 3%;
}
.bottom_nav a {
	font-size: 26px;
	color: #ffffff;
}
.bottom_nav a:hover {
	text-decoration: underline;
}
.footer_bottom div p {
		margin: 0;
}
.entry-content .footer_bottom {
	margin-bottom: 0;
/* 	max-width: none; */
/* 	justify-content: flex-start; */
/* 	padding-left: 5%;
	padding-bottom: 2%; */
/* 	column-gap: 21%; */
	font-size: 25px;
}
.footer_bottom div {
/* 	text-align: start; */
	line-height: 1;
	margin-bottom: 1%;
}
.footer_bottom p {
	letter-spacing: normal;
}
/* =================↓フッター改良版========================= */
.entry-content .footer_bottom {
	display: flex;
	justify-content: space-between !important;
	align-items: center;
	padding: 2% 3% 2%;
	font-size: 25px;
	max-width: 100% ;
	width: 100%;
}

.entry-content .footer_bottom .company-info {
	flex: 1;
	text-align: left;
	/*   padding-left: 5%;  /* 左端に寄せる */ */
}

.entry-content .footer_bottom .copyright {
	flex: 1;
	text-align: center;
	margin-bottom: 0;
}

.entry-content .footer_bottom .dummy {
	flex: 1;
	/*   padding-right: 5%;  /* ダミー要素で右端のバランスを取る */ 
}

/* ===============↑フッター改良版=============================== */




/* 《他4ページ共通箇所》【headerエリアCSS】 -------------------------------------------------------------*/
.entry-content .header_cover {
	margin-top: 41px;
    max-width: 1920px;
    margin-bottom: 4%;
}
.entry-content .header_cover img {
	object-fit: contain;
}
.entry-content .header_cover h1 {
	color: #ffffff;
    font-size: 75px;
	font-weight: bold;
	position: relative;
	z-index: 100;
}
.entry-content .header_cover img {
	filter: brightness(87%) grayscale(22%) opacity(100%) saturate(99%);
}
/* .entry-content .header_cover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: rgba(0, 128, 255, 0.2);
	pointer-events: none;
	z-index: 2;
} */
/* ========================================== */
/* 高さの無駄な余白を除去する */
/* .header_cover {
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  display: block !important;
} */

/* 擬似要素の高さ指定を無効化 */
/* .header_cover::before {
  content: none !important;
} */

/* カバーブロック内の背景画像をぴったりに */
/* .header_cover .wp-block-cover__image-background {
  height: auto !important;
  width: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
} */

/* ========================================== */
.entry-content .custom-header-cover {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	max-width: 1920px;
	margin-top: 86px;
	margin-bottom: 4% !important;
}

.custom-header-cover img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
/* 	filter: brightness(87%) grayscale(22%) opacity(100%) saturate(99%); */
}
.custom-header-cover .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 80, 171, 0.2); /* 青みがかったレイヤー */
	z-index: 1;
}
.custom-header-cover h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 68px;
    letter-spacing: 0.1em;
	z-index: 2;
}
.entry-content .custom-header-cover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: rgba(0, 128, 255, 0.2);
    pointer-events: none;
    z-index: 2;
}


/* 《会社概要ページ》【mainエリアCSS】 */
#post-278 {
	margin: 0;
}
#sec_joho {
	max-width: 1920px;
	margin-bottom: 4%;
}
#sec_joho dl {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
	margin: 0 auto 4%;
}
#sec_joho dt {
	width: 20%;
	border-bottom: dotted 3px #5d5c5c;
	padding: 2%;
	font-size: 35px;
	font-weight: bold;
}
#sec_joho dd {
	width: 80%;
	border-bottom: dotted 3px #5d5c5c;
	padding: 2%;
	margin: 0;
	font-size: 33px;
}
#g_map {
	width: 100%;
    aspect-ratio: 1200 / 620;
}
#g_map iframe {
	width: 100%;
	height: 100%;
}
/* ----------------------------------------------------------------------- */



/* ----------------------------------------------------------- */
/* 《事業紹介ページ》【mainエリアCSS】 */
article#post-65 {
	margin-bottom: 0;
}
#jigyo_main section, #jigyo_main div, #jigyo_main h2, #jigyo_main h3, #jigyo_main p, #jigyo_main figure, #jigyo_main ul {
	max-width: none;
}
.entry-content .jigyo_arrange_sentences {
    font-size: 28px;
    font-weight: bold;
}
.entry-content .jigyo_arrange_sentences p {
	letter-spacing: 0.015em;
}
#jigyo_sec_1 {
	margin-bottom: 4%;
}
#wrapper_wrapper {
	height: 100%;
	margin: 0;
	display: flex;
	justify-content: center; /* 横中央 */
	align-items: center;     /* 縦中央 */
	margin-bottom: 5%;
}
.wrapper {
	  text-align: center;
}
.wrapper h2 {
	font-size: 41px;
	color: #326aac;
	margin-bottom: 4%;
}
.content_div {
	display: inline-block;      /* 中央に置くために必要 */
	text-align: left;           /* pの中身は左揃え */
	max-width: 600px;           /* 任意の幅で調整 */
}
.aspect_1_1 {
	aspect-ratio: 1 / 1;
}
.aspect_2_1 {
	aspect-ratio: 2 / 1;
}
#item_1,#item_3,#item_6,#item_8 {
	width: 100%;
	margin: 0;
}
.entry-content #jigyo_sec_1 #jigyo_sec_1_ul_color li {
	font-size: 35px;
}
#jigyo_sec_1_ul_color {
	color: #000000;
/* 	font-size: 33px; */
	font-style: italic;
	font-weight: bold;
	line-height: 1.3;
	row-gap: 1%;
}
#item_1 {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
}
#item_2 {
	grid-row: 1 / 2;
	grid-column: 3 / 4;
	background-color: #ffffff;
}
#item_3 {
	grid-row: 1 / 2;
	grid-column: 4 / 6;
}
#item_4 {
	grid-row: 1 / 2;
	grid-column: 6 / 7;
	background-color: #ffffff;
}
#item_5 {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	background-color: #ffffff;
}
#item_6 {
	grid-row: 2 / 3;
	grid-column: 2 / 4;
}
#item_7 {
	grid-row: 2 / 3;
	grid-column: 4 / 5;
	background-color: #ffffff;
}
#item_8 {
	grid-row: 2 / 3;
	grid-column: 5 / 7;
}
.card_container {
	text-align: center;
	margin-bottom: 3%;
}
.card_container h2 {
	font-size: 34px;
	color: #ffffff;
	font-weight: normal;
	background-color: #1c53a3;
	padding: 1%;
	margin-bottom: 2%;
	letter-spacing: 0.2em;
}
.card-wrapper {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
/* 	gap: 1.5em;
	padding: 0 1.5em; */
}
.card {
/* 	flex: 1; */
	display: flex;
	flex-direction: column;
	justify-content: centr;
	align-items: center;
/* 	text-align: center; */
	letter-spacing: 0.1em;
}
.entry-content #jigyo_main .card {
	margin-bottom: 1%;
	padding: 0 2%;
}
.card p {
	text-align: left;
	font-size: 21px;
    font-weight: bold;
    letter-spacing: 0;
/*     padding-left: 23%; */
}
.text_group {
	text-align: left;
}

.card h3 {
	font-size: 33px;
	color: #1a48a4;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 7%;
	text-align: center;
}
#jigyo_sec_2 {
	margin-bottom: 4%;
}
#j_3rd_h2 {
	margin-bottom: 4%;
}
.text_group {
	
}
.j_sec_3_wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.j_sec_3_card  {
	width: 50%;
	text-align: left;
    padding-left: 8%;
	font-size: 21px;
    font-weight: bold;
    letter-spacing: 0;
}
.j_sec_3_card strong {
	font-size: 33px;
}
.j_sec_3_wrapper figure {
	width: 50%;
}
#jigyo_sec_3 {
	margin-bottom: 5%;
}

/* ----------------------------------------------------------- */
/* 《採用情報ページ》【mainエリアCSS】 */
article#post-377 {
	margin-bottom: 0;
}
#saiyo_main section, #saiyo_main div, #saiyo_main h2, #saiyo_main h3, #saiyo_main p, #saiyo_main figure, #saiyo_main ul {
	max-width: none;
}
#saiyo_main h2 {
	display: inline-block;
    color: #2f5199;
    font-size: 45px;
	font-style: italic;
    border-bottom: solid 9px #5bc1c8;
    padding: 1.2% 1.5%;
}
#saiyo_sec_1,#saiyo_sec_2,#saiyo_sec_3 {
	text-align: center;
}
#saiyo_top_cover {
	width: 100%;
	aspect-ratio: 1 / 0.44;
	letter-spacing: 0.5em;
}
#saiyo_sec_1 img {
	width: 100%;
}
#saiyo_sec_2 .saiyo_flex {
	margin-bottom: 3%;
	padding-right: 6%;
}
.stacked_images {
/* 	width: 47%; */
	width: 50%;
}
.saiyo_sec_2_textdiv {
/* 	width: 47%; */
	width: 50%;
	font-size: 23px;
	text-align: start;
	padding-left: 5%;
	box-sizing: border-box;
}
.entry-content #saiyo_right_text_group {
/* 	padding-left: 2%; */
	padding-left: 4%;
	line-height: 2;
}
.saiyo_sec_2_textdiv p {
	margin: 0;
	letter-spacing: 0.1em;
}
.saiyo_sec_2_textdiv #saiyo_text_group {
	margin-top: 2%;
}
.saiyo_sec_2_textdiv #saiyo_p_ceo {
	margin-top: 3%;
}
.saiyo_sec_2_textdiv strong {
	font-weight: normal;
	font-size: 36px;
	letter-spacing: 0.1em;
}
.saiyo_flex_item {
	flex-basis: 60%;
}
#saiyo_flex_img2 {
	margin: 12% 0 0 -15%;
    position: relative;
    z-index: -1;
}
#saiyo_flex_img3 {
	position: relative;
	margin: 5% -25.5% 0 0;
	z-index: 2;
}
#saiyo_flex_img4 {
	position: relative;
    z-index: 1;
    margin: 0 0 16% 0;
}
#images_flex_end {
	justify-content: flex-end;
}
#images_flex_start {
	justify-content: flex-start;
}
.entry-content #saiyo_div_3 h2 {
	font-size: 40px;
}
#saiyo_sec_3 dl {
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	margin: 0 auto;
	line-height: normal;
	justify-content: center;
	text-align: start;
}
#saiyo_sec_3 dt {
	width: 23%;
	border-bottom: dotted 3px #5d5c5c;
	padding: 2% 2% 2% 3%;
	display: flex;
	align-items: center;
	font-weight: bold;
	background-color: #e9f3fc;
	font-size: 28px;
}
#saiyo_sec_3 dd {
	width: 63%;
	border-bottom: dotted 3px #5d5c5c;
	padding: 2% 2% 2% 3%;
	margin-left: 0.2%;
	font-size: 26px;
}
#saiyo_sec_3 #charm_dd {
	padding: 3% 2%;
}
#saiyo_sec_3 #charm_dt, #saiyo_sec_3 #charm_dd {
	border: none;
}
/* ----------------------------------------------------------- */
/* 《お問い合わせページ》【mainエリアCSS】 */
#post-395 {
	margin: 0;
}
#inquiry_sec {
	max-width: 1920px;
}
#inquiry_main section, #inquiry_main div, #inquiry_main h2, #inquiry_main h3, #inquiry_main p, #inquiry_main figure, #inquiry_main ul {
	max-width: none;
}
#inquiry_sec_text_div {
	display: flex;
}
#inquiry_sec_text_div p {
	font-size: 27px;
	font-weight: bold;
    letter-spacing: normal;
    line-height: 1.5;
	padding-left: 9%;
	margin-top: 2%;
    margin-bottom: 1%;
}
/* 《お問い合わせページ》【フォームCSS】 */
span.wpcf7-spinner {
  display: none;
}

.custom-submit {
	position: relative;
	display: inline-block;
	width: 30%;
	padding: 5% 3% 3% 2%;
	border-radius: 65px;
	background-color: #1c53a3;
	color: #fff;
	font-size: 53px;
	font-weight: bold;
	filter: drop-shadow(4px 10px 0 #a2bacd);
	text-align: center;
	overflow: visible; /* ←ドロップシャドウを正しく表示できる */
	transition: 0.2s;
}

/* 中の input をボタン全体に広げる */
.custom-submit input[type="submit"] {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  /* 他のスタイルは不要に */
}

/* アイコン位置も保つ */
.custom-submit::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important;
  font-weight: 900 !important;
  position: absolute;
  right: 63px;
  top: 51%;
  transform: translateY(-50%);
  z-index: 1; /* inputより下に */
}

/* ボタン風テキストは別途レイヤーとして追加してもOK */
.custom-submit::before {
  content: "送信";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 46px;
  letter-spacing: 0.2em;
  z-index: 1;
  font-family: "Yu Gothic UI", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.custom-submit:hover {
	transform: translateY(4px);
	filter: none;
	color: #ffffff;
	transition: 0.2s;
}




/* ====================================== */
.custom-submit-wrapper {
	text-align: center;
	padding: 4% 0;
}
.table-res-form {
	width: 79%;
	font-size: 30px;
	margin: 0 auto;
}
table th {
	background-color: #eaf6fd;
	width: 19%;
	text-align: left;
	vertical-align: middle;
}
#otoiawase {
	vertical-align: top;
	padding-top: 3%;
}
table td {
	width: 60%;
}
table:not(.has-border-color) :where(th, td) {
	border: none;
	background-color: #eaf6fd;
	padding-top: 2%;
	padding-bottom: 2%;
}
.form-table-wrapper {
	padding: 2%;
	background-color: #eaf6fd;
}

/* 背景色とフォーム全体の余白調整 */
.wpcf7-form {
  background: #ffffff;
  padding: 0;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
}

/* 横並びのフォーム項目 */
.wpcf7-form label {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* ラベル左・入力欄右に分ける */
.wpcf7-form label > span {
  width: 120px;
  display: inline-block;
  font-weight: bold;
  color: #333;
}

/* inputとtextareaの整形 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


/* テキストエリアの高さ */
.wpcf7-form textarea {
  height: 500px;
  resize: vertical;
}

form.wpcf7-form p {
	letter-spacing: normal;
}



/* ▼ 初期：モバイルメニューを非表示状態に */
.test_top_nav {
	position: fixed;
	top: 0;
	left: -300px;  /* ←スライドイン用 */
	bottom: 0;
	width: 300px;
	background: #ffffff;
	opacity: 0;
	overflow-y: auto;
/* 	transition: all 0.5s; */
	transition: 0.4s ease-in-out;
	z-index: 9999 !important;
	transform: translateZ(0);
}

/* ▼ メニューリストの基本 */
.test_top_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ▼ メニューが開いた状態 */
.entry-content .global-nav.open .test_top_nav {
	left: 0;
	opacity: 1;
	transform: translateZ(0);
}

/* ▼ マスク表示（メニュー開いたときだけ） */
.mask {
	display: none;
	transition: all 0.5s;
	transform: translateZ(0);
}

/* .mask {
  position: fixed;
  z-index: 9998 !important;
} */

.global-nav.open .mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
	transform: translateZ(0);
}

/* ▼ ハンバーガーアイコンの表示 */
.global-nav .toggle_btn {
	display: block;
	position: fixed;
	top: 15px !important;
	right: 27px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 4;
}
.toggle_btn span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #333;
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
}
.toggle_btn span:nth-child(1) { top: 4px; }
.toggle_btn span:nth-child(2) { top: 13px; }
.toggle_btn span:nth-child(3) { top: 22px; }

/* ▼ ハンバーガーが ✕ に変化 */
.toggle_btn.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 13px;
}
.toggle_btn.open span:nth-child(2) {
	opacity: 0;
}
.toggle_btn.open span:nth-child(3) {
	transform: rotate(-45deg);
	top: 13px;
}

/* ▼ PC表示：ハンバーガー非表示＋ナビは通常表示 */
@media screen and (min-width: 835px) {
  .toggle_btn {
    display: none !important;
  }

  .test_top_nav {
    position: static !important;
    opacity: 1 !important;
    left: auto !important;
    width: 100% !important;
    background: none !important;
    transition: none !important;
    z-index: auto !important;
  }

  .test_top_nav ul {
    display: flex !important;
    justify-content: flex-end;
    padding-right: 5%;
  }

  .mask {
    display: none !important;
  }
}
@media screen and (max-width: 834px) {
	.test_top_nav ul {
		display: block !important;
		margin-top: 19%;
/*         margin-left: 17%; */
	}
/* 	.test_top_nav ul li a {
		justify-content: start;
	} */
	.global-nav .test_top_nav ul li {
		width: 110px;
		height: 66px;
		font-size: 15px;
		margin: 0 auto;
	}
}
/* ==========================バグ対策====================================== */


.mask {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9998 !important;
}

.matrix .bg-wrap,
.matrix .bg-wrap .inn {
  display: block;
}

.matrix .bg-wrap {
  overflow: hidden;
  opacity: 0;
}

.matrix .bg-wrap .inn.large {
  font-size: 36px;
  font-weight: bold;
}

.matrix .bg-wrap .inn {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.matrix.is-animated .bg-wrap {
  opacity: 1;
}

.matrix.is-animated .bg-wrap .inn {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* .entry-content #top_visu_margin #typing-text::after {
  content: attr(data-placeholder);
  visibility: hidden;
  display: inline-block;
  height: 0;
  white-space: pre-wrap !important;
} */

#typing-text {
  visibility: hidden;
/*   white-space: nowrap; */
	line-height: 1.2em;
  min-height: 1.2em; /* 1行分 */
}
#typing-text.typing-started {
  visibility: visible;
}

@media screen and (max-width: 497px) {
  #typing-text {
    white-space: normal; /* 折り返し可 */
    min-height: calc(2 * 1.2em); /* 2行分の高さ確保 */
  }
}

/* メッセージ共通スタイル */
div.wpcf7-response-output {
	font-size: 40px;
	padding: 1em;
	border-radius: 8px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
	transition: all 0.3s ease;
	opacity: 0;
	transform: translateY(10px);
	animation: fadeInUp 0.5s ease forwards;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 成功メッセージ */
.wpcf7-mail-sent-ok {
  background-color: #e0f7e9;
  border: 2px solid #2ecc71;
  color: #2c7a4b;
}

/* 送信失敗 */
.wpcf7-mail-sent-ng {
  background-color: #ffecec;
  border: 2px solid #e74c3c;
  color: #c0392b;
}

/* 入力エラー */
.wpcf7-validation-errors {
  background-color: #fff4e5;
  border: 2px solid #f39c12;
  color: #b36b00;
}

/* スパム検出 */
.wpcf7-spam-blocked {
  background-color: #fce4ec;
  border: 2px solid #e91e63;
  color: #ad1457;
}
.wpcf7 form .wpcf7-response-output {
    margin:  2em 2.5em 1em;
    padding: 5% 3%;
    border: 2px solid #00a0d2;
}