@charset "UTF-8";
/*移行*/
div.double {
	clear: both;
	margin: 30px 0;
}
div.doubletopics {
	clear: both;
	margin: 0;
}
div.double div.alpha,
div.double div.beta,
div.double div.alpha0,
div.double div.beta0 {
	float: left;
	width: 49%;
	padding: 10px 0;
}

div.doubletopics div.alpha,
div.doubletopics div.beta {
	float: left;
	width: 49%;
	padding: 10px 0;
}
div.double div.alpha {
	border-right: 1px solid #ccc;
}
div.double div.beta0 {
	border-left: 1px solid #ccc;
}
div.doubletopics div.alpha {
	border-right: 1px solid #ccc;
}

div.double div.alpha div.section {
	padding-right: 20px;
}
div.double div.alpha0 div.section {
	padding-right: 20px;
}
div.doubletopics div.alpha div.section {
	padding-right: 20px;
}

div.double div.beta div.section {
	padding-left: 20px;
}
div.double div.beta0 div.section {
	padding-left: 20px;
}
div.doubletopics div.beta div.section {
	padding-left: 20px;
}

div.section p {
	margin-bottom:0.5em;
	padding-bottom:0.25em;
}


/* Clearfix */
div.double,
div.doubletopics,
div.indextopics,
div.lenstab {
	min-height: 1px;
}

div.double:after,
div.doubletopics:after,
div.indextopics:after,
div.lenstab:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}


.clr
{
	clear: both;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0%;
}

.lenstable-icon{
	vertical-align: middle;
}



.rfont {
	color:#ff0000;
}
.bfont {
	font-weight:bold;
}


.lens-text-title{
	padding:0;
	margin:0;
}
.lens-text-subtitle{
	color:#104da5;
	font-size:120%;
	font-weight:bold;
	line-height: 140%;
}
.lens-text-onepoint1{
	color:#ffffff;
	background-color:#696236;
	padding:0 1em 0 1em;
	margin:0 0 1em 0;
	line-height: 140%;
}
.lens-text-onepoint2{
	color:#7181be;
	font-weight:bold;
}
.lens-text-onepoint3{
	color:#333333;
	background-color:#f7f8f9;
	padding:8px;
	line-height: 140%;
}
.lens-text-onepoint4{
	color:#104da5;
	font-weight:bold;
	line-height: 140%;
}
.lens-text-onepoint5{
	color:#104da5;
	font-weight:bold;
	line-height: 140%;
	font-size: 110%;
}
.lens-text-ul{
	margin:0;
	padding:0 0 0.5em 1.5em;
}
.lens-img-waku {
	padding:0;
	margin:0;
	border:0;
	vertical-align: text-bottom;
	line-height: 1;
}
div.lensdoublewaku {
	min-height: 1px;
	width:380px;
	margin:0;
	padding:0;
}

div.lensdoublewaku:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
div.lensdoublewakualpha {
	text-align:left;
	float: left;
	margin: 0 auto 0 0;
	padding:0;
}
div.lensdoublewakubeta {
	text-align:left;
	float: right;
	margin: 0 0 0 auto;
	padding:0;
}




/*スペック表*/
.spectable{
	width:820px;
	margin:24px auto 12px 0;
	border:0;
}
.spectable td,
.spectable th {
		font-size:12px;/*for IE*/ font-size:1.2rem;
		text-align:center;
		border:0;
		padding:5px;
		border:1px solid #ffffff;
		}
