@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(42,47,56,1.00)}a:hover { color:rgba(153,153,153,1.00)}
/* css setting */
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}

/*　==============================　HOME　==============================　*/
/*　----------　MAIN　----------　*/
.top-main-copy{
padding: 24vh 2rem 27vh 7vw;
}
.top-main-copy h1{
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: 0.35rem;
}
.top-main-copy h1 span{
display: inline-block;
padding: 0.8rem 1.2rem 0.75rem 1.5rem;
margin-bottom: 0.75rem;
background-color: #ffffff; 
}
.top-main-copy h2{
color: #ffffff;
font-size: 1.2rem;
letter-spacing: 0.35rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
margin-top: 0.5rem;
}
.top-main-copy h2:before{
content: "";
width: 3rem;
height: 1px;
background: #ffffff;
margin: 0rem 0.5em 0rem 0rem;
}
.top-100y-logo{
margin: 0rem 0rem 2rem 3rem;
padding-top: 4rem;
}
@media screen and (max-width:498px) {
.top-main-copy{padding: 28vh 2rem 18vh 7vw;}
.top-main-copy h1{font-size: 1.85rem; letter-spacing: 0.25rem;}
}
/*　----------　COMPANY　----------　*/
.top-company-area{
padding: 5rem 0rem 2.5rem 0rem;
}
.top-company-img{
margin: 0rem 2rem 3rem 2rem;
padding-top: 38vh;
}
@media screen and (max-width:768px) {
.top-company-img{
padding-top: 24vh;
}
}
@media screen and (max-width:498px) {
.top-company-img{
margin: 0rem 0rem 2rem 2rem;
padding-top: 36vh;
}
}

.com_message_img {
   margin:0 2rem 0 0;
}
@media screen and (max-width:498px) {
.com_message_img {
   margin:0 0 3rem 2rem;
}
}


/*　----------　BUSINESS　----------　*/
.top-business-area{
padding: 0rem 0rem 6rem 0rem;
}
.top-business-areaBottm{
padding: 0rem 0rem 0rem 0rem;
background-color: #ffffff;
}
.top-business-bgColor{
background-color:rgba(47,89,157,0.8);
}
@media screen and (max-width: 480px) {
.top-business-area{padding: 0rem 0rem 5rem 0rem;}
.top-business-areaBottm{padding: 0rem 1rem 0rem 1rem;}
.top_business_bg{background-size: 300%!important;}
}

.bus_img {
     padding: 50vh 0 0 0 ;
     margin: 0 2rem ;
}

.interview_img {
     padding: 50vh 0 0 0 ;
     margin:0 0 0 0rem ;
}
@media screen and (max-width: 768px) {
.interview_img {
     padding: 30vh 0 0 0 ;
     margin:0 0 0 0rem ;
}
.bus_img {
     padding: 30vh 0 0 0 ;
     margin: 0 2rem ;
}
}

/*　----------　ETC　----------　*/
@media screen and (min-width: 769px) {.top_btn_img .fs_btn_text{padding:6rem 1rem; }}
@media screen and (max-width: 768px) {.top_btn_img .fs_btn_text{padding:4rem 2rem; }}
.top_btn_img{
position: relative;
border: 1px solid #ffffff;
}
@media screen and (max-width: 498px) {
.top_btn_img{
margin:0rem 0rem 1px 0rem!important;
border: none;
}
}
.top_btn_img .fs_btn_text_main{
font-size: 1.1rem;
font-weight: bold;
margin-bottom: 0.5rem;
letter-spacing: 0.2rem;
}
.top_btn_img .fs_btn {
background-color: rgba(47,89,157,0.35);
}
.top_btn_img .fs_btn:hover {
background-color: rgba(47,89,157,0.75);  
}
.top_btn_img .fs_button:hover{
background-size: 120%;
}

/*　----------　INFORMATION　----------　*/
.top-information-area{
padding: 1.5rem 1rem 2rem 1rem;
margin: 1rem 0rem 1rem 0rem;
background-color: #ffffff;
}
.top_news_list_tag .tk_title {
font-size: 1rem;
font-weight: bold;
}
.top_news_list_tag .tk_tags {
background-color: #2f599d;
color: #fff;
font-size: 0.7rem;
padding: 0.3rem 0.5rem 0.2rem 0.6rem;
}
.top_news_list_tag .tk_flex{
padding: 2rem 0;
border-bottom: 1px solid #E2E8F0;
}
.top_news_list_tag .tk_tags_time {
letter-spacing: 0.05rem;
font-size: 0.9rem;
color: #2f599d;
}
.top_news_list_tag .col-1 {
padding-right: 0rem;
pointer-events: none; 
}
.top_news_list_tag .tk_kiji {
pointer-events: none; 
}
@media screen and (max-width:498px) {
.top-information-area{
padding: 0rem 0rem 2rem 0rem;
margin: 0rem 0rem 0rem 0rem;
}
}
/*　----------　RECRUIT　----------　*/
.top-recruit-area{
padding: 5rem 0rem 2.5rem 0rem;
}
.top-recruit-img{
margin: 0rem 2rem 3rem 2rem;
padding-top: 38vh;
}
.top-recruit-imgSub{
margin: 0rem 0rem 0rem 2rem;
padding-top: 28vh;
}
.top-recruit-copy{
padding: 30vh 2rem 5vh 7vw;
}
.top-recruit-copy h1{
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: 0.35rem;
}
.top-recruit-copy h1 span{
display: inline-block;
padding: 0.8rem 1.2rem 0.75rem 1.5rem;
margin-bottom: 0.75rem;
background-color: #ffffff; 
}
.top-recruit-copy h2{
color: #ffffff;
font-size: 1.2rem;
letter-spacing: 0.35rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
margin-top: 0.5rem;
}
.top-recruit-copy h2:before{
content: "";
width: 3rem;
height: 1px;
background: #ffffff;
margin: 0rem 0.5em 0rem 0rem;
}
@media screen and (max-width:498px) {
.top-recruit-copy{padding: 25vh 2rem 5vh 7vwrem;}
.top-recruit-copy h1{font-size: 1.85rem; letter-spacing: 0.25rem;}
.top-recruit-img{margin: 0rem 0rem 3rem 2rem;}
}

