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

#siteHeader,
.pageTitle,
#siteFooter,
.ct_w980{
max-width: 980px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 568px) {
.pageTitle {
  margin: 18px 10px;
}
}

.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 .maincap {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
font-size: 40px;
text-align: center;
padding: 40px 0;
line-height: 1.2;
color:#132B54;
}

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

.contentsWidth .btn_totop {
display: block;
width: 240px;
background:#0079C4;
margin: 0 auto 60px;
padding: 15px 0px;
color:#fff;
text-align: center;
}
.contentsWidth .btn_totop span {
display:inline-block;
padding: 0 0 0 25px;
font-size: 16px;
background: url("../../img/btnicon_totop.png") center left no-repeat;
}

.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 .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 .img01 {
display: block;
max-width: 595px;
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
}

.contentsWidth ul.img01_txt {
display: block;
background: #EEEEEF;
text-align: center;
padding: 15px 0 5px;
list-style: none;
}
.contentsWidth ul.img01_txt li {
display:inline-block;
text-align: left;
width: 35%;
margin-bottom: 10px;
padding-left: 1em; 
text-indent: -.7em;
}
.contentsWidth ul.img01_txt li:before {
  content: "● ";
  color: #81B2E0;
}
.contentsWidth .img01_links {
text-align: center;
}


.contentsWidth .feature03_txtbox {
display: inline-block;
padding: 6px 10px;
margin-right: 8px;
border:  solid 1px #005BAA;

}

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

.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 h2.bottom_border {
border-bottom: solid 1px #003565;
font-size: 24px;
color:#003565;
padding-bottom: 5px;
}


.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 a.db_link_white {
display: inline-block;
margin:0 15px 12px;
font-size: 16px;
color:#fff;
font-weight: bold;
padding-right: 35px;
background: url("../../img/arrow_white.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;
}




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

.contentsWidth .uhd_box {
width: 100%;
background:#141D44 url("../img/bg_uhd.jpg") top center no-repeat;
background-size: 100% auto;
padding: 40px 20px;
color:#fff;
}
.contentsWidth .uhd_box .uhd_white_box {
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,0.9);
padding: 10px;
/* text-align: center; */
color:#000;
}
.contentsWidth .uhd_box .uhd_white_box dt {
width: 15em;
margin: 5px 0;
}
.contentsWidth .uhd_box .uhd_white_box dd {
width: calc(100% - 15em);
margin: 5px 0;
}
.contentsWidth .uhd_box .uhd_white_box dd span {
display: inline-block;
}
/* 
.contentsWidth .uhd_white_box p {
padding-left:1em;
text-indent: -1em;
display:inline-block;
margin: 5px 10px;
} */


.contentsWidth .uhd_box h2.left_border {
  position: relative;
    font-size: 30px;
    color: #FFF;
    margin-bottom: 15px;
    line-height: 1.2;
    padding:2px 0 0 10px;
  border-left: 6px solid #007EC2;
}
.contentsWidth .uhd_box h2.left_border:before {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 0;
  width: 6px;
  height: 50%;
  border-left: 6px solid #FFFFFF;
}