@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(21,28,42,1.00)}a:hover { color:rgba(59,94,145,1.00)}
/* css setting */
/*　==============================　各コンテンツ - メインコピー×コンテンツタイトル　==============================　*/
/*--------------------　contents - top - copy/tittle　--------------------*/
.contents_top_copy { padding:15vh 2rem 30vh 2rem;}
.contents_top_copy img { max-width:620px;}
.contents_top_tittle { padding:0 0 6rem 0; }
.contents_top_tittle p:nth-child(1) , .contents_top_tittle_02 p:nth-child(1) { font-size: 1.1rem; letter-spacing:0.2rem; line-height: 2rem; font-weight:bold;}
.contents_top_tittle p:nth-child(2) , .contents_top_tittle_02 p:nth-child(2) { font-size: 1.1rem; letter-spacing:0.2rem; }
.contents_top_area { margin:-4rem 0 0 0; padding:0 1.5rem 5rem 1.5rem; }
@media screen and (max-width: 1024px) {
.contents_top_copy img { max-width:600px;}
}
@media screen and (max-width: 768px) {
.contents_top_copy img { max-width:480px;}
.contents_top_tittle { padding:0 0 5rem 0; }
.contents_top_area { margin:-3rem 0 0 0; padding:0 1rem 4rem 1rem; }
}
@media screen and (max-width: 480px) {
.contents_top_copy { padding:10vh 5% 28vh 5%;}
}

/*　==============================　HOME　==============================　*/
/*--------------------　top_image　--------------------*/
.home_top_copy_01 { margin:35vh 30% 0 10%; }
.home_top_copy_02 { padding:30vh 2rem 30vh 35%; margin:0 0 4.5rem 0; }
.home_top_copy_02 img { max-width:400px; }

@media screen and (max-width:1600px) {
.home_top_copy_02 { padding:28vh 2rem 22vh 35%; }}

@media screen and (max-width:1280px) {
.home_top_copy_01 { margin:35vh 10% 0 10%; }
.home_top_copy_02 { margin:0 ; }
}
@media screen and (max-width:1024px) {
.home_top_copy_01 { margin:50vh 0 0 10%; }
.home_top_copy_02 { padding:42vh 2rem 8vh 35%; }
}
@media screen and (max-width:768px) {
.home_top_copy_01 { margin:61vh 0 0 3rem; }
.home_top_copy_02 { padding:60vh 3rem 6vh 2rem; }
}
@media screen and (max-width:480px) {
.home_top_copy_01 { margin:46vh 3rem 0 3rem; }
.home_top_copy_02 { padding:0 5rem 3rem 5rem; }
}
@media screen and (min-width:481px) {
.home_top_copy_02 { pointer-events:none; }}


/*--------------------　home_news　--------------------*/
.home_news_logo { padding:4rem 2rem 3rem 2rem; }
.home_news_logo img { max-width:150px; }