.top_rec_slide .slick-prev,
.top_rec_slide .slick-next {
    display: none!important;
}

.top_rec_slide .slick-list {
    margin: 0 1rem;
}

/*　==============================　事業紹介　==============================　*/

/*　ボタン（事業紹介）　*/

@media screen and (min-width: 769px) {.pt_img_btn .fs_btn_text  {padding:7rem 1rem; } }
@media screen and (max-width: 768px) {.pt_img_btn .fs_btn_text  {padding:4rem 2rem; } }

.pt_img_btn .fs_btn_text_main {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    letter-spacing: 0.2rem;
}
.pt_img_btn .fs_btn_text_sub {
    font-size: 0.9rem;
    line-height: 1.6;
}
.pt_img_btn :hover  .fs_btn_text_sub {
opacity:1;
}

.pt_img_btn .b_box {
    background-color: rgba(47,89,157,0.25);
}

.pt_img_btn .fs_btn {
    background-color: rgba(47,89,157,0.65);
}
.pt_img_btn .fs_btn:hover {
    background-color: rgba(47,89,157,0.25);
}

.business-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.business-item li {
padding: 0.8rem 3px;
margin: 0rem 2px 4px 2px;
width: calc(33.33% - 10px);
background-color: rgba(226,232,240,1.00);
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.business-item li{
width: calc(50% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 0;
}
}

/*　==============================　施工事例　==============================　*/
.works-pg > ul:last-child{
border: none!important;
}
.body-pt007 > header{
background-color: rgba(47,89,157,0.65);
}
#pt007-1Parent{
background-color: rgba(47,89,157,0.65);
}
@media screen and (max-width:498px) {.works-pickup{padding-left:1rem;}}

/*　コンポ―サー　*/
.body-pt102 > header{
background-color: rgba(47,89,157,0.65);
}
#pt101-1Parent , #pt102-1Parent {
background-color: rgba(47,89,157,0.65);
}
#pt102-2-1 , #pt102-3-1{
background-color: #ffffff;
width: calc(100% - 1rem);
}
#pt102-3-1 {
margin: 0 0 0 1rem;
}
#pt102-2-1 {
background-repeat: no-repeat;
margin: -60px 0 0 1rem;
 }
#pt102-5-1{
padding-left: 2rem;
width: calc(50% - 2rem);
}
#pt102-5-2{
padding-right: 2rem;
width: calc(50% - 2rem);
}
#CarouselThemeCustom .thumb-item .slick-slide-img{
height:80vh!important;
}
#CarouselThemeCustom .thumb-item .slick-list .slick-track .slick-slide{
height:calc(80vh + 2rem)!important;
}
@media screen and (max-width: 870px) {
#CarouselThemeCustom .thumb-item .slick-slide-img{height: 50vh!important;}
#CarouselThemeCustom .thumb-item .slick-list .slick-track .slick-slide{height: calc(50vh + 2rem)!important;}
}
@media screen and (max-width: 600px) {
#CarouselThemeCustom .thumb-item .slick-slide-img{height: 35vh!important;}
#CarouselThemeCustom .thumb-item .slick-list .slick-track .slick-slide{height: calc(35vh + 2rem)!important;}
}

@media screen and (min-width:769px) {
#pt102-2-1 {
-webkit-border-radius: 0.5rem 0.5rem 0 0 ;
-moz-border-radius: 0.5rem 0.5rem 0 0 ;
-o-border-radius: 0.5rem 0.5rem 0 0 ;
border-radius: 0.5rem 0.5rem 0 0 ;
}
}
@media screen and (max-width:768px) {
#pt102-2-1  {
-webkit-border-radius: 0.5rem 0 0 0 ;
-moz-border-radius: 0.5rem 0 0 0 ;
-o-border-radius: 0.5rem 0 0 0 ;
border-radius: 0.5rem 0 0 0 ;
}

#pt102 .pt_img_btn .fs_btn_text  {padding:2rem 0rem; }
}
#pt102-5Parent {
     padding-bottom:3rem;
}

/*----------------------- 施工実績入力テーブル -----------------------*/
.works-input-table{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.works-input-ttl{
color: #2F599D;
font-size: 1.5rem;
line-height: 1.5rem;
text-align: right;
padding-right: 3rem;
width: calc(200px - 3rem);
}
.works-input-contents{
padding-left: 3rem;
border-left: 1px solid #E2E8F0;
width: calc(100% - 200px - 6rem);
}
.works-input-list{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: justify;
margin-bottom: 1rem;
width: 100%;
}
.works-input-list i{
color: #E2E8F0;
padding-right: 0.5rem:
}
.works-input-list dt{
width: 120px;
}
.works-input-list dd{
width: calc(100% - 120px - 1.2rem);
padding-left: 1.2rem;
}
@media screen and (max-width: 1220px) {
.works-input-ttl{width: calc(25% - 3rem);}
.works-input-contents{width: calc(100% - 25% - 6rem);}
.works-input-list dt{width: 100px;}
.works-input-list dd{width: calc(100% - 100px - 1.2rem);}
}
@media screen and (max-width: 480px) {
.works-input-table{flex-flow: column wrap;}
.works-input-ttl{
text-align: justify;
padding-right: 0rem;
width: 100%;
}
.works-input-contents{
margin-top:1.5rem;
padding-top:1.5rem;
padding-left: 0rem;
border-top: 1px solid #E2E8F0;
border-left: 0px solid #E2E8F0;
width: 100%;
}
}



/*　==============================　企業情報　==============================　*/

/*　アンカー等　*/
.com_link {
vertical-align: middle;
width:25%;
border-right:2px solid #fff;
}

td.com_link a{
padding: 1.5rem;
box-sizing: border-box;
}

/*　会社概要 - 沿革　*/

.outline_contents,
.history_contents {
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%;
border-bottom:1px solid #E2E8F0;
}
.tb-border-n{
border:none!important;
}
.outline_contents dt ,
.history_contents dt {
padding: 1.5rem 0 0 6rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#999999;
letter-spacing:0.2rem;
width: 200px;
}

.outline_contents dd ,
.history_contents dd {
text-align: left;
padding: 1.5rem 1rem ;
width: calc(100% - 200px);
}

/*　会社概要　*/
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline_contents dt {
font-weight: bold;
padding: 1rem 0 0.3rem 0;
width: 100%;
letter-spacing:0.1rem;
}
.outline_contents dd {
font-size: 1rem;
padding: 0rem 0 1rem 0;
border: none;
width: 100%;
}
}

/*　沿革　*/
@media screen and (max-width: 768px){
.history_contents dt {
font-weight: bold;
padding: 1rem 0 1rem 0 ;
width: 94px;
letter-spacing:0.1rem;
}
.history_contents dd{
font-size: 1rem;
padding: 1rem 0 1rem 1rem ;
width: calc(100% - 94px);
border: none;
}
}

/*　==============================　採用情報　==============================　*/

.rec_text_color {
     color:#4EA698;
}


.recruit-entry-btn{
margin: 0rem 0rem 0.75rem 0rem;
}
.recruit-entry-btn .fs_btn_text_main {
font-size:1.1rem;
font-weight: bold;
}
.recruit-entry .fs_btn_text_sub {
font-size:0.9rem;
}
.recruit-entry-btn .fs_btn{
line-height: 1.6rem;
padding: 0.75rem 0rem;
}

.recruit-staff-area{
padding:0rem 4rem 2rem 4rem;
}
@media screen and (max-width: 1024px){
.recruit-staff-area{
padding:0rem 2rem 2rem 2rem;
}
}
@media screen and (max-width: 768px){
.recruit-staff-area{
padding:0rem 3rem 2rem 2rem;
}
}
@media screen and (min-width: 769px) {.recruit-staff-btn .fs_btn_text  {padding:16vh 0; } }
@media screen and (max-width: 768px) {.recruit-staff-btn .fs_btn_text  {padding:15vh 0; } }
.recruit-staff-btn .fs_btn_text  {
opacity:0;
}
.recruit-staff-btn .fs_btn_text:hover  {
opacity:1;
}
.recruit-staff-btn .fs_btn:hover {
background-color: rgba(78,166,152,0.75);
}
.recruit-staff-tag{
margin: -2.5rem 1rem 1.5rem 1rem;
position: relative;
}
.recruit-staff-tag .fs_btn_text{
line-height: 1.5rem;
}
.recruit-staff-tag .fs_btn_text_sub{
font-weight: bold;
letter-spacing: 0.1rem;
}

@media screen and (min-width: 1201px) {.recruit-staff-catch{font-size:1.2vw;} }
@media screen and (max-width: 1200px) {.recruit-staff-catch{font-size:1.4vw;} }
@media screen and (max-width: 498px) {.recruit-staff-catch{font-size:1.6rem;} }


/*　募集要項　*/
.rec_outline {
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%;
/*border-bottom:1px solid #f2f5e9;*/
}

.rec_outline dt {
padding: 1.5rem 0 0 7rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#349641;
letter-spacing:0.2rem;
width: 200px;
}

.rec_outline dd {
text-align: left;
padding: 1.5rem 1rem ;
width: calc(100% - 200px);
}

@media screen and (max-width: 768px){
.rec_outline dt {
font-weight: bold;
padding: 1rem 0 1rem 0 ;
width: 94px;
letter-spacing:0.1rem;
}
.rec_outline dd{
font-size: 1rem;
padding: 1rem 0 1rem 1rem ;
width: calc(100% - 94px);
border: none;
}
}

/*　募集要項　*/
.guideline_tb{
background-color: #f2f2f2;
/*background-color: #e2e8f0;*/
padding: 1.75rem 0rem 1.5rem 0rem;
}
.guideline_tb_li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #ffffff;
}
.guideline_tb_li:last-child{
border-bottom: 0px solid #cccccc;
}
.guideline_contents{
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%;
}
.guideline_contents dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#4EA698;
letter-spacing:0.2rem;
width: 200px;
}
.guideline_contents dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 200px - 4rem);
}
@media screen and (max-width: 768px){
.guideline_tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.guideline_tb_li{
width: 100%;
}
.guideline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guideline_contents dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.guideline_contents dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　インタビュー　==============================　*/

/*　———　インタビュータイトル回り　———　*/
.interview_tittle_space{text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
@media screen and (min-width:769px) {
.interview_tittle_space { font-size:2.4rem; padding: 28rem 0rem 8rem 2rem ;}}
@media screen and (max-width:768px) {
.interview_tittle_space {  font-size:2rem; padding: 22rem 0rem 8rem 2rem !important;}}
@media screen and (max-width:480px) {
.interview_tittle_space { font-size:2rem; padding: 23rem 0rem 6rem 2rem !important;}}
.interview-subImg{
padding: 10rem 0rem;
margin-bottom: 1rem;
}
.interview-pg{
margin: 0rem 2rem 3rem 2rem;
}
.interview-pg #archiveBoxesC4-slidecardA .archiveCardA-list-img{
height:39vh!important;
}
.interview-pg #archiveBoxesC4-slidecardA .archiveCardA-list-txt{
text-align: center!important;
background-color: rgba(78, 166, 152,0.7);
}
.interview-pg #archiveBoxesC4-slidecardA .archiveCardA-txt-ttl{
padding: 1rem 0rem 0.5rem 0rem!important;
margin: 0rem 1rem 0.5rem 1rem!important;
border-bottom: 1px solid #ffffff!important;
}
.interview-pg #archiveBoxesC4-slidecardA .archiveCardA-txt-read{
font-size: 1rem!important;
line-height: 1.3rem!important;
font-family:'Times New Roman', '游明朝', YuMincho, 'HG明朝E', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

/*　==============================　SDGs　==============================　*/
.sdgs_policy_ct li .sdgs_policy_box, .sdgs_activity_ct li .sdgs_activity_box{
display:flex;
}
.sdgs_policy_ct li .sdgs_policy_box dt, .sdgs_activity_ct li .sdgs_activity_box dt {
margin-right:10px;
}
.sdgs_policy_ct li:not(:last-child), .sdgs_activity_ct li:not(:last-child) {
margin-bottom:0.5rem;
}


.activity_ct_tx{
padding:0  1rem 0 4rem;
}
.activity_ct_img, .activity_ct_pdf{
padding:0 4rem 0 0;
}
@media screen and (max-width:480px) {
.activity_ct_tx{
padding:0 4rem;
}
.activity_ct_img, .activity_ct_pdf{
padding:0 4rem;
}
}
.activity_ct_pdf ul{
display:flex;
}
.activity_ct_pdf ul li img{
box-shadow: 2px 2px 2px 2px rgba(241,241,241,0.95);
}
.activity_ct_pdf ul li:not(:last-child) {
padding-right:1rem;
}
.activity_ct_pdf p{
margin-top:0.5rem;
}
@media screen and (min-width:480px){
.activity_ct_pdf ul li img{
max-height:250px;
width:auto;
}
}
/*　==============================　健康経営　==============================　*/
.activity_ct_img, .activity_ct_health_pdf{
padding:0 4rem 0 0;
}
@media screen and (max-width:480px) {
.activity_ct_tx{
padding:0 4rem;
}
.activity_ct_img, .activity_ct_health_pdf{
padding:0 4rem;
}
}
.activity_ct_health_pdf ul{
display:flex;
}
.activity_ct_health_pdf ul li img{
box-shadow: 2px 2px 2px 2px rgba(241,241,241,0.95);
}
.activity_ct_health_pdf ul li:not(:last-child) {
padding-right:1rem;
}
.activity_ct_health_pdf p{
margin-top:0.5rem;
}
@media screen and (min-width:480px){
.activity_ct_health_pdf ul li img{
max-height:300px;
width:auto;
}
}


.kenko-keiei_table{
border-collapse: collapse;
width: 100%;

}
.kenko-keiei_table th, .kenko-keiei_table td {
border: 2px solid #fff;
background-color: rgba(241,241,241,0.95);
padding: 1em;
text-align:left;
}
.kenko-keiei_table th {
text-align:left;
background-color: #2F5997;
color: #fff;
font-weight: bold;
width: 20%;
}
@media screen and (max-width:480px){
.kenko-keiei_table th {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;

background-color: #2F5997;
color: #fff;
font-weight: bold;
width: 3%;
}
}
/*　==============================　お知らせ　==============================　*/

/*　コンポ―サー　*/

@media screen and (min-width:769px) {
#pt101-2-1 , #pt101-3-1 , #pt004-2-1 ,#pt004-3-1
{
    background-color: #ffffff;
    width: calc(100% - 2rem);
}
#pt101-3-1 ,#pt004-3-1 {
    margin: 0 1rem;
}
#pt101-2-1 , #pt004-2-1 {
    background-repeat: no-repeat;
    margin: -60px 1rem 0 1rem;
}
}

@media screen and (max-width:768px) {
#pt101-2-1 , #pt101-3-1, #pt004-2-1 ,#pt004-3-1
{
    background-color: #ffffff;
    width: calc(100% - 1rem);
}
#pt101-3-1 ,#pt004-3-1 {
    margin: 0 0 0 1rem;
}
#pt101-2-1 , #pt004-2-1{
    background-repeat: no-repeat;
    margin: -60px 0 0 1rem;
}
}