.spectable th {	font-weight:bold;}
.spectable .td0a{
	background-color:#D7D7D9;
	font-weight:bold;
	text-align:left;
	/*paddin-left:8px;*/
}
.spectable .td0b{	background-color:#EBEBEB;}
.spectable .td0c{
	background-color:#E6E6E6;
	font-weight:bold;
	text-align:left;
	/*paddin-left:8px;*/
}
.spectable .td0d{	background-color:#F8F8F8;}
.spectable .td0e{
	background-color:#FFFFFF;
	text-align:left;
}
.spectable .td0f{
	background-color:#FFFFFF;
	text-align:left;
	padding-bottom:1em;
}
.spectable .td0g{
	background-color:#F3F5F6;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
.spectable .td1a{
	background-color:#E7ECAC;
	font-weight:bold;
}
.spectable .td1b{	background-color:#F9F9E2;}
.spectable .td1c{	background-color:#E8ECC8;}
.spectable .td2a{
	background-color:#ECC7AC;
	font-weight:bold;
}
.spectable .td2b{	background-color:#F9EBE2;}
.spectable .td2c{	background-color:#ECD9C8;}
.spectable .td3a{
	background-color:#ACD8EC;
	font-weight:bold;
}
.spectable .td3b{	background-color:#E2F9F9;}
.spectable .td3c{	background-color:#C8E1EC;}
.spectable .td4a{
	background-color:#B4ECAC;
	font-weight:bold;
}
.spectable .td4b{	background-color:#EBF9E2;}
.spectable .td4c{	background-color:#CDECC8;}


.li256400 {
	list-style: none;
	margin:0;
	padding:0 0 0.5em 1.5em;
	text-align: justify;
	background: url("../images/256400-img10.gif") no-repeat left top;
}







/*--------------------------------------
	Android
---------------------------------------*/
.a_menutitle_top{
	margin:0;
	padding:8px;
	color:#ffffff;
	background-color:#003399;
	font-weight:bold;
	border:1px solid #999999;
}
.a_menutitle0{
	margin:0;
	padding:8px;
	background-color:#ffffff;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.a_menutitle1{
	margin:0;
	padding:8px;
	background-color:#efefef;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.a_menutitle2{
	margin:0;
	padding:8px;
	background-color:#cfcfcf;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.a_toplogo{
	margin:0;
	padding:8px;
	border-bottom:2px solid #0000ff;
}
.a_toplogo img{
	border:none;
}
.a_copyright{
	font-size:70%;
}
.a_waku{
	margin:0;
	padding:8px;
}
.a_waku h2{
	font-size:100%;
}

.a_odd {
	margin:0;
	padding:8px 0 16px 8px;
	background: #dfe9f0;
}
.a_even {
	margin:0;
	padding:8px 0 16px 8px;
	background: #f5f9fc;
}

.advice00li a {
	text-decoration: none;
	padding-bottom:2px;
	border-bottom:1px solid #0000ff;
}
.advice00li  a:hover {
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}

/* CSS Document */
.text_none{
	display: none;
}
.single {width:900px;margin:0 auto;text-align:center;}
.single #content {
    text-align:left;
    margin:0 auto;
}
.header {
    _text-align:center !important;
    _margin:0 auto;
}

.crear{
	clear: both;
}
#contentlp{
	width:820px;
	border: 10px solid #AE861C;
	padding: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 14px;
	line-height: 2em;
	}
#contentlp h2 {
	margin-bottom: 20px;
}
#contentlp #resonas  {
	width: 820px;
	height: 320px;
}
#contentlp .re01 {
	margin-left: 18px;
	_margin-left:9px;
	margin-bottom: 10px;
	display: inline;
	float: left;
	border: 1px solid #FFF;
}
#contentlp .re01:hover{
    border:1px solid #666;
}
#contentlp .re02 {
	margin-left: 8px;
	_margin-left:4px;
	margin-bottom: 10px;
	display: inline;
	float: left;
	border: 1px solid #FFF;
}
#contentlp .re02:hover{
    border:1px solid #666;
}
#contentlp h3 {
}
#contentlp #resonas .re01 a:hover, #contentlp #resonas .re02 a:hover{
	border: 1px solid #666;
}
#contentlp #contents01 {
	margin-right: auto;
	margin-left: auto;
	width: 822px;
	text-align: center;
	margin-top: 40px;
}
#contentlp dl {
	width: 800px;
	display: block;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 20px;
	height: 40px;
	padding-top: 20px;
}
#contentlp dl dt {
	float: left;
	margin-right: 20px;
}
#contentlp #movieBox {
	display: block;
	margin-left: 36px;
	margin-top: 40px;
	margin-bottom: 40px;
}

#contentlp h4 {
	color: #BA982E;
	width: 780px;
	border: 1px solid #BA982E;
	height: 30px;
	padding-top: 10px;
	text-indent: 15px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#contentlp2 h4 {
	color: #0000ff;
	width: 780px;
	border: 1px solid #BA982E;
	height: 30px;
	padding-top: 10px;
	text-indent: 15px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#contentlp .lo_box {
	width: 700px;
	margin-left: 90px;
}
#contentlp2 .lo_box {
	width: 740px;
	margin-left: 40px;
}
#contentlp .return {
	margin-top: 20px;
	margin-bottom: 40px;
}
#contentlp .lensdoublewaku {
	width:802px;
	margin:0 0 20px 0;
	_margin:0 0 10px 0;
	padding-left:20px;
}
#contentlp .navi_next {
	display: block;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 820px;
	text-align: right;
}
#contentlp .lensdoublewaku .lensdoublewakualpha {
	width:188px;
	margin:0 8px 0 0;
	_margin:0 4px 0 0;
	padding:0;
	text-align:center;
}
#contentlp .navi_next a {
	color: #003A81;
}
#contentlp .navi_next span {
	color: #F00;
	margin-right: 5px;
}

/*--------------------------------------
追加
---------------------------------------*/
.layer p{ margin-bottom:1.5em;}


/*2021.12*/
div.section.c-migration h4{
	margin: 1.33em 0;
}
	div.section.c-migration p{
	margin: 1.5em auto;
	text-align: left;
}
div.section.c-migration img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}
div.section.c-migration p.mt0{
	margin-top: 0;
}
div.section.c-migration ul {padding-left: 1.5em;}

div.section.c-migration ul,div.section.c-migration ol  { text-align: left;}

div.section.c-migration li {list-style:none; line-height:1.5em; margin:0.75em 0.5em;}

div.section.c-migration ul li.sq {list-style: square;}
div.section.c-migration ul li.sm {list-style: circle;}
div.section.c-migration ul li.km {list-style: disc;}

div.section.c-migration ol {font-weight:norm;}

div.section.c-migration ol li {
	list-style-type: decimal;
	margin-left:0.5em;
	margin-right:0.5em;
	font-size:15px;
}


table.tbl-style01 {
	clear:both;
	text-align:left;
	margin:16px 0px; 
	word-break:normal;
	box-sizing:border-box;
	width:99%;
}

