@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em;}
.none{ display:none;}
.bold{ font-weight:bold;}


/*mv*/
.ex .mv{ background:#ff0090; background-size:cover; position:relative;}
.ex .mv .abso{position:absolute; top:50px; right:30px;}
.ex .mv_inner{padding:0 ;}
.ex .mv_inner .fl{ width:35%; float:left; padding-top:14%; padding-bottom:0%;}
.ex .mv_inner .fr{ width:65%; float:right; background: url(../images/main.png) no-repeat scroll left center; padding-top:14%; padding-bottom:0%; background-size:cover;}
.ex .mv_inner .fl h1{ text-align:right; position:relative;}
.ex .mv_inner .fl h1 img{position: absolute; right: -7.6%;}
.ex .mv_inner .fr p{ text-align:left; margin-left:4%;}

/*head*/
.ex #global-nav.m_fixed {left: 0; position: fixed; top: 0; z-index:10;}
.ex .head{border-top:4px solid #3a4bf6; width:100%; background:#fff;}
.ex .head .h_inner{ max-width:1370px; margin:0 auto; padding: 10px;}
.ex .head .h_inner .fl{ float:left; width:23.6%;}
.ex .head .h_inner .fr{display: flex; width: 76.2%; justify-content: flex-end; align-items: center;}
.ex .head .h_inner .fr li{ margin:0 4% 0 0;}
.ex .head .h_inner .fr li:last-child{ margin:0;}
.ex .head .h_inner .fr li a{ font-size:1.8rem; font-weight:bold; color:#2f3541; text-decoration:none; padding-right:15px; margin-top:10px;}
.ex .head .h_inner .fr li .btn_ex{color:#fff; text-align:center; padding:10px 30px; background:#3a4bf6; line-height: 120%; border-radius: 30px;}
.ex .arrow{position: relative; display: inline-block; padding: 0 0 0 0px; color: #000; vertical-align: middle; text-decoration: none;}
.ex .arrow::before, .ex .arrow::after{ position: absolute; top: 0px; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
.ex .head .arrow::before, .ex .head .arrow::after{top: -7px;}
.ex .ar::before{right: 10px; width: 8px; height: 8px; border-top: 2px solid #a4b0be; border-right: 2px solid #a4b0be; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ex .ab::before{right: -2px; width: 10px; height: 10px; border-top: 2px solid #2f3541; border-right: 2px solid #2f3541; -webkit-transform: rotate(135deg); transform: rotate(135deg);}

/*cont1*/
.ex .cont1{ margin:80px auto 70px; max-width:1040px; padding:0 10px;}
.ex .cont1 .fl{ float:left; width:56.5%;}
.ex .cont1 .fr{ float:right; width:37.5%;}
.ex .ex_txt{ margin-top:20px; line-height:200%; font-weight:bold; font-size:1.8rem; color:#2f3541;}
.ex .slider button{ display:none!important;}
.ex .slick-dots{ margin-top:10px; text-align:center;}
.ex .slick-dots li{ display: inline-block; margin: 5px; width: 14px; background: #ccc; height: 14px; border-radius: 20px;}
.ex .slick-dots .slick-active{ background:#333;}
.ex .slick-dots li button{}

/*cont2*/
.ex .cont_inner{ margin:0px auto 0px; max-width:1040px; padding:90px 10px 0;}
.ex .bo_top{ border-top:8px solid #3a4bf6;}
.ex .cont2 .fl{ float:left; width:50.5%;}
.ex .cont2 .fr{ float:right; width:44.5%;}
.ex .co2_bg{ margin-top:50px; background:url(../images/bg.png) no-repeat scroll center center; background-size:cover; padding:45px 10px; text-align:center;}

/*cont3*/
.ex .cont3{ margin:60px 0 100px;}
.ex .cont3 .fl{ float:left; width:45.5%;}
.ex .cont3 .fr{ float:right; width:50.5%;}
.ex .ex_txt2{ margin-top:5px; line-height:150%; font-weight:bold; font-size:2.2rem; color:#2f3541;}
.ex .acfl{ float:left; width:63.7%;}
.ex .acfr{ float:right; width:30.4%;}
.ex .acfl p{ font-size:1.6rem; color:#fff; font-weight:bold; text-align:center; padding:7px 0; background:#3a4bf6;}
.ex .acfr p{ font-size:1.6rem; color:#fff; font-weight:bold; text-align:center; padding:7px 0; background:#2aad60;}
.ex .acbo{ margin-top:20px; border:4px solid #3a4bf6;}
.ex .cont3 .acinner .fl{ float:left; width:47.7%;}
.ex .cont3 .acinner .fr{ float:right; width:47.7%;}
.ex .ab_center{ text-align:center; padding-top:15px;}
.ex .ac_top{margin-top:15px; padding:0 30px;}
.ex .ac_top li{ margin-top:2px; font-size:2rem; color:#3a4bf6;}
.ex .acMenu dt{display:block; border-top:4px solid #3a4bf6; padding:18px 0; margin-top:15px;}
.ex .acMenu dd{display:none; padding:0 5px;}
.ex .at::before{right: 0; top: -3px; width: 15px; height: 15px; border-top: 3px solid #3a4bf6; border-right: 3px solid #3a4bf6; -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 0;}
.ex .at.active::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; top: 3px;}
.ex .acfu{ padding:8px 15px; background:#eeeeee; border-radius:10px; font-size:1.2rem; margin-top:15px; position: relative;}
.ex .acfu::before{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #eeeeee;} 
.ex .ac_inner{ width:90%; margin:20px auto;}
.ex .ac_inner li{ font-size:1.4rem; margin-top:5px;}
.ex .acfr .acbo{ margin-top:20px; border:4px solid #2aad60;}
.ex .acfr .ac_top li{ color:#2aad60;}
.ex .acfr .acMenu dt{border-top:4px solid #2aad60; }
.ex .acfr .at::before{border-top: 3px solid #2aad60; border-right: 3px solid #2aad60;}
.ex .exkome1{ font-size:1.4rem; color:#2f3541; margin-top:20px;}
.ex .exkome2{ font-size:1.4rem; color:#2f3541; margin-top:3px;}
.ex .exkome2 a{ font-size:1.4rem; color:#2f3541;}
.ex .widic{ width:105px;}

/*cont4*/
.ex .cont4{ margin-top:100px; background:linear-gradient(90deg,#dfe4ea 0%,#dfe4ea 50%,#fff 50%,#fff 100%); padding-bottom:10px;}
.ex .fand_bg{ background:url(../images/bg3.png) no-repeat scroll 93% bottom; padding-bottom:120px; background-size: 45%;}
.ex .co4_bg{background:url(../images/bg2.png) no-repeat scroll center center; background-size:cover; padding-top: 28.5%; max-height: 808px;}
.ex .co4_inner{ margin:0px auto 0px; max-width:1040px; padding:0px 10px 0;}
.ex .co4_inner h2{ margin-top:-33%;}
.ex .co4_inner .fr{float:right; width:50%; padding-left: 3%; box-sizing: border-box;}
.ex .co4_inner .fl{float:left; width:50%; padding-right: 3%; box-sizing: border-box;}
.ex .exmt{ margin-top:90px;}
.ex .exmt2{ margin-top:115px;}
.ex .co4_inner .ex_tech{font-size:2rem; font-weight:bold; color:#2f3541; margin-top:40px; font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.ex .co4_inner .ex_tech span{font-size:3.8rem; vertical-align: top;}
.ex .co4_inner .ex_ttl{font-size:3.8rem; font-weight:bold; color:#2f3541; margin-top:25px; letter-spacing:-2px; line-height:120%;}
.ex .co4_inner .ex_ttl span{font-size:2.2rem; display:block;}
.ex .co4_inner .ex_txt3{font-size:2rem; color:#2f3541; margin-top:30px;}
.ex .co4_inner .ex_txt4{font-size:1.4rem; color:#2f3541; margin-top:25px;}
.ex .co4_inner ul{ margin-top:20px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.ex .co4_inner .fl_end{justify-content: flex-end;}
.ex .co4_inner ul li{ width:49%; margin-top:10px;}
.ex .co4_inner ul li a{ text-align:center; display: flex; align-items: center; min-height:70px; background:#2f3541; font-size:1.6rem; font-weight:bold; color:#dfe4ea; line-height:120%; border-radius:30px; padding:0;}
.ex .co4_inner ul li a span {display: block; margin: 0 auto;}
.ex .co4_inner .tright{ text-align:right;}
.ex .co4_inner .pc_right{text-align:right;}

/*cont5*/
.ex .cont5 .fl{ float:left; width:50.8%;}
.ex .cont5 .fr{ float:right; width:44.5%;}
.ex .co5_bg{background:url(../images/bg4.png) no-repeat scroll center center; background-size:cover; padding-top: 25.2%; max-height: 480px; margin-top:70px;}
.ex .co5_inner{ margin:0px auto 0px; max-width:1040px; padding:0px 10px 0;}
.ex .co5_box{ border-top:1px solid #3a4bf6; border-bottom:8px solid #3a4bf6; background:rgba(255,255,255,0.9); padding:60px 0; margin-top: -17%;}
.ex .co5_box .boxtxt{ text-align:center; font-size:2.8rem; font-weight:bold; color:#2f3541;}
.ex .co5_box .boxbtn{ margin-top:30px; text-align:center;}
.ex .co5_box .boxbtn a{ text-align:center; background:#2f3541; font-size:1.6rem; font-weight:bold; color:#dfe4ea; line-height:120%; border-radius:30px; padding:22px 120px;}
.ex .co5_bg_g{ background:#f4f6f8;}

.ex .co5_box2{ border-top:1px solid #3a4bf6; border-bottom:8px solid #3a4bf6; background:#fff; padding:45px 3% 65px 3%; margin-top: 50px;}
.ex .co5_box2 .fl{ float:left; width:50%; border-right:1px dotted #3a4bf6; padding-right:3%; box-sizing:border-box;}
.ex .co5_box2 .fr{ float:right; width:50%; padding-left:3%; box-sizing:border-box;}
.ex .co5_txt{ text-align:center; font-size:2.0rem; position: relative; font-weight:bold; color:#2f3541;}
.ex .co5_txt:before {content: ''; position: absolute; left: 50%; bottom: -15px; display: inline-block; width: 60px; height: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #9ca4fa; border-radius: 2px;}
.ex .co5_txt2{font-size:1.4rem; font-weight:bold; color:#2f3541;}
.ex .co5_txt3{font-size:1.4rem; color:#2f3541;}
.ex .co5_txt4{ text-align:center; margin-top:40px}
.ex .co5_txt5{ text-align:left; margin-top:10px; font-size:1.4rem;  padding-left:3em; text-indent:-3em;}
.ex .mt_h{ margin-top:114px;}

/*risk_box*/
.ex .risk_box{ background-color:#f4f6f8; padding:40px 0 0;}
.ex .bg_wh{ background:#fff; padding:3%; margin:0 auto; max-width:1040px;}
.ex .risk_box .rtxt{ font-size:1.4rem;}
.ex .risk_box .rtxt2{ font-size:1.4rem; text-align:right;}
.ex .risk_box .rtxt span{ font-weight:bold; display:block;}

/*上書き*/
.st-BigFooter_Container{ margin-top:0; padding-top:90px;}
.st-Footer_CorpInfo_Name{ margin:20px 0;}
@media (max-width: 1200px) {
.ex .mv_inner .fl h1 img{position: absolute; right: -6.5%;}
.ex .mv_inner .fr p{ text-align:left; margin-left:3.4%;}
}

/* << タブレット以上固定 >> */
@media (min-width: 768px) {
	body {min-width:1088px; margin-left: auto; margin-right: auto;}
}

@media screen and (max-width: 767px) {
.disp_pc{display:none;}
.disp_sp{display:block;}
.disp_in_pc{display:none;}
.disp_in_sp{display:inline-block;}
.none{display:block;}
.br2{display:block; text-align:center;}


/*mv*/
.ex .mvsp{ background:#ff0090; background-size:cover; position:relative;}
.ex .mvsp h1{ text-align:center; padding-top:64px;}
.ex .mvsp h1 img{ width:100%; display:block;}

/*head*/
.ex .head{border-top:none; width:100%; background:#fff;}
.ex .head .h_inner{ max-width:100%; margin:0 auto; padding: 0px;}
.ex .head .h_inner .fl{ float:left; width:200px; padding:10px 5px; box-sizing:border-box;}
.ex .head .h_inner .fr{display: block; float:right; padding:10px 5px; background:#ff0090; width:200px; box-sizing:border-box;}
.ex .head .h_inner .fr li{ margin:0; text-align:center;}
.ex .head .h_inner .fr li a{ font-size:1rem; font-weight:bold; color:#2f3541; text-decoration:none;}
.ex .head .h_inner .fr li .btn_ex{color:#fff; text-align:center; padding:10px 20px; background:#2f3541; line-height: 120%; border-radius: 30px;}
.ex .arrow{position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none;}
.ex .arrow::before, .ex .arrow::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
.ex .ar::before{right: 10px; width: 8px; height: 8px; border-top: 2px solid #a4b0be; border-right: 2px solid #a4b0be; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#global-nav-sp{ position:fixed; z-index:10;}

/*cont1*/
.ex .cont1{ margin:40px auto 40px; max-width:90%; padding:0;}
.ex .cont1 .fl{ float:none; width:100%; margin-top:20px; text-align:center;}
.ex .cont1 .fr{ float:none; width:100%;}
.ex .ex_txt{ margin-top:10px; line-height:200%; font-weight:bold; font-size:1.4rem; color:#2f3541;}
.ex .spwid1{ width:67%;}

/*cont2*/
.ex .cont_inner{ margin:0px auto 0px; max-width:90%; padding:40px 0 0;}
.ex .bo_top{ border-top:5px solid #3a4bf6;}
.ex .cont2 .fl{ float:none; width:100%;}
.ex .cont2 .fr{ float:none; width:100%;}
.ex .co2_bg{ margin-top:20px; background:url(../images/bg.png) no-repeat scroll center center; background-size:cover; padding:30px 10px; text-align:center;}
.ex .spwid2{ width:82%;}
.ex .spwid{margin:0px auto 0px; max-width:90%; text-align:center;}

/*cont3*/
.ex .cont3{ margin:0px 0 40px;}
.ex .cont3 .fl{ float:none; width:100%;}
.ex .spwid3{ width:64%;}
.ex .cont3 .fr{float:none; width:100%;}
.ex .ex_txt2{ margin-top:5px; line-height:150%; font-weight:bold; font-size:1.6rem; color:#2f3541;}
.ex .acfl{  float:none; width:100%;}
.ex .acfr{  float:none; width:100%; margin-top:30px;}
.ex .acfl p{ font-size:1.5rem; color:#fff; font-weight:bold; text-align:center; padding:5px 0; background:#3a4bf6;}
.ex .acfr p{ font-size:1.5rem; color:#fff; font-weight:bold; text-align:center; padding:5px 0; background:#2aad60;}
.ex .acbo{ margin-top:20px; border:4px solid #3a4bf6;}
.ex .cont3 .acinner .fl{ float:none; width:100%;}
.ex .cont3 .acinner .fr{ float:none; width:100%;}
.ex .ab_center{ text-align:center; padding-top:15px;}
.ex .ac_top{margin-top:15px; padding:0 10px;}
.ex .ac_top li{ margin-top:2px; font-size:2rem; color:#3a4bf6;}
.ex .acMenu dt{display:block; border-top:4px solid #3a4bf6; padding:18px 0; margin-top:15px;}
.ex .acMenu dd{display:none; padding:0 10px;}
.ex .at::before{right: 0; top: -3px; width: 15px; height: 15px; border-top: 3px solid #3a4bf6; border-right: 3px solid #3a4bf6; -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 0;}
.ex .at.active::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; top: 3px;}
.ex .acfu{ padding:8px 15px; background:#eeeeee; border-radius:10px; font-size:1.2rem; margin-top:15px; position: relative;}
.ex .acfu::before{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #eeeeee;} 
.ex .ac_inner{ width:90%; margin:20px auto;}
.ex .ac_inner li{ font-size:1.4rem; margin-top:5px;}
.ex .acfr .acbo{ margin-top:20px; border:4px solid #2aad60;}
.ex .acfr .ac_top li{ color:#2aad60;}
.ex .acfr .acMenu dt{border-top:4px solid #2aad60; }
.ex .acfr .at::before{border-top: 3px solid #2aad60; border-right: 3px solid #2aad60;}
.ex .exkome1{ font-size:1.2rem; color:#2f3541; margin-top:20px; padding-left:1em; text-indent:-1em;}
.ex .exkome2{ font-size:1.2rem; color:#2f3541; margin-top:3px;}
.ex .exkome2 a{ font-size:1.2rem; color:#2f3541;}
.ex .exind{padding-left:3em; text-indent:-3em;}


/*cont4*/
.ex .cont4{ margin-top:40px; background:none; padding-bottom:10px;}
.ex .fand_bg{ background:none; padding-bottom:50px; background-size: 45%;}
.ex .co4_bg{background:none; background-size:cover; padding-top: 0; max-height: auto;}
.ex .co4_inner{ margin:0px auto 0px; max-width:90%; padding:0;}
.ex .co4_inner h2{ margin-top:-22%;}
.ex .spwid4{ width:58%;}
.ex .co4_inner .fr{float:none; width:100%; padding-left: 0%; box-sizing: border-box;}
.ex .co4_inner .fl{float:none; width:100%; padding-right: 0%; box-sizing: border-box;}
.ex .exmt{ margin-top:50px;}
.ex .exmt2{ margin-top:50px;}
.ex .spov{ overflow:hidden;}
.ex .spov .eximgbox{ float:left; width:28%;}
.ex .spov .spfr{ float:right; width:68%;}
.ex .co4_inner .ex_tech{font-size:1.4rem; font-weight:bold; color:#2f3541; margin-top:0px; font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.ex .co4_inner .ex_tech span{font-size:2rem; vertical-align: top;}
.ex .co4_inner .ex_ttl{font-size:2rem; font-weight:bold; color:#2f3541; margin-top:5px; letter-spacing:0px; line-height:120%;}
.ex .co4_inner .ex_ttl span{font-size:1.6rem; display:block;}
.ex .co4_inner .ex_txt3{font-size:1.5rem; color:#2f3541; margin-top:10px;}
.ex .co4_inner .ex_txt4{font-size:1.4rem; color:#2f3541; margin-top:5px;}
.ex .co4_inner ul{ margin-top:20px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.ex .co4_inner .fl_end{justify-content: start;}
.ex .co4_inner ul li{ width:49%; margin-top:10px;}
.ex .co4_inner ul li a{ text-align:center; display: flex; align-items: center; min-height:55px; background:#2f3541; font-size:1.4rem; font-weight:bold; color:#dfe4ea; line-height:120%; border-radius:30px; padding:0;}
.ex .co4_inner ul li a span {display: block; margin: 0 auto;}
.ex .co4_inner .tright{ text-align:right;}
.ex .co4_inner .pc_right{text-align:left;}

/*cont5*/
.ex .cont5 .fl{float:none; width:100%;}
.ex .cont5 .fr{float:none; width:100%;}
.ex .spwid5{ width:74%;}
.ex .co5_bg{background:none; background-size:cover; padding-top: 0%; max-height: auto; margin-top:40px;}
.ex .co5_inner{ margin:0px auto 0px; max-width:90%; padding:0px;}
.ex .co5_box{ border-top:1px solid #3a4bf6; border-bottom:5px solid #3a4bf6; background:rgba(255,255,255,0.9); padding:30px 0; margin-top: -20%; position:relative;}
.ex .co5_box .boxtxt{ text-align:center; font-size:1.5rem; font-weight:bold; color:#2f3541;}
.ex .co5_box .boxbtn{ margin-top:30px; text-align:center;}
.ex .co5_box .boxbtn a{ text-align:center; background:#2f3541; font-size:1.3rem; font-weight:bold; color:#dfe4ea; line-height:120%; border-radius:30px; padding:17px 60px;}
.ex .co5_bg_g{ background:#f4f6f8;}

.ex .co5_box2{ border-top:1px solid #3a4bf6; border-bottom:5px solid #3a4bf6; background:#fff; padding:40px 5% 40px 5%; margin-top: 50px;}
.ex .co5_box2 .fl{ float:none; width:100%; border-right:none; padding-right:0%; box-sizing:border-box;}
.ex .co5_box2 .fr{ float:none; width:100%; margin-top:40px; padding-left:0%; box-sizing:border-box;}
.ex .co5_txt{ text-align:center; font-size:1.5rem; position: relative; font-weight:bold; color:#2f3541;}
.ex .co5_txt:before {content: ''; position: absolute; left: 50%; bottom: -15px; display: inline-block; width: 60px; height: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #9ca4fa; border-radius: 2px;}
.ex .co5_txt2{font-size:1.4rem; font-weight:bold; color:#2f3541;}
.ex .co5_txt3{font-size:1.4rem; color:#2f3541;}
.ex .co5_txt4{ text-align:center; margin:15px auto 0; width:80%;}
.ex .co5_txt5{ text-align:left; margin-top:10px; font-size:1.4rem;  padding-left:3em; text-indent:-3em;}
.ex .mt_h{ margin:15px auto 0; width:80%;}

/*risk_box*/
.ex .risk_box{ background-color:#f4f6f8; padding:40px 0 0;}
.ex .bg_wh{ background:#fff; padding:3% 2%; margin:0 auto; max-width:90%;}
.ex .risk_box .rtxt{ font-size:1.3rem;}
.ex .risk_box .rtxt2{ font-size:1.3rem; text-align:right;}
.ex .risk_box .rtxt span{ font-weight:bold; display:block;}

}



@media screen and (max-width: 400px) {
	.ex .head .h_inner .fl{ float:left; width:50%;}
	.ex .head .h_inner .fr{float:right; width:50%;}
}
@media screen and (max-width: 350px) {
	.ex .head .h_inner .fl{ float:left; width:40%;}
	.ex .head .h_inner .fr{float:right; width:60%;}
}

@media all and (-ms-high-contrast: none) {
  .ex .co4_inner ul li a{ height:70px;}
}