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


.contentsWidth {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contentsWidth .switchImg {}
.contentsWidth .w100 {
	display:block;
	width:100%;
	height:auto;
}

.contentsWidth .MB10 {
	margin-bottom:10px!important;
}
.contentsWidth .MB20 {
	margin-bottom:20px!important;
}
.contentsWidth .MB30 {
	margin-bottom:30px!important;
}
.contentsWidth .MB40 {
	margin-bottom:40px!important;
}
.contentsWidth .MB50 {
	margin-bottom:50px!important;
}
.contentsWidth .MB60 {
	margin-bottom:60px!important;
}
.contentsWidth .MB70 {
	margin-bottom:70px!important;
}
.contentsWidth .MB80 {
	margin-bottom:80px!important;
}
.contentsWidth .MT10 {
	margin-top:10px!important;
}
.contentsWidth .MT20 {
	margin-top:20px!important;
}
.contentsWidth .MT30 {
	margin-top:30px!important;
}
.contentsWidth .MT40 {
	margin-top:40px!important;
}
.contentsWidth .MT50 {
	margin-top:50px!important;
}
.contentsWidth .PRL20 {
	padding-right: 20px!important;
	padding-left: 20px!important;
}
.pconly {
	display:block;
}
br.pconly {
	display:inherit;
}
.sponly {
	display:none;
}


.contentsWidth div,
.contentsWidth p {
font-size: 14px;
}


.contentsWidth section {
margin-bottom: 80px;
overflow: hidden;
}

.contentsWidth .features_link {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contentsWidth .features_link>a {
display: block;
width: 25%;
overflow: hidden;
background: #F0EEEE;
color:#000;
text-align: center;
}
.contentsWidth .features_link::after{
content:"";
display: block;
width:25%;
}
.contentsWidth .features_link>a:nth-child(2),
.contentsWidth .features_link>a:nth-child(4),
.contentsWidth .features_link>a:nth-child(5),
.contentsWidth .features_link>a:nth-child(7) {
background: #DFE8ED;
}
.contentsWidth .features_link>a img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
max-width: 270px;
}
.contentsWidth .features_link>a p strong {
display: inline-block;
margin-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
color:#0079C4;
padding-left: 20px;
background: url("../../img/lineup_arrow.gif") no-repeat 0px 2px;
}

.contentsWidth h2.bottom_border {
  border-bottom: solid 3px #b4b4b4;
  position: relative;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
font-size: 28px;
color:#132B54;
padding-bottom: 5px;
}
.contentsWidth h2.bottom_border:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0079C4;
  bottom: -3px;
  width: 13%;
}



.contentsWidth .lh150{
line-height: 1.5;
}
.contentsWidth .lh180{
line-height: 1.8;
}

.contentsWidth .flex_pc_box {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contentsWidth .flex_pc_box .pc_w75 {
width: 73%;
}
.contentsWidth .flex_pc_box .pc_w50 {
width: 48%;
}
.contentsWidth .flex_pc_box .pc_w33 {
width: 31%;
}
.contentsWidth .flex_pc_box .pc_w25 {
width: 23%;
}




.contentsWidth .mainimg_box {
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-between;
justify-content: space-between;

-webkit-align-items: center;
align-items: center;

-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.contentsWidth .mainimg_box>* {
width: 48%;
}

.contentsWidth .youtube_box {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
 
.contentsWidth .youtube_box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




.contentsWidth .main_feature_box {
display: -webkit-flex;
display: flex;

-webkit-justify-content: center;
justify-content: center;
}

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

.contentsWidth h2.left_border {
  position: relative;
    font-size: 30px;
    color: #007FC0;
    margin-bottom: 15px;
    line-height: 1.2;
    padding:2px 0 0 10px;
  border-left: 6px solid #003F78;
}
.contentsWidth h2.left_border:before {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 0;
  width: 6px;
  height: 50%;
  border-left: 6px solid #007FC0;
}
.contentsWidth h3.feature_subttl {
  font-size: 20px;
  color: #003665;
  margin-bottom: 15px;
  line-height: 1.2;
}

.contentsWidth ul.feature_list{
display: inline-block;
margin-bottom: 20px;
padding-left: 1.5em;
}
.contentsWidth ul.feature_list li{
list-style: disc;
margin-bottom: 10px;
font-size: 14px;
}
.contentsWidth ul.feature_list.main_feature_list li{
font-size: 16px;
}

.contentsWidth .img01_links {
text-align: center;
}
.contentsWidth a.db_link {
display: inline-block;
margin:0 15px 12px;
font-size: 16px;
color:#003463;
font-weight: bold;
padding-right: 35px;
background: url("../../img/arrow_blue.svg") no-repeat right center;
background-size: 30px 10px;
}

.contentsWidth .btn_totop {
display: block;
width: 240px;
background:#003665;
margin: 0 auto 60px;
padding: 15px 0px;
color:#fff;
text-align: center;
}
.contentsWidth .btn_totop span {
display:inline-block;
padding: 0 35px 0 0;
font-size: 16px;
background: url("../../img/arrow_white.svg") center right no-repeat;
background-size: 30px 10px;
}