.tbl-style01 th,
.tbl-style01 td {
	padding:0.5em 1em;
	font-weight:normal;
	line-height:1.8em;
	text-align:left;
	word-break:normal;
	box-sizing:border-box;
}
.tbl-style01 th { border-bottom:1px solid #ddd;}
.tbl-style01 td { border-bottom:1px solid #ddd;}


.dublewaku {
	width: 410px;
	float: left;
}
.floatleft600 {
	width: 600px;
	float: left;
}
.floatright220 {
	width: 220px;
	float: left;
}
.float400a {
	width: 400px;
	float: left;
}
.float400b {
	width: 400px;
	float: left;
	margin-right: 18px;
}
.clr {
	clear: both;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0%;
}
.floatleft824 {
	float: left;
	width: 412px;
	margin: 0;
	padding: 0;
}
.floatright824 {
	float: right;
	width: 412px;
	margin: 0;
	padding: 0;
}
.floatleft824b {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
}
.floatright824b {
	float: right;
	width: 680px;
	margin: 0;
	padding: 0;
}
.font160 {
	font-size: 160%;
	font-weight: bold;
	color: #333333;
	margin: 0;
	padding: 0 0 8px 0;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*-------------------------------------------
NURO SELECT
-------------------------------------------*/
.nuro_wrapper{
    background: #eaecee;
    padding: 30px;
}
.ttl_select{
    margin-top: 10px;
    margin-bottom: 10px;
}.ttl_select2{
    margin-top: 50px;
}
.ttl_select_txt{
    padding-left: 15px;
}
.ttl_select_txt .sub-ttl_select span{
    font-size: 18px;
    color: #fff;
    background: #003a58;
    padding: 6px 12px;
}
.ttl_select_txt h2{
    line-height: 1;
    font-size: 40px;
    color: #003a58;
}
.nuro_select5_blc{
    background: #fff;
    padding: 20px 30px 15px;
    margin-bottom: 15px
}
.nuro_select5_list{
    margin-top: 30px;
    padding-left: 0;
}
.nuro_select5_list li{
    display: inline-block;
    line-height: 1.4;    
    margin: 0.3em 0;
    padding-right: 1em;
}
.nuro_select5_blc .note{
    margin: 0;
}
.nuro_select_contents_blc{
    background: #f5f6f7;
    padding: 30px;
    margin-bottom: 20px;
}
.ttl_nuro_select{
    margin-bottom: 15px;
}
.ttl_nuro_select_txt{
    padding-left: 15px;
}
.ttl_nuro_select_txt .sub-ttl_select {
    line-height: 1.2
}
.ttl_nuro_select_txt .sub-ttl_select span{
    font-size: 12px;
}
.ttl_nuro_select_txt h2{
    line-height: 1;
    font-size: 27px;
    color: #003a58;
}
.ttl_nuro_select_txt .sub-copy_nuro_select{
    font-size: 16px;
    margin: 0;
    color: #003a58;
}
.nuro_select_blc-2 > div:nth-child(1){
    margin-right: 20px;
}
.nuro_select_blc-2 > div:nth-child(2){
    margin-left: 20px;
}
.nuro_select_blc-2 h3,.nuro_select_blc-1 h3{
    font-size: 18px;
    margin-bottom: 10px;
    padding: 0;
}
.nuro_select_blc-2 p,.nuro_select_blc-1 p{
    font-size: 14px;
    margin: 0 0;
}
.nuro_s_sc03_3{
    margin-top: 20px;
}
.nuro_s_sc03_txt03{
    padding-right: 30px;
    width: calc(100% - 245px);
}
.nuro_s_sc03_img03{
    width: 245px;
}
.normal{
    font-weight: normal;
}
.nuro_select_arrow{
    margin: 10px auto;
}
.nuro_s_sc03_img04{
    width: 90%;
    max-width: 587px;
    margin: auto;
}
.nuro_s_sc04_img01{
    width: 98%;
    max-width: 672px;
    margin: auto;
}
.nuro_s_sc04_img02{
    width: 90%;
    max-width: 526px;
    margin: auto;
}
.nuro_s_sc05_img01{
    width: 90%;
    max-width: 571px;
    margin: auto;
}
.ttl_nuro_select_horizon {
    margin-top: 10px;
}
.ttl_nuro_select_horizon > div{
    display: inline-block;
        font-size: 27px;
    color: #003a58;
    font-weight: bold;
    line-height: 1.4;
}
.nuro_select_bg_blue{
    color: #fff;
    background: #003a6b;
    padding: 2px 8px 4px;
    font-size: 80%;
    border-radius: 4px;
    margin-right: 6px;
}
.nuro_s_sc06_img01{
    width: 98%;
    max-width: 681px;
    margin: auto;
}
.ttl_nuro_select_txt span{
    font-size: 18px;
}
.nuro_s_sc07_img01{
    width: 70%;
    max-width: 445px;
    margin: auto;
}
.ttl_nuro_select_txt .sub-ttl_select span.nuro_select_waku{
    font-size: 12px;
    color: #000;
    border: solid 1px #000;
    padding: 3px 6px;
    margin-right: 10px;
}

.nuro_s_sc08_txt01{
    padding-right: 30px;
    width: calc(100% - 360px);
}
.nuro_s_sc08_img01{
    width: 360px;
}
.ttl_nuro_select_bdr{
    font-size: 26px;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 15px;
    margin-top: 40px;
}
.ttl_nuro_select_txt .sub-ttl_select span.nuro_select_bg_purple{
    color: #fff;
    background: #8e297d;
    padding: 2px 8px 4px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 6px;
}
.ttl_nuro_select_txt .sub-ttl_select span.nuro_select_waku_purple{
    font-size: 12px;
    color: #8e297d;
    border: solid 1px #8e297d;
    padding: 3px 6px;
    margin-right: 10px;
}
.nuro_s_option {
    margin-top: 10px
}
.nuro_s_option > div{
    display: inline-block;
    color: #003a58;
    border: solid 1px #003a58;
    margin-right: 6px;
    padding: 4px 10px 4px;
    font-weight: bold;
    background: #fff;
}

.nuro_s_sc11_img02{
    width: 98%;
    max-width: 696px;
    margin: auto;
    margin-top: 10px;
}
.nuro_s_lineup{
    width: 100%;
    max-width: 830px;
    margin-top: 10px;
    margin-bottom: 50px;
}
@media only screen and (max-width: 830px) {
    .ttl_select_txt h2 {
        font-size: 5vw;
    }
    .ttl_nuro_select_txt h2,.ttl_nuro_select_horizon > div {
        font-size: 4.2vw;
    }
}
@media only screen and (max-width: 599px) {
    .nuro_wrapper{
        padding: 4vw 2vw 2vw;
    }
    .ttl_select2 {
        margin-top: 8vw;
    }
    .ttl_select_icon img{
        width:20vw;
        height: auto;
    }
    .ttl_select_txt .sub-ttl_select span{
        font-size: 13px;
    }
    .ttl_select_txt h2 {
        font-size: 20px;
        margin-top: 10px;
    }
    .ttl_nuro_select_txt h2,.ttl_nuro_select_horizon > div {
        font-size: 20px;
    }
    .nuro_select5_blc{
        padding: 4vw 3vw 1.5vw;
    }
    .nuro_select5_list {
        margin-top: 4vw;
    }
    .ttl_nuro_select.ltnph-flex{
        flex-direction: column;
    }
    .ttl_nuro_select_txt{
        padding-left: 0;
    }
    .ttl_nuro_select_icon{
        width: 10vw;
        margin-bottom: 15px;
        text-align: center;
    }
    .ttl_nuro_select_icon img,.nuro_s_sc08_img01 im{
        width: 100%;
        height: auto;            
    }
    .ttl_nuro_select_txt .sub-ttl_select,.ttl_nuro_select_txt h2{
        text-align: center;
    }
    .nuro_select_contents_blc{
        padding: 5vw;
    }
    .nuro_select_blc-2.ltnph-flex,.nuro_select_blc-1.ltnph-flex{
        flex-direction: column;
    }
    .nuro_select_blc-2 > div:nth-child(1),.nuro_select_blc-2 > div:nth-child(2){
        margin: 0 0 5vw;
    }
    .nuro_s_sc03_txt03,.nuro_s_sc03_img03{
        width: 100%;
        padding-right: 0;
        margin-bottom: 3vw;
    }
    .nuro_s_sc03_img03{text-align:center;}
    .nuro_s_sc03_img03 img{ max-width: 245px;}
    .nuro_s_sc03_img04,.nuro_s_sc04_img01,.nuro_s_sc04_img02,.nuro_s_sc05_img01,.nuro_s_sc06_img01,.nuro_s_sc07_img01,.nuro_s_sc08_img01,.nuro_s_sc11_img01,.nuro_s_sc11_img02{
        width: 100%;
        text-align: center;
        margin-top: 2vw;
    }
    .nuro_s_sc11_img01{
        margin-top: 1vw;
    }
    .nuro_s_sc08_txt01{
        width: 100%;
        padding-right: 0;
        margin-bottom: 3vw;
    }
    .ttl_nuro_select_bdr{
        font-size: 20px;
    }
    .nuro_select_waku,.nuro_select_bg_purple,.ttl_nuro_select_txt .sub-ttl_select span.nuro_select_waku_purple{
        line-height: 2;
    }
    .nuro_s_option > div{
        margin-bottom: 10px;
        text-align: center;
        display: block;
    }
}
/*-------------------------------------------
SELECT_COLOR 20250121
-------------------------------------------*/
.italic{font-style: italic}
.bold{font-weight: bold}
.normal{font-weight: normal}
.lh-13{line-height: 1.3}
.lh-14{line-height: 1.4}
.lh-15{line-height: 1.5}
.lh-16{line-height: 1.6}
.blk{color:black!important}
.m-auto{margin: auto}
.mb0{margin-bottom: 0!important;}
.mb1per{margin-bottom: 1%!important;}
.mb2per{margin-bottom: 2%!important;}
.mb3per{margin-bottom: 3%!important;}
.mb4per{margin-bottom: 4%!important;}
.mb5per{margin-bottom: 5%!important;}
.mt0{margin-top: 0!important;}
.mt1per{margin-top: 1%!important;}
.mt2per{margin-top: 2%!important;}
.mt3per{margin-top: 3%!important;}
.mt4per{margin-top: 4%!important;}
.mt5per{margin-top: 5%!important;}
.mt6per{margin-top: 6%!important;}
.mt7per{margin-top: 7%!important;}
.mt8per{margin-top: 8%!important;}
.mt9per{margin-top: 9%!important;}
.mt10per{margin-top: 10%!important;}
.mt-0_5em{margin-top: 0.5em;!important;}
.mt-1em{margin-top: 1em;}
.mt-1_5em{margin-top: 1.5em;}
.mt-2em{margin-top: 2em;}
.mt-2_5em{margin-top: 2.5em;}
.mt-3em{margin-top: 3em;}
.jc-c{justify-content: center}
.jc-sb{justify-content:space-between}
.ai-c{align-items: center}
.fs-s{font-size: 90%}
.fs-ss{font-size: 80%}
.ta-r{text-align: right}
.list-dot,.list-note{
    padding: 0;
}
.list-dot li,.list-note li{
    padding-left: 1em;
    text-indent: -1em;
}
.wh{color: white!important}
.blue{color: #007A96!important}
.black{color: #444!important}
.ta-c{text-align: center!important;}
.flex{display: flex;}
.flex-w20{width: 20%}
.flex-w30{width: 30%}
.flex-w35{width: 35%}
.flex-w40{width: 40%}
.flex-w48{width: 48%}
.flex-w45{width: 45%}
.flex-w49{width: 49%}
.flex-w50{width: 50%}
.flex-w60{width: 60%}
.flex-w70{width: 70%}
.flex-w80{width: 80%}
.ml-3{margin-left: 3%}
.ml-4{margin-left: 4%}
.ml-5{margin-left: 5%}
.pl-3{padding-left: 3%}
.pl-4{padding-left: 4%}
.pl-5{padding-left: 5%}
.fs-50{font-size: 50px!important;}
.fs-40{font-size: 40px!important;}
.fs-36{font-size: 36px!important;}
.fs-32{font-size: 32px!important;}
.fs-30{font-size: 30px!important;}
.fs-28{font-size: 28px!important;}
.fs-26{font-size: 26px!important;}
.fs-24{font-size: 24px!important;}
.fs-22{font-size: 22px!important;}
.fs-20{font-size: 20px!important;}
.fs-18{font-size: 18px!important;}
.fs-16{font-size: 16px!important;}
.fs-14{font-size: 14px!important;}
.fs-13{font-size: 13px!important;}
.fs-12{font-size: 12px!important;}
ul{padding-left: 0}
@media screen and (max-width: 1200px) {
    .fs-50{
        font-size: calc(1.5rem + ((1vw - 3.75px) * 3.1515))!important;
        min-height: 0vw;
    }
    .fs-40{
        font-size: calc(1.375rem + ((1vw - 3.75px) * 2.1818))!important;
        min-height: 0vw;
    }
    .fs-36{
        font-size: calc(1.25rem + ((1vw - 3.75px) * 1.9394))!important;
        min-height: 0vw;
    }
    .fs-32{
        font-size: calc(1.1875rem + ((1vw - 3.75px) * 1.5758))!important;
        min-height: 0vw;
    }
    .fs-30{
        font-size: calc(1.15625rem + ((1vw - 3.75px) * 1.53939))!important;
        min-height: 0vw;
    }
    .fs-28{
        font-size: calc(1.125rem + ((1vw - 3.75px) * 1.42121))!important;
        min-height: 0vw;
    }
    .fs-26{
        font-size: calc(1.09375rem + ((1vw - 3.75px) * 1.10303))!important;
        min-height: 0vw;
    }
    .fs-24,.fs-22{
        font-size: calc(1.0625rem + ((1vw - 3.75px) * 0.98485))!important;
        min-height: 0vw;
    }
    .fs-20{
        font-size: calc(1.03125rem + ((1vw - 3.75px) * 0.6667))!important;
        min-height: 0vw;
    }/*
    .fs-20{
        font-size: calc(1rem + ((1vw - 3.75px) * 0.4848))!important; 
        min-height: 0vw;
    }*/
    .fs-18{
        font-size: calc(1rem + ((1vw - 3.75px) * 0.2424))!important;
        min-height: 0vw;
    }
    .fs-16{
        font-size: calc(0.9375rem + ((1vw - 3.75px) * 0.1212))!important;
        min-height: 0vw;
    }
    .fs-14{
         font-size: calc(0.8125rem + ((1vw - 3.75px) * 0.1212))!important;
        min-height: 0vw;
    }
    .fs-13{
        font-size: calc(0.78125rem + ((1vw - 3.75px) * 0.0606))!important;
        min-height: 0vw;
    }
}
@media only screen and (max-width: 599px) {
    .flex{
        flex-direction: column;
    }
    .flex-w20,.flex-w30,.flex-w35,.flex-w40,.flex-w48,.flex-w45,.flex-w49,.flex-w50,.flex-w60,.flex-w70,.flex-w80{width: 100%;padding: 0;}
} 
.w100{
    width: 100%;
    height: auto;
}
h4{color: black!important}
ul.note{
    padding-left: 0;
}
#contents img{
    width: 100%;
    height: auto;
}
#blc-caution{
    border: solid 1px black;
    padding: 25px 30px 30px;
}
#blc-caution h2{
    position: relative;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.2em
}
#blc-caution h2::before{
    content: "";
    background: url(images/precaution-icon.svg)no-repeat;
    width: 38px;
    height: 32px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top:.4em;
}
@media screen and (max-width: 767px) {
    #blc-caution{
        padding: 2.2vw 3vw 3vw
    }
}
.subpage .branches .inner.detail h3{color: #231815}


.contents-wrapper{
    padding: 60px 30px;
}
.selectcolor-img02{
    width: 340px;
}
.selectcolor-img02 img{max-width: 340px;}
#blc01 .txt{
    width: calc(100% - 340px)
}