.tk_tags { font-size: 75%; padding: 0.1rem 0.7rem 0rem 0.8rem; margin-right: 0.5rem; background: #3B5E91; color: #fff; }

@media screen and (min-width:1281px) {
.home_news_left {width: calc(100% - 40%); margin-left: 40%!important;}
.home_news_list_fix {margin-top: -4.9rem; margin-bottom: 4.5rem; max-width:100%;}
.home_news_list{margin-top: -4.5rem; margin-bottom: 5rem; max-width:100%;}
}
.home_news_list .tk_flex , .home_news_list_fix .tk_flex , .con_news_list .tk_flex{border-bottom: 1px solid #3B5E91; padding: 1.5rem 1rem!important;}
.home_news_list .tk_flex:last-child , .home_news_list_fix .tk_flex:last-child , .con_news_list .tk_flex:last-child {border: none;}
.home_news_list a , .home_news_list_fix a , .con_news_list a{color:#ffffff;}
.home_news_list .tk_title , .home_news_list_fix .tk_title , .con_news_list .tk_title{margin-bottom: 0.25rem!important; font-size: 1rem!important;}
.home_news_list .tk_kiji , .home_news_list_fix .tk_kiji , .con_news_list .tk_kiji {display: none;}
@media screen and (min-width: 1460px) {
.home_news_list .col-1 , .home_news_list_fix .col-1 , .con_news_list .col-1 {flex: 0.5!important;}
}
@media screen and (max-width: 498px) {
.home_news_logo { padding:3rem 2rem 1rem 2rem; }
.home_news_logo img { max-width:100px; }
.home_news_list_fix{margin: 1.2rem 0rem -1.2rem 2rem;}
.home_news_list{margin: 1.2rem 0rem 1rem 2rem;}
.home_news_list .tk_flex , .home_news_list_fix .tk_flex , .con_news_list .tk_flex {flex-flow: column nowrap; padding: 1.5rem 1rem 1.5rem 1.5rem!important;}
.home_news_list .tk_title , .home_news_list_fix .tk_title , .con_news_list .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size:1.1rem;
}
.home_news_list .tk_title span , .home_news_list_fix .tk_title span ,  .con_news_list .tk_title span {margin: -1.6rem 0rem 0.5rem 6rem!important;}
}

/*--------------------　home-about　--------------------*/
.home_about_area { padding:10rem 0 12rem 15%; }
.home_about_copy { margin:0 2rem 3rem -1rem; }
.home_about_copy img { max-width:620px; }
.home_about_text { max-width:500px; padding:0 0 3rem 0;}

@media screen and (max-width:1200px) {
.home_about_area { padding:10rem 0 8rem 10%; }
.home_about_copy img { max-width:540px; }
}
@media screen and (max-width:768px) {
.home_about_area { padding:8rem 0 5rem 5rem; }
.home_about_copy img { max-width:460px; }
.home_about_text { max-width:400px; padding:0 0 3rem 0;}
}
@media screen and (max-width:480px) {
.home_about_area { padding:5rem 0 4rem 2rem; }
.home_about_copy { margin:0 0 3rem 0; }
.home_about_copy img { width:calc(100% - 20%); }
.home_about_text { width:calc(100% - 34%); padding:0 0 3rem 0;}
}

/*--------------------　home-business　--------------------*/
.home_business_area { padding:10rem 0 3rem 10%; }
.home_business_btn_area { padding:0 0 8rem 0; }
.home_business_copy { margin:0 0 3rem -1rem; }
.home_business_copy img { max-width:620px; }
.home_business_text { max-width:500px; }
.home_business_img { padding-top:600px; margin:-3rem 5% 3rem 10%; }
.home_business_movie { padding-top:21rem; margin:0 0 5rem 5%;}

@media screen and (max-width:1400px) {
.home_business_movie { margin:0 0 5rem 0;}
.home_business_btn_area { padding:0 2rem 5rem 2rem; }
}

@media screen and (max-width:1200px) {
.home_business_area { padding:8rem 4rem 3rem 10%; }
.home_business_text { width:100%; }
.home_business_copy img { max-width:540px; }
.home_business_movie { padding-top:20rem; margin:0 0 2rem 2rem;}
}
@media screen and (max-width:768px) {
.home_business_area { padding:5rem 2rem 3rem 10%; }
.home_business_btn_area { padding:0 2rem 4rem 2rem; }
.home_business_text { width:100%; }
.home_business_copy img { width:100%; }
.home_business_movie { padding-top:17rem; margin:0 0 2rem 2rem;}
}
@media screen and (max-width:480px) {
.home_business_area { padding:4rem 2rem 3rem 2rem; }
.home_business_btn_area { padding:0 2rem 2rem 2rem; }
.home_business_text { width:100%; }
.home_business_copy { margin:0 0 3rem 0; }
.home_business_copy img { width:100%; }
}

/*--------------------　home-business_btn　--------------------*/
.home_bus_btn .fs_btn{background-color: rgba(56, 63, 91, 0.6);}
.home_bus_btn .fs_btn:hover{background-color: rgba(56, 63, 91, 0.2); transition: .3s;}
.home_bus_btn .fs_btn:hover .fs_btn_text_main{letter-spacing:0.2rem; transition: .3s;}
.home_bus_btn_area { padding:4rem 2rem 5rem 2rem; }

.home_bus_btn .fs_btn_text_main {letter-spacing: 0.1rem; font-size:0.9rem; font-weight:bold;}
.home_bus_btn .fs_btn_text{padding:6rem 2rem 5.5rem 2rem;}
@media screen and (max-width: 768px) {
.home_bus_btn .fs_btn_text{padding:5rem 1rem 4.5rem 1rem;}}
@media screen and (max-width: 480px) {
.home_bus_btn .fs_btn_text{padding:3.5rem 0 3rem 2rem;}
.home_bus_btn_area { padding:4rem 0 5rem 2rem; }}

/*--------------------　home-company　--------------------*/
.home_company_logo {padding:0 2rem 3rem 2rem; margin:0 0 2rem 0;}
.home_company_logo img {max-width:240px;}

.home_company_area { padding:5rem 10% 5rem 10%; }
.home_company_img img{ max-width:360px; padding:15vh 2rem 35vh 2rem;}
.home_company_img:hover { opacity:0.6; transition: .3s;}

@media screen and (max-width: 1200px) {
.home_company_area { padding:4rem 2rem 4rem 2rem; }
.home_company_img img{ padding:10vh 2rem 30vh 2rem;}
}
@media screen and (max-width: 1024px) {
.home_company_img img{ padding:8vh 1rem 24vh 1rem;}
.home_company_logo img {max-width:200px;}
}
@media screen and (max-width: 768px) {
.home_company_area { padding:4rem 2rem 2rem 2rem; }
.home_company_img img{ width:calc(100% - 4rem); padding:5vh 2rem 20vh 2rem;}
.home_company_logo img {max-width:180px;}
}
@media screen and (max-width: 480px) {
.home_company_img { margin:0 0 4rem 0; }
.home_company_area { padding:4rem 2rem 1px 2rem; }
.home_company_img img{width:calc(100% - 6rem); padding:3rem 3rem 10rem 3rem;}
.home_company_logo img {max-width:160px;}
}


/*　==============================　水登社について　==============================　*/
/*--------------------　メッセージ　--------------------*/
.about_message_area_01 { padding:13rem 0 10rem 52%; }
.about_message_area_02 { padding:0 10%; }
.about_message_area_03 { padding:10rem 10% 10rem 52%; }
.about_top_message { margin:0 0 5rem 0; }
.about_top_message img { max-width:420px; }

@media screen and (max-width: 1200px) {
.about_message_area_01 { padding:10rem 5% 8rem 50%; }
.about_message_area_02 { padding:0 5%; }
.about_message_area_03 { padding:8rem 5% 8rem 50%; }
}

@media screen and (max-width: 1024px) {
.about_message_area_01 { padding:8rem 5% 6rem 48%; }
.about_message_area_03 { padding:5rem 5% 5rem 48%; }
.about_top_message img { max-width:380px; }
}

@media screen and (max-width: 768px) {
.about_message_area_01 { padding:6rem 5% 4rem 40%; }
.about_message_area_03 { padding:4rem 5% 4rem 40%; }
.about_top_message img { max-width:360px; }
}

@media screen and (max-width: 480px) {
.about_message_area_01 { padding:5rem 1.5rem 4rem 40%; }
.about_message_area_02 { padding:0; }
.about_message_area_03 { padding:4rem 2rem 4rem 2rem; background-color:#fff; }
.about_top_message { margin:0 0 3rem 0; }
}

/*--------------------　水登社の歩み　--------------------*/
.about_his_text_area { margin:0 5%; padding:5rem 0;}
.about_his_text_01 { font-size:1.6rem; font-weight:bold; margin:0 0 2rem 0; }

/*--------------------　数字で見る水登社　--------------------*/
.number_tittle { margin:0 2rem; padding:1.5rem 0; }
.number_icon { padding:2rem 0 6rem 0; }
.number_icon .wrapper { width: 20%; padding:0 1rem; }
@media screen and (max-width: 1200px) {
.number_icon { padding:2rem 0 4rem 0; }
.number_icon .wrapper { width: 24%!important; padding:0 1rem 2rem 1rem; }}
@media screen and (max-width: 768px) {
.number_icon { padding:2rem 0 2rem 0; }
.number_icon .wrapper { width: 28%!important; padding:0 1rem 2rem 1rem; }}
@media screen and (max-width: 480px) {
.number_icon .wrapper { width: 45%!important; padding:0 1rem 2rem 1rem; }}

/*--------------------　about - footer - btn　--------------------*/
.about_footer_area { padding:4rem 5% 4rem 5%; }
.about_footer_img img{ max-width:360px; padding:15vh 2rem 35vh 2rem;}
.about_footer_img:hover { opacity:0.6; transition: .3s;}

@media screen and (max-width: 1200px) {
.about_footer_area { padding:4rem 2rem 4rem 2rem; }
.about_footer_img img{ padding:10vh 2rem 30vh 2rem;}
}
@media screen and (max-width: 1024px) {
.about_footer_img img{ padding:8vh 1rem 24vh 1rem;}}
@media screen and (max-width: 768px) {
.about_footer_area { padding:4rem 1rem 4rem 1rem; }
.about_footer_img img{ width:calc(100% - 1rem); padding:5vh 0.5rem 20vh 0.5rem;}}
@media screen and (max-width: 480px) {
.about_footer_img { margin:0 0 4rem 0; }
.about_footer_area { padding:4rem 1rem 1px 1rem; }
.about_footer_img img{width:calc(100% - 6rem); padding:3rem 3rem 10rem 3rem;}}

/*　==============================　企業情報　==============================　*/
/*--------------------　company - top - btn　--------------------*/
.com_top_btn_flex { display: flex; justify-content: center;  flex-wrap: no-wrap; }
.com_top_btn_flex:after{ content:""; display:block; height:0;  }
.com_top_btn { background: #fff; width:20%; letter-spacing:0.2rem;}
.com_top_btn a { display: block; color:#3B5E91;  padding: 3rem 0; font-weight:bold; }
@media screen and (max-width: 480px) {
.com_top_btn_flex { flex-wrap: wrap; margin-bottom:2px; }
.com_top_btn { background: #3B5E91; width:calc(33.3% - 4px); border:1px solid #fff;}
.com_top_btn a { color:#fff;  padding: 1.5rem 0;}
}

/*--------------------　greeting　--------------------*/
.com_greeting_name img { max-width:240px; }
.com_greeting_copy { font-size:2.5rem; line-hight:3.2rem; font-weight:bold; padding:0 0 3rem; }
.com_greeting_area { padding:12rem 0 10rem 2rem; position:relative;}
.com_greeting_bg { background-position: top 10% right 24%; background-size: 34%; }
.com_greeting_bg_color { background: linear-gradient(to right, #fff 65%, #f0f0f0 65%);} 

@media screen and (max-width: 1800px) {
.com_greeting_bg { background-position: top 10% right 24%; background-size: 36%; }}
@media screen and (max-width: 1600px) {
.com_greeting_bg { background-position: top 10% right 16%; background-size: 42%; }}
@media screen and (max-width: 1400px) {
.com_greeting_bg { background-position: top 10% right 8%; background-size: 44%; }}
@media screen and (max-width: 1200px) {
.com_greeting_area { padding:10rem 0 8rem 8%;}
.com_greeting_bg { background-position: top 10% right 5%; }}
@media screen and (max-width: 1024px) {
.com_greeting_area { padding:5rem 0 5rem 6%;}
.com_greeting_bg { background-position: top 0% right 0%; background-size: 50%; }}
@media screen and (max-width: 768px) {
.com_greeting_name img { max-width:200px; }
.com_greeting_copy { font-size:2rem; line-hight:2.8rem; }
.com_greeting_area { padding:18rem 3rem 5rem 3rem;}
.com_greeting_bg { background-position: top 0% right -10%; background-size: 55%; }}

@media screen and (max-width: 480px) {
.com_greeting_name img { max-width:180px; }
.com_greeting_area { padding:25rem 2rem 5rem 2rem;}
.com_greeting_bg { background-position: top 5% right -5%; background-size: 80%; }}

/*--------------------　company - 紹介動画　--------------------*/
.com_movie_area { padding:10rem 0; }
@media screen and (max-width: 768px) {.com_movie_area { padding:5rem 0; }}

.cp_dl_btn .fs_btn{background-color: rgba(56, 63, 91, 0.8);}
.cp_dl_btn .fs_btn:hover{background-color: rgba(56, 63, 91, 0.2); transition: .3s;}
.cp_dl_btn .fs_btn:hover .fs_btn_text_main{letter-spacing:0.2rem; transition: .3s;}

.cp_dl_btn .fs_btn_text {letter-spacing: 0.1rem; font-size:0.9rem; font-weight:bold;}
.cp_dl_btn .fs_btn_text{padding:2rem 0;}


/*--------------------　companyコンテンツ - footer下部ボタン　--------------------*/
.com_btn .fs_btn{background-color: rgba(56, 63, 91, 0.8);}
.com_btn .fs_btn:hover{background-color: rgba(56, 63, 91, 0.2); transition: .3s;}
.com_btn .fs_btn:hover .fs_btn_text_main{letter-spacing:0.2rem; transition: .3s;}
.com_btn_area { padding:8rem 2rem 6rem 2rem; }

.com_btn .fs_btn_text_main {letter-spacing: 0.1rem; font-size:0.9rem; font-weight:bold;}
.com_btn .fs_btn_text{padding:4rem 0;}
@media screen and (max-width: 768px) {
.com_btn .fs_btn_text{padding:3rem 0;}}
@media screen and (max-width: 480px) {
.com_btn .fs_btn_text{padding:2rem 0;}
.com_btn_area { padding:4rem 1rem; }}

/*--------------------　companyコンテンツ - ライブラリー　--------------------*/
/*--------------------　会社案内表紙　--------------------*/
.com_cp_img img { max-width:206px; }
.com_cp_img { padding-bottom:2rem; }


/*　==============================　会社案内　==============================　*/
/*--------------------　会社案内 - アンカーボタン　--------------------*/
.profile_btn  { list-style: none; font-size:1.1rem; line-height:1.1rem; letter-spacing:0.2rem; }
.profile_btn { font-size:1rem; line-height:1rem; letter-spacing:0.2rem; }
.profile_btn li a:hover { opacity:.6;  transition: .3s; }
.profile_btn li { width: 100%; }
.profile_btn li a { display: block; height: 100%; background: #3B5E91; padding: 2rem 0; color:#fff; }

/*--------------------　会社案内 - メインイメージ　--------------------*/
.com_profile_img_A { padding-top:40vh; margin:0 2rem;}
@media screen and (max-width: 498px) {.com_profile_img_A { padding-top:24vh; margin:0 1rem;}}

/*--------------------　工場紹介 - イメージ　--------------------*/
.plant_img { padding-top:45vh; }
@media screen and (max-width: 768px) { .plant_img { padding-top:30vh; }}

/*--------------------　沿革 - table　--------------------*/
.history_list  { width:100%; }
.history_list tr:nth-of-type(even) { background: #f5f5f5; }
.history_list th { 
     width:85px;
     padding:1rem;
     vertical-align: top;
     color:#666;
     font-size:0.8rem;
     letter-spacing: 0.1rem;
}
.history_list td { 
     padding:1rem 1rem 1rem 0;
     vertical-align: top;
     width:calc(100% - 85px);
}
@media screen and (max-width: 480px) {
.history_list th { width:40px; }
.history_list td { width:calc(100% - 40px); }
}


/*　==============================　関連会社　==============================　*/
/*--------------------　関連会社 - img　--------------------*/
.group_img_space { padding-top:300px; }

/*--------------------　関連会社 - table　--------------------*/
.group_list , .plat_list { width:100%; }
.group_list tr:nth-child(even) { background: #f5f5f5; }
.plat_list tr:nth-child(odd) { background: #f5f5f5; }
.group_list th , .plat_list th { 
     width:75px;
     padding:1rem;
     vertical-align: top;
     color:#666;
     font-size:0.8rem;
     letter-spacing: 0.1rem;
}
.group_list td , .plat_list td { 
     padding:1rem 1rem 1rem 0;
     vertical-align: top;
     width:calc(100% - 75px);
}
@media screen and (max-width: 480px) {
.group_list th , .plat_list th { width:60px; }
.group_list td , .plat_list td { width:calc(100% - 60px); }
}

/*--------------------　国旗 - img　--------------------*/
.gruop_flag img { width:auto; height:14px; }
.gruop_flag  { list-style: none; font-size:1.1rem; line-height:1.1rem; letter-spacing:0.2rem; }
.gruop_flag { font-size:1.2rem; line-height:1.2rem; letter-spacing:0.2rem; }
.gruop_flag li a:hover { opacity:.6;  transition: .3s; }
.gruop_flag li { width: 100%; }
.gruop_flag li a { display: block; height: 100%; background: #3B5E91; padding: 2rem 0; color:#fff; }


/*　==============================　CSR　==============================　*/
.csr_top_icon img { height:130px; }
.csr_top_icon { padding:0 0 1.5rem 0; }
.csr_top_frame { margin:0 0.5rem 1rem 0.5rem; padding:2rem 3rem; background:#fff; border-radius:0.5rem; }

@media screen and (max-width: 768px) {
.csr_top_icon img { height:110px; }}

@media screen and (max-width: 480px) {
.csr_top_icon img { height:100px; }
.csr_top_frame { border-radius:1rem; }
}

.sdgs_area { margin:0 2rem 1rem 2rem; padding:3rem 4rem; background:#fff; border-radius:1rem; }
.sdgs_tittle_table dt { position: relative; font-size:2rem; color:#ccc; letter-spacing:0.3rem; width: 10%; }
.sdgs_tittle_table dd { font-size:1.2rem; letter-spacing:0.1rem; padding:0.6rem 2rem 0 0; font-weight:bold;  width: calc(100% - 10%); }
.sdgs_contents { margin:1rem 4rem 0 10%; padding-top:2rem; border-top:1px solid #ededed; }
.sdgs_contents_02 { margin:2rem 4rem 0 10%; }
.sdgs_contents_03 { margin:0.5rem 4rem 0 10%; }
@media screen and (max-width: 768px) {
.sdgs_tittle_table dt { width: 12%; }
.sdgs_tittle_table dd { font-size:1.4rem; padding-top:0.3rem; width: calc(100% - 12%); }
.sdgs_contents , .sdgs_contents_02 , .sdgs_contents_03{ margin:1rem 4rem 0 12%; }
}
@media screen and (max-width: 480px) {
.sdgs_area { margin:0 2rem 1rem 2rem; padding:2.5rem 2rem; }
.sdgs_tittle_table dt { width: 14%; font-size:2rem;}
.sdgs_tittle_table dd { font-size:1.3rem; padding-top:0.3rem; width: calc(100% - 14%); }
.sdgs_contents , .sdgs_contents_02  , .sdgs_contents_03{ margin:1rem 0 2rem 0; }
}

.sdgs_tittle_table{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; }

/*--------------------　basara - logo　--------------------*/

.basara_logo { padding:5rem 0 3rem 0; margin:0 5rem 0 4.5rem; }
.basara_logo img { max-width: 400px ; }

/*　==============================　CSR - 下層コンテンツ　==============================　*/
/*--------------------　csrコンテンツ - footer下部ボタン　--------------------*/
.csr_btn .fs_btn{background-color: rgba(50,128, 50,0.6);}
.csr_btn .fs_btn:hover{background-color: rgba(50, 128, 50,0.2); transition: .3s;}
.csr_btn .fs_btn:hover .fs_btn_text_main{letter-spacing:0.2rem; transition: .3s;}
.csr_btn_area { padding:4rem 2rem 5rem 2rem; }

.csr_btn .fs_btn_text_main {letter-spacing: 0.1rem; font-size:0.9rem; font-weight:bold;}
.csr_btn .fs_btn_text{padding:6rem 2rem 5.5rem 2rem;}
@media screen and (max-width: 768px) {
.csr_btn .fs_btn_text_main {letter-spacing: 0; font-size:0.8rem;}
.csr_btn .fs_btn_text{padding:5rem 1rem 4.5rem 1rem;}}
@media screen and (max-width: 480px) {
.csr_btn .fs_btn_text_main {letter-spacing: 0.1rem; font-size:1.1rem;}
.csr_btn .fs_btn_text{padding:4rem 0 3.5rem 2rem;}
.csr_btn_area { padding:4rem 0 5rem 2rem; }}

/*--------------------　csrコンテンツ - maincopy　--------------------*/
.new_suitou { padding:15vh 2rem 45vh 2rem; letter-spacing:0.2rem; font-size:2.4rem; font-weight: bold; }
@media screen and (max-width: 1024px) {
.new_suitou { padding:12vh 2rem 42vh 2rem; font-size:2.2rem;}}
@media screen and (max-width: 768px) {
.new_suitou { padding:5vh 0 45vh 0; letter-spacing:0rem; font-size:2rem;}}

/*--------------------　suitou - ic - farmロゴ　--------------------*/
.ic_logo_A img{ height:180px; }
.ic_logo_A { margin:-147px 0 2rem 0; }
.farm_logo_A img{ max-width:200px; }
.farm_logo_A { margin:-147px 0 2rem 0; }
.farm_logo_B img{ max-width:360px; }
.farm_logo_B { padding:0 2rem 3rem 2rem; }

@media screen and (max-width: 768px) {
.ic_logo_A img{ height:150px; }
.ic_logo_A { margin:-132px 0 2rem 0; }
.farm_logo_A img{ max-width:180px; }
.farm_logo_A { margin:-132px 0 2rem 0; }
}
@media screen and (max-width: 480px) {
.ic_logo_A img{ height:100px; }
.ic_logo_A { margin:-50px 0 2rem 0; }
.farm_logo_A img{ max-width:110px; }
.farm_logo_A { margin:-68px 0 2rem 0; }
.farm_logo_B img{ max-width:280px; }
}

/*--------------------　CSR - テキストエリア　--------------------*/
.csr_text_area01 { margin:-300px 20% 100px 0; padding:4rem; }
.csr_text_area02 { margin:0 20% 0 0; padding:4rem; }
.csr_text_area03 { margin:-180px 20% 100px 0; padding:4rem; }
.farm_text_area_end { padding:15vh 23% 70vh 23%; }
.ic_text_area { padding:5rem 10%; margin-bottom:100px;}
.swa_text_area { padding:5rem 10%;}

@media screen and (max-width: 1280px) {
.csr_text_area01 { margin:-300px 10% 100px 0;}
.csr_text_area02 { margin:0 10% 0 0; }
.csr_text_area03 { margin:-180px 10% 100px 0;}
}
@media screen and (max-width: 1024px) {
.csr_text_area01 { margin:-300px 2rem 100px 0; padding:3rem; }
.csr_text_area02 { margin:0 2rem 0 0; padding:3rem; }
.csr_text_area03 { margin:-180px 2rem 100px 0; padding:3rem; }
.farm_text_area_end { padding:14vh 23% 55vh 23%; }
}
@media screen and (max-width: 768px) {
.csr_text_area01 { margin:-300px 0 50px 0; }
.csr_text_area02 { margin:0 0 0 0; }
.csr_text_area03 { margin:-100px 0 50px 0; }
.farm_text_area_end { padding:14vh 23% 55vh 23%; }
}
@media screen and (max-width: 480px) {
.csr_text_area01 { margin:-3rem 2rem 0 0; padding:2.5rem 2rem; }
.csr_text_area02 { margin:0 2rem 0 0; padding:2.5rem 2rem; }
.csr_text_area03 { margin:-3rem 2rem 3rem 0; padding:2.5rem 2rem; }
.farm_text_area_end { padding:6rem 2.5rem 64vh 2.5rem; }
.ic_text_area , .swa_text_area { padding:5rem 2rem;}
}

/*--------------------　CSR - イメージ　--------------------*/
.csr_img_A { margin:-100px 10% 0 10%; padding-top:550px; }
.csr_img_B { margin:-98px 2px 2px 10%; padding-top:540px; }
.farm_multiimg_space { padding: 0 10% 14vh 10% ; }

@media screen and (max-width: 1024px) {
.csr_img_B { margin:-98px 2px 2px 10%; padding-top:450px; }
}
@media screen and (max-width: 768px) {
.csr_img_A { margin:-100px 10% 0 0; padding-top:500px; }
.csr_img_B { margin:-48px 2px 2px 2rem; padding-top:450px; }
.farm_multiimg_space { padding: 0 2rem 14vh 2rem; }
}
@media screen and (max-width: 480px) {
.csr_img_A { margin:-100px 0 0 2rem; padding-top:300px; }
.csr_img_B { margin:0 0 0 2rem; padding-top:240px; }
.farm_multiimg_space { padding: 0 2rem 5rem 2rem; }
}

/*　==============================　採用情報 - TOP　==============================　*/

/*--------------------　recruit - メインカラー　--------------------*/
.rec_main_color { color: #5BAFD2; }
.rec_mainbg_color { background-color: #5BAFD2; }

/*--------------------　20240401　--------------------*/
.rec_value_tittle_table { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; padding-top: 0.5rem;}
.rec_value_tittle_table dt { position: relative; font-size:2.5rem; color:#fff; letter-spacing:0.2rem; width: 18%; text-align: center; }
.rec_value_tittle_table dd { font-size:1.5rem; letter-spacing:0.1rem; padding:0.8rem 0 0 0; font-weight:bold;  width: calc(100% - 18%); color:#fff;}
.rec_value_contents { padding-top:1.5rem;}
.rec_value_contents_mg { padding-bottom: 0.4rem; }
.rec_value_contents_area { margin:0 1px 2px 1px; padding:2rem 10% 0 10%; background-color:#fff; height:270px;border-radius:0.5rem;}

@media screen and (max-width: 1400px) {
.rec_value_tittle_table dt { font-size:2.4rem; letter-spacing:0.1rem; }
.rec_value_tittle_table dd { font-size:1.4rem; padding:0.8rem 0 0 0; }
}
@media screen and (max-width: 1024px) {
.rec_value_contents_area { height:250px;}
.rec_value_contents { margin:1rem 0 0 0; }
}
@media screen and (max-width: 768px) {
.rec_value_contents_area { height:240px;}
.rec_value_tittle_table dt { width: 22%; }
.rec_value_tittle_table dd { width: calc(100% - 22%);}
}
@media screen and (max-width: 480px) {
.rec_value_tittle_table dt { width: 14%; font-size:2rem;}
.rec_value_tittle_table dd { font-size:1.3rem; padding-top:0.3rem; width: calc(100% - 14%); }
.rec_value_contents_area { height:170px;}
.rec_value_contents { margin:0 0 2rem 0; }
.rec_value_contents_area {padding:1.5rem 2rem;}
}

/*--------------------　recruit - top - copy／tittle／bg　--------------------*/
.recruit_top_copy { margin:0 5% -5rem 5%; padding-top:2rem;}
.recruit_top_copy img { max-width:880px;}
.recruit_top_slide { position: relative; visibility: visible; animation-duration: 2s; animation-name: fadeIn; }
.recruit_eiji_tittle { margin:-96px 2rem 0 2rem; position: relative;}
.recruit_eiji_tittle img { max-width:700px;}
.recruit_top_area { margin:0; padding:0 1.5rem 5rem 1.5rem; }
.rec_wave_bg { background-size: cover; background-position: top; background-attachment: fixed; }
@media screen and (max-width: 1380px) {.rec_wave_bg { background-size: 130%; }}
@media screen and (max-width: 1200px) {.rec_wave_bg { background-size: 140%; }}
@media screen and (max-width: 1024px) {
.recruit_top_copy img { max-width:500px;}
.rec_wave_bg { background-size: cover; background-attachment: scroll; background-position: top; }
}
@media screen and (max-width: 768px) {
.recruit_top_copy img { max-width:600px;}
.recruit_top_area { margin:-3rem 0 0 0; padding:0 1rem 4rem 1rem; }
.recruit_eiji_tittle { margin:-78px 2rem 0 2rem; position: relative;}
.recruit_eiji_tittle img { max-width:560px;}
}
@media screen and (max-width: 480px) {
.recruit_top_copy { margin:0 1rem -3.5rem 1rem}
.recruit_eiji_tittle { margin:-41px 0 0 0;}
.recruit_eiji_tittle img { max-width:315px!important;}
}

/*--------------------　recruit - top - btn　--------------------*/
.rec_top_btn_flex { display: flex; justify-content: center;  flex-wrap: no-wrap; }
.rec_top_btn_flex:after{ content:""; display:block; height:0;  }
.rec_top_btn { background: #fff; width:20%; letter-spacing:0.2rem;}
.rec_top_btn a { display: block; color:#5BAFD2;  padding: 3rem 0; font-weight:bold; }
@media screen and (max-width: 480px) {
.rec_top_btn_flex { flex-wrap: wrap; margin-bottom:2px; }
.rec_top_btn { background: #5BAFD2; width:calc(50% - 4px); border:1px solid #fff;}
.rec_top_btn a { color:#fff;  padding: 1.5rem 0;}
}

/*--------------------　水登大学 - バッチ　--------------------*/
.suitoudaigaku_mark { position: relative; margin:-280px 12% 100px 0; text-align:right;}
.suitoudaigaku_mark img { max-width:180px; transform: rotate(10deg);}
@media screen and (max-width: 1600px) { 
.suitoudaigaku_mark { position: relative; margin:-280px 10% 100px 0; }}
@media screen and (max-width: 1280px) { 
.suitoudaigaku_mark { position: relative; margin:-280px 2% 120px 0; }
.suitoudaigaku_mark img { max-width:160px; transform: rotate(10deg);}}
@media screen and (max-width: 1024px) { 
.suitoudaigaku_mark { position: relative; margin:-240px 2% 100px 0; }
.suitoudaigaku_mark img { max-width:140px; transform: rotate(10deg);}}
@media screen and (max-width: 768px) { 
.suitoudaigaku_mark { margin:-220px 14% 100px 0; text-align:right; }
.suitoudaigaku_mark img { max-width:120px;}
}
@media screen and (max-width: 480px) { 
.suitoudaigaku_mark { margin:-160px 0 60px 8%; text-align:left; }
.suitoudaigaku_mark img { max-width:100px; transform: rotate(-10deg);}
}

/*--------------------　recruit - graph　--------------------*/
.rec_graph { margin: 0 5% ; }
.rec_graph img { max-width:960px; }
.recruit_message_copy { font-size:1.8rem; font-weight:bold; padding:3rem 0 3rem 0; }
@media screen and (max-width: 480px) { 
.rec_graph { margin: 0 0.4rem 0.5rem 0.4rem; }
.recruit_message_copy { font-size:2rem; }
}

/*--------------------　recruit - about　--------------------*/
.rec_about_logo { padding:5rem 2rem 5rem 2rem; margin:0 10% 5rem 10%;}
.rec_about_logo img { max-width:320px; }
.rec_about_mark , .rec_about_aword { padding:0 0 1.5rem 0; }
.rec_about_mark img { max-width:140px; }
.rec_about_aword img { max-width:420px; }
.rec_about_text_area { margin:0 10%; padding:3rem 4rem; font-weight:bold; font-size:1rem; line-height:2rem; background:#fff; }
.rec_about_text { margin:0 10% 4rem 10%; padding:0 0 4rem 0; font-weight:bold; font-size:1rem; line-height:2rem;}
@media screen and (max-width: 480px) {
.rec_about_logo { padding:4rem 2rem 4rem 2rem; margin:0 1rem 4rem 1rem;}
.rec_about_logo img { max-width:240px; }
.rec_about_mark img { max-width:120px; }
.rec_about_aword img { max-width:300px; }
.rec_about_text_area { margin:0 1rem; padding:2rem 2rem;}
.rec_about_text { margin:0 1rem 3rem 1rem; padding:0 2rem 3rem 2rem;}
}

/*--------------------　recruit - message_text　--------------------*/
.recruit_message_text { padding:2rem 15% 4rem 15%; font-weight:bold; font-size:1rem; line-height:2rem; }
@media screen and (max-width: 480px) { 
.recruit_message_text { padding:2rem 2rem 4rem 2rem; }}

/*--------------------　recruit - message_youtube　--------------------*/
.rec_message_youtube{ margin:0 10%; border:5px solid #3b5e91; }
@media screen and (max-width: 768px) { .rec_message_youtube{ margin:0 5%; }}
@media screen and (max-width: 480px) { .rec_message_youtube{ margin:0 1rem; }}

/*--------------------　recruit - information　--------------------*/
.rec_info_area { padding:0 10% 4rem 10%; }
.rec_info_btn {padding:2rem 25%; background-color:#fff; margin:0 0.5rem 2px 0.5rem;}
@media screen and (max-width: 768px) { 
.rec_info_area { padding:0 1.5rem 3rem 1.5rem; }
.rec_info_btn {padding:1rem 20%; margin:0 0.5rem 2px 0.5rem;}
}

/*--------------------　recruit - people　--------------------*/
.people-pg{padding:0rem 2rem 4rem 2rem;}
.people-pg img{opacity:1; transition:0.6s;}
.people-pg img:hover{opacity:0.6; transition:0.6s;}
.people-pg .post-time{display:none!important;}
.people-pg .post-title{display:none!important;}
.people-pg .description{display:none!important;}
@media screen and (max-width: 498px) { 
    .people-pg #archiveBoxesC3 .archiveEachBox{margin:0rem 0rem 2.5rem 0rem!important;}
}

/*　==============================　社員紹介 - TOP　==============================　*/

/*　==============================　社員紹介 - インタビュー　==============================　*/
/*--------------------　top_area　--------------------*/
.people_img_A_area { margin:10rem 20% 0 0; }
.people_img_A { text-align: right; }
.people_img_A img { max-width:600px;}
.people_no { padding:10rem 0 0 0; } 
.people_no img { max-width:100px; }
.people_name p:nth-child(1) { font-size: 1rem; letter-spacing:0.1rem; line-height: 1.8rem; font-weight:bold;}
.people_name p:nth-child(2) { font-size: 2rem; letter-spacing:0.3rem; }
.people_copy { padding:5.5rem 0 5.5rem 0.5rem; font-size:2.8rem; letter-spacing:0.5rem; line-height: 4.2rem; font-weight:bold;}
.people_profile_area { margin:0 30% 1rem 0; }
.people_profile_area_bg { margin:-700px 0 3rem 0; background-size: contain; background-position: top 0 left 27%;}
.people_profile { padding:0 20% 2rem 0; max-width: 600px; margin-left: auto; }
.people_profile p:nth-child(1) { font-size:1rem; line-height:3rem; letter-spacing:0.2rem;}
.people_profile p:nth-child(2) {font-size:1rem; line-height: 1.8rem; }
.people_area01_bg , .people_area03_bg { background-attachment: fixed; }

@media screen and (max-width: 1700px) {
.people_img_A_area { margin:10rem 15% 0 0;}
.people_profile_area { margin:0 35% 1rem 0; }
.people_profile_area_bg { background-position: top 0 left 20%;}
.people_profile { padding:0 15% 2rem 0; }
}
@media screen and (max-width: 1480px) {
.people_img_A_area { margin:8rem 10% 0 0;}
.people_no { padding:7rem 0 0 0; } 
.people_copy { padding:5rem 0 5rem 0.5rem;}
.people_profile_area { margin:0 40% 2rem 0; }
.people_profile_area_bg { margin:-680px 0 5rem 0; background-position: top 0 left 12%;}
.people_profile { padding:0 10% 2rem 28%; }
}
@media screen and (max-width: 1200px) {
.people_img_A_area { margin:8rem 5% 0 0;}
.people_img_A img { max-width:550px;}
.people_profile_area_bg { margin:-630px 0 5rem 0; }
.people_profile { padding:0 5% 2rem 0; max-width: 550px;}
}
@media screen and (max-width: 1024px) {
.people_img_A img { max-width:500px;}
.people_profile_area { margin:0 50% 1rem 0; }
.people_profile_area_bg { margin:-580px 0 5rem 0; background-position: top 0 left -10%;}
.people_profile { max-width: 500px;}
.people_area01_bg , .people_area03_bg { background-attachment: scroll; }
}
@media screen and (max-width: 880px) {
.people_img_A_area { margin:8rem 2rem 0 0;}
.people_img_A img { max-width:450px;}
.people_no img { max-width:80px; }
.people_copy { padding:4rem 0 4rem 0.5rem; font-size:2.4rem; line-height: 3.8rem;}
.people_profile_area_bg { margin:-520px 0 5rem 0; background-position: top 0 left -15%;}
.people_profile { padding:0 2rem 2rem 15%;  max-width: 450px;}
}

@media screen and (max-width: 480px) {
.people_img_A_area { margin:80px 0 0 90px;}
.people_img_A img { max-width:100%;}
.people_no img { max-width:40px; }
.people_copy { padding:2.5rem 0 2rem 0; font-size:2.4rem; line-height: 3.4rem;}
.people_profile_area { margin:0 2rem 2rem 0; }
.people_profile_area_bg { margin:-160px 0 2rem 0; background-size: cover; background-position:top 0 left -100px; }
.people_profile { padding:0 2rem 2rem 2rem; }
.people_no , .people_copy , .people_name { text-align:justify!important; margin-left:2rem; }
}

/*--------------------　2nd_area　--------------------*/
.people_img_B , .people_img_C { padding-top:600px; max-width:728px;}
.people_img_C { margin-top:-4rem;}
.people_B_text , .people_C_text { padding:4rem; max-width:600px; background-color:#fff; line-height:2rem;}
.people_B_tittle , .people_C_tittle { padding:0 0 4rem 0; font-size:2.2rem; letter-spacing:0.1rem; line-height: 3.4rem; font-weight:bold; color:#383F5B; }
.people_img_B { margin-right: auto; }
.people_B_area { padding:10rem 15% 7rem 15%; background-color:#fff;  }
.people_B_text_area { margin:-500px 0 0 0; }
.people_B_text { margin-left:auto; }
.people_B_tittle { margin-left:780px;}
.people_img_C { margin-left: auto; }
.people_C_area { padding:0 15% 10rem 15%; background-color:#D7E1EB; }
.people_C_text_area{ margin:-450px 0 0 0;}
.people_C_text { margin-right:auto; }
.people_C_tittle { margin-left:4rem;}

@media screen and (max-width: 1700px) {
.people_B_area { padding:10rem 10% 5rem 10%; }
.people_C_area { padding:0 10% 10rem 10%;  }
}
@media screen and (max-width: 1480px) {
.people_B_area { padding:10rem 0 5rem 5%; }
.people_C_area { padding:0 5% 8rem 0;  }
}
@media screen and (max-width: 1280px) {
.people_img_B , .people_img_C { padding-top:600px; max-width:600px;}
.people_B_tittle { margin-left:650px; }
}
@media screen and (max-width: 1200px) {
.people_B_area { padding:5rem 0 5rem 5%; }
.people_C_area { padding:0 5% 8rem 0;  }
}
@media screen and (max-width: 1100px) {
.people_img_B , .people_img_C { padding-top:480px; max-width:480px;}
.people_B_tittle { margin-left:510px;}
.people_C_tittle { margin-left:3rem;}
.people_B_text , .people_C_text { padding:3rem; background-color:#fff; }
.people_B_text_area { margin:-420px 0 0 0; }
.people_C_text_area{ margin:-350px 0 0 0;}
.people_B_area { padding:5rem 0 7rem 0; }
.people_C_area { padding:0 0 8rem 0;  }
}
@media screen and (max-width: 880px) {
.people_img_B , .people_img_C { padding-top:420px; max-width:100%;}
.people_B_tittle , .people_C_tittle { margin-left:0; color:#fff;  padding:0 0 2rem 0; }
.people_B_text , .people_C_text { padding:3rem; max-width:100%; line-height:1.8rem;}
.people_B_text_area , .people_C_text_area { margin:-150px 3rem 0 3rem; }
.people_B_area { padding:5rem 2rem 7rem 2rem; }
.people_C_area { padding:0 2rem 8rem 2rem;  }
}

@media screen and (max-width: 480px) {
.people_img_B , .people_img_C { padding-top:240px; max-width:100%;}
.people_img_C { margin-top:-2rem;}
.people_B_tittle , .people_C_tittle { margin-left:0; padding:1rem 0 2rem 0; color:#383F5B; font-size:1.8rem; line-height: 2.6rem; }
.people_B_text , .people_C_text { padding:0rem; background-color:rgba(255,255,255,0); }
.people_B_text_area , .people_C_text_area { margin:2rem 0 0 0; }
.people_B_area { padding:5rem 2rem 7rem 2rem; }
.people_C_area { padding:0 2rem 6rem 2rem;}
}

/*--------------------　3rd_area　--------------------*/
.people_img_D { padding-top:700px; margin-top:-8rem; background-position: top 0 right 5%; background-size: contain; }
.people_D_text { padding:4rem; max-width:600px; background-color:#fff; }
.people_D_area { padding:0 15% 0 15%; background-color:#fff; }
.people_D_text_area { margin:-460px 0 0 0; }
.people_D_text { margin-right:auto; }
.people_D_tittle { margin-left:4rem; font-size:2.2rem; letter-spacing:0.1rem; line-height: 3.4rem; font-weight:bold; color:#383F5B; }

@media screen and (max-width: 1700px) {
.people_img_D { padding-top:680px; background-position: top 0 right 10%; }
.people_D_area { padding:0 10% 0 10%; }
.people_D_text_area { margin:-440px 0 0 0; }}
@media screen and (max-width: 1480px) {
.people_img_D { background-position: top 0 right 5%; }
.people_D_area { padding:0 0 0 0; }}
@media screen and (max-width: 1200px) {
.people_img_D { padding-top:620px; margin-top:-6rem; background-position: top 0 right -15%; }
.people_D_text_area { margin:-440px 0 0 0; }}
@media screen and (max-width: 1100px) {
.people_img_D { padding-top:600px;}
.people_D_text_area { margin:-420px 0 0 0; }
.people_D_tittle { margin-left:3rem;}
.people_D_text { padding:3rem; }}
@media screen and (max-width: 880px) {
.people_img_D { padding-top:550px; margin-top:-5rem; background-position: top 0 right -30%; }
.people_D_text_area { margin:-400px 30% 0 3rem; }
.people_D_tittle { margin-left:3rem;}
.people_D_text { padding:3rem; max-width:100%; }}

@media screen and (max-width: 480px) {
.people_img_D { padding-top:420px; margin-top:-2rem; background-position: top 0 right -80px; background-size: cover; }
.people_D_tittle { margin-left:2rem; padding:0 0 2rem 0;  color:#383F5B;; font-size:1.8rem; line-height: 2.6rem; }
.people_D_text { padding:3rem 2rem 5rem 2rem; }
.people_D_text_area { margin:-240px 0 0 0; }
}

/*--------------------　INDEX　--------------------*/
.people_index { padding:5rem 10% 3rem 10%;}
.people_index a { color:#5BAFD2;}



/*　==============================　etc - コンテンツ　==============================　*/
/*--------------------　共通 - グレー背景　--------------------*/
.gray_bg { background-color:#f0f0f0; }

/*--------------------　コンテンツ - タイトル　--------------------*/
.contents_tittle { padding:6rem 0 2rem 0; }
.contents_tittle p:nth-child(1) { font-size: 1.8rem; letter-spacing:0.2rem; line-height: 3rem; font-weight:bold;}
.contents_tittle p:nth-child(2) { font-size: 1.4rem; letter-spacing:0.4rem; }
/*--------------------　コンテンツ - エリア　--------------------*/
.contents_area { margin:-10rem 2rem 2rem 2rem;  padding:5rem 8%; background-color:#fff; }
.contents_area_02 { margin:-10rem 2rem 0 2rem;  padding:5rem 8%; background-color:#fff; }
.contents_area_01 { padding:4rem 8% 4rem 8%; margin:0 2rem; }
@media screen and (max-width: 498px) { 
.contents_area { padding:3rem 2rem 1rem 2rem; margin:-10rem 1rem 0 1rem; }
.contents_area_01 { padding:3rem 2rem; margin:0 1rem; }
.contents_area_02 { padding:3rem 2rem; margin:-10rem 1rem 0 1rem; }
}

/*--------------------　パンくずリスト　--------------------*/
.fs_breadcrumb { padding:0 2rem 11rem 2rem; font-size:0.6rem; text-align:left; }
.fs_breadcrumb a { color:#fff; }
.fs_breadcrumb a:hover { color:#698cd2; transition: .3s; }
@media screen and (max-width: 498px) { .fs_breadcrumb { padding:0 1rem 11rem 1rem; font-size:0.7rem; text-align:right; }}

/*--------------------　privacypolicy　--------------------*/
.conditons-block p:nth-child(n + 2){ text-indent: -1.4rem; padding-left: 1.4rem; }
.pp_tittle_line { padding:2.5rem 0 1rem 0; border-top:1px solid #e7e7e7; }
.pp_tittle_table dt { position: relative; font-size:1.8rem; color:#ccc; letter-spacing:0.3rem; padding-top:0.1rem; width: 7%; }
.pp_tittle_table dd { font-size:1.2rem; letter-spacing:0.2rem; padding-top:0.5rem; font-weight:bold;  width: calc(100% - 7%); }
.pp_contents { margin-left:7%;}
@media screen and (max-width: 480px) {
.pp_tittle_table dt { width: 12%; font-size:1.6rem; padding-top:0.38rem;}
.pp_tittle_table dd { font-size:1.2rem; letter-spacing:0.2rem; padding-top:0.5rem; font-weight:bold;  width: calc(100% - 12%); }
.pp_contents { margin-left:0%; }
}

/*--------------------　terms　--------------------*/
.terms_line { border-bottom:1px solid #e7e7e7; }
.terms_table, .pp_tittle_table{
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-flow: row nowrap;
     justify-content: flex-start;
     align-items: flex-start;
     width: 100%;
}     
.terms_table dt {
     padding: 2.8rem 0.3rem 1rem 0;
     text-align: center;
     position: relative;
     font-size:2rem;
     color:#ccc;
     letter-spacing:0.3rem;
     width: 110px;
}
.terms_table dd {
     padding:3rem 0;
     text-align: justify;
     font-size:0.9rem;
     width: calc(100% - 110px);
}
@media screen and (max-width: 768px) {
.terms_table dt { width: 45px;  text-align: justify; padding: 2.8rem 0 1rem 1rem; }
.terms_table dd { width: calc(100% - 45px - 1rem); }
}

/*　==============================　NEWS 　==============================　*/
.news_area { margin:-10rem 2rem 2rem 2rem; background-color:#fff; }
@media screen and (max-width: 498px) { 
.news_area { margin:-10rem 1rem 0 1rem; }}

.news_list_fix .tk_flex {border-bottom: 1px solid #383F5B; padding: 3rem 1rem!important;}
.news_list .tk_flex {border-bottom: 1px solid #ededed; padding: 1.5rem 1rem!important;}
.news_list .tk_flex:last-child {border: none;}
.news_list a , .news_list_fix a{color:#151C2A;}
.news_list a:hover ,.news_list_fix a:hover {opacity:0.7; transition:0.6s;}
.news_list .tk_title , .news_list_fix .tk_title {
font-weight: bold;
margin-bottom: 0.5rem!important; font-size: 1rem!important;}
.news_list .tk_kijii , .news_list_fix .tk_kijii {
margin-bottom: 0.25rem!important; font-size: 0.75rem!important;}

@media screen and (min-width: 1460px) {
.news_list .col-1 , .news_list_fix .col-1 {flex: 0.5!important;}
}
@media screen and (max-width: 498px) {
.news_list .tk_flex , .news_list_fix .tk_flex{flex-flow: column nowrap; padding: 1.5rem 1rem 1.5rem 1.5rem!important;}
.news_list .tk_title , .news_list_fix .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size:1.1rem;
}
.news_list .tk_title span , .news_list_fix .tk_title span{margin: -1.6rem 0rem 0.5rem 6rem!important;}
}

/*　==============================　NEWS - ページャー　==============================　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage strong{
background-color: #3B5E91!important;
color: #ffffff!important;
border-radius: 5px 5px 5px 5px;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #666;
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 5px 5px 5px 5px;
}

/*　==============================　NEWS - 更新用　==============================　*/
.fs-snsbutton-color1 li a{background-color: transparent!important; color: #ccc!important;}
.fs-snsbutton-color1 li a:hover{color: #666!important; transition: .3s; }
#fsInfoBpager .currentPage , #fsInfoBpager .ccm-page-left span, #fsInfoBpager .ccm-page-right span 
{ color:#3B5E91!important; background:#fff!important; }
#fsInfoBpager .numbers { background:#3B5E91; height: 24px; padding: 1px; width: 24px; }
#fsInfoBpager .ccm-page-left a, #fsInfoBpager .ccm-page-right a { background:#3B5E91; }
#pagination .numbers a { background-color: #f0f0f0; }

#pt101-2-1 , #pt101-4-1 { width:calc(100% - 4rem); margin: 0 2rem; float: none; }
#pt101-2-1 { background-color: rgba(255,255,255,0.8); }
.news_bc { padding:0 2rem 1rem 2rem; font-size:0.6rem; text-align:left; letter-spacing:0.1rem;}
.news_bc a { color:#3B5E91; }
.news_tittle { margin:0 8% 3rem 8%; padding: 5rem 0 3rem 0;}
.news_text { margin:0 8%; padding:0 0 5rem 0; }
.news_sns { margin:0 8%; padding:1rem 0 3rem 0; }
@media screen and (max-width: 498px) {
#pt101-2-1 , #pt101-4-1 { width:calc(100% - 2rem); margin: 0 1rem; float: none; }
.news_bc { padding:0 1rem 1rem 1rem; font-size:0.7rem; letter-spacing:0;}
.news_tittle { margin:0 2rem 3rem 2rem; padding: 3rem 0 2.5rem 0;}
.news_text { margin:0 2rem; padding:0 0 5rem 0; }
}

#pt101-2-1 .fs_content a { color:#3B5E91;background-color: #f0f0f0; font-weight: bold; vertical-align: middle; padding: 0.4rem; font-size: 0.8rem; }
#pt101-2-1 .fs_content a:hover { opacity: 0.5; transition:0.3s; }


/*　==============================　headerに関する設定　==============================　*/
/*--------------------　header - ロゴ　--------------------*/
.h_logo_eng { padding:2rem 1rem 1rem 1rem; text-align:center;}
.h_logo_eng img { max-width:240px; }

@media screen and (max-width: 768px) {
.h_logo_eng { padding:2rem 0 1rem 2rem;}
.h_logo_eng img { width:280px; }}
@media screen and (max-width: 498px) {
.h_logo_eng { padding:1.5rem 0 1.5rem 1.5rem; text-align:justify;}
.h_logo_eng img { max-width:180px; }
}

.body-pt001 .h_pc_navi .fsNavMenuList li:first-child { display:none;}

/*--------------------　navi - PC版　--------------------*/
.h_pc_navi { margin:0 5% 0 0; }
.h_pc_navi .fsNavMenuList li a {
     font-weight:bold;
     letter-spacing:0.1rem;
     padding:3rem 0 1rem 0!important ;
     margin:0 2rem 0 0 ;
}

.h_pc_navi .fsNavMenuList li:last-child a {
     font-weight:bold;
     letter-spacing:0.1rem;
     padding:1rem!important ;
     margin:2rem 0 0 0 ;
     color:#fff;
     background: #383F5B;
}

.h_pc_navi .fsNavMenuList li:last-child a:hover {  background: #3B5E91; }

.h_pc_navi .fsNavMenuList li:first-child, .h_pc_navi .fsNavMenuList li:nth-child(7) , .h_pc_navi .fsNavMenuList li:nth-child(8) { display:none;}

/*--------------------　navi - SP版　--------------------*/
.fat-nav {
     background: rgba(59, 94, 145, 0.98);
     background-image: url(../../../../files/7616/4466/5343/suitousha_00_sp_navi_bg.jpg);
     background-position: bottom;
     background-attachment: scroll;
     background-size: cover;
     background-repeat: no-repeat;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after { background-color: #3B5E91; }

.fat-nav li a { color:#3B5E91; border-bottom: 0px solid #3B5E91; }
.fat-nav ul { vertical-align: top; padding: 38vh 0 0 0;}
.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 0.5rem 0;
    margin-left:56% ;
    font-size: 1.2rem;
    font-weight:bold;
    letter-spacing:0.1rem;
    border-bottom: none;
}
@media screen and (min-width: 499px) {
.fat-nav ul { padding: 30vh 0 0 0;}
.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1rem 0;
    margin-left:58% ;
    font-size: 1.3rem;
    letter-spacing:0.2rem;
}
}

.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
    background-color: #3B5E91;
}

.sp_nav_fix { position: absolute; top: 0; right: 0; padding:1.3rem 0.5rem 0 0; z-index:50; }

/*　--------------------　header・footer navi-LINK　--------------------　*/
.h_pc_navi a { color:#666; }

/*
.body-pt001 .h_pc_navi a,
.body-pt003 .h_pc_navi a,
.f_navi_link a { color:#fff!important;}
*/

.h_pc_navi a,
.f_navi_link a ,
.r_navi_link a , 
.rec_info_btn a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.h_pc_navi a::after,
.f_navi_link a::after ,
.r_navi_link a::after ,
.rec_info_btn a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background: #3B5E91;
  transition: .3s;
}
.h_pc_navi a::after, .f_navi_link a::after , .rec_info_btn a::after { background: #3B5E91; }
.r_navi_link a::after { background: #5BAFD2; }
.h_pc_navi a:hover::after, .f_navi_link a:hover::after, .r_navi_link a:hover::after , .rec_info_btn a:hover::after { width: 100%;}

.h_pc_navi > #fsNavMenuList > .active_page > a {position: relative;}
.h_pc_navi > #fsNavMenuList > .active_page > a::after{position: absolute; bottom: 0rem; left: 0; content: ''; width: 100%; height: 2px; background: #3B5E91;}


/*　==============================　footerに関する設定　==============================　*/
/*--------------------　footerロゴ　--------------------*/
.f_logo_eng { padding:1.2rem 2rem 2rem 20%; }

@media screen and (max-width: 896px) {
.f_logo_eng { padding:1.2rem 2rem 1rem 2rem; }}
@media screen and (max-width: 768px) {
.f_logo_eng { padding:1.2rem 1rem 1rem 2rem; }}

@media screen and (max-width: 498px) {
.f_logo_eng { margin:-2.5rem 2rem 0 2rem; padding:0 0 2rem 35%; border-bottom:1px solid #3B5E91; }}

/*--------------------　footerバナー　--------------------*/
.footer_bunner { padding:0 1rem 1rem 1rem; }

@media screen and (max-width: 768px) {
.footer_bunner { padding:0 1rem 1rem 1rem; }}


/*--------------------　footer SNSボタン　--------------------*/
.f_sns img { width: auto; height: 24px; margin-right: 1rem; }
.f_sns a:hover img { opacity:0.5; transition: .3s; }
.footer_sns_sp_line { margin:0 0 1rem 2rem; }
@media screen and (max-width: 480px) {
.f_sns img { width: auto; height: 18px; margin-right: 1rem; }
.footer_sns_sp_line { margin:2rem 2rem 2rem 2rem;}}

/*　------------------------------　サイトマップ　------------------------------　*/
.f_sitemap ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
.f_sitemap li:nth-child(1) {width: 22%;}
.f_sitemap li:nth-child(2) {width: 15%;}
.f_sitemap li:nth-child(3) {width: 18%;}
.f_sitemap li:nth-child(4) {width: 30%;}
.f_sitemap li:nth-child(5) {width: 15%;}
.f_sitemap dt { font-size:1rem; margin:2rem 0 0 0; line-height: 0.5rem; letter-spacing: 0.1rem; color:#3B5E91;}
.f_sitemap dd {font-size:0.8rem; line-height: 2.2rem;}
.sitemap_jp {font-size:0.9rem; font-weight:bold; line-height: 2.2rem; margin: 0 0 0.2rem 0!important;}
.sitemap_jp  a , .sitemap_jp  a:hover { color:#3B5E91!important; }
.sitemap_line { margin:0 0 0 1rem!important; }
.sitemap_line a , .sitemap_line a:hover { color:#222!important; }
.sitemap_line::before {
content: '';
display: block;
width: 10px;
height: 2px;
background: #3B5E91;
position: relative;
top: 1.1rem;
left: -1rem;
}

.f_text_link a , .f_text_link a:hover { color:#666; }
.f_sitemap { padding:0 0 6rem 2rem; }

@media screen and (max-width: 960px) {
.f_sitemap li:nth-child(1) {width: 40%;}
.f_sitemap li:nth-child(2) {width: 30%;}
.f_sitemap li:nth-child(3) {width: 30%;}
.f_sitemap li:nth-child(4) {width: 40%;}
.f_sitemap li:nth-child(5) {width: 30%;}
}

@media screen and (max-width: 768px) {
.f_sitemap li:nth-child(1) , .f_sitemap li:nth-child(2) , .f_sitemap li:nth-child(3) , .f_sitemap li:nth-child(4) , .f_sitemap li:nth-child(5) {width: 50%;}
.f_sitemap dt { font-size:1.3rem; margin:2rem 0 0 0;}
.f_sitemap dd {font-size:1rem; line-height: 2rem;}
.f_sitemap { padding:0 0 2rem 2.5rem; }
}

@media screen and (max-width: 498px) {
.sitemap_jp {font-size:1rem; font-weight:bold; color:#3B5E91; line-height: 2.6rem; margin: 0 0 0 0!important; }
.f_sitemap dd {font-size:0.9rem; line-height: 1.8rem;}
.sitemap_line { margin:0 0 0 1rem!important; }
.sitemap_line::before {
content: '';
display: block;
width: 6px;
height: 2px;
background: #3B5E91;
position: relative;
top: 1.1rem;
left: -10px;
}
.sitemap_line { margin:0 0 0 10px!important; }
.f_sitemap { padding:1rem 0 0 2rem; }
.f_sitemap dt { margin:2.5rem 0 0 0;}
.f_sitemap li:nth-child(1) , .f_sitemap li:nth-child(3) , .f_sitemap li:nth-child(5) {width: 43%;}
.f_sitemap li:nth-child(2) , .f_sitemap li:nth-child(4) {width: 57%;}
}

/*　==============================　テキスト　==============================　*/
/*--------------------文字に関する設定--------------------*/
.bold { font-weight: bold; }
.space_1 { letter-spacing: 0.1rem;}
.space_2 { letter-spacing: 0.2rem;}
.space_3 { letter-spacing: 0.3rem;}
.space_4 { letter-spacing: 0.4rem;}
.space_5 { letter-spacing: 0.5rem;}

/*--------------------約物半角--------------------*/
body {
font-family: YakuHanJP,"Roboto",'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3", "Noto Sans JP","MS Pゴシック", Arial, Meiryo, "メイリオ", sans-serif!important;
}

/*--------------------英字フォント--------------------*/
.eiji { font-family: 'Teko' ,'Noto Sans Japanese', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", Yu Gothic Medium,  "ヒラギノ角ゴ Pro W3" ,sans-serif; }

/* devanagari */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/teko/v10/LYjCdG7kmE0gdVBesCVgqGIu.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/teko/v10/LYjCdG7kmE0gdVBesCpgqGIu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/teko/v10/LYjCdG7kmE0gdVBesCRgqA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*　==============================　デフォルト　==============================　*/
a { text-decoration:none; }

h1 , h2 , h3 {margin: 0px 0px 0px 0px; padding: 0px 0px; margin-top: 0px; font-weight: normal;}

/*--------------------スマホ時消去--------------------*/
@media screen and (max-width: 498px) {
     .sp_none {  display: none; }}

/*--------------------telリンク - スマホ版のみ--------------------*/
@media screen and (min-width: 768px) { a[href^="tel:"] {pointer-events: none;}}

/*--------------------マルチイメージ、スリックスライドのポインター無--------------------*/
.cuosor { pointer-events: none; cursor: default; }

/*----------編集時のネガティブマージン----------*/
.ccm-edit-mode .n_mg_top {margin-top:0rem!important;}
.ccm-edit-mode .n_mg_bottom {margin-bottom:0rem!important;}

/*----------ポジションリラティブ----------*/
.pos_rel{position: relative;}

/*----------SP版センター----------*/
@media screen and (max-width: 498px) {
     .sp_center {  text-align: center!important; }}

/*----------SP版左----------*/
@media screen and (max-width: 498px) {
     .sp_left {  text-align: justify!important; }}

/*----------タブレット縦版左----------*/
@media screen and (max-width: 768px) {
     .tb_left {  text-align: justify!important; }}

/*----------SP版右----------*/
@media screen and (max-width: 498px) {
     .sp_right {  text-align: right!important; }}

/*----------スマホ時改行なし----------*/
@media screen and (max-width: 498px){
.sp_br_none br { display:none; }}

/*----------スマホ時改行あり----------*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}}

/*----------タブレット縦時改行あり----------*/
@media only screen and (min-width: 768px){
.tb_br br { display:none;}}

/*----------タブレット縦時改行なし----------*/
@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*----------スマホ時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 498px) {
.sp_bg_none{background-image: none!important; }}

/*----------スマホ時バックグラウンドイメージ表示----------*/
@media screen and (min-width: 481px) {
.sp_bg_show{background-image: none!important; }}

/*----------タブレット縦時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 768px) {
.tb_bg_none{background-image: none!important; }}

/*----------タブレット横時バックグラウンドイメージ非表示----------*/
@media screen and (max-width: 1024px) {
.tb_bg_w_none{background-image: none!important; }}

/*----------タブレット横時スクロール----------*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}

/*----------タブレット時カバー----------*/
@media screen and (max-width: 1024px) {
.tb_bg_cover{background-size: cover!important; }}

/*----------タブレット時コンテイン----------*/
@media screen and (max-width: 768px) {
.tb_bg_contain{background-size: contain!important; }}

/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"]
{
font-size: 16px !important;
transform: scale(0.9) !important;
}
}

/*　==============================　編集時 - margin　==============================　*/

.ccm-edit-mode .farm_logo_A , .ccm-edit-mode .ic_logo_A , .ccm-edit-mode .csr_text_area01, .ccm-edit-mode .suitoudaigaku_mark , .ccm-edit-mode .csr_img_A , .ccm-edit-mode .csr_img_B , .ccm-edit-mode .contents_top_area , .ccm-edit-mode .contents_area  , .ccm-edit-mode .contents_area_02 , .ccm-edit-mode .contents_area_em,
.ccm-edit-mode .people_profile_area_bg , .ccm-edit-mode .people_B_text_area , .ccm-edit-mode .people_C_text_area , .ccm-edit-mode .people_img_D ,
.ccm-edit-mode .people_D_text_area 
{ margin-top: 0rem!important;}

.ccm-edit-mode .top_area02_img_space
{ margin-bottom: 0rem!important; }

/*　==========================================　杉本css　==========================================　*/

/*　==============================　デフォルト　==============================　*/
/*　color　*/
.txtcl-A{  color: #2D5E8F ;}
.txtcl-B{  color: #1E3C73 ;}
.txtcl-C{  color: #2AB7FF ;}
.txtcl-D{  color: #fff ;}

/*　{background-color　*/
.bgcl-A {background-color:#2D5E8F;}
.bgcl-B {background-color:#1E3C73;}
.bgcl-C {background-color:#2AB7FF;}
.bgcl-D {background-color:#fff;}
.bgcl-E {background-color:#f4f4f4;}

.rgba-black {background-color: rgba(0, 0, 0, 0.6);}
.rgba-black8 {background-color: rgba(0, 0, 0, 0.8);}

@media screen and (max-width: 480px) {
.rgba-black10-sp {background-color: rgba(0, 0, 0, 1);}}

/*　box　*/
.box_D {background-color:#ffffff; }
.btn_bgD_50{background-color:rgba(255, 255, 255, 0.2); margin:5px 5px 5px 5px; transition:1s all;}
.btn_bgD_50:hover {background-color:rgba(255, 255, 255, 0.5); transition:1s all;}
/*　background-color　*/
.rgbaA-5{background-color:rgba(8,15,29,0.5); }


/*　文字に関する表記　*/

@media screen and (max-width: 480px) { 
.tx-center{ text-align: center!important;}
.tx-left{ text-align: left!important;}
.tx-right{ text-align: right!important;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 780px){
.sp-br br {display:none;}
}
@media screen and (max-width: 1024px) { 
/*　———　スマホ時改行なし　———　*/
.sp-br-none br {display:none;}}
.txt-break{word-break: break-all;}

/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}


/*　==============================　事業内容　==============================　*/
.bissiness-btn{background-color:rgba(45,94,143,0.8); transition:1s all;}
/*.bissiness-btn:hover {background-color:rgba(45,94,143,0.1); transition:1s all;}*/

/*　top - business　*/

.bus_top_tittle_table dt { position: relative; font-size:3rem; color:#ccc; letter-spacing:0.4rem; width: 10%; }
.bus_top_tittle_table dd { font-size:1.5rem; letter-spacing:0.1rem; padding:1.2rem 0 0 0; font-weight:bold;  width: calc(100% - 10%); color:#383F5B;}
.bus_top_contents { margin:1rem 0 0 10%; padding-top:2.5rem; border-top:1px solid #ededed; }
.bus_top_contents_area { margin:-5rem 5% 0 5%; padding:2rem 4rem 3rem 4rem; background-color:#fff; position:relative;}
.bus_top_pipe_btn_area { margin:0 5% 0; padding:0 4rem 4rem 4rem; background-color:#fff; }
.bus_tittle_bg_color {background: #3B5E91; padding-bottom:8rem;}
.bus_top_img_area { padding-top:70vh; }
.bus_top_left { padding:2.5rem 0 0 10%; }

.bus_top_tittle_table_02 dt { position: relative; font-size:3rem; color:#ccc; letter-spacing:0.4rem; width: 12%; }
.bus_top_tittle_table_02 dd { font-size:1.5rem; letter-spacing:0.1rem; padding:1.2rem 0 0 0; font-weight:bold;  width: calc(100% - 12%); color:#383F5B;}
.bus_top_contents_02 { margin:1rem 0 0 12%; padding-top:2.5rem; border-top:1px solid #ededed; }
.bus_top_contents_area_02 { margin:-5rem 2rem 2rem 2rem; padding:2rem 4rem 3rem 4rem; background-color:#fff;}
.bus_tittle_bg_color_02 {background: #3B5E91; padding:0 5% 6rem 5%;}
.bus_top_img_area_02 { padding-top:50vh; margin:0 2px; }

@media screen and (max-width: 1600px) {
.bus_top_img_area { padding-top:60vh; }
.bus_top_contents_area_02 { margin:0 2px 2rem 2px; padding:2rem 2rem 3rem 2rem; }
.bus_top_img_area_02 { padding-top:40vh; }
.bus_tittle_bg_color_02 { padding:0 5% 6rem 5%;}
}
@media screen and (max-width: 1400px) {
.bus_top_tittle_table_02 dt { font-size:2.4rem; letter-spacing:0.2rem; width: 14%; }
.bus_top_tittle_table_02 dd { font-size:1.4rem; padding:0.8rem 0 0 0; width: calc(100% - 14%);}
.bus_top_img_area_02 { padding-top:40vh; }
.bus_tittle_bg_color_02 { padding:0 5% 6rem 5%;}
.bus_top_img_area_02 { padding-top:30vh; }
}
@media screen and (max-width: 1024px) {
.bus_top_contents_area { margin:-6rem 5% 0 5%; padding:2rem 4rem 3rem 4rem;}
.bus_top_tittle_table dt { font-size:2.4rem; letter-spacing:0.2rem; width: 14%; }
.bus_top_tittle_table dd { font-size:1.4rem; padding:0.8rem 0 0 0; width: calc(100% - 14%);}
.bus_top_img_area { padding-top:40vh; }
.bus_top_contents { margin:1rem 0 0 0; }
.bus_top_contents_02 { margin:1rem 0 0 0; }
.bus_top_img_area_02 { padding-top:40vh; }
.bus_tittle_bg_color_02 { padding:0 5% 6rem 5%;}
}

@media screen and (max-width: 768px) {
.bus_top_tittle_table dt { width: 12%; }
.bus_top_contents { margin:1rem 4rem 0 0; }
.bus_top_left { padding:1rem 0 0 5%; }
.bus_top_img_area_02 { padding-top:30vh;}
}
@media screen and (max-width: 480px) {
.bus_top_tittle_table dt , .bus_top_tittle_table_02 dt { width: 14%; font-size:2rem;}
.bus_top_tittle_table dd , .bus_top_tittle_table_02 dd { font-size:1.3rem; padding-top:0.3rem; width: calc(100% - 14%); }
.bus_top_contents, .bus_top_contents_02 { margin:1rem 0 2rem 0; padding:2rem 0 0 0;}
.bus_top_contents_area { padding:2rem; margin:-2rem 1rem 0 1rem; }
.bus_top_contents_area_02 { padding:2rem; margin:-2rem 1rem 3rem 1rem; }
.bus_top_pipe_btn_area { margin:0 1em 0; padding:0 2px 2px 2px; }
.bus_tittle_bg_color {padding-bottom:3rem;}
.bus_tittle_bg_color_02 { padding:0 0 2rem 0;}
.bus_top_left { padding:0; }
.bus_top_img_area_02 { padding-top:30vh; padding-bottom:2rem; margin:0; }
}

.bus_top_tittle_table , .bus_top_tittle_table_02 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; }



/*　==============================　パイプ　==============================　*/
.pipe_abt{padding:10% 2rem 10% 2rem; width:60%; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 1024px) { .pipe_abt {width:auto; padding:2rem 2rem 3rem 2rem;}}

.pipe_flw{padding:20% 2rem 20% 2rem; width:50%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1024px) { .pipe_flw {width:auto !important;}}
@media screen and (max-width: 498px){ .pipe_flw{padding:1rem 2rem 4rem 2rem;}}

.pipe_bgcl {background-color:rgba(30, 60, 115, 0.8);}
@media screen and (max-width: 1024px) {.pipe_bgcl {background-color:rgba(30, 60, 115, 1);}}

.pipe_tech_img_L { margin:0 0 3rem 5%; }
.pipe_tech_img_R { margin:0 5% 3rem 0; }
@media screen and (max-width: 498px) { .pipe_tech_img_L ,.pipe_tech_img_R { margin:0 0 0 2rem; }}

.pipeh1_brd{background: linear-gradient(50deg, #1E3173 0%, rgba(255,255,255,0) 100%); padding:0.8rem 0 0.8rem 1rem; margin-bottom:0.8rem;}

/*--------------------　コンテンツ - タイトル　--------------------*/
.pipe_tittle { padding:5rem 0 2rem 0;}
.pipe_tittle p:nth-child(1) { font-size: 1.8rem; letter-spacing:0.2rem; line-height: 3rem; font-weight:bold;}
.pipe_tittle p:nth-child(2) { font-size: 1.4rem; letter-spacing:0.4rem; }

/*　----------　製品一覧　----------　*/
ul.pipe_list > li {
background: linear-gradient(250deg,rgba(0,0,0,0),rgba(255,255,255,1));padding:0.5rem 2rem 0.5rem 2rem;
margin:5px 2rem 5px 2rem ; 
}

/*　==============================　機械販売　==============================　*/
.boxmachine_20 {background-color:#ffffff; height:31rem; padding:3rem 2.5rem 0 2.5rem; margin:5px 5px 5px 5px;}
@media screen and (max-width: 1100px) { .boxmachine_20 {height:32rem; }}
@media screen and (max-width: 1024px) { .boxmachine_20 {height:28rem; padding:3rem 2rem; }}
@media screen and (max-width: 938px) { .boxmachine_20 {height:32rem; }}
@media screen and (max-width: 843px) { .boxmachine_20 {height:35rem; }}
@media screen and (max-width: 768px) { .boxmachine_20 {height:35rem; }}
@media screen and (max-width: 498px) { .boxmachine_20 {height:auto; }}

/*　==============================　航空機リース　==============================　*/
.air_abut { padding:4rem 5rem; margin:-35vh 5% 0 60%;}
.aircraft_img { padding:2rem 1rem 30vh 1rem; }
@media screen and (max-width: 1600px) { .air_abut { margin:-30vh 5% 0 37%; }}
@media screen and (max-width: 1200px) { .air_abut { margin:-30vh 2rem 0 24%; }}
@media screen and (max-width: 1024px) {.air_abut{ margin:-30vh 2rem 0 35%; }}
@media screen and (max-width: 768px) {.air_abut { padding:3rem 4rem; }}
@media screen and (max-width: 498px) {.air_abut{margin:0 0 0 0; padding:3rem 2rem; }
.aircraft_img { padding:2rem 0.5rem 20vh 0.5rem; }}

.air_tittle{padding: 5rem 0 0 0;}
.air_tittle p:nth-child(1) { font-size: 1.8rem; letter-spacing:0.2rem; line-height: 3rem; font-weight:bold;}
.air_tittle p:nth-child(2) { font-size: 1.4rem; letter-spacing:0.4rem; }

/*　==============================　製品紹介　==============================　*/
.contents_area_pd { margin:-10rem 2rem 2rem 2rem; background-color:#fff;}
@media screen and (max-width: 498px) {
.contents_area_pd { padding:0rem 0rem 1rem 0rem; margin:-10rem 1rem 3rem 1rem; }}
.contents_tittle_pd{background: linear-gradient(30deg, #1E3173 0%, #2D5E90 100%);}

/*　----------　製品一覧　----------　*/
.pd_A {
font-size: 0.9rem;
padding: 1rem 1rem 1rem 1rem;
vertical-align: top;
width: 10%;
text-align: justify;
}
.pd_B {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  1rem 1rem 0;
vertical-align: top;
width: 30%;
}
.pd_C {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  1rem 1rem 1rem;
vertical-align: top;
width: 30%;
}
.pd_line {border-top:1px solid #ccc;}
.pd_box{background-color:#f0f0f0; }
.pd_area { margin:0rem 2rem 2rem 2rem; background-color:#fff; }
@media screen and (max-width: 498px) { 
.pd_area { padding:0rem 0rem 1rem 0rem; margin:0rem 1rem 5rem 1rem; }}

/*--------------------　製品紹介 - タイトル　--------------------*/
.prd_tittle {padding: 6rem 2rem 23rem 2rem;}
@media screen and (max-width: 498px) { .prd_tittle {padding: 6rem 2rem 6rem 2rem;}}
.prd_tittle p:nth-child(1) { font-size: 1.8rem; letter-spacing:0.2rem; line-height: 3rem; font-weight:bold;}
.prd_tittle p:nth-child(2) { font-size: 1.4rem; letter-spacing:0.4rem; }

/*　----------　製品一覧　----------　*/
.pd_liA {
font-size: 0.9rem;
padding: 1rem 5px 1rem 5px;
vertical-align: top;
width: 37%;
text-align: justify;
}
.pd_liB {
font-size: 0.9rem;
text-align: justify;
padding: 1rem 5px 1rem 5px;
vertical-align: top;
width: 35%;
}
.pd_liC {
font-size: 0.9rem;
text-align: justify;
padding: 1rem 5px 1rem 5px;
vertical-align: top;
width: 28%;
}


/*　==============================　設備紹介　==============================　*/
/*　----------　設備一覧　----------　*/
ul.em_list {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}
ul.em_list > li {
 width: 33%;
 list-style: none;
 border: 1px solid white;
 box-sizing: border-box;
margin-bottom:2rem;
}
ul.em_list img { margin-bottom:0.5rem;}

@media screen and (max-width: 498px) { ul.em_list > li { width: 100%;}}

/*　----------　主要設備紹介　----------　*/
/*　----------　製品一覧　----------　*/
.em_A {
font-size: 0.9rem;
padding: 1rem 1rem 1rem 1rem;
vertical-align: top;
width: 25%;
text-align: justify;
}
.em_B {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  1rem 1rem 1rem;
vertical-align: top;
width:  calc(100% - 25% - 30px - 2rem);
}
.em_C {
font-size: 0.9rem;
text-align: center;
padding: 1rem  1rem 1rem 1rem;
vertical-align: top;
width: 30px;
}

/* === 追加ここから(fujisada) === */
/* スマホの場合切り抜きキャンセル ここから */
@media screen and (max-width: 480px) {
.pipe_layout .ccm-layout-row .ccm-layout-cell svg image {
    clip-path: none;/* svgの切り抜き止める */
}
}
/* スマホの場合切り抜きキャンセル ここまで */

/* スマホの場合左右入れ替え ここから */
@media screen and (max-width: 480px) {
.pipe_layout_center .ccm-layout-row {
  display:flex;
  flex-direction: column;/* 縦並び */
}
.pipe_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(1) {
    order: 2;
}
.pipe_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(2) {
    order: 1;
}
}
/* スマホの場合左右入れ替え ここまで */


/*　==============================　ENGLISH　==============================　*/
.body-pt009 header , .body-pt009 footer { display:none; } 

/*--------------------　top_image　--------------------*/
.EN_top_copy_01 { margin:35vh 30% 0 10%; }
.EN_top_copy_02 { padding:35vh 2rem 18vh 35%; margin:0 0 4.5rem 0; }
.EN_top_copy_02 img { max-width:400px; }

@media screen and (max-width:1600px) {
.EN_top_copy_02 { padding:32vh 2rem 18vh 35%; }}

@media screen and (max-width:1280px) {
.EN_top_copy_01 {  margin:32vh 0 4rem 10%; }
.EN_top_copy_02 { margin:0 ; padding:33vh 2rem 20vh 35%; }}
@media screen and (max-width:1024px) {
.EN_top_copy_01 { margin:42vh 0 4rem 10%; }
.EN_top_copy_02 { padding:42vh 2rem 8vh 35%; }
}
@media screen and (max-width:768px) {
.EN_top_copy_01 { margin:61vh 0 0 3rem; }
.EN_top_copy_02 { padding:60vh 3rem 6vh 2rem; }
}
@media screen and (max-width:480px) {
.EN_top_copy_01 { margin:55vh 3rem 0 3rem; }
.EN_top_copy_02 { padding:1rem 3rem 3rem 3rem; }
}
@media screen and (min-width:481px) {
.EN_top_copy_02 { pointer-events:none; }}


.EN_box_pd{padding: 10vh 2rem 10vh 2rem; margin:0rem 1rem 0rem 1rem;}
@media screen and (max-width: 820px) {
.EN_box_pd{padding: 2rem 2rem 2rem 2rem;}}
@media screen and (max-width: 480px) {
.EN_box_pd { padding: 0;}}

.EN_abt_parts {padding: 0 5rem 0 5rem;}
@media screen and (max-width: 480px) {
.EN_abt_parts {padding: 0 8rem 0 8rem;}}


.ENcmpn-tb{
background-color: #fff;
}
.ENcmpn-tb li{
width: calc(100% - 2rem);
}
.ENcmpn-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.ENcmpn-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.ENcmpn-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#3B5E91;
width: 100px;
}
.ENcmpn-tb li dl dd{
text-align: left;
padding: 0rem 1rem;
width: calc(100% - 100px - 2rem);
}
@media screen and (max-width: 768px){
.ENcmpn-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.ENcmpn-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.ENcmpn-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.ENcmpn-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}
@media screen and (max-width: 480px){
.ENcmpn-tb{ padding: 0 1rem; }
}

.ENcmpn-tb li:nth-child(even){
background-color: #f4f4f4; padding: 1rem 1rem 1rem 1rem;}

.ENcmpn-tb li:nth-child(odd){ padding: 1rem 1rem 1rem 1rem;}

.eng_bus_text_height { height:110px; }
@media screen and (max-width:1600px) {.eng_bus_text_height { height:130px; }}
@media screen and (max-width:1500px) {.eng_bus_text_height { height:150px; }}
@media screen and (max-width:1100px) {.eng_bus_text_height { height:180px; }}
@media screen and (max-width:950px) {.eng_bus_text_height { height:240px; }}
@media screen and (max-width:768px) {.eng_bus_text_height { height:200px; }}
@media screen and (max-width:480px) {.eng_bus_text_height { height:auto; }}