@charset "utf-8";
/* CSS Document */

/******* クロストーク *******/
.talk_title_en{background:rgba(15,33,139,0.75); padding:0 10px 0 20px; display: inline; color: #FFF; font-size: 20px;}
.talk_title_sub{background:rgba(15,33,139,0.75); padding:0 10px 0 20px; display: inline; color: #FFF; font-size: 16px;}
.talk_title_sub span{color: #e0e558; font-size:26px;}
.crosstalk_chatch{background:rgba(0,0,0,0.5); color: #FFF; padding:15px; position: absolute; bottom: 0; width: 100%; text-align: center;}
.crosstalk_chatch_main{font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 1.5;}

.profile_box{padding: 0 0 40px 0;}
ul.profile_list{list-style: none;}
.clr_talk01{background:#9ebcff;}
.clr_talk02{background:#7bcfdc;}
.profile{height: 200px; position: relative;}
.profile.person_t{background: url("../images/crosstalk_profile_t.png") no-repeat 50% bottom; background-size:auto 96%;}
.profile.person_w{background: url("../images/crosstalk_profile_w.png") no-repeat 50% bottom; background-size:auto 96%;}
.profile.person_o{background: url("../images/crosstalk_profile_o.png") no-repeat 50% bottom; background-size:auto 96%;}
.profile.person_k{background: url("../images/crosstalk_profile_k.png") no-repeat 50% bottom; background-size:auto 96%;}
.profile.person_m{background: url("../images/crosstalk_profile_m.png") no-repeat 50% bottom; background-size:auto 96%;}
.profile_job{position: absolute; top:85px; font-weight: bold; left: calc((100% - 270px)/2);font-size:13px; line-height: 1.4;}
.profile_job .name{font-size:18px; display: block;}
.profile_job .year{font-size:12px; font-weight:normal; display: block;}
.kikkake{background:#FFF; width: 290px; margin: 0 auto; padding: 20px; line-height: 1.5; color: #444;}
h2.crosstalk_heading{font-size: 18px; padding: 30px 0; line-height: 1.4;}
.bg_clr_w{background: linear-gradient(-90deg, #FFF 0%, #FFF 95%, rgba(0,0,0,0) 95%);}
.person_w, .person_t, .person_o, .person_k, .person_m{padding: 7px 0 7px 80px;}
.person_w{background: url("../images/icon_w.png") no-repeat top left;}
.person_t{background: url("../images/icon_t.png") no-repeat top left;}
.person_o{background: url("../images/icon_o.png") no-repeat top left;}
.person_k{background: url("../images/icon_k.png") no-repeat top left;}
.person_m{background: url("../images/icon_m.png") no-repeat top left;}
.bg_right.bg_talk01,
.bg_left.bg_talk01{background: url("../images/crosstalk01_bg.gif") repeat-y; background-position: left;}
.bg_right.bg_talk02,
.bg_left.bg_talk02{background: url("../images/crosstalk02_bg.gif") repeat-y; background-position: left;}
.talk_txt_box{padding: 30px 20px 30px 0;}

.crosstalk01_img01,.crosstalk01_img02,.crosstalk01_img03,.crosstalk02_img01,.crosstalk02_img02{width: 100%;}
.crosstalk01_img01 img,.crosstalk02_img01 img,.crosstalk01_img02 img,.crosstalk02_img02 img,.crosstalk01_img03 img{width: 100%; height: auto;}
.note{margin: 15px 0 15px 12%; font-size: 12px; line-height: 1.4;}
.footer_ph{width: 100%;}
.footer_ph img{width: 100%; height: auto;}

/******* フッターメニュー *******/
.footer_link_box{width: 100%; margin:0; background:#ebebeb;}
ul.footer_link{width: 100%; list-style: none;}
ul.footer_link li.footer_link_active{opacity: 0.7;}
ul.footer_link li img{width: 100%; height: auto;}
ul.footer_link>div.l_hide>li>a{ display: block; background:url(../images/arrow.png) no-repeat 94% 50%, linear-gradient(-15deg, #0f218b 0%, #2234a2 100%) ; color: #FFF; padding: 10px 0;}
ul.footer_link>div.l_hide>li>a>img{width:40px; height: auto; vertical-align: middle; margin: 0 15px 0;}

@media print, screen and (min-width: 767px) {

/******* クロストーク *******/
.talk_title_en{padding: 0 5px 0 calc((100% - 1000px)/2); font-size: 28px;}
.talk_title_sub{padding: 0 5px 0 calc((100% - 1000px)/2); font-size: 17px;}
.crosstalk_chatch{padding:30px 0; position:inherit; bottom:inherit; text-align: center; font-size: 15px;}
.crosstalk_chatch.chatch_talk01{width: 730px; margin: 220px auto 0;}
.crosstalk_chatch_main{font-size: 26px; margin-bottom: 10px; line-height: 1.5;}

.clr_talk01{background:linear-gradient(180deg,#FFF 0%, #FFF 10%, #9ebcff 10%, #9ebcff 51.8%, #f2f5fa 51.8%, #f2f5fa 100%);}
.clr_talk02{background:linear-gradient(180deg,#FFF 0%, #FFF 10%, #7bcfdc 10%, #7bcfdc 51.8%, #f2f5fa 51.8%, #f2f5fa 100%);}
ul.profile_list{display: flex; flex-wrap: nowrap; justify-content: center;}
ul.profile_list li{width:calc(1000px/3)}

.kikkake{background:none; width: 90%; margin: 0 auto; padding:20px 0 0;}
h2.crosstalk_heading{font-size: 30px; padding: 60px 0; line-height: 1.4;}
.bg_right{}
.bg_right.bg_talk01{background: url("../images/crosstalk01_bg.gif") repeat-y; background-position: right;}
.bg_left.bg_talk01{background: url("../images/crosstalk01_bg.gif") repeat-y; background-position: left;}
.bg_right.bg_talk02{background: url("../images/crosstalk02_bg.gif") repeat-y; background-position: right;}
.bg_left.bg_talk02{background: url("../images/crosstalk02_bg.gif") repeat-y; background-position: left;}
.bg_right .talk_txt_box{width: 800px; padding: 30px 100px 30px 0;}
.bg_right .bg_clr_w{background: linear-gradient(90deg, #FFF 0%, #FFF 80%, rgba(0,0,0,0) 80%);}
.bg_left .bg_clr_w{background: linear-gradient(-90deg, #FFF 0%, #FFF 80%, rgba(0,0,0,0) 80%);}
.bg_left .talk_txt_box{padding:30px 0 30px 300px;}

.crosstalk01_img02,.crosstalk02_img02{width:50%; margin: 0 50px 0 30px; float: left;}
.crosstalk01_img03{width:50%; margin: 0 0 30px 50px; float:right;}
.crosstalk01_img02 img,.crosstalk02_img02 img{width:100%; height: auto;}
.bg_left>.bg_txt01{background: url("../images/crosstalk01_txt.png") no-repeat left bottom; background-attachment: fixed;}
.bg_right>.bg_txt01{background: url("../images/crosstalk01_txt.png") no-repeat right bottom; background-attachment: fixed;}
.bg_left>.bg_txt02{background: url("../images/crosstalk02_txt.png") no-repeat left bottom; background-attachment: fixed;}
.bg_right>.bg_txt02{background: url("../images/crosstalk02_txt.png") no-repeat right bottom; background-attachment: fixed;}
.mleft{margin-left: 250px}
.mright{}

/******* フッターメニュー *******/
.footer_link_box{margin:0 auto 0; width:100%; padding: 80px 0;}
ul.footer_link{width:1000px; margin: 0px auto;}
ul.footer_link li{width:50%; float: left;}
ul.footer_link li a:hover{opacity: 0.8; transition: 0.3s ease-in-out;}
}