#blc02{
    margin: 60px auto 0;
}
#blc02 .flex-w30 .txt-tate{
    margin-right: 8px;
}
#blc02 .flex-w30 .txt-tate{
    width: 19px;
}
#blc02 .flex-w30 .txt{
    width: calc(100% - 19px);
    border-left: solid 1px #231815;
    padding-left: 16px;
}
#blc02 .flex-w30 .txt .flex .crc{width: 41px;}
#blc02 .flex-w30 .txt p{margin: 10px 0 0}
.c-red{color: #e39a88}
.s-gray{color: #a4b1c1}
.s-blue{color: #a2b3db}


.bg-blue{
    background: #e1e8ec;
}
.selectcolor-img03{
    width: 358px;
}
#blc03 .flex{margin-top: 20px;}
#blc03 .flex .txt{
    width: calc(100% - 400px);
}
.selectcolor-ttl01{padding-bottom: 10px;}
.selectcolor-ttl01 img{
    max-width: 232px;
}
.subpage .branches .inner.detail #blc03 h3{
    margin-top: .5em;
    margin-bottom: .2em;
}

.selectcolor-ttl02 img{ max-width: 800px;}

.selectcolor-img04{padding: 60px 0 0}

.blc04-section .flex-w30 .crc{width: 54px;}
.blc04-section .flex-w30 .txt{padding-left: 16px}
.blc04-section h3{
    margin: 70px auto 30px;
    padding-bottom: 15px;
    border-bottom: solid 1px #cecece;
}

.selectcolor-img05,.selectcolor-img06{
    width: 389px;
}
.selectcolor-img05 h4,.selectcolor-img06 h4{
    margin: 20px auto 0;
    padding: 0 15px;
}
.selectcolor-img05 p,.selectcolor-img06 p{
    padding: 0 15px;
}
.selectcolor-ttl03{margin-top: 40px;}
.selectcolor-ttl03 .img{width: 20%;}
.selectcolor-ttl03 .txt{
    width: 50%;
    margin-left: 5%;
}

.selectcolor-img07{margin-top: 50px;}
.selectcolor-img07 .img{width: 35%;}
.selectcolor-img07 .txt{
    width: 38%;
    margin-left: 2%;
}

.selectcolor-table{margin: 60px auto 0;}
.selectcolor-table img{max-width: 1010px;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1100px) {
    #blc03.contents-wrapper{padding: 6vw 4vw}
}
@media screen and (max-width: 959px) {
    .contents-wrapper{padding: 7vw 0}
    .selectcolor-img02{width: 40%}
    #blc01 .txt{width: 60%}
    #blc02.flex{flex-wrap: wrap;}
    #blc02 .flex-w30{width: 48%;}
    #blc02 .flex-w30:nth-child(3){margin-top: 40px; }
    #blc03.contents-wrapper{padding: 6vw 5vw}
    #blc03 .flex{flex-direction: column}
    .selectcolor-img03{width: 100%;text-align: center}
    .selectcolor-img03 img{max-width: 550px;}
    #blc03 .flex .txt{width: 100%;margin-top: 40px;}
    #blc03 .sub-ttl,#blc03 h2{text-align: center;}
    .blc04-section01 > .flex{flex-wrap: wrap}
    .blc04-section01 .flex-w30{width: 48%;}
    .blc04-section01 .flex-w30:nth-child(3){margin-top: 40px; }
    .blc04-section h3{margin: 8vw auto 3vw}
    .selectcolor-ttl03 .txt{width: 65%;}
    .selectcolor-img07 .img{width: 40%}
    .selectcolor-img07 .txt{width: 55%;}
    .selectcolor-ttl02{
        width: 80%;
        margin: auto;
    }
}
@media screen and (max-width: 767px) {
    .selectcolor-img04{padding-top: 40px;}
    .blc04-section02 > .flex{flex-direction: column;}
    .selectcolor-img05, .selectcolor-img06{
        margin: auto;
        width: 100%;
        text-align: center;
    }
    .selectcolor-img05 img, .selectcolor-img06 img{max-width: 389px;}
    .selectcolor-img05 p, .selectcolor-img06 p{text-align: center}
    .selectcolor-img05 h4, .selectcolor-img06 h4 {
        margin: 10px auto 0;
        padding: 0
    }
    .selectcolor-img06{margin-top: 10px;}
    .selectcolor-ttl03 .img{width: 30%;}
    .selectcolor-img07 .img{width: 50%}
    .selectcolor-img07 .txt{width: 50%;}
}
@media screen and (max-width: 599px) {
    .selectcolor-ttl02{width: 90%}
    .selectcolor-img04{padding-top: 24px;}
    .blc04-section01 .flex-w30{flex-direction: row;width: 100%;margin-top:10px;}
    #blc01 .pl-5{padding-left: 0;margin-top: 30px;}
    .selectcolor-img02{text-align: center;}
    .selectcolor-img02,#blc01 .txt{width: 100%}
    #blc02{margin-top: 40px;}
    #blc02 .flex-w30{width: 100%;flex-direction: row;}
    #blc02 .flex-w30 .txt .flex{flex-direction: row;}
    #blc02 .flex-w30:nth-child(2),#blc02 .flex-w30:nth-child(3){margin-top: 40px; }
    #blc02 .flex-w30 .txt-tate{width: 15px}
    .blc04-section01 .flex-w30:nth-child(2){margin-top: 20px; }
    .blc04-section01 .flex-w30:nth-child(3){margin-top: 20px; }
    .blc04-section h3 { margin: 10vw auto 3vw;}
    .selectcolor-ttl03 .img,.selectcolor-img07 .img{width: 100%; text-align: center}
    .selectcolor-ttl03 .img img{max-width: 250px}
    .selectcolor-img07 .img img{max-width: 405px}
    .selectcolor-ttl03 h4{text-align: center;}
    .selectcolor-ttl03 .txt,.selectcolor-img07 .txt{margin-top: 20px;width: 100%;}
    .selectcolor-img07 .txt p{text-align: center}
.selectcolor-img07,.selectcolor-table{margin-top:40px;}
.selectcolor-img02 {width:80%;}
#blc01.flex{flex-direction:column-reverse}
.selectcolor-img02{margin-top:20px}
 #blc01 .txt{margin-top:0}
}
																																																																									

/*-------------------------------------------
NIGHTVIEW 202500201
-------------------------------------------*/

.italic{font-style: italic}
.bold{font-weight: bold}
.normal{font-weight: normal}
.lh-13{line-height: 1.3}
.lh-14{line-height: 1.4}
.lh-15{line-height: 1.5}
.lh-16{line-height: 1.6}
.blk{color:black!important}
.m-auto{margin: auto}
.pt0{padding-top: 0!important;}
.mb0{margin-bottom: 0!important;}
.mb1per{margin-bottom: 1%!important;}
.mb2per{margin-bottom: 2%!important;}
.mb3per{margin-bottom: 3%!important;}
.mb4per{margin-bottom: 4%!important;}
.mb5per{margin-bottom: 5%!important;}
.mt0{margin-top: 0!important;}
.mt1per{margin-top: 1%!important;}
.mt2per{margin-top: 2%!important;}
.mt3per{margin-top: 3%!important;}
.mt4per{margin-top: 4%!important;}
.mt5per{margin-top: 5%!important;}
.mt6per{margin-top: 6%!important;}
.mt7per{margin-top: 7%!important;}
.mt8per{margin-top: 8%!important;}
.mt9per{margin-top: 9%!important;}
.mt10per{margin-top: 10%!important;}
.mt-0_5em{margin-top: 0.5em;!important;}
.mt-1em{margin-top: 1em;}
.mt-1_5em{margin-top: 1.5em;}
.mt-2em{margin-top: 2em;}
.mt-2_5em{margin-top: 2.5em;}
.mt-3em{margin-top: 3em;}
.jc-c{justify-content: center}
.jc-sb{justify-content:space-between}
.ai-c{align-items: center}
.fs-s{font-size: 90%}
.fs-ss{font-size: 80%}
.ta-r{text-align: right}
.list-dot,.list-note{
    padding: 0;
}
.list-dot li,.list-note li{
    padding-left: 1em;
    text-indent: -1em;
}
.wh{color: white!important}
.blue{color: #007A96!important}
.black{color: #444!important}
.ta-c{text-align: center!important;}
.flex{display: flex;}
.flex-w20{width: 20%}
.flex-w30{width: 30%}
.flex-w35{width: 35%}
.flex-w40{width: 40%}
.flex-w48{width: 48%}
.flex-w45{width: 45%}
.flex-w49{width: 49%}
.flex-w50{width: 50%}
.flex-w60{width: 60%}
.flex-w70{width: 70%}
.flex-w80{width: 80%}
.ml-3{margin-left: 3%}
.ml-4{margin-left: 4%}
.ml-5{margin-left: 5%}
.pl-3{padding-left: 3%}
.pl-4{padding-left: 4%}
.pl-5{padding-left: 5%}
.fs-50{font-size: 50px!important;}
.fs-40{font-size: 40px!important;}
.fs-36{font-size: 36px!important;}
.fs-32{font-size: 32px!important;}
.fs-30{font-size: 30px!important;}
.fs-28{font-size: 28px!important;}
.fs-26{font-size: 26px!important;}
.fs-24{font-size: 24px!important;}
.fs-22{font-size: 22px!important;}
.fs-20{font-size: 20px!important;}
.fs-18{font-size: 18px!important;}
.fs-16{font-size: 16px!important;}
.fs-14{font-size: 14px!important;}
.fs-13{font-size: 13px!important;}
.fs-12{font-size: 12px!important;}
ul{padding-left: 0}
@media screen and (max-width: 1200px) {
    .fs-50{
        font-size: calc(1.5rem + ((1vw - 3.75px) * 3.1515))!important;
        min-height: 0vw;
    }
    .fs-40{
        font-size: calc(1.375rem + ((1vw - 3.75px) * 2.1818))!important;
        min-height: 0vw;
    }
    .fs-36{
        font-size: calc(1.25rem + ((1vw - 3.75px) * 1.9394))!important;
        min-height: 0vw;
    }
    .fs-32{
        font-size: calc(1.1875rem + ((1vw - 3.75px) * 1.5758))!important;
        min-height: 0vw;
    }
    .fs-30{
        font-size: calc(1.15625rem + ((1vw - 3.75px) * 1.53939))!important;
        min-height: 0vw;
    }
    .fs-28{
        font-size: calc(1.125rem + ((1vw - 3.75px) * 1.42121))!important;
        min-height: 0vw;
    }
    .fs-26{
        font-size: calc(1.09375rem + ((1vw - 3.75px) * 1.10303))!important;
        min-height: 0vw;
    }
    .fs-24,.fs-22{
        font-size: calc(1.0625rem + ((1vw - 3.75px) * 0.98485))!important;
        min-height: 0vw;
    }
    .fs-20{
        font-size: calc(1.03125rem + ((1vw - 3.75px) * 0.6667))!important;
        min-height: 0vw;
    }/*
    .fs-20{
        font-size: calc(1rem + ((1vw - 3.75px) * 0.4848))!important; 
        min-height: 0vw;
    }*/
    .fs-18{
        font-size: calc(1rem + ((1vw - 3.75px) * 0.2424))!important;
        min-height: 0vw;
    }
    .fs-16{
        font-size: calc(0.9375rem + ((1vw - 3.75px) * 0.1212))!important;
        min-height: 0vw;
    }
    .fs-14{
         font-size: calc(0.8125rem + ((1vw - 3.75px) * 0.1212))!important;
        min-height: 0vw;
    }
    .fs-13{
        font-size: calc(0.78125rem + ((1vw - 3.75px) * 0.0606))!important;
        min-height: 0vw;
    }
}
@media only screen and (max-width: 599px) {
    .flex{
        flex-direction: column;
    }
    .flex-w20,.flex-w30,.flex-w35,.flex-w40,.flex-w48,.flex-w45,.flex-w49,.flex-w50,.flex-w60,.flex-w70,.flex-w80{width: 100%;padding: 0;}
} 
.w100{
    width: 100%;
    height: auto;
}
h4{color: black!important}
ul.note{
    padding-left: 0;
}
#contents img{
    width: 100%;
    height: auto;
}
#blc-caution{
    border: solid 1px black;
    padding: 25px 30px 30px;
}
#blc-caution h2{
    position: relative;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.2em
}
#blc-caution h2::before{
    content: "";
    background: url(images/precaution-icon.svg)no-repeat;
    width: 38px;
    height: 32px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top:.4em;
}
@media screen and (max-width: 767px) {
    #blc-caution{
        padding: 2.2vw 3vw 3vw
    }
}
.subpage .branches .inner.detail h3{color: #231815}


.contents-wrapper{
    padding: 60px;
}
.bg-yellow{background: #edc300;}
.nightview-ttl01{
    width: 40%;
    max-width:256px;
    margin: auto
}
.nightview-h3-01{
    width: 80%;
    max-width: 470px;
    margin: auto;
}

.nightview-graph-area{
    background: white;
    padding: 40px;
    
}
.nightview-graph-h4{
    position: relative;
    border-left: 3px solid #edc300;
    line-height: 1.25;
    padding-left: .4em;
    margin: 0 0 1em
}
.nightview-graph01{
    width: 90%;
    max-width: 837px;
    margin: auto;
}
.nightview-graph02{
    width: 90%;
    max-width: 785px;
    margin: auto;
}
.nightview-copy01{
    text-decoration: underline;
    margin: 2em auto 1em;
    text-align: center;
    line-height: 1.5;
    font-weight: bold
}

.nightview-img-margin{
    margin: 0 -60px;
}

.nightview-graph03{
    width: 90%;
    max-width: 946px;
    margin: auto;
    padding-top: 20px;
}
.nightview-img04{
    margin-top: 60px;
}
.nightview-img04 .img{
    width: 43%;
}
.nightview-img04 .arrow{
    text-align: center;
    align-self:center;
}
.nightview-img04 .arrow img{
    max-width: 38px;
    padding-bottom: 40px;
}
.nightview-icon div{
    width: 35%;
    text-align: right
}
.nightview-icon div img{
    max-width: 280px;
}


#blc-detail{
    padding: 25px 0 30px;
}
.nightview-img07{margin-top: 5%;}
.nightview-img07-h3{
    border-left: 3px solid black;
    line-height: 1.25;
    padding-left: .4em;
    margin: 0 0 1em
}
.nightview-img07-1-wrap{width: 35%;}
.nightview-img07-2-wrap{width: 55%;}
.nightview-img07-1 .img{ width: 170px}
.nightview-img07-2 .img{ width: 341px}
.nightview-img07-1 .txt{
    width: calc(100% - 170px);
    padding-right: 15px;
}
.nightview-img07-2 .txt{
    width: calc(100% - 341px);
    padding-right: 15px;
}


@media screen and (max-width: 767px) {
    #blc-detail{
        padding: 2.2vw 0 3vw
    }
    .nightview-graph-area{
        padding: 5vw 4vw
    }
}




@media screen and (max-width: 1200px) {
    .contents-wrapper{
        padding: 6vw 3vw 4vw;
    }
    #blc-detail.contents-wrapper{
        padding-top: 3vw
    }
    .nightview-img-margin{
        margin: 0 -3vw;
    }
    .nightview-img07 br{
        display: none
        }
    .nightview-img07-1-wrap{width: 40%;}
    .nightview-img07-2-wrap{width: 55%;}
}
@media screen and (max-width: 1100px) {
    .nightview-img07-1 .img{ width: 136px}
    .nightview-img07-2 .img{ width: 272px}
    .nightview-img07-1 .txt{ width: calc(100% - 136px);}
    .nightview-img07-2 .txt{width: calc(100% - 272px);}
}
@media screen and (max-width: 959px) {
    .nightview-img07{margin-top: 8%;}
    .nightview-ttl01{
        width: 34.8%;
    }
    .nightview-img07{
        flex-direction: column;
     }
    .nightview-img07-1-wrap,.nightview-img07-2-wrap{width: 100%;}
    .nightview-img07-1 .img{ width: 170px}
    .nightview-img07-2 .img{ width: 341px}
    .nightview-img07-1 .txt,
    .nightview-img07-2 .txt{
        width: 50%
    }
    .nightview-img07-1 img{ max-width: 170px}
    .nightview-img07-2 img{ max-width: 341px}

}

@media screen and (max-width: 767px) {
    .contents-wrapper {
        padding: 7vw 4vw 5vw;
    }
    .nightview-img-margin{
        margin: 0 -4vw;
    }
    .nightview-graph03{
        width: 100%
    }
    .subpage .branches .inner.detail h3.nightview-h3-01,.nightview-copy01{
        margin-top: 1.5em
    }
}

@media screen and (max-width: 599px) {
    .nightview-h3-01{width: 90%}
    .nightview-img07{margin-top: 10%;}

    .nightview-img07-1-wrap .flex,
    .nightview-img07-2-wrap .flex{
        flex-direction: row;
    }
    .nightview-img07-1 .img{ width: 25%}
    .nightview-img07-2 .img{ width: 50%}
    .nightview-img07-1 .txt{width: 50%}
    .nightview-img07-2 .txt{width: 50%}
    .nightview-img04 .img{
        width: 100%
    }
    .nightview-img04 .arrow img{
        padding:3vw 0 5vw
    }
    .nightview-icon div{
        width: 60%;
        margin: auto;
    }
}


.table table{
    width: 100%;
    margin-top: 0;
}
.table-01 tr,.table-02 tr,.table-03 tr{
    border: solid 1px #231815;
}
.table-01 th{
    background: #f4edd7;
    width: 50%;
    text-align: center;
    border-bottom: solid 1px #231815;
}
.table-01 td{
    text-align: center;
    width: 50%;
    border-bottom: solid 1px #231815;
}
.table-01 tr{
    border: solid 1px #231815;
}
.table-01 th{
    background: #f4edd7;
    width: 50%;
    text-align: center;
    border-bottom: solid 1px #231815;
}
.table-01 td{
    text-align: center;
    width: 50%;
    border-bottom: solid 1px #231815;
}

.table-02 th{
    background: #f4edd7;
    width: 20%;
    text-align: center;
    border-bottom: solid 1px #231815;
}
.table-02 td{
    text-align: center;
    width: 30%;
    border-bottom: solid 1px #231815;
}
.table-02 td.cell2{
    width: 50%;
    border-right: solid 1px #231815;
}

.table-03 th{
    background: #f4edd7;
    width: 20%;
    text-align: center;
    border-bottom: solid 1px #231815;
}
.table-03 td{
    text-align: center;
    width: 80%;
    border-bottom: solid 1px #231815;
}
.table-02 th.bg-blk,.table-03 th.bg-blk{
    width: 100%;
    background: #231815;
}
@media screen and (max-width: 767px) {
    .table-02 td.cell2,.table-03 td{text-align: left}
}