@media screen and (min-width:769px) {
#pt101-2-1  ,#pt004-2-1{
     -webkit-border-radius: 0.5rem 0.5rem 0 0 ;
     -moz-border-radius: 0.5rem 0.5rem 0 0;
     -o-border-radius: 0.5rem 0.5rem 0 0;
     border-radius: 0.5rem 0.5rem 0 0 ;
}
#pt101-3-1 ,#pt004-3-1{
     -webkit-border-radius: 0 0 0.5rem 0.5rem ;
     -moz-border-radius: 0 0 0.5rem 0.5rem;
     -o-border-radius: 0 0 0.5rem 0.5rem ;
     border-radius: 0 0 0.5rem 0.5rem ;
}

}
@media screen and (max-width:768px) {
#pt101-2-1  ,#pt004-2-1{
     -webkit-border-radius: 0.5rem 0 0 0 ;
     -moz-border-radius: 0.5rem 0 0 0 ;
     -o-border-radius: 0.5rem 0 0 0 ;
     border-radius: 0.5rem 0 0 0 ;
}
#pt101-3-1 ,#pt004-3-1{
     -webkit-border-radius: 0 0 0 0.5rem ;
     -moz-border-radius: 0 0 0 0.5rem;
     -o-border-radius: 0 0 0 0.5rem ;
     border-radius: 0 0 0 0.5rem ;
}

}

/*　記事を書く　*/
@media screen and (min-width:769px)  {
.ttlspace_margin{ margin:0rem 2rem 3.5rem 2rem;}}
@media screen and (max-width:768px)  {
.ttlspace_margin{ margin:0rem 2rem 3.5rem 2rem;}}

@media screen and (min-width:769px)  {
.textspace_margin{ margin:0 0 0 3rem;}}


/*　———　シェアボタン　———　*/

.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon {
    background-color: #2f599d;
    color:#fff;
}

.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover {
     background-color:#e2e8f0;
     color:#2f599d;
     transition:0.5s;
}

/*　ページリスト　*/

#fsInfoBlock .entryData {
    width: 25%;
}
#fsInfoBlock dd {
    width: 68%;
}

.top_news_list a {
color:#ffffff;
}
.top_news_list dl {
    border-bottom: 0px solid #e8eaf0 !important;
    padding: 1.5rem 0!important;
}

.top_news_list dd {
    border-left: 0px !important;
    padding-left:0% !important;
}
.top_news_list dl:nth-child(odd)  {
    /*background: rgba(53,150,66,0.05);*/
}
.top_news_list .entryData {
    padding: 0.5rem 0;
    font-weight: bold;
    margin:0 1rem 0 0;
}
.top_news_list .entryData {
    text-align: left;
}
.top_news_list .entryData{
    text-align: center;
    background:#ffffff;
    color:#2f599d;
}
.top_news_list a:hover {
      opacity:0.7;
      transition:0.6s;
}
.top_news_list .entryTitle {
font-size:1.2rem;
font-weight: bold;
}
.top_news_list  dl:last-child {
border-bottom: 0px solid #fff;
}
.top_news_list  .entrySummary {
display:none;
}

/*　--------------------　ページャー　--------------------　*/
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: #2F599D!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #f1f1f1;
padding: 0.5rem 1rem;
display: inline-block;
}

/*　--------------------　カレンダーの設定　--------------------　*/
div.cal_wrapper table.cal tr th div.cal_ui input {
    border: solid 1px #fff;
}

/*曜日部分*/

div.cal_wrapper table.cal tr.headline td {
    padding: 5px 0px;
    color: #ffffff;
}

div.cal_wrapper table.cal tr.headline {
    background-color: #359642;
}


/*更新日部分*/

div.cal_wrapper table.cal tr td div.Birthday {
    font-weight: bolder;
    background-color: #359642;
    color: #ffffff;
    border-radius: 0%;
}

div.cal_wrapper table.cal tr td div.pointer:hover {
    background-color: #8bbe31;
}

div.cal_wrapper table.cal tr td div span {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    width: 180px;
    border: none;
    background-color: #ffffff;
    text-align: left;
    padding: 5px;
    z-index: 10;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.8em;
    box-shadow: none;
}

div.cal_wrapper table.cal tr td {
    font-size: 10px;
    text-align: center;
    padding: 0px;
}

div.cal_wrapper table.cal tr td div {
    position: relative;
    padding: 6px 10px;
    font-size: 0.7rem;
    text-align: center;
    background-color: #FFF;
    border-radius: 0%;
}




/*　==============================　お問い合わせ　==============================　*/
.formBlockSurveyTable dl dt {
    color: #999;
    text-align: left;
    width: 100%;
    margin-right: 0%!important;
    font-weight: bold;
    font-size: 1rem;
    margin-top: 1rem;
    padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
    width: 100%;
}
.formBlockSurveyTable dl {
    padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 96%;
    resize: none;
    border-radius: 0;
    padding: 1.5%;
    border: 1px solid #c8d2dc;
}
.formBlockSubmitButton {
    width:240px!important;
    text-align:center!important;
    background-color: #999!important;
    color:#fff;
    border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
    width:100%!important;
}}
.formBlockSubmitButton:hover {
    transition:0.6s;
    background-color: #fff!important;
    border:1px solid #999;
    color:#999;
}
.on-pointer input {
    cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 100%;
}
}


/*　==============================　ポリシー　==============================　*/

/*　左インデント　*/
.int_left li {
    margin-left: 2rem;
    text-indent: -2rem;
}
.int_left_2 {
    margin-left: 2rem;
    text-indent: -2rem;
}


/*　==============================　ヘッダー　==============================　*/
/*　トップのヘッダーに関する設定　*/
#cID1 #header-2Parent { 
/*background-color:rgba(255,255,255,0)!important;*/
max-width: 100%!important;
/*padding: 2.5rem 2.5rem 0rem 0rem;*/
}
@media screen and (max-width: 768px) {
#cID1 #header-2Parent .rrh-layout-wrapper { 
padding: 0rem 0rem 0rem 0rem;
}
}
/*　トップ以外のヘッダーに関する設定　*/
#header-2Parent { 
background-color:rgba(255,255,255,1)!important;
}

.body-pt004 #header-2Parent .rrh-layout-wrapper{ background-color:rgba(255,255,255,1)!important;}

/*　トップのヘッダーロゴに関する設定　*/
#cID1 .top_logo{display:block!important;}
#cID1 #top_logo{display:none!important;}
#top_logo{display:none;}
@media screen and (min-width: 769px) {
#top_logo .fs_btn{padding-top: 150px; width: 160px!important;}
#top_logo {margin: 0.5rem 1rem 0rem 3rem ; }
}

@media screen and (max-width: 768px) {
#top_logo .fs_btn{padding-top: 145px; width: 155px!important;}
#top_logo {margin: 2rem 0rem 1rem 2rem; }
}

@media screen and (max-width: 480px) {
#top_logo .fs_btn{padding-top: 105px;  width: 115px!important;}
#top_logo{margin: 1.5rem 1rem; background-position: left!important;}
}


/*　トップ以外のヘッダーロゴに関する設定　*/
@media screen and (min-width: 769px) {
.top_logo .fs_btn{padding-top: 40px;}
.top_logo {margin: 2rem 1rem 0 1rem ; }
}

@media screen and (max-width: 768px) {
.top_logo .fs_btn{padding-top: 35px;}
.top_logo {margin: 2rem 0rem 2rem 1rem; }
}

@media screen and (max-width: 480px) {
.top_logo .fs_btn{padding-top: 28px; }
.top_logo{margin: 2rem 1rem; background-position: left!important;}
}

/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
/*　トップのナビに関する設定　*/
#cID1 .h_pc_navi a::after {
/*background: linear-gradient(90deg, #ffffff, #ffffff);*/
}
#cID1 .h_pc_navi .fsNavMenuList li a{
/*color: #ffffff!important;*/
}

/*　トップ以外のナビに関する設定　*/
.h_pc_navi a {
position: relative;
display: inline-block;
transition: .3s;
}
.h_pc_navi a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 2px;
background: linear-gradient(90deg, #2f599d, #1b2e68);
transition: .3s;
}
.h_pc_navi a:hover::after {
width: 100%;
}

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

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/
/*　トップのナビに関する設定　*/
#cID1 .hamburger .hamburger__icon, #cID1 .hamburger .hamburger__icon:before, #cID1 .hamburger .hamburger__icon:after {
/*background: #ffffff!important;*/
}
#cID1 .sp_h_tx{
/*color:#ffffff!important;*/
}

/*　トップ以外のナビに関する設定　*/
.sp_h_tx{
color:#2f599d;
}
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1rem ;
margin-left:10% ;
font-size: 1.1rem;
line-height: 1.4rem;
border-bottom: none;
border-bottom: 0px solid #ffffff;
}

.fat-nav {
     background: rgba(27, 46,104, .98);
}

/*
.fat-nav .main_list_li:nth-child(even) {
background: rgba(255,255,255,0.2);
}
*/
.fat-nav .main_list_li:nth-child(odd) {
background: rgba(255,255,255,0.05);
}
.fat-nav li a {
border-bottom: 0px solid #fff;
}
/*
.sp_h_navi .fat-nav li p {
font-weight: bold;
}*/
.sp_h_navi .fat-nav li .sub_title{
font-size: 0.8rem;
padding-left:0.2rem;
letter-spacing: 0.1rem;
color: #fff;
}
/*
.sp_h_navi .fat-nav li:first-child .sub_title  {
display: none!important;
}
*/

.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background: #2f599d!important;
}
.fat-nav li p{
color:#fff;
}

.topfix_A {
position: absolute;
z-index: 100;
top: 0;
right: 0;
}
.topfix_B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　フッター　==============================　*/

.footer_top_space {
     padding-top:5rem;
}
@media screen and (max-width: 768px) {
.footer_top_space {
     padding-top:2rem;
}
}

/*　--------------------　フッターロゴに関する設定　--------------------　*/
.FooterLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.FooterLogo{
margin: 0.5rem 2rem 0.5rem 2rem;
}
.FooterLogo .fs_btn{
padding-top: 40px!important;
}
}
@media screen and (max-width: 768px) {
.FooterLogo{
margin: 0.5rem 2rem 0.5rem 2rem;
}
.FooterLogo .fs_btn{
padding-top: 35px!important;
}
}
@media screen and (max-width: 498px) {
.FooterLogo{
margin: 3.5rem 1rem 0.5rem 0rem;
background-position: center!important;
}
.FooterLogo .fs_btn{
padding-top: 35px!important;
}
}

/*　--------------------　ページトップボタン　--------------------　*/
.pagetop-btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop-btm .fs_btn{
line-height: 1.6;
}
.pagetop-btm .fs_btn .fs_btn_text_main{
width: 50%;
padding-top: 2rem;
box-sizing: border-box;
border-right: 1px solid #0076eb;
}
.pagetop-btm .fs_btn:hover .fs_btn_text_main{
border-right: 1px solid #1b2e68;
transition:0.3s;
}
.pagetop-btm .fs_btn .fs_btn_text_sub{
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
left: 0;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 498px) {
.pagetop-btm .fs_btn{
width: 50px!important;
}
.pagetop-btm .fs_btn .fs_btn_text_main{
padding-top: 2rem;
}
.pagetop-btm .fs_btn .fs_btn_text_sub{
font-size: 0.9rem;
}
}


/*　--------------------　サイトマップ　--------------------　*/

@media screen and (min-width: 769px) {
.sp_pp {
     margin-left:120px;
}
}
.sitemap-tb-wrapper{
padding: 0 2rem;
}
.sitemap-tb{
width: 100%;
}
/*
.sitemap-tb tbody tr:nth-child(odd){
background-color: rgba(230,230,230,0.25);
}*/

.sitemap-line {
     border-top:1px solid #e6e6e6;
}

.sitemap-contents{
padding: 0.8rem 0rem ;
vertical-align: middle;
width: 120px;
font-weight: bold;
color:#999;
}
.sitemap-detail{
padding: 1rem 0rem;
vertical-align: middle;
width: calc(100% - 160px );
font-size:0.95rem;
}
@media screen and (max-width: 768px) {
.sitemap-contents{
padding: 1rem 0rem 1rem 1rem;
width: 100px;
}
.sitemap-detail{
padding: 1rem 2rem 1rem 0rem;
vertical-align: middle;
width: calc(100% - 100px - 3rem);
font-size:0.85rem;
}
}
@media screen and (max-width: 498px) {
.sitemap-contents{
padding: 1rem 0rem;
width: 90px;
}
.sitemap-detail{
padding: 1rem ;
vertical-align: middle;
width: calc(100% - 90px - 0rem);
font-size:0.95rem;
}
}
/*　リンクカラー　*/
.f-link a, .f-link a:visited, .f-link a:active{
/*color: #ffffff;*/
}
.f-link a:hover{
transition:0.2s;
/*color: #008eec;*/
}

/*　--------------------　フッターボタン　--------------------　*/
.footer-tel-btn{
margin: 0rem 2rem 0.75rem 2rem;
}
.footer-tel-btn .fs_btn_text_main {
font-size:1.1rem;
font-weight: bold;
}
.footer-tel-btn .fs_btn_text_sub {
font-size:0.8rem;
}
.footer-tel-btn .fs_btn{
line-height: 1.4rem;
padding: 0.75rem 0rem;
}
.footer-mail-btn{
margin: 0rem 2rem 0.75rem 2rem;
}
.footer-mail-btn .fs_btn_text_main {
font-size:1rem;
font-weight: bold;
}
.footer-mail-btn .fs_btn_text_sub {
font-size:0.8rem;
}
.footer-mail-btn .fs_btn{
line-height: 1.4rem;
padding: 0.75rem 0rem;
}


/*　==============================　文字に関する設定　==============================　*/

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.space_05{
    letter-spacing: 0.05rem;
}
.space_1{
    letter-spacing: 0.1rem;
}
.space_2{
    letter-spacing: 0.2rem;
}
.space_3{
    letter-spacing: 0.3rem;
}
.space_4{
    letter-spacing: 0.4rem;
}

/*　———　Googlefont　———　*/

.eiji {
font-family: 'Karla', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Karla Bold'), local('Karla-Bold'), url(https://fonts.gstatic.com/s/karla/v13/qkBWXvYC6trAT7zuC8m3xLt3mQ.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: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Karla Bold'), local('Karla-Bold'), url(https://fonts.gstatic.com/s/karla/v13/qkBWXvYC6trAT7zuC8m5xLs.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;
}

/*　———　ホバー時半調　———　*/

.hover_opacity a:hover{
    opacity: 0.6;
    transition:0.6s;
}

.hover_opacity_img img:hover {
    opacity:0.7;
    transition:0.6s;
}

/* ----------　カラー　---------- */

.green_rgba { background-color : rgba(53,150,66,0.85); }

/* ----------　ポジションリラティブ　---------- */

.pos_rel{position: relative;}

/*　———　telリンク - スマホ版のみ　———　*/

@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}
}

/*　———　SP版センター　———　*/

@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}

/*　———　SP版左　———　*/

@media screen and (max-width: 480px) {
     .sp_left {  text-align: justify!important; }}

/*　———　SP版右　———　*/

@media screen and (max-width: 480px) {
     .sp_right {  text-align: right!important; }}

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

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

.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
@media screen and (max-width: 498px) { 
.br-sp{
display:contents;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}

/*　スマホ時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 480px) {
.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; }}


/*　———　レイアウトポジション　———　*/

/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.w80_center {
   width: calc(100% - 20%);
  margin: auto!important;}}

/*　85%中央寄せ　*/
@media screen and (min-width:1281px) {
.w85_center {
   width: calc(100% - 15%);
  margin: auto!important;}}

/*　90%中央寄せ　*/
@media screen and (min-width:1281px) {
.w90_center {
   width: calc(100% - 10%);
  margin: auto!important;}}

/*　85%右寄せ　*/
@media screen and (min-width:1281px) {
.w85_right {
   width: calc(100% - 15%);
  margin-left: auto!important;}}

/*　80%右寄せ　*/
@media screen and (min-width:1281px) {
.w80_right {
   width: calc(100% - 20%);
  margin-left: auto!important;}}

/*　85%左寄せ　*/
@media screen and (min-width:1281px) {
.w85_left {
   width: calc(100% - 15%);
  margin-right: auto!important;}}

/*　90%右寄せ　*/
@media screen and (min-width:1281px) {
.w90_right {
   width: calc(100% - 10%);
  margin-left: auto!important;}}

/*　80%左寄せ　*/
@media screen and (min-width:1281px) {
.w80_left {
   width: calc(100% - 20%);
  margin-right: auto!important;}}

/*　90%左寄せ　*/
@media screen and (min-width:1281px) {
.w90_left {
   width: calc(100% - 10%);
  margin-right: auto!important;}}

/*　———　ボーダーラディウス　———　*/

.border-radius_top {
-moz-border-radius: 1rem 1rem 0 0;
-webkit-border-radius: 1rem 1rem 0 0;
-o-border-radius: 1rem 1rem 0 0;
-ms-border-radius: 1rem 1rem 0 0;
}

.border-radius_bottom {
-moz-border-radius: 0 0 1rem 1rem;
-webkit-border-radius: 0 0 1rem 1rem;
-o-border-radius: 0 0 1rem 1rem;
-ms-border-radius: 0 0 1rem 1rem;
}

.border-radius_all {
-moz-border-radius: 1rem;
-webkit-border-radius: 1rem;
-o-border-radius: 1rem;
-ms-border-radius: 1rem;
}

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

/*　———　タイトル回り　———　*/

@media screen and (min-width:769px) {
.contents_tittle_space { padding: 10rem 0 0 0 ;}}
@media screen and (max-width:768px) {
.contents_tittle_space { padding: 7rem 0 0 0 !important;}}
@media screen and (max-width:480px) {
.contents_tittle_space { padding: 5rem 0 0 0 !important;}}

/*　パンくずリスト　*/
.b_list a , .b_list a:visited , .b_list a:active {
     color:#2f599d; }
.b_list a:hover {
     color:#999; }
.b_list span { display:none; }

.b_list_2 a , .b_list_2 a:visited , .b_list_2 a:active {
     color:#4EA698; }
.b_list a:hover {
     color:#999; }
.b_list span ,
.b_list_2 span { display:none; }

@media screen and (min-width: 481px) {
     .b_list , .b_list_2 {  padding: 3rem 0 1rem 2rem; }}
@media screen and (max-width: 480px) {
     .b_list , .b_list_2 {  padding: 2rem 0 0.5rem 2rem; }}

/*　英字タイトル部分　*/
@media screen and (min-width:1201px) {
.eiji_tittle { font-size:4rem; padding:0 0 10rem 2rem; text-align: justify!important;}}
@media screen and (max-width:1200px) {
.eiji_tittle { font-size:4rem; padding:0 0 10rem 2rem;  text-align: justify!important;}}
@media screen and (max-width:1024px) {
.eiji_tittle { padding:0 0 10rem 2rem;  text-align: justify!important;}}
@media screen and (max-width:768px) {
.eiji_tittle { padding:0 0 10rem 3rem;  text-align: justify!important;}}
@media screen and (max-width:480px) {
.eiji_tittle { font-size:3rem; padding:0 0 10rem 2rem;  text-align: justify!important;}}

@media screen and (min-width:1201px) {
.eiji_subtittle { font-size:3.5rem; padding:0rem;}}
@media screen and (max-width:1200px) {
.eiji_subtittle { font-size:3.7rem; padding:0rem;}}
@media screen and (max-width:1024px) {
.eiji_subtittle { font-size:4rem; padding:0rem;}}
@media screen and (max-width:768px) {
.eiji_subtittle { font-size:4rem; padding:0rem;}}
@media screen and (max-width:480px) {
.eiji_subtittle { font-size:2.8rem; padding:0rem;}}

/*　———　コンテンツエリア　———　*/

@media screen and (min-width:769px) {
.contents_area {
   width: calc(100% - 20%);
  margin: auto!important;
}}
@media screen and (max-width:768px) {
.contents_area {
   width: calc(100% - 1rem);
  margin-left: auto!important;
}}
@media screen and (min-width:1201px) {
.contents_area02 {
   width: calc(100% - 15%);
  margin: auto!important;
}}
@media screen and (min-width:769px) {
.contents_mr {
  margin:0 3rem;}}
@media screen and (min-width:481px) {
.contents_pd {
  padding:0 3rem;}}


/*　コンテンツ角R　*/

@media screen and (min-width:769px) {
.contents_r {
     -webkit-border-radius: 0.2rem 0.2rem 0 0 ;
     -moz-border-radius: 0.2rem 0.2rem 0 0 ;
     -o-border-radius: 0.2rem 0.2rem 0 0 ;
     border-radius: 0.2rem 0.2rem 0 0 ;
     margin-top:-60px!important;
}}
@media screen and (max-width:768px) {
.contents_r {
     -webkit-border-radius: 0.2rem 0 0 0 ;
     -moz-border-radius: 0.2rem 0 0 0 ;
     -o-border-radius: 0.2rem 0 0 0 ;
     border-radius: 0.2rem 0 0 0 ;
     margin-top:-40px!important;
}}

@media screen and (min-width:769px) {
.contents_r_under {
     -webkit-border-radius: 0 0 0.2rem 0.2rem ;
     -moz-border-radius: 0 0 0.2rem 0.2rem ;
     -o-border-radius: 0 0 0.2rem 0.2rem ;
     border-radius: 0 0 0.2rem 0.2rem ;
}}
@media screen and (max-width:768px) {
.contents_r_under {
     -webkit-border-radius: 0 0 0 0.2rem ;
     -moz-border-radius: 0 0 0 0.2rem ;
     -o-border-radius: 0 0 0 0.2rem ;
     border-radius: 0 0 0 0.2rem ;
}}

/*　リンクカラー　*/
.link_white a { color:#fff;}

@media screen and (min-width:769px) {
.contents_ttl_line {
    margin-right: 2rem!important;
}
.ttl_line_blue p, .ttl_line_white p{
display: flex;
align-items: center;
}
.ttl_line_blue p::after{
background-color: #2F599D; 
content: "";
flex-grow: 1; /* 横幅いっぱい */
height: 1px;
margin-left: 15px; 
}
.ttl_line_white p::after{
background-color: #ffffff; 
content: "";
flex-grow: 1; /* 横幅いっぱい */
height: 1px;
margin-left: 15px; 
}
}