@charset "UTF-8";

/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a{
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}
table{
	border-spacing:0;
	border-collapse:collapse;
}
*{
	box-sizing: border-box;
}
/* --- */
html{
	font-size: 62.5%;
}
body{
	min-width: 960px;
	font-size: 1.4rem;
	color: #333;
	font-family: 'Open Sans',Arial,Roboto,'Droid Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a{
	color: #0096df;
}
a:hover{
	color: #dd2b72;
}
a>img{
	vertical-align: top;
}

/* --- */

.hidden{display: none}
@media(min-width:750px){
	.pcHide{display: none}
}
.switch{visibility: hidden}
.tcenter{text-align: center!important}
.mb0{margin-bottom: 0px!important}
.mb20{margin-bottom: 20px!important}
.mb50{margin-bottom: 50px!important}
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt30{margin-top: 30px!important;}
.pt0{padding-top: 0!important;}

/*========================================
	#header
========================================*/
#header{
	position: relative;
	z-index: 400;
	height: 90px;
	font-size: 10px;
    background: #fff;
}
.header-block{
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 200px;
	width: 960px;
}
.header-logo{
	position: absolute;
  top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: fit-content;
}
.header-logo a{
	display: block
}
.header-utility{
	display: none;
}
.header-menu{
    display: table;
    width: 100%;
}
.header-menu>div{
	display: table-cell;
	vertical-align: top;
	padding: 18px 0 9px 15px;
}
.header-menu>div:nth-child(2){
	width: 175px;
}
.header-menu>div:nth-child(3){
	width: 203px;
	padding-top: 9px;
}
.header-support{
	list-style: none;
	text-align: right;
	letter-spacing: -0.5em;
	display: flex;
	justify-content: flex-end;
	gap: 6px;
}
.header-support>li{
	display: inline-block;
	letter-spacing: normal;
}
.header-support>li a{
	position: relative;
	display: block;
	padding: 3px 10px 3px 18px;
	background: #0096df;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
.header-support>li a:hover{
	opacity: 0.7;
}
.header-support>li a::before{
	content: '';
    position: absolute;
    top: 50%;
    left: 6px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-support>li a.cv-button-01{
  background:#f07cae;
}

.header-linklist{
	margin: 18px 0 0 0;
	list-style: none;
	letter-spacing: -0.5em;
}
.header-linklist>li{
	display: inline-block;
	margin: 0 0 0 20px;
	letter-spacing: normal;
}
.header-linklist>li a{
	position: relative;
	display: block;
	padding: 0 0 0 12px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}
.header-linklist>li a:hover{
	text-decoration: underline;
}
.header-linklist>li a::before{
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-top: 1px solid #18a0e2;
    border-right: 1px solid #18a0e2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-info{
	list-style: none;
	letter-spacing: -0.5em;
	margin: 0 0 0 -4px;
}
.header-info>li{
	display: inline-block;
	margin: 0 0 0 4px;
	letter-spacing: normal;
}
.header-info>li.header-info-area{
	display: none;
}
.header-info>li a{
	position: relative;
	display: block;
	padding: 1px 10px 0px 16px;
	background: #fff;
	border: 2px solid #dadadb;
	border-radius: 3px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}
.header-info>li a:hover{
	opacity: 0.7;
}
.header-info>li a::before{
	content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-top: 1px solid #18a0e2;
    border-right: 1px solid #18a0e2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.utility-font{
    display: table;
    width: 100%;
	overflow: hidden;
	margin: 11px 0 0;
	border: 2px solid #dadadb;
	border-radius: 3px;
	line-height: 1;
}
.utility-font>*{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.utility-font-label{
    width: 73px;
	background: #efefef;
	font-size: 12px;
}
.utility-font a{
	color: inherit;
	text-decoration: none;
}
.utility-font-m{
	padding: 0 3px 0 6px;
	font-size: 12px;
}
.utility-font-l{
	padding: 3px 0 3px 12px;
	background: url(../img/utility-font-icon.png) no-repeat left center;
	font-size: 16px;
}
.header-tel-text{
    margin: 0 0 2px;
	font-size: 12px;
    line-height: 1;
}
.header-tel-num{
	padding: 0 0 0 30px;
	background: url(../img/icon-tel.png) no-repeat left center;
	color: #0096df;
	font-size: 22px;
	font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
.utility-search{
	position: relative;
	display: block;
	margin: 7px 0 0;
}
.utility-search input[type="text"]{
	display: block;
    width: 100% !important;
	height: 25px;
	padding: 3px 24px 3px 10px!important;
	background: #fff;
	border: 2px solid #dadadb!important;
	border-radius: 3px;
}
.utility-search input[type="image"]{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 24px;
	padding: 5px;
	background: #b5b5b6;
	border-radius: 0 3px 3px 0;
	text-align: center;
	cursor: pointer;
}
.utility-search input[type="image"]:hover{
	background-color: #ababab;
}

.ftcontact {
    border-top: 1px solid #033e71;
}
.ftcontact-block-2col {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
    width: 960px;
    z-index: 100;
}
.ftcontact-block-2col > div:nth-child(2n+1) {
    clear: both;
    float: left;
    width: 610px;
}
.ftcontact-block-2col > div:nth-child(2n) {
    float: right;
    padding: 0 25px;
    text-align: center;
    width: 310px;
}
.ftcontact-block-2col > div > div {
    clear: both;
    overflow: hidden;
}
.ftcontact-contact-block {
    border: 1px dotted #033e71;
    display: inline-block;
    float: left;
    font-size: 0;
    padding: 10px 0;
    text-align: center;
    vertical-align: top;
    width: 50%;
}
.ftcontact-contact-block:nth-child(2n+1) {
    border-width: 0 1px;
    margin: 0 0 30px;
}
.ftcontact-contact-block:nth-child(2n) {
    border-width: 0 1px 0 0;
}
.ftcontact-contact-head {
    color: #033e71;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 12px;
}
.ftcontact-contact-note {
    color: #333;
    font-size: 1.2rem;
    font-weight: normal;
}
.ftcontact-contact-btn {
    background: #4474c4 url("../img/ftcontact-contact-btn-icon.png") no-repeat scroll right center;
    border-radius:4px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16);
    color: #fff !important;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.ftcontact-contact-btn:hover {
    background-color: #1b3f7a;
    color: #fff;
}
.ftcontact-btnarea {
    background: #eee none repeat scroll 0 0;
    padding: 30px 20px;
}
.ftcontact-btnarea > p:not(:last-child) {
    margin: 0 0 10px;
}



/*========================================
	.customermenu
========================================*/
.customermenu{
	position: relative;
	z-index: 300;
	background: #33abe5;
	background: linear-gradient(to right, #33abe5 0%,#33abe5 50%,#3386c5 50%,#3386c5 100%);
}
.customermenu-block{
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}
.customermenu-block a{
	position: relative;
	display: block;
	float: left;
	width: calc(100% / 3);
	height: 50px;
	line-height: 50px;
	background: #0096df url(../img/customermenu-bg-repeater.png);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    letter-spacing: 0.14em;
}
.customermenu-block a.customermenu-link-repeater{
	background-color: #0068b6;
}
.customermenu-block a:where([href^="#"])::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 4px;
	margin-left: -6px;
	border-top: 6px solid #fff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.customermenu-block a.customermenu-link-business{
	background-color: #3243c4;
}
.customermenu-block a:hover{
	opacity: 0.8;
}
.customermenu-block img{
	margin: 0 5px 0 0;
	vertical-align: middle;
}

/*========================================
	.meganav
========================================*/
.meganav-bg{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/floating-bg.png);
	z-index: 200;
	cursor: pointer;
}
.meganav{
	width: 100%;
	background: #fff;
	position: absolute;
	top: 140px;
	z-index: 400;
	font-size: 10px;
}
.meganav-block{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 50px;
}
.meganav-nav-close{
	display: block;
	position: absolute;
	top: 0;
	width: calc(100% / 3 - 10px);
	height: 45px;
	margin-inline: 5px;
	border-radius: 8px  8px 0 0;
	text-align: center;
	overflow: hidden;
	transform: translateY(-100%);
}
.meganav-visitor .meganav-nav-close{
	left: 0;
}
.meganav-repeater .meganav-nav-close{
	left: calc((100% / 3) * 1);
}
.meganav-repeater .meganav-nav-business{
	left: calc((100% / 3) * 2);
}
.meganav-nav-close a{
	display: block;
	height: 100%;
	background:#fff url(../img/meganav-nav-close.png) no-repeat center center / 150px auto;
	text-indent: -9999px;
}
.meganav-block-2col{
	position: relative;
	z-index: 100;
	clear: both;
	overflow: hidden;
}
.meganav-block-2col>div:nth-child(odd){
	float: left;
	width: 630px;
}
.meganav-block-2col>div:nth-child(even){
	float: right;
	width: 300px;
}
.meganav-head{
	margin: 0 0 30px 0;
	text-align: center;
}
.meganav-head-visitor{
	display: inline-block;
	padding: 0 0 0 30px;
	font-size: 24px;
	color: #3f3f3f;
}
.meganav-head-repeater{
	display: inline-block;
	padding: 0 0 0 38px;
	font-size: 24px;
	color: #3f3f3f;
}
.meganav-menu{
	margin: 0 0 35px 0;
}
.meganav-menu-head{
	margin: 0 0 10px 0;
	font-size: 20px;
	background: url(https://www.medias.co.jp/wordpress/wp-content/themes/medias.jp-web-corp/img/section-head-bg.png) repeat-x center center;
	text-align: center;
}
.meganav-menu-head p{
	display: inline-block;
	padding: 0 10px;
	font-size: 20px;
    font-weight: bold;
	color: #175e9c;
	text-align: center;
	background: #fff;
}
.meganav-menu-btn{
	display: none;
}
.meganav-menu-btnlist{
	width: 100%;
	margin: 0 0 0 15px;
}
.meganav-menu-btnlist li{
	display: inline-block;
	margin: 0 10px 10px 0;
	list-style: none;
	vertical-align: top;
}
.meganav-menu-btnlist li:nth-child(3n){
	margin: 0 0 10px 0;
}
.meganav-menu-btnlist a{
	display: table-cell;
	width: 190px;
	height: 40px;
	border-radius: 4px;
	background: #4474c4 url(../img/meganav-menu-icon.png) no-repeat right center;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.2;
	box-shadow: 0 2px 1px 0 rgba(0,0,0,0.16);
}
.meganav-menu-btnlist a:hover{
	background-color: #1b3f7a;
}
.meganav-menu-btnlist .btnlist-s{
	font-size: 12px;
}
.meganav-linklist{
	margin: 20px 0;
	padding: 10px 15px;
	background: #eee;
}
.meganav-linklist li{
	display: inline-block;
	list-style: none;
	margin: 0 10px 0 0;
}
.meganav-linklist a{
	font-size: 14px;
}
.meganav-linklist a:hover{
	text-decoration: none;
}
.meganav-link-more{
	display: block;
	padding: 5px;
	text-align: center;
	border: 1px solid #175e9c;
	color: #175e9c;
	font-size: 16px;
	border-radius: 4px;
	text-decoration: none;
}
.meganav-link-more:hover{
	border-color: #dd2b72;
}
.meganav-sidearea{
	margin: 0 0 10px 0;
	padding: 30px;
	/*background: #e6e6dc;*/
	background: #efefe1;
	border-radius: 8px;
	text-align: center;
}
.meganav-sidearea>p{
	line-height: 1;
}
.meganav-sidearea>p:not(:first-child){
	margin: 10px 0 0 0;
}
.meganav-banner a img{
	display: inline-block;
	border: 1px solid #fff;
}
.meganav-banner a:hover img{
	border-color: #175e9c;
}
.meganav-sidearea *[class^=general-button-]{
  width: 100%;
}
/*========================================
	.floating
========================================*/
.floating-bg{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/floating-bg.png);
	z-index: 500;
	cursor: pointer;
}
.floating{
	position: absolute;
	top: 0;
	z-index: 600;
	width: 800px;
	border-radius: 8px;
	background: #fff;
	font-size: 10px;
	opacity: 0;
    transition: all 0.5s linear;
}
.is-pop-open .floating{
	opacity: 1;
}
.floating-nav-close{
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 650;
}
.floating-character{
	position: absolute;
	top: -30px;
	right: 30px;
}
.floating-title{
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background:#f07cae url(../img/floating-title.png) no-repeat 120px center;
	border-radius: 8px 8px 0 0;
}
.floating-tel{
	margin: 0 0 30px 0;
	text-align:center;
}
.floating-tel img{
	width: 532px;
	height: 116px;
}
.floating-block{
	padding: 25px 40px;
}
.floating-block-2col{
	position: relative;
	clear: both;
	overflow: hidden;
}
.floating-block-2col>div{
	padding: 20px;
	height: 85px;
}
.floating-block-2col>div:nth-child(odd){
	float: left;
	width: 480px;
	padding: 15px 0;
	background: #ccc;
	text-align: center;
	border-radius: 0 0 0 8px;
}
.floating-block-2col>div:nth-child(even){
	float: right;
	width: 320px;
	padding-top: 22px;
	background: #a2a2a2;
	border-radius: 0 0 8px 0;
}
.floating-btnarea p{
	display: inline-block;
	margin: 0 4px;
}
.floating-search{
	height: 100%;
}
.floating-search-txt{
	height: 40px;
	width: 220px;
	padding: 0 10px;
	background: #fff;
	border: none;
}
.floating-search-txt-on{
	background: #fff url(../img/floating-search-icon.png) no-repeat 10px center;
}
.floating-search-submit{
	height: 40px;
	width: 57px;
	background: #033e71;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	vertical-align: top;
}
.floating-search-submit:hover{
	background-color: #032644;
}
.floating-btnlist li{
	display: inline-block;
	margin: 0 5px 10px 0;
	list-style: none;
	vertical-align: top;
}
.floating-btnlist a{
	display: table-cell;
	width: 230px;
	height: 50px;
	border-radius: 4px;
	background: #4474c4 url(../img/floating-btnlist-icon.png) no-repeat right center;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.2;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.16);
}
.floating-btnlist a:hover{
	background-color: #1b3f7a;
}

.floatingside{
	position: fixed;
	z-index: 100;
	right: 0;
	bottom: 30px;
	width: 31px;
}
.floating-open{
	display: block;
	height: 165px;
	background: url(../img/floating-sidebtn.png) no-repeat right center;
	text-indent: -9999px;
}
.floatingside-btn{
	margin: 8px 0 0 0;
	text-align: center;
}
.floatingside-btn>a{
	margin: 0 0 5px 0;
}
.floatingside-btn>.floating-totop{
	margin: 5px 2px 0 0;
}
.floating-totop{
	display: inline-block;
	width: 28px;
	height: 37px;
	background: url(../img/floating-totop.png) no-repeat right center;
	text-indent: -9999px;
}
.floating-nav-close{
	position: absolute;
	width: 45px;
	height: 45px;
	background: url(../img/floating-close.png) ;
	text-indent:-9999px;
	overflow: hidden;
	cursor: pointer;
}
.floating-character{
	display: block;
	position: absolute;
	background: url(../img/floating-character.png) no-repeat;
	width: 185px;
	height: 215px;
}
.floating-totop-sp{
	display: none;
}

/*========================================
	.scrollheader
========================================*/
.scrollheader{
	position:fixed;
	top:-105px;
	left:0;
	width:100%;
	z-index:200;
	transition:0.5s;
    background: #fff;
    background: linear-gradient(to right, #fff 0%,#fff 50%,#3386c5 50%,#3386c5 100%);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}
.scrollheader-block-3col{
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
.scrollheader-block-3col>div{
	float: left;
}
.scrollheader-logo{
	width: 250px;
}
.scrollheader-logo a{
	display: block;
    height: 60px;
    background: url(../img/logo-cable.png) no-repeat left center/230px auto;
    text-indent: -9999px;
    overflow: hidden;
}
.scrollheader-logo a img{
    width: 135px;
}
.scrollheader-customermenu{
	position: relative;
	width: 600px;
	height: 60px;
	background: #fff;
}
.scrollheader-customermenu a{
	position: absolute;
	top: 0;
	display: block;
	float: left;
	width: calc(100% / 3);
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    background: #0096df url(../img/customermenu-bg-repeater.png);
}
.scrollheader-customermenu a:hover{
	opacity: 0.8;
}
.scrollheader-customermenu a::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 4px;
    margin-left: -4px;
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.scrollheader-customermenu .customermenu-link-visitor{
	left: 0;
}
.scrollheader-customermenu .customermenu-link-repeater{
	left: calc(100% / 3 * 1);
	background-color: #0068b6;
}
.scrollheader-customermenu .customermenu-link-business{
	left: calc(100% / 3 * 2);
	background-color: #3243c4;
}
.scrollheader-menubtn{
	width: 110px;
	display: block;
	padding: 23px 0 0 45px;
	height: 60px;
	background: #124673 url(../img/scrollheader-icon-menu_open.png) no-repeat 20px 22px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
}
.scrollheader-menubtn:hover{
	background-color: #032644;
}

.scrollheader-menu{
	background:#124673;
}
.scrollheader-menu-linklist{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
}
.scrollheader-menu-linklist li{
	display: inline-block;
	list-style: none;
}
.scrollheader-menu-linklist li:not(:last-child){
	margin: 0 20px 0 0;
}
.scrollheader-menu-linklist a{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
.scrollheader-menu-linklist a:hover{
	text-decoration: underline;
}
.scrollheader-menu-line{
  border:1px solid #7d9eba;
  padding:4px 14px;
  border-radius: 3px;
}
.scrollheader-menu-linklist .scrollheader-menu-line:hover{
	text-decoration: none;
    opacity: 0.7;
}

/*========================================
	.fixed-tel
========================================*/
.fixed-tel{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.3);
    z-index: 500;
}
.fixed-tel a{
	display: block;
	padding: 12px 10px 8px 65px;
	color: #0097e0;
	font-weight: bold;
	text-decoration: none;
    background: url(../img/fixed-tel-icon.png) no-repeat 14px 50%/40px;
}
.fixed-tel-tel-text{
	display: block;
	font-size: 1.2rem;
}
.fixed-tel-num{
	display: inline-block;
	font-size: 2.6rem;
	font-weight: bold;
}
.fixed-tel-time{
	display: inline-block;
	color: #7f7f7f;
	font-size: 1.3rem;
	padding: 0 0 0 10px;
}

/*========================================
	#footer
========================================*/
#footer{
	position: relative;
	padding: 15px 0 0 0;
	background: url(../img/bg-footer.jpg) no-repeat 50% 100%/cover;
	font-size: 10px;
}
#footer::before{
	content: '';
	position: absolute;
	right: 50%;
	left: 0;
	bottom: 0;
	height: 310px;
	margin: 0 204px 0 0;
	background: url(../img/bg-footer-photo.png) no-repeat 100% 100%;
}

@media screen and (min-width:768px) and ( max-width:1024px){
	#footer::before{
		content: '';
		position: absolute;
		right: 50%;
		left: 0;
		bottom: 0;
		height: 310px;
		margin: 0 120px 0 0;
		background: url(../img/bg-footer-photo.png) no-repeat 100% 100%;
	}
}
.foot-service{
	background: #fff;
	text-align: center;
}
.foot-service-linklist{
	width: 960px;
	margin: 0 auto;
	padding: 12px 0 10px;
	list-style: none;
}
.foot-service-linklist>li{
	display: inline-block;
	list-style: none;
}
.foot-service-linklist>li:not(:first-child){
	margin: 0 0 0 70px;
}
.foot-service-linklist>li a{
	position: relative;
	display: inline-block;
	height: 32px;
    padding: 7px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.foot-service-linklist>li a:hover{
	text-decoration: underline;
}
.foot-service-linklist>li a::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	border-left: 6px solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.foot-service-linklist>li.foot-service-tv a{
	padding-left: 60px;
	background: url(../img/footer-service-tv.png) no-repeat 18px 50%;
	color: #ffa02f;
}
.foot-service-linklist>li.foot-service-net a{
	padding-left: 60px;
	background: url(../img/footer-service-net.png) no-repeat 18px 50%;
	color: #20a6e8;
}
.foot-service-linklist>li.foot-service-tel a{
	padding-left: 55px;
	background: url(../img/footer-service-tel.png) no-repeat 18px 50%;
	color: #56c215;
}
.foot-info{
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 55px 0 50px 229px;
	color: #fff;
}
.foot-logo{
	margin: 0 0 20px;
}
.foot-companyinfo{
	margin: 0 0 20px;
}
.foot-content{
	display: flex;
	align-items: center;
	gap: 20px;
}
.foot-address{
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
}
.foot-tel{
	font-size: 16px;
	font-weight: bold;
}
.foot-x{
	display: inline-block;
	inline-size: 60px;
	aspect-ratio: 1/1;
	border-radius: 7px;
	background: url("../img/foot-x.png") no-repeat center center / 50%,#fff;
}
.foot-links{
	display: inline-block;
	vertical-align: middle;
}
.foot-links a{
	display: inline-block;
	width: 148px;
	margin: 0 3px 0 0;
	padding: 4px;
	background: #25a6e1;
	border: 1px solid #fff;
	border-radius: 4px;
	color: inherit;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.foot-links a:hover{
	text-decoration: underline;
}
.foot-links a::before{
	content: '';
    display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
    border-left: 6px solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.foot-nav{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 13px;
}
.foot-nav a{
	color: inherit;
	text-decoration: none;
	font-size: 12px;
}
.foot-nav a:hover{
	text-decoration: underline;
}
.foot-copyright{
	padding: 5px 0 4px;
	background: #0068b6;
}
.foot-copyright-block{
    width: 960px;
    margin: 0 auto;
	color: #fff;
	font-size: 12px;
	text-align: right;
}

/*========================================
	.section
========================================*/
.section{
	padding: 50px 0;
}
.section-block{
	margin: 0 auto;
	width: 960px;
}
.section-head{
	position: relative;
	margin: 0 0 30px 0;
	text-align: center;
}
.section-head h1,
.section-head h2,
.section-head h3{
    display: flex;
    align-items: center;
	width: 100%;
	max-width: 960px;
    margin: 0 auto;
	text-align: center;
/*	white-space: nowrap;*/
	font-size: 2.4rem;
	color: #0096df;
	line-height: 1.3;
	letter-spacing: 0.06em;
}
.section-head h1::before,
.section-head h1::after,
.section-head h2::before,
.section-head h2::after,
.section-head h3::before,
.section-head h3::after{
	content: '';
    flex-grow: 1;
    height: 2px;
    min-width: 60px;
    background: #80cbef;
}
.section-head h1::before,
.section-head h2::before,
.section-head h3::before{
	margin: 0 10px 0 0;
}
.section-head h2::after,
.section-head h3::after,
.section-head h1::after{
	margin: 0 0 0 10px;
}
.section-head span{
	font-size: 1.8rem;
}
.section-head span strong{
	font-size: 2.4rem;
}

/*========================================
	ボタン
========================================*/
*[class^=general-button-]{
	position: relative;
	display: inline-block;
	padding: 18px 20px 16px;
	border-radius: 4px;
    background: #0096df url(../img/customermenu-bg-repeater.png);
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.16);
}
*[class^=general-button-]:hover{
	/*background-color: #33abe5;*/
	background-color: #016ccf;
	color: #fff;
}
*[class^=general-button-]::before{
	content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -4px 7px 0 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.general-button-document,
.general-button-01,
.wae-section .general-button-01{
	background-color: #f07cae;
    color: #fff;
    box-shadow:0 3px 2px 0 rgba(0,0,0,0.16);
}
.general-button-document:hover,
.general-button-01:hover,
.wae-section .general-button-01:hover{
	/*background-color: #f396be;*/
	background-color: #ea659e;
    color: #fff;
}
.general-button-02,
.wae-section .general-button-02{
	background-color: #fde119;
    color: #333;
}
.general-button-02:hover,
.wae-section  .general-button-02:hover{
  color: #333;
  background-color: #fcbe00;
}
.general-button-login,
.general-button-rsupport{
	background: #fff;
    border: 1px solid #ccc;
    color: #666;
}
.general-button-login:hover,
.general-button-rsupport:hover{
	background: #fff;
	opacity: 1;
	border-color: #175e9c;
	color: #175e9c;
}
.general-button-simulation,
.general-button-search{
    width: 215px;
	background-color: #fde119;
    color: #333;
    box-shadow: 0 3px 2px 0 rgba(0,0,0,0.16);
}
.general-button-simulation:hover,
.general-button-search:hover{
    color: #333;
}
.general-button-simulation:hover,
.general-button-search:hover{
	background-color: #fcbe00;
}
*[class^=general-button-].theme-w400{
  min-width: 400px;
}
*[class^=general-button-].theme-w300{
  min-width: 300px;
}
/* NOTE:3/1:前述と重複している部分／していない部分の判断必要
.general-button-search {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #fffe75;
	background: linear-gradient(to bottom, #fffe75 0%, #ffd603 100%);
	color: #333 !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
	line-height: 1;
}
.general-button-search:hover {
	background: #fefce7;
	background: linear-gradient(to bottom, #fffe77 20%, #ffbd03 100%);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-simulation {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #fffe75;
	background: linear-gradient(to bottom, #fffe75 0%, #ffd603 100%);
*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*
	color: #333 !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
	line-height: 1;
}
.general-button-simulation:hover {
	background: #fefce7;
	background: linear-gradient(to bottom, #fffe77 20%, #ffbd03 100%);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-hikari {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #ffb24f;
	background: linear-gradient(to bottom, #ffb24f 0%,#ff6d2a 100%);
	color: #333 !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
}
.general-button-hikari:hover {
	background: #ffb644;
	background: linear-gradient(to bottom, #ffb644 20%,#ff6d11 100%);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-navigator {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #fffe75;
	background: linear-gradient(to bottom, #fffe75 0%, #ffd603 100%); *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//*

	color: #333 !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
	line-height: 1;
}
.general-button-navigator:hover {
	background: #fefce7;
	background: linear-gradient(to bottom, #fffe77 20%, #ffbd03 100%);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-document {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #ff4faf;
	background: linear-gradient(to bottom,  #ff4faf 0%,#ff2a67 100%);
	color: #fff !important;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
}
.general-button-document:hover {
	background: #ff00a2;
	background: linear-gradient(to bottom,  #ff00a2 20%,#ff002c 100%);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-login {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff url(../img/general-button-icon.svg) no-repeat 15px center;
	color: #666 !important;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
}
.general-button-login:hover{
	border-color: #175e9c;
	background-image: url(../img/general-button-icon-hover.svg);
	color: #1b3f7a !important;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-rsupport {
	display: inline-block;
	padding: 18px 10px 16px;
	width: 215px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	background: linear-gradient(to bottom, #fff 20%,#eee 100%);
	color: #666 !important;
	text-decoration: none;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
}
.general-button-rsupport:hover{
	background: #f5f5f5;
	background: linear-gradient(to bottom, #f5f5f5 20%,#ddd 100%);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.general-button-01 {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #ff4faf;
	background: linear-gradient(to bottom,  #ff4faf 0%,#ff2a67 100%);
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
}
.general-button-01:hover {
	background: #ff00a2;
	background: linear-gradient(to bottom,  #ff00a2 20%,#ff002c 100%);
}
.general-button-02 {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: #fffe75;
	background: linear-gradient(to bottom, #fffe75 0%, #ffd603 100%);
	color: #333 !important;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
}
.general-button-02:hover {
	background: #fefce7;
	background: linear-gradient(to bottom, #fffe77 20%, #ffbd03 100%);
}
.general-button-03 {
	display: inline-block;
	padding: 7px 16px 7px 32px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff url(../img/general-button-03-icon.svg) no-repeat 15px center;
	color: #666 !important;
	text-decoration: none;
	font-size: 1.4rem;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
}
.general-button-03:hover{
	border-color: #175e9c;
	color: #1b3f7a !important;
}
.general-button-04 {
	display: inline-block;
	min-width: 140px;
	padding:8px 25px;
	border-radius: 99em;
	background: #4474c4 url(../img/meganav-menu-icon.png) no-repeat right center;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.4;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.16);
}
.general-button-04:hover{
	background-color: #1b3f7a;
}

*/
.general-button-apartment {
	display: inline-block;
	padding: 10px 16px 10px 28px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff url(../img/general-button-icon.svg) no-repeat 15px center;
	color: #666 !important;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
}
.general-button-apartment:hover{
	border-color: #175e9c;
	background-image: url(../img/general-button-icon-hover.svg);
	color: #1b3f7a !important;
}
.apartment-search-list .general-button-apartment{
	width: 100%;
	padding: 7px;
	background: #fff;
	color: #033e71 !important;
	font-size: 11px;
}
.apartment-search-list .general-button-simulation {
	padding: 7px 0 5px;
	width: 85px;
	font-size: 9px;
	letter-spacing: -1px;
}

.apartment-search-list .general-button-01 {
	width: 85px;
	padding: 6px 0px 4px;
	font-size: 12px;
}

/*========================================
	ポップアップ
========================================*/
.pop-bg {
	position: fixed;
	top: 0;
	left 0;
	width: 100%;
	height: 100%;
	background: url(../img/floating-bg.png);
	z-index: 500;
	cursor: pointer;
}

.pop {
	position: absolute;
	top:0;
	z-index: 600;
}

.pop-close {
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 999;
	width: 45px;
	height: 45px;
	background: url(../img/floating-close.png);
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

/*================================================================================
	下層ページ
================================================================================*/

/*========================================
	コンテンツ　共通パーツ
========================================*/
.topicpath{
	width: 960px;
	margin: 0 auto;
	font-size: 1.1rem;
	padding: 10px 0;
}

.morelink{
	display: block;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
	padding: 11px;
	background: #eee;
	font-size: 1.2rem;
	text-align: center;
}
.morelink a{
    padding: 0 5px;
	text-decoration: none;
}
.morelink a::before{
	content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 7px 0 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/*テーブル*/
table{
	width: 100%;
}
th,td{
	padding: 10px 20px;
	border: 1px solid #ccc;
}
th{
	background: #f5f5f5;
	text-align: left;
}

/*========================================
	お知らせ
	（CCNCからのお知らせ）
========================================*/
.article-head-news{
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #175e9c;
}
.article-head-news-tit{
	margin: 10px 0 0 0;
	font-size: 2rem;
	font-weight: bold;
}
.article-head-news-date{
	margin: 0 0 0 10px;
	font-size: 1.4rem;
}
.section.news{
  border-radius: 0;
}
/*ラベル*/
.news-label{
	display: inline-block;
	min-width: 100px;
	padding: 2px 0;
	border-radius: 4px;
	text-align: center;
	font-size: 1.1rem;
}
.news-label-camp{
	background: #ff0;
	color: #000;
}
.news-label-news{
	background: #33abe5;
	color: #fff;
}
.news-label-present{
	background: #f07cae;
	color: #fff;
}
.news-label-press{
	background: #179c94;
	color: #fff;
}
.news-label-mainte{
	background: #666;
	color: #fff;
}
.news-label-err{
	background: #f00;
	color: #fff;
}

/*一覧*/
.news-linklist{
	list-style: none;
}
.news-linklist a{
	width: 100%;
	padding: 5px 15px;
	display: table;
	text-decoration: none;
}
.news-linklist div{
	display: table-cell;
	vertical-align: middle;
}
.news-linklist div:nth-child(1){
	width: 100px;
}
.news-linklist div:nth-child(2){
	padding: 0 0 0 15px;
}
.news-linklist-date{
	display: inline-block;
	text-decoration: none;
	color: #333;
}
.news-linklist-name{
	text-decoration: underline;
}
.news-linklist-special{
/*	margin: 30px 0 15px;*/
	margin: 0 0 15px;
	padding: 8px 0;
	background: #fffce2;
	border: 1px solid #d6c954;
	border-radius: 8px;
}
.news-linklist .new{
	margin: 0 0 0 5px;
	color: #f00;
}

/*カスタマイズ*/
.news-01{
	background: #fff;
}
.news-01 .news-linklist{
	padding: 25px 30px;
}
.news-01 .news-linklist a{
	padding: 8px 5px;
}
.news-01 .news-linklist div:nth-child(2){
	width: 180px;
}

/*========================================
	お知らせ
	（お知らせトップページ）
========================================*/
.newsinfo{
    display: table;
}
.newsinfo>div{
	float: left;
}
.newsinfo>div:nth-child(1){
	width: 100%;
	margin: 0 0 6px;
}
.newsinfo>div:nth-child(2){
	width: 477px;
	margin: 0 3px 0 0;
}
.newsinfo>div:nth-child(3){
	width: 477px;
	margin: 0 0 0 3px;
}
.newsinfo-set{
	display: table;
	width: 100%;
	height: 80px;
	padding: 15px 15px 15px 0;
	font-size: 1.2rem;
	background: #fff;
}
.newsinfo-set-head{
	display: table-cell;
	width: 32%;
	vertical-align: middle;
	color: #0096df;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	border-right: 2px solid #e7e8e8;
}
.newsinfo-set-body{
	display: table-cell;
	padding: 0 5px 0 20px;
	vertical-align: middle;
}
.newsinfo-set-body p:not(:last-child){
	margin: 0 0 10px;
}
.newsinfo-set .sysinfo-linklist-attention{
	background: none;
}
.newsinfo-set .sysinfo-linklist-attention>a{
	display: block;
	text-decoration: none;
}
.newsinfo-set .sysinfo-linklist-schedule>a{
	display: block;
	text-decoration: none;
	color: inherit;
}
.newsinfo-set .sysinfo-linklist-schedule>a:hover{
	text-decoration: underline;
}
.newsinfo-set .sysinfo-warlabel{
	margin: 0 0 5px;
}

/*========================================
	システムに関する情報（メンテナンス情報、障害情報など）
========================================*/
/*ラベル*/
.sysinfo-serlabel{
	display: inline-block;
	min-width: 35px;
	margin-right: 3px;
	padding: 4px 4px 5px;
	border-radius: 2px;
	text-align: center;
	font-size: 1.1rem;
	background: #175e9c;
	color: #fff;
	line-height: 1;
}
.sysinfo-serlabel-off{
	background-color: #ccc;
}
.sysinfo-serlabel-wrap{
	display: inline-block;
	margin: 0 15px 0 0;
}
.sysinfo-warlabel{
	display: inline-block;
	min-width: 54px;
	padding: 1px 4px 0;
	border-radius: 2px;
	text-align: center;
	font-size: 1.2rem;
	background: #909090;
	color: #fff;
}
/*テーブル*/
.table-01 th,
.table-01 td{
	padding: 15px 20px;
	border-width: 1px 0;
}
.table-01 th{
	width: 30%;
	background: #eee;
}
.table-01-state-warning{
	color: #f00;
}
.table-01-warning th{
	background: #fee;
}
.table-01-warning .table-01-state{
	color: #f00;
}
.table-01-warning .sysinfo-serlabel:not(.sysinfo-serlabel-off){
	background-color: #f00;
}

/*一覧*/
.sysinfo-linklist{
	list-style: none;
	border-top: 1px solid #ccc;
}
.sysinfo-linklist a{
	width: 100%;
	display: table;
	padding: 20px 15px;
	text-decoration: none;
}
.sysinfo-linklist li{
	border-bottom: 1px solid #ccc;
}
.sysinfo-linklist div{
	display: table-cell;
	vertical-align: middle;
}
.sysinfo-linklist div:nth-child(1){
	width: 180px;
}
.sysinfo-linklist div:nth-child(1) p{
	padding: 0 10px 0 0;
	color: #333;
	font-size: 1.2rem;
}
.sysinfo-linklist div:nth-child(2) p{
  text-decoration: underline;
}
.sysinfo-linklist-date{
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-size: 1.2rem;
}
.sysinfo-linklist .sysinfo-serlabel{
	margin: 0 3px 5px 0;
}
.sysinfo-linklist .sysinfo-warlabel{
	margin: 0 10px 5px 0;
}
.sysinfo-mainte-new .sysinfo-linklist-date{
	font-size: 1.4rem;
}
.sysinfo-linklist-errarea{
	color: #666;
}
.sysinfo-linklist div p.sysinfo-linklist-maintearea{
	color: #f00;
	text-decoration: none;
}


.sysinfo-linklist-warning{
	background: #fee;
}
.sysinfo-linklist-warning .sysinfo-serlabel:not(.sysinfo-serlabel-off){
	background-color: #f00;
}
.sysinfo-linklist-warning .sysinfo-warlabel{
	background-color: #f00;
}
.sysinfo-linklist-warning .sysinfo-linklist-errarea{
	color: #f00;
}

.sysinfo-linklist-attention{
	background: #fffce2;
}
.sysinfo-linklist-attention .sysinfo-serlabel:not(.sysinfo-serlabel-off){
	background-color: #f00;
}
.sysinfo-linklist-attention .sysinfo-warlabel{
	background-color: #f00;
}
.sysinfo-linklist-schedule .sysinfo-warlabel{
	background-color: #33abe5;
}

/*========================================
	.local
========================================*/
.local{
	display: table;
	width: 100%;
}
.local>*{
	display: table-cell;
	vertical-align: top;
}
.local>*:not(:first-child){
	padding: 0 0 0 22px;
}
.local>*:nth-child(2){
	max-width: 428px;
}
.local-pickup{
	width: 255px;
	border: 1px solid #e4e5e5;
}
.local-pickup-head{
    padding: 8px 15px 6px;
	background: #0096df;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}
.local-pickup-body{
	height: 216px;
	overflow-y: auto;
	padding: 5px 14px;
}
.local-pickup-list{
	list-style: none;
}
.local-pickup-list>li:not(:first-child){
	border-top: 1px solid #e4e5e5;
}
.local-pickup-list>li a{
	display: block;
	padding: 10px 0;
	color: inherit;
	text-decoration: none;
}
.local-pickup-list>li a:hover{
	text-decoration: underline;
}
.local-pickup-label{
	display: inline-block;
    margin: 0 0 8px;
    padding: 4px 11px 3px;
	border: 1px solid #0096df;
	border-radius: 3px;
	color: #0096df;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
}
.local-pickup-date,
.local-pickup-text{
	display: block;
	font-size: 1.2rem;
}

.local-linklist{
	--gap: 9px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	gap: var(--gap);
}
.local-linklist>li{
	width: calc((100% - var(--gap))/2);
}
.local-linklist>li a{
	--gap: 6px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap);
	width: 100%;
	height: 100%;
	padding: 12px 5px 12px 14px;
	background: #0096df url(../img/customermenu-bg-repeater.png);
	border-radius: 4px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.local-linklist>li a:hover{
	opacity: 0.8;
}
.local-linklist>li a::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	margin: -6px 0 0;
	border-left: 6px solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.local-linklist>li a::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 37px;
	height: 35px;
}
.local-linklist>li.local-linklist-channel a,
.local-linklist>li.local-linklist-schedule a{
	height: 115px;
}
.local-linklist>li.local-linklist-channel a::before{
	display: inline-block;
	width: 42px;
	height: 36px;
	margin-bottom: 8px;
	background: url(../img/local-icon-channel.png) no-repeat 50% 50%;
}
.local-linklist>li.local-linklist-schedule a::before{
	display: inline-block;
	width: 42px;
	height: 36px;
	margin-bottom: 8px;
	background: url(../img/local-icon-schedule.png) no-repeat 50% 50%;
}
.local-linklist>li.local-linklist-time a::before{
    background: url(../img/local-icon-time.png) no-repeat 50% 50%;
}
.local-linklist>li.local-linklist-message a::before{
    background: url(../img/local-icon-message.png) no-repeat 50% 50%;
}
.local-linklist>li.local-linklist-info{
	width: 100%;
}
.local-linklist>li.local-linklist-info a::before{
	background: url(../img/local-icon-info.png) no-repeat 50% 50%;
}

/*地域情報ページ*/
.local-pickup-list.theme-thumb{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.local-pickup-list.theme-thumb>li{
    display: flex;
    width: 472px;
    width: calc( ( 100% - 15px ) / 2);
    margin-bottom: 15px;
    flex-grow: 0;
    flex-shrink: 0;
    border: 1px solid #e4e5e5;
}
.local-pickup-list.theme-thumb>li:hover{
    border-color: #dd2b72;
}
.local-pickup-list.theme-thumb>li a{
    display: flex;
    width: 100%;
    padding: 14px;
}
.local-pickup-list.theme-thumb .local-pickup-img{
    width: 225px;
    margin-right: 14px;
    flex-grow: 0;
    flex-shrink: 0;
}
.local-pickup-list.theme-thumb .local-pickup-img img{
    max-width: 100%;
    vertical-align: middle;
}

/*========================================
	.local
      番組情報
========================================*/

/* 共通サブナビ */
.local-subnav{
  margin: 14px auto;
  border: 1px solid #e4e5e5;
}
.contents_block>.local-subnav:first-child, .contents_block .wae-section-margin-moderate>.local-subnav:first-child{
  margin: -10px auto 30px;
}
.local-subnav-title{
  display: none;
}
.local-subnav-list{
  position: relative;
  list-style: none;
  display: flex;
  justify-content: space-around;
  width: 960px;
  padding: 14px 8px;
}
.local-subnav-list li{
/*  display: table-cell;*/
  text-align: center;
  vertical-align: middle;
  flex-grow: 1;
}
.local-subnav-list a{
  position: relative;
  display: block;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1;
}
.local-subnav-list li:not(:last-child) a::before{
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 10px;
    background: #e7e8e8;
    width: 1px;
    height: 12px;
    margin-top: -6px;
}

.local-subnav-list .is-on a{
  color: #009b63;
  font-weight: bold;
}

/* 番組ラインナップ */
.program-lineup {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.program-lineup li {
    width: 310px;
    margin: 0 14px 14px 0;
    border: 1px solid #e4e5e5;

}
.program-lineup li:nth-child(3n) {
    margin-right: 0;
}
.program-lineup-top {
    position: relative;
    transition: all 0.25s ease-out;
}
.program-lineup-top h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
.program-lineup-top h4:before{
    content: '';
    border-left: 6px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top:50%;
    right: 8px;
    margin: -4px 0 0;
}
.program-lineup-top h4 a {
    display: block;
    padding: 8px 16px 8px 8px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.6rem;
}
.program-lineup-top:hover a {
    color: #fff;
}
.program-lineup-channel {
    position: absolute;
    top: 14px;
    left: 14px;
}
.program-lineup-top figure img {
    width: 100%;
    vertical-align: middle;
}
.program-lineup-pop {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    padding: 16px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    border-radius: 0;
    font-size: 1.2rem;
    line-height: 1.8;
    z-index: 100;
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 0;
    cursor: pointer;
}
.program-lineup-pop:hover{
    opacity: 1;
}
.program-lineup-pop-text a {
    position: relative;
    display: block;
    margin: 8px 0 0;
    padding: 0 8px 0 0;
    text-decoration: underline;
    text-align: right;
    color: #fff;
}
.program-lineup-pop-text a:before {
    content: '';
    border-left: 4px solid #fff;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -2px 0 0;
}
.program-lineup-top .local-pickup-label{
  display: block;
  background: #fff;
}
.program-lineup-bottom{
  padding: 14px;
}
.program-lineup-bottom-title{
  margin: 0 0 4px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0096df;
}

/*詳細ページ　番組の概要*/
.program-outline{
    display: flex;
    justify-content: flex-start;
}
.program-outline-img{
    width: 360px;
    margin-right: 40px;
    flex-grow: 0;
    flex-shrink: 0;
}
.program-outline-img img{
    max-width: 100%;
}
.program-outline-label{
	display: inline-block;
    margin: 0 8px 0 0;
    padding: 5px 14px;
	border: 1px solid #0096df;
	border-radius: 3px;
	color: #0096df;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1;
}
.program-outline-time{
	color: #0096df;
	font-size: 1.3rem;
}
.program-outline-text p{
  margin-bottom: 14px;
}


/*========================================
	2018/2/14追加
	知多メディアスのcommon.css移植
========================================*/
@charset "UTF-8";

/*================================================================================
	下層ページ
================================================================================*/

/*========================================
	レイアウト
========================================*/
.contents{
	padding: 30px 0;
}
.contents_block{
	width: 960px;
	margin: 0 auto;
}
.contents-2col{
	width: 960px;
	margin: 0 auto;
	width: 960px;
	clear: both;
	overflow: auto;
}
.contents-2col-side{
	float: right;
	width: 225px;
}
.contents-2col-main{
	float: left;
	width: 710px;
}

/*========================================
	サイドナビ
========================================*/
.sidenav{
}
.sidenav-head{
	background: url(../img/sidenav-head-bg.png);
	text-align: center;
	border-radius: 12px 12px 0 0;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.04);
}
.sidenav-head a{
	padding: 15px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
}
.sidenav-head a:hover{
	background-color: rgba(255,255,255,0.3)
}
.sidenav-list{
	padding: 4px 10px 0 10px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 12px 12px;
}
.sidenav-list li{
	list-style: none;
}
.sidenav-list>li{
	padding: 7px 0;
}
.sidenav-list>li:not(:last-child){
	border-bottom: 1px dotted #ccc;
}
.sidenav-list a{
	display: block;
}
.sidenav-list>li>a,
.sidenav-list>li>span{
	display: block;
	padding: 7px 0 7px 25px;
	background: url(../img/icon-circle.svg) no-repeat 10px center;
	text-decoration: none;
	font-size: 1.2rem;
	border-radius: 4px;
}
.sidenav-list>.on>a,
.sidenav-list>.on>span{
	background-color: #fff7b2;
}
.sidenav-list ul{
	padding: 7px 0 7px 7px;
}
.sidenav-list ul a,
.sidenav-list ul span{
	padding: 3px 0 3px 24px;
	text-decoration: none;
	font-size: 1.2rem;
	border-radius: 4px;
	background: url(../img/icon-arrow-2.svg) no-repeat 13px center;
}
.sidenav-list ul .on a{
	background-color: #fff7b2;
/*	color: #f90;*/
}
.sidenav-list ul ul{
	padding: 10px 0 10px 14px;
}
/*========================================
	サイドエリア
========================================*/
.contents-side-block{
	margin: 15px 0 0;
	padding: 25px;

}
.contents-side-block .banner-list>li {
	width: 100%;
}
.contents-side-block .banner-list>li:not(:last-child){
	margin-bottom: 10px;
}
.contents-side-block .banner-list>li:nth-child(n+5) {
	margin-top: 0;
}

/*========================================
	コンテンツ　共通パーツ
========================================*/

/*カテゴリタイトル（第2階層タイトル）*/
.category-head{
	position: relative;
	width: 960px;
	margin: 0 auto 30px;
	padding: 0 0 0 20px;
	font-size: 3rem;
	font-weight: normal;
	line-height: 1.2;
}
.category-head:before{
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	display: block;
	width: 6px;
	height: 100%;
	background: #39aae5;
	border-radius: 999em;
}
.contents-2col-main .category-head{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.category-head:first-child{
/*	margin-top: 30px;*/
}


/*記事タイトル*/
.head-1{
	max-width: 960px;
	margin: 0.5em auto;
	padding: 0 0 0 15px;
	font-size: 1.6rem;
	font-weight: normal;
	color: #033e71;
	background: url(../img/icon-circle-2.svg) no-repeat left 8px;
	font-weight: bold;
}
.head-1 span{
	font-size: 1.4rem;
}
.head-2{
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 15px;
	font-size: 1.8rem;
	font-weight: normal;
	color: #033e71;
	border-bottom: 1px dotted #175e9c;
	background: url(../img/icon-circle-2.svg) no-repeat left 15px;
}
.head-3{
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	font-weight: normal;
	color: #033e71;
	background: url(../img/icon-circle-2.svg) no-repeat left 8px;
	font-weight: bold;
}
.head-label{
	padding: 4px 7px;
	background: #175e9c;
	color: #fff;
	font-size: 1.2rem;
	font-weight:normal;
}
.contents-hr{
	margin: 80px 0 20px 0;
	border: 1px dotted #175e9c;
	border-width: 1px 0 0 0;
}
.contents-hr-2{
	margin-top: 30px
}
.leadtxt{
	min-width: 960px;
	margin: 0 0 20px;
	text-align: center;
	font-size: 1.4rem;
}
.txt01{
	margin: 10px 0 0;
	font-size: 1.4rem;
	color: #0078aa;
	font-weight: bold;
}
.txt01 a{
	color: #0078aa;
}
.txt01 a:hover{
	color: #dd2b72;
}
.txt01 span{
	font-size: 1.2rem;
	color: #666;
	font-weight: normal;
}
.btnbanner{
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
		box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
}
.btnbanner:hover{
	border: 1px solid #dd2b72;
}
.btnbanner-2{
	display: block;
	border: 1px solid #ccc;
	overflow: hidden;
}
.btnbanner-2:hover{
	border: 1px solid #dd2b72;
}
.btnbanner-wrap{
	padding: 20px 0;
	background: #f0f0e6;
}
.tlink-01{
	display: inline-block;
	font-size: 1.4rem;
}
.tlink-01:before{
	content: url(../img/icon-circle.svg);
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px 0 0;
}
.tlink-02{
	display: inline-block;
	font-size: 1.2rem;
}
.tlink-02:before{
	content: url(../img/tlink-02-icon.svg);
	display: inline-block;
	margin: 0 5px 0 0;
}
.notetxt{
	margin: 10px 0 0;
	color: #666;
}
.rightnote{
  position:relative;
  width: 100%;
  height: 0;
}
.rightnote-txt{
 position:absolute;
  right: 0;
  bottom:3px;
  color: #666;
  font-size:1.2rem;
}
.imgtxtset{
	display: table;
	width: 100%;
	margin: 0 0 20px;
}
.imgtxtset-img{
	vertical-align: middle;
	display: table-cell;
}
.imgtxtset-txt{
	vertical-align: middle;
	display: table-cell;
	color: #175e9c;
	font-weight: bold;
}

/*ビジュアル*/
.visual{
	margin: 0 0 30px 0;
}
/*テーブル*/
table{
	width: 100%;
}
th,td{
	padding: 10px 20px;
	border: 1px solid #ccc;
}
th{
	background: #f5f5f5;
	text-align: left;
}

/*メニュー*/
.menu01{
	clear: both;
	overflow: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #eee;
}
.menu01-block{
	float: left;
	width: 225px;
	background: #fff;
	border: 1px solid #ccc;
	border-width: 1px;
}
.menu01-block:not(:nth-child(3n)){
	margin: 7px 7px 0 0;
}
.menu01-block:nth-child(1),
.menu01-block:nth-child(2),
.menu01-block:nth-child(3){
	margin-top: 0;
}
.menu01-head a{
	display: block;
	padding: 10px 10px 10px 30px;
	background: #fff url(../img/icon-circle.svg) no-repeat 15px center;
	text-decoration: none;
	color: #033e71;
	border: 1px solid #ccc;
	border-width: 0 0 1px;
}
.menu01-head a:hover{
	color:#f90;
}
.menu01-list{
	list-style: none;
	padding: 10px 15px;
	background: #fff;
}
.menu01-list a{
	padding: 0 0 0 10px;
	background: url(../img/icon-arrow-2.svg) no-repeat left center;
	font-size: 1.2rem;
}
.menu-top3{
	background: #eee;
}
.menu-top3 .menu01{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}
.menu-top3 .menu01-block{
	width: 314px;
	margin: 0 9px 0 0;
}
.menu-top3 .menu01-block:nth-child(3n){
	margin-right: 0;
}
.menu-top3 .menu01-block:nth-child(n+4){
	margin-top: 9px;
}
.menu-top3 .menu01-list{
	list-style: decimal;
	padding: 10px 15px 10px 30px;
}
.menu-top3 .menu01-list a{
	padding-left: 0;
	background: none;
	font-size: 1.2rem;
}
.menu-top3 .menu01-head a{
	color: #06c;
}
.menu-top3 .menu01-head a:hover{
	color: #dd2b72;
}
.menu-top3+.head-1{
	margin-top: 15px;
}

.menu-top3+.morelink{
	margin-top: 20px;
}



/*バナー4枚並べ*/
.banner-list {
	list-style: none;
	font-size: 0;
}
.banner-list>li {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px 0 0;
	width: 235px;
	font-size: 1.2rem;
}
.banner-list>li:nth-child(4n) {
	margin-right: 0
}
.banner-list>li:nth-child(n+5) {
	margin-top: 30px;
}

.banner-list img {
	width: 100%;
	height: auto;
	margin: 0 0 3px;
	border: 2px solid #fff;
}
.banner-list a:hover img {
	border-color: #f90
}
/*バナー3枚並べ*/
.banner-list-2 {
	list-style: none;
	font-size: 0;
}
.banner-list-2>li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
	width: 235px;
	font-size: 1.2rem;
}
.banner-list-2>li:nth-child(3n) {
	margin: 0;
}
.banner-list-2 img {
	width: 100%;
	height: auto;
	margin: 0 0 5px;
	border: 2px solid #fff;
}
.banner-list-2 a:hover img {
	border-color: #f90
}
.banner-list-new:after{
	content: url(../img/banner-list-new.png);
	position: absolute;
	top: 10px;
	left: 0;
}
.banner-list-2>li:nth-child(n+4) {
	margin-top: 30px;
}



/*円で見せる*/
.circle-list{
	font-size: 0;
}
.circle-list-block{
	display: inline-block;
	width: 240px;
	font-size: 1rem;
	vertical-align: top;
}
.circle-list-block a{
	padding: 30px;
	display: block;
	text-decoration: none;
}
/*
.circle-list-block a:hover{
	background: #fff7b2;
}
*/
.circle-list-block figure{
	margin: 0 0 10px 0;
	text-align: center;
}
.circle-list-block figure img{
	width: 90%;
	border-radius: 999em;
}
.circle-list-block p{
	font-size: 1.2rem;
}
.circle-list-block a p{
	text-decoration: underline;
}
.pickup-area .circle-list a{
	color: #fff;
}
.pickup-area .circle-list a:hover{
	color: #ff0
/*	background: rgba(255,255,255,0.3);*/
}

.circle-list-block a figure{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.circle-list-block a:hover figure{
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
}

/*ピックアップの時*/
.pickup-area{
	width: 100%;
	padding: 35px 0;
	overflow: hidden;
	background: url(../img/bg-blue.png);
}
.pickup-area .banner-list a {
	color: #fff;
}
.pickup-area .banner-list a:hover {
	color: #ff0;
}
.pickup-area .banner-list a:hover img {
	border-color: #ff0;
}
.pickup-area-lifehack{
	padding: 0;
}
.pickup-area-mb{
	margin-bottom: 30px
}
/*バナーの時*/
.banner-area{
	background: url(../img/bg-beige.png);
	border-radius: 8px;
}


/*ボタン*/
.btnarea{
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 0;
	text-align: center;
}
.btnarea-2col{
	display: table;
	width: 100%;
}
.btnarea-2col>div{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.btnarea-2col>div:nth-child(2){
	width: 30%;
	text-align: right;
}
.btnarea-bg{
	margin: 40px 0 80px;
	padding: 35px;
	background: #eee;
}
.btnarea-bg2{
	margin: 20px 0;
	padding: 15px 30px;
	background: #f8f8f8;
}
.btn-more{
	display: inline-block;
	padding: 5px 30px;
	text-align: center;
	border: 1px solid #175e9c;
	color: #175e9c ;
	font-size: 1.6rem;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}
.btn-more:hover{
	color: #dd2b72;
	border-color: #dd2b72;
}
.btn-window{
	padding: 7px 20px;
	background: #4474c4;
	font-size: 1.8rem;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	line-height: 1;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
	text-decoration: none;
}
.btn-window:after{
	margin: 0 0 0 5px;
	content: url(../img/icon-window.svg);
}
.btn-window:hover{
	color: #fff;
	background: #1b3f7a;
}

.form-campaign .form-campaign-enter:hover{
	background: #4f789d;
}

.mw_wp_form .error{
	display: block;
	padding: 4px 8px;
	background: #ffebeb;
	color: #f00;
	font-size: 1.4rem;
}

/*========================================
	よくあるご質問
========================================*/
/*記事タイトル*/
.article-head-faq{
	margin: 0 0 18px 0;
	padding: 0 0 30px 40px;
	border-bottom: 1px dotted #175e9c;
	background: #fff url(../img/faq-icon.png) no-repeat 0 0;
}
.article-head-faq-tit{
	margin: 0 0 12px 0;
	font-size: 1.8rem;
	font-weight: normal;
	font-weight: bold;
	color: #033e71;
}
.article-head-faq-txt{
	font-size: 1.1rem;
}
.article-head-faq-txt a{
	color: #666 !important;
}
.waewrap-faq {
	padding: 0 0 0 40px;
	background: url(../img/faq-icon-a.png) no-repeat 0 12px;
}

.search{
	margin: 0 0 20px 0;
	padding: 20px;
	background: #f0f0e6
}
.form-faqsearch input[type="text"]{
	height: 40px;
	width: 380px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #999;
	border-width: 1px 0 1px 1px;
}
.form-faqsearch input[type="text"]:focus{
	background: #fff;
}
.form-faqsearch-searchtxt-on{
	background: #fff url(../img/form-faqsearch-icon.png) no-repeat 10px center !important;
}

.form-faqsearch input[type="submit"]{
	height: 40px;
	width: 57px;
	background: #033e71;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.2rem;
	vertical-align: top;
}
.form-faqsearch input[type="submit"]:hover{
	background-color: #032644;
}
.form-faqsearch input[type="radio"]{
	margin: 0 0.5em 0 0.0;
}
.form-faqsearch-enter{
	margin: 0 15px 0 0;
}

.keyword-head{
	margin: 16px 0 3px;
	padding: 0 0 0 15px;
	color: #033e71;
	background: url(../img/icon-circle-2.svg) no-repeat left 8px;
	font-weight: bold;
}
.keyword-list{
}
.keyword-list li{
	margin: 0 1em 0 0;
	display: inline-block;
	font-size: 1.2rem
}

.faq{
	padding: 10px;
	background: #eee;
}
.faq-block{
	padding: 25px 25px 25px 60px;
	border: 1px solid #ccc;
	background: #fff url(../img/faq-icon.png) no-repeat 25px 25px;
}
.faq-block:not(:first-child){
	border-width: 0 1px 1px 1px;
}
.faq-head{
	margin: 0 0 12px 0;
	font-size: 1.6rem;
}
.faq-info{
	font-size: 1.1rem;
}
.faq-info a{
	color: #666 !important;
}
.faq-02{
	padding: 20px;
	border: 1px solid #ccc;
}
.faq-02 .faq-block{
	padding: 15px 25px 15px 60px;
	border-width:0;
	background-position: 25px 15px;
}
.faq-02+.morelink{
	margin: 5px 0 0;
}
.faq-03{
	background: #eee;
}
.faq-03 .faq{
	margin-bottom: 8px;
	padding: 15px;
}
.faq-03+.morelink{
	margin-top: 7px;
}
.faq-03 .faq-head{
	position: relative;
	padding: 0 0 0 55px;
}
.faq-03 .faq-head:before{
	position: absolute;
	top: -5px;
	left: 2px;
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 25px;
	font-weight: bold;
	color: #175e9c;
	vertical-align: middle;
}
.faq-03 .faq-block:nth-child(1) .faq-head:before{content: '1位';}
.faq-03 .faq-block:nth-child(2) .faq-head:before{content: '2位';}
.faq-03 .faq-block:nth-child(3) .faq-head:before{content: '3位';}
.faq-bg{
	padding: 15px 0;
	background: #f5f5f5;
}
.faq-bg2{
	padding: 15px 0;
	background: #eee;
}
.faq-02{
	background: #fff;
}

.faq-bg .faq{
	width: 960px;
	margin: 0 auto 8px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
}
.faq-bg .faq .faq-block{
	padding: 15px 25px 15px 60px;
	border-width:0;
	background-position: 25px 15px;
}
.faq-bg .faq+.morelink{
	margin: 5px auto 0;
}

/*========================================
	ライフハック
========================================*/
/*記事タイトル*/
.article-head-lifehack{
	margin: 0 0 30px 0;
	display: table;
}
.article-head-lifehack-fig {
	display: table-cell;
	padding: 0 20px 0 0;
	vertical-align: middle;
}
.article-head-lifehack-fig img{
	width: 120px;
	border-radius: 999em;
}
.article-head-lifehack-tit{
	display: table-cell;
	vertical-align: middle;
	font-size: 3rem;
	font-weight: normal;
	color: #175e9c;
	line-height: 1.2;
}

/*関連情報*/
.relation {
	padding: 15px 0;
	display: table;
	width: 100%;
	border: 1px solid #ccc;
}
.relation-head {
	display: table-cell;
	width: 20%;
	border-right: 1px dotted #ccc;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4rem;
	color: #333;
}
.relation-body {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
}
.relation-list{
	list-style: none;
}
.relation-list a{
	display: block;
	padding: 3px 0 3px 15px;
	background: url(../img/icon-circle-2.svg) no-repeat left center;
	font-size: 1.2rem;
}


/*========================================
	プレゼント･キャンペーン
========================================*/
/*イベント メディアスくんアイコン*/
.event-head-wrap{
	width: 100%;
	margin: 0 0 15px;
	display: table;
}
.event-head-item{
	display: table-cell;
	vertical-align: middle;
}
.event-head-item:nth-child(2){
	text-align: right;
}
.event-head-item .category-head{
	margin-bottom: 0;
}

/*フォームのテーブル*/
.table-form th{
	width: 200px;
	padding: 10px 20px;
}
.table-form td:nth-child(2){
	width: 55%;
	border-width: 1px 0 1px 1px;
}
.table-form td:nth-child(3){
	border-width: 1px 1px 1px 0;
}
th.table-form-req{
	margin: 0 7px 0 0;
	background-image: url(../img/table-form-req-icon.svg);
	background-repeat: no-repeat;
	background-position: 8px 22px;
}
.table-form-req-txt{
	margin: 0 0 0 5px;
	color: #ff0000;
}
.table-form-note{
	color: #666;
}

/*フォーム*/
.form-campaign{
	margin: 0 0 50px 0;
	padding: 10px 20px 20px;
}
.form-campaign input,
.form-campaign select{
	display: inline-block;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #999;
	line-height: 1;
	vertical-align: middle;
}
.form-campaign input[type="text"]{
/*	width: 400px;*/
}
.form-campaign .form-campaign-pcode01[type="text"]{
	width: 80px;
}
.form-campaign .form-campaign-pcode02[type="text"]{
	width: 100px;
}
.form-campaign .form-campaign-add[type="text"]{
	width: 210px;
}
.form-campaign .form-campaign-enter{
	width: 180px;
	margin: 0;
	padding: 10px;
	border: none;
	background: #033e72;
	font-size: 1.8rem;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	line-height: 1;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.form-campaign .form-campaign-enter:hover{
	background: #4f789d;
}
.form-campaign .form-campaign-enter-dis{
	background: #999;
	cursor: default;
}
.form-campaign .form-campaign-enter-dis:hover{
	background: #999;
}
.form-campaign .form-campaign-auto{
	width: 68px;
	height: 32px;
	background: url(../img/form-campaign-auto.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	cursor: pointer;
}
.form-campaign-auto:hover{
	background-position: 0 -32px;
}


/*フォームに関係がある要素*/
.alert{
	padding: 15px ;
	background: #fffce2;
	border: 1px solid #d6c954;
	font-weight: bold;
}
.alert ul{
	list-style: inside;
}
.alert-result-num span{
	margin: 0 10px 0 15px;
	font-size: 3rem;
}
.alert-result-note{
	display: inline-block;
}
.alert-result{
	padding: 5px 15px 5px;
}
.alert-result-error{
	padding: 5px 15px 12px;
	background: #ffebeb;
	border-color: #f00;
	color: #f00;
}
.alert-form-error{
	margin: 0 0 30px 0;
	padding: 15px;
	background: #ffebeb;
	border-color: #f00;
	color: #f00;
}

.form-campaign table{
	margin: 0 0 10px 0;
}


/*個人情報の取り扱いについて*/
.policy{
	border: 1px solid #ccc;
}
.policy-body{
	padding: 20px;
	height: 320px;
	overflow: auto;
}
.policy-tit{
	margin: 15px 0 25px 0;
	font-size: 1.8rem;
	text-align: center;
}
.policy-body .policy-tit-2{
	margin: 0 0 10px;
	font-size: 1.4rem;
	font-weight: bold;
}
.policy-tit-2:not(:first-child){
	margin-top: 30px;
}
.policy-body p,
.policy-body ul,
.policy-body ol,
.policy-body th,
.policy-body td{
	padding-left: 10px;
	font-size: 1.2rem;
}
.policy-body ol{
	margin: 10px 0;
	padding: 0 0 0 27px;
}
.policy-body li:not(:first-child){
	margin: 10px 0 0;
}
.policy .table-policy {
	width:auto;
	margin: 5px 0 0 10px;
}
.table-policy th,
.table-policy td{
	padding: 0;
	border: none;
	text-align: left;
}
.policy-info{
	margin: 30px 0 0;
	padding: 15px;
	border: 1px solid #ccc;
}
.policy-check{
	padding: 5px 0;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #ccc;
}

/* ssl */

.ssl{
	margin: 0 0 60px;
	padding: 8px 8px 0;
	background: #f0f0e6;
	text-align: center;
}
.ssl>table{
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.ssl>table td{
	border: none;
}
.ssl>p{
	display: inline-block;
	padding: 0 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 1.2rem;
}
.icon-window:after{
	position: relative;
	top: 2px;
	display: inline-block;
	content: url(../img/form/icon-window.svg);
	margin: 0 5px 0 3px;
}

.form-announce{
	width: 100%;
	margin: 0 0 15px;
	padding: 10px 15px;
	background: #fffce2;
	font-size: 1.6rem;
}

.form-message{
	margin: 40px 0 80px;
	padding: 10px 15px;
	font-size: 1.6rem;
}

/*========================================
	メディアスカレンダー
========================================*/
/*ラベル*/
.schedule-stalabel{
	display: inline-block;
	min-width: 120px;
	padding: 2px 10px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.3rem;
	background: #175e9c;
	color: #fff;
}
.schedule-stalabel-off{
	background-color: #ccc;
}
.schedule-stalabel-end{
	background-color: #666;
}
.schedule-head{
	margin: 35px 0 25px;
	font-size: 3rem;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}
.schedule-head-prev{
	display: inline-block;
	width: 55px;
	height: 20px;
	margin: 0 15px 0 0;
	background: url(../img/schedule-head-icon.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.schedule-head-prev:hover{
	background-position: 0 -20px;
}
.schedule-head-next{
	display: inline-block;
	width: 55px;
	height: 20px;
	margin: 0 0 0 15px;
	background: url(../img/schedule-head-icon.png) no-repeat -55px 0;
	text-indent: -9999px;
	overflow: hidden;
}
.schedule-head-next:hover{
	background-position: -55px -20px;
}


/*一覧*/
.schedule-block-head{
	padding: 0 0 15px;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.schedule-linklist {
	margin: 0 0 30px;
	list-style: none;
	width: 100%;
	display: table;
	border-collapse:collapse;
}
.schedule-linklist li{
	display: table-row;
	border-bottom: 1px solid #ccc;
}
.schedule-linklist div {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 7px;
}
.schedule-block-pc .schedule-linklist div:nth-child(1) {
	width: 80px;
	white-space: nowrap;
}
.schedule-block-pc .schedule-linklist div:nth-child(2) {
	width: 150px;
	white-space: nowrap;
}
.schedule-block-pc .schedule-linklist div:nth-child(4) {
	width: 120px;
	font-size: 14px;
}
.schedule-linklist-time{
	font-weight: bold;
	color: #cc3300;
	word-break: break-word;
	white-space: nowrap;

}

.schedule-linklist-time br{
	display: none;
}
.schedule-linklist-note{
	color: #666;
	font-size: 1.2rem;
}

.schedule-block-consult .schedule-block-head{
	margin: 0 0 15px;
}
.schedule-block-consult .schedule-linklist li{
	border-bottom: none;
}
.schedule-block-consult .schedule-linklist div {
	padding: 5px 10px;
}
.schedule-block-consult .schedule-linklist div:nth-child(1) {
	width: 20%;
}
.schedule-block-consult .schedule-linklist div:nth-child(3) {
	width: 30%;
}
.schedule-block-consult .schedule-linklist div:nth-child(4) {
	width: 10%;
}

.schedule-block-consult .schedule-linklist a{
	text-decoration: none;
}


.schedule-block-event a{
	display: table;
	width: 100%;
	text-decoration: none;
}
.schedule-block-event .schedule-linklist-name{
	text-decoration: underline;
}
.schedule-block-event .schedule-linklist-txt{
	color: #333;
}
.schedule-block-event div:nth-child(1){
	padding: 15px;
}
.schedule-block-event div:nth-child(2){
	text-align: right;
/*	padding: 15px 0;*/
}
.schedule-block-event .schedule-linklist-comem div:nth-child(2):after{
	content: url(../img/schedule-linklist-comem.png);
	display: inline-block;
}
.schedule-block-event .schedule-linklist-comec div:nth-child(2):after{
	content: url(../img/schedule-linklist-comec.png);
	display: inline-block;
}
.schedule-block-event .schedule-linklist-comemc div:nth-child(2):after{
	content: url(../img/schedule-linklist-comemc.png);
	display: inline-block;
}

/*イベント*/
.banner-list-2 .event-cuslabel-vis,
.banner-list-2 .event-cuslabel-rep{
	margin: 5px 5px 0 0;
}.event-cuslabel-vis{
	display: inline-block;
	padding: 2px 5px 2px 20px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.1rem;
	color: #175e9c;
	background: #f3f3f3 url(../img/event-cuslabel-vis.png) no-repeat 5px center;
}
.event-cuslabel-rep{
	display: inline-block;
	padding: 2px 5px 2px 20px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.1rem;
	color: #175e9c;
	background: #f3f3f3 url(../img/event-cuslabel-rep.png) no-repeat 5px center;
}




/*カレンダーのスライド*/
.calslide{
	width: 710px;
	overflow-x: hidden;
}
.calslide-block-wrap{
	width: 4800px;
	margin-left :-710px;
	font-size: 0;
}
.calslide-block{
	width: 710px;
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: top;
}

.hajimete-soudankai .calslide,
.hajimete-soudankai .calslide-block{
	width: 960px;
	margin: 0 auto;
}
.hajimete-soudankai .calslide-block-wrap{
	margin-left :-960px;
}

/*========================================
	カレンダー
========================================*/
.calendar-head{
	margin: 35px 0 25px;
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}
.calendar-head-prev{
	display: inline-block;
	width: 55px;
	height: 20px;
	margin: 0 15px 0 0;
	background: url(../img/schedule-head-icon.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.calendar-head-prev:hover{
	background-position: 0 -20px;
}
.calendar-head-next{
	display: inline-block;
	width: 55px;
	height: 20px;
	margin: 0 0 0 15px;
	background: url(../img/schedule-head-icon.png) no-repeat -55px 0;
	text-indent: -9999px;
	overflow: hidden;
}
.calendar-head-next:hover{
	background-position: -55px -20px;
}

/*カレンダーのテーブル*/
.table-calendar{
	margin: 0 0 15px;
	font-size: 14px;
	line-height: 1;
}
.table-calendar thead th{
	box-shadow: 0 -1px 0 0 #abb4b9 inset;
	border-bottom: 5px solid #fff;
}
.table-calendar tbody tr:first-child td{
	box-shadow: 0 1px 0 0 #abb4b9 inset;
}
.table-calendar-colg-holiday{
}
.table-calendar th{
	width: 14%;
	text-align: center;
}
.table-calendar th:nth-child(7),
.table-calendar td:nth-child(7){
	color: #175e9c;
}
.table-calendar th:nth-child(1),
.table-calendar td:nth-child(1){
	color: #d71616;
}
.table-calendar th,
.table-calendar td{
	padding: 5px;
	border-color: #abb4b9;
}
.table-calendar-holiday{
	color: #d71616!important;
}
.table-calendar-otherm{
	color: #ccc!important;
}
.table-calendar-sche{
	min-height: 55px
}
.table-calendar-date{
	margin: 0 0 5px;
}
/*ラベル*/
.calendar-label{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
	padding: 1px 0;
	border-radius: 2px;
	text-align: center;
	line-height: 1.6;
	font-size: 9px;
	background: #175e9c;
	color: #fff;
}
.calendar-label-eve{
	background: #175e9c;
}
.calendar-label-con{
	background: #179c46;
}
.calendar-label-pc{
	background: #fb336c;
}
.calendar-label-rec{
	background: #ffa200;
}
.schedule-linklist .calendar-label-rec{
	width: 60px;
	margin: 0 0 5px 3px !important;
	padding: 3px;
	font-size: 9px;
	line-height: 1;
	vertical-align: middle;
}

.event-head-item .calendar-label-rec{
	width: 60px;
	margin-bottom: 0;
	margin-left: 5px;
	vertical-align: middle;
}
.calendar-label:after{
	position: absolute;
	transform: scale(0.5);
}
.calendar-label-comem:after{
	content: url(../img/calendar-label-comem.png);
	top: -25px;
	right: -16px;
}
.calendar-label-comec:after{
	content: url(../img/calendar-label-comec.png);
	top: -7px;
	right: -17px;
}
.calendar-label-comemc:after{
	content: url(../img/calendar-label-comemc.png);
	top: -23px;
	right: -15px;
}
.calendar-label:before{
	position: absolute;
	display: block;
	top: 0;
	left: -1px;
	width: 20px;
	padding: 4px 0;
	background: #333;
	text-align: center;
	font-size: 9px;
	line-height: 1;
}
.calendar-label-tv:before{
	content: 'TV';
}
.calendar-label-fm:before{
	content: 'FM';
}
.calendar-label-fmtv:before{
	content: 'FM-TV';
}
/*凡例*/
.calendar-labelex {
	padding: 30px;
	border: 1px solid #ccc;
	font-size: 0;
}
.calendar-labelex-block{
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.calendar-labelex-block:nth-child(3){
	width: 100%;
	margin-top: 20px;
}
.calendar-labelex-block ul{
	list-style: none;
}
.calendar-labelex-block li{
	display: table;
	width: 100%;
/*	line-height: 1;*/
	font-size: 1.2rem;
}
.calendar-labelex-block li:not(:last-child){
	padding: 0 0 20px;
}
.calendar-labelex-block li div{
	display: table-cell;
}
.calendar-labelex-block li div:nth-child(1){
	width: 100px;
}
.calendar-labelex-block li div:nth-child(2){
	width: 40px;
	text-align: center;
}
.calendar-labelex .calendar-label{
	margin: 0;
	font-size: 1.1rem;
	border-radius: 4px;
}
.calendar-labelex img{
	width: 35px;
	height: auto;
}
.calendar-labelex-block .calendar-labelex-comeicon div:nth-child(1){
	width: 25px;
}
.calendar-labelex-block .calendar-labelex-comeicon img{
	vertical-align: middle;
}


/*pop*/
.calendarpop{
	width: 800px;
	min-height: 420px;
	border-radius: 8px;
}
.calendarpop-block{
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
}
.calendarpop-block-title{
	background:#ffea3c;
	padding: 12px 15px;
	font-size: 2rem;
	line-height: 1;
}
.calendarpop-block-body{
	padding: 45px 35px;
}
.calendarpop-block-body .morelink{
	width: 100%;
}
.calendarpop .schedule-block-event .schedule-linklist-comem div:nth-child(2):after,
.calendarpop .schedule-block-event .schedule-linklist-comec div:nth-child(2):after,
.calendarpop .schedule-block-event .schedule-linklist-comemc div:nth-child(2):after{
	content: none;}
.calendarpop .schedule-block-event .schedule-linklist-comem div:nth-child(3):after{
	content: url(../img/schedule-linklist-comem.png);
	display: inline-block;
}
.calendarpop .schedule-block-event .schedule-linklist-comec div:nth-child(3):after{
	content: url(../img/schedule-linklist-comec.png);
	display: inline-block;
}
.calendarpop .schedule-block-event .schedule-linklist-comemc div:nth-child(3):after{
	content: url(../img/schedule-linklist-comemc.png);
	display: inline-block;
}
.calendarpop .schedule-block-event div:nth-child(2){
	text-align: left;
}



.schedule-linklist-media{
	display: inline-block;
	width: 40px;
	margin-bottom: 5px;
	padding: 3px;
	background: #666;
	color: #fff;
	text-align: center;
	font-size: 9px;
	line-height: 1;
	border-radius: 3px;
	vertical-align: middle;
}
.event-head-item .schedule-linklist-media{
	margin-bottom: 0;
}


/*========================================
	集合住宅検索
========================================*/

.apartment-search-lead{
	overflow: hidden;
	margin: -40px 0 0;
}

.apartment-search-lead>div{
	float: left;
	/*width: 460px;*/
}
.apartment-search-lead>div:first-child{
	padding: 41px 0 0;
}
.apartment-search-lead>div:last-child{
	/*float: right;*/
}
.apartment-search-lead>div:last-child .head-1{
	font-size: 1.4rem;
}
.apartment-search-lead-owner{
	padding: 24px;
	background: #eee;
	color: #666;
	font-size: 1.2rem;
}

.apartment-search-lead-owner-action{
	padding: 8px 0 0;
	text-align: center;
}

.apartment-search{
	overflow: hidden;
	padding: 32px 30px;
	background: #f0f0e6;
}
.apartment-search>div{
    float: right;
	width: 420px;
}
.apartment-search>div:first-child{
	float: left;
	width: 450px;
	padding: 0 30px 0 0;
	border-right: 1px #9b9b95 dotted;
}
.apartment-search>div:last-child{
  margin-top: 8px;
}
.apartment-search>div input{
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border: 1px #999 solid;
	font-size: 16px;
}
.apartment-search>div input:focus{
	background: #fff;
}
.apartment-search>div.apartment-search-student input{
	width:auto;
	height:auto;
}
.apartment-search-on{
	background: #fff !important;
}
.apartment-search>div>p{
	margin: 0 0 8px;
	padding: 0 0 0 26px;
	background: url(../img/icon-arrow-apartment.svg) left 0.5rem no-repeat;
	font-size: 2.1rem;
	font-weight: bold;
}

.apartment-search-name input{
	background:#fff url(../img/apartment-search-icon-name.png) 10px center no-repeat;
	background-size: auto 24px;
}
.apartment-search-address input{
	background:#fff url(../img/apartment-search-icon-address.png) 10px center no-repeat;
	background-size: auto 24px;
}

.apartment-search-action{
	padding: 12px 12px 16px;
	background: #ddddd4;
	text-align: center;
}
.apartment-search-action input{
	width: 180px;
	margin: 0;
	padding: 10px;
	border: none;
	background: #033e72;
	font-size: 1.8rem;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	line-height: 1;
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.apartment-search-action input:hover{
	background-color: #032644;
}
.apartment-serlabel-note{
	margin: 32px 0 16px;
	padding: 10px;
	background: #f5f5f5;
	text-align: right;
}
.apartment-serlabel-note>span{
	margin: 0 0 0 25px;
	font-size: 1.2rem;
}
.apartment-serlabel-note>span:before{
	content: '';
	display: inline-block;
	width: 28px;
	height: 14px;
	margin: 0 5px 0 0;
	background: #39aae5;
	vertical-align: middle;
	border-radius: 2px;
}
.apartment-serlabel-note>span:nth-child(2):before{
	background: #0f628d;
}
.apartment-serlabel-note>span:last-child:before{
	background: #ccc;
}

.apartment-search-list{
	padding: 0 0 32px;
}
.apartment-search-list>ul {
	list-style: none;
	border-top: 1px solid #ccc;
}
.apartment-search-list>ul li{
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.apartment-search-list>ul div {
	display: table-cell;
	vertical-align: middle;
}
.apartment-search-list>ul div:nth-child(1) {
	width: 220px;
	font-size: 1.6rem;
	font-weight: bold;
}
.apartment-search-list>ul div:nth-child(2) {
	width: 300px;
	font-size: 1.6rem;
}
.apartment-search-list>ul div:nth-child(3) {
	width: 165px;
}
.apartment-search-list>ul div:nth-child(4) {
	width: 155px;
	text-align: center;
}

.apartment-serlabel {
	display: inline-block;
	min-width: 35px;
	padding: 1px 0;
	border-radius: 2px;
	text-align: center;
	font-size: 1.1rem;
	background: #39aae5;
	color: #fff;
}
.apartment-serlabel-research{
	background: #0f628d;
}
.apartment-serlabel-off{
	background: #ccc;
}

/*========================================
	.apartmentpop
========================================*/
.apartmentpop-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/floating-bg.png);
	z-index: 500;
	cursor: pointer;
}
.apartmentpop{
	position: absolute;
	top: 0;
	z-index: 600;
	width: 800px;
	min-height: 420px;
	border-radius: 8px;
	background: #fff;
}
.apartmentpop-nav-close{
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 999;
}
.apartmentpop-nav-close{
	position: absolute;
	width: 45px;
	height: 45px;
	background: url(../img/floating-close.png) ;
	text-indent:-9999px;
	overflow: hidden;
	cursor: pointer;
}
.apartmentpop-title{
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background:#ffea3c url(../img/apartment-pop-title.png) no-repeat 20px center;
	border-radius: 8px 8px 0 0;
}
.apartmentpop-block{
	overflow: hidden;
	padding: 25px 40px;
}
.apartmentpop-block>h2{
	margin: 10px 0 25px;
	color: #033e71;
	font-size: 2.1rem;
}
/* .apartmentpop-block>p img{
	float: right;
	margin: 0 0 16px 8px;
} */
.apartmentpop-block-list {
	--gap: 40px;
	display: flex;
	gap: var(--gap);
}
.apartmentpop-block-item {
	width: calc((100% - var(--gap))/2);
}
.apartmentpop-block-item img {
	width: 100%;
}
.apartmentpop-block-chitta-item {
	display: flex;
	gap: 40px;
}
/*========================================
	ご相談・お申込み
========================================*/
/*電話から*/
.contactcall{
	clear: both;
	overflow: hidden;
}
.contactcall-call{
	float: left;
	width: 630px;
	min-height: 220px;
	margin: 0 0 0 8px;
	padding: 40px 50px 30px;
	border: 1px solid #ccc;
	font-size: 1.2rem;
	color: #033e71;
}
.contactcall-call img{
	margin: 0 0 10px;
}
.contactcall-guide{
	float: left;
	width: 300px;
	margin: 0 8px;
}
.contactcall-guide-block{
	min-height: 103px;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.15);
}
.contactcall-guide-block:first-child{
	margin: 0 0 10px;
}
.contactcall-guide-block a{
	display: block;
	padding: 15px;
}
.contactcall-guide-block-head{
	display: block;
	margin: 0 0 10px;
	text-align: center;
}
.contactcall-guide-block-head:before{
	content: url(../img/icon-circle.svg);
	display: inline-blockinlin-;
	margin: 0 5px 0 0;
}
.contactcall-guide-block-txt{
	display: inline-block;
	font-size: 1.2rem;
	color: #666;
}
.contactcall-guide-block-txt span{
	color: #175e9c;
}
.contactcall-guide-block-txt a:hover{
	color: #f90;
}

/*カード型レイアウト*/
.card{
	font-size: 0;
}
.card-item{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 1.4rem;
}
/*カード型レイアウト　カラムパターン*/
.card-1col .card-item{width: 50%;}
.card-2col .card-item{width: 50%;}
.card-3col .card-item{width: 33.3%;}
.card-4col .card-item{width: 25%;}
.card-5col .card-item{width: 20%;}


/*カード型レイアウト　余白*/
.card-s1 .card-item{padding: 0 4px;}
.card-s1.card-2col .card-item:nth-child(n+3){margin-top: 8px;}
.card-s1.card-2col .card-item:nth-child(odd){padding-left:0;}
.card-s1.card-2col .card-item:nth-child(even){padding-right:0;}
.card-s1.card-3col .card-item:nth-child(n+4){margin-top: 8px;}
.card-s1.card-3col .card-item:nth-child(1){padding-left:0;}
.card-s1.card-3col .card-item:nth-child(3n+1){padding-left:0;}
.card-s1.card-3col .card-item:nth-child(3n){padding-right:0;}
.card-s1.card-4col .card-item:nth-child(n+5){margin-top: 8px;}
.card-s1.card-4col .card-item:nth-child(1){padding-left:0;}
.card-s1.card-4col .card-item:nth-child(4n+1){padding-left:0;}
.card-s1.card-4col .card-item:nth-child(4n){padding-right:0;}

.card-s2 .card-item{padding: 0 4px;}
.card-s2.card-4col .card-item:nth-child(1){padding-left: 0;}
.card-s2.card-4col .card-item:nth-child(5n){padding-left: 0;}
.card-s2.card-4col .card-item:nth-child(4n){padding-right: 0;}
.card-s2.card-4col .card-item:nth-child(n+5){padding-top: 8px;}

.card-s3 .card-item{padding: 0 8px;}
.card-s3.card-2col .card-item:nth-child(n+3){padding-top:16px;}
.card-s3.card-2col .card-item:nth-child(odd){padding-left:0;}
.card-s3.card-2col .card-item:nth-child(even){padding-right:0;}

.card-s4 .card-item{padding: 0 20px;}
.card-s4.card-2col .card-item:nth-child(odd){padding-left:0;}
.card-s4.card-2col .card-item:nth-child(even){padding-right:0;}

.card-5col .card-item:nth-child(1){padding-left: 0;}
.card-5col .card-item:nth-child(5n+1){padding-left: 0;}
.card-5col .card-item:nth-child(5n){padding-right: 0;}
.card-s2.card-5col .card-item:nth-child(n+6){margin-top: 8px;}

/*カード型レイアウト　flexレイアウト*/
.card-flex {
	display: flex;
}
.card-flex :where(.panelmenu-set){
	height: 100%;
}

/*ネットから　くりかえしパターン（レイアウト）*/
.contact-block:not(:last-child){
	margin: 0 0 30px;
}
.contact-block-head{
	width: 960px;
	margin: 0 auto;
}
.contact-block-head-tit{
	margin: 0 15px 10px 0;
	display: inline-block
}
.contact-block-head-labelarea{
	display: inline-block
}
.contact-block-body{
	padding: 30px 0;
	background: url(../img/bg-skyblue.png)
}

/*ネットから　くりかえしパターン（装飾）*/
.contact-set{
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.15);
}
.contact-set-txt{
	min-height: 130px;
	padding: 23px 15px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.contact-set-txt.l-inquiry-box{
	min-height: 137px;
}
.contact-set-txt-head{
	display: block;
	margin: 0 0 15px;
	color: #da0057;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.contact-set-txt-head-s{
	font-size: 1.5rem;
}
.contact-set-txt-note{
	display: block;
	color: #666;
	font-size: 1.2rem;
	text-align: left;
}
.contact-set-btnarea{
	min-height: 57px;
	padding: 10px 15px 15px;
	background: #f5f5f5;
	text-align: center;
}
.contact-set-btnarea a{
	display: inline-block;
	margin: 8px 0 0;
}
.contact-set-btnarea .general-button-01{
	margin: 0;
	min-width: 160px;
}


/*ネットから　くりかえしパターン　ご契約変更・追加お申込み）*/
.contact-setwrap{
	position: relative;
	padding: 35px 0 12px;
}
.contents_block.card-4col {
	display: flex;
}
.contents_block.card-4col + .contents_block.card-4col{
	margin-top: 20px;
}
.contents_block.card-4col .contact-setwrap{
	height: 100%;
}
.contact-setwrap-head{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 10px;
}
.contact-setwrap-head-tit{
	position: relative;
	display: block;
	padding: 7px 0 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 8px;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.15);
}
.contact-setwrap-pay .contact-setwrap-head-tit{background: #ebb94c;}
.contact-setwrap-net .contact-setwrap-head-tit{background: #20a6e8;}
.contact-setwrap-tv .contact-setwrap-head-tit{background: #ffa02f;}
.contact-setwrap-tel .contact-setwrap-head-tit{background: #56c215;}
.contact-setwrap-other .contact-setwrap-head-tit{background: #888888;}

.contact-setwrap-head-tit:before{
	position: relative;
	content: ' ';
	display: inline-block;
	width: 24px;
	height: 21px;
	vertical-align: middle;
	margin: 0 5px 0 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}
.contact-setwrap-pay .contact-setwrap-head-tit:before{background-image: url(../img/contact-setwrap-pay-icon.png);}
.contact-setwrap-net .contact-setwrap-head-tit:before{background-image: url(../img/contact-setwrap-net-icon.png);}
.contact-setwrap-tv .contact-setwrap-head-tit:before{background-image: url(../img/contact-setwrap-tv-icon.png);}
.contact-setwrap-tel .contact-setwrap-head-tit:before{background-image: url(../img/contact-setwrap-tel-icon.png);}
.contact-setwrap-other .contact-setwrap-head-tit:before{background-image: url(../img/contact-setwrap-other-icon.png);}

.contact-setwrap .contact-set{
	position: relative;
	z-index: 10;
}
.contact-setwrap .contact-set:not(:last-child){
	margin: 0 0 7px;
}




/*ラベル*/
.contact-block-head .cuslabel-vis,
.contact-block-head .cuslabel-rep{
	margin: 0 5px 0 0;
}
.cuslabel-vis{
	display: inline-block;
	padding: 2px 5px 2px 20px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.1rem;
	color: #175e9c;
	background: #f3f3f3 url(../img/cuslabel-vis.png) no-repeat 5px center;
}
.cuslabel-rep{
	display: inline-block;
	padding: 2px 5px 2px 20px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.1rem;
	color: #175e9c;
	background: #f3f3f3 url(../img/cuslabel-rep.png) no-repeat 5px center;
}
.cuslabel-biz{
	display: inline-block;
	padding: 2px 5px 2px 20px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.1rem;
	color: #175e9c;
	background: #f3f3f3 url(../img/cuslabel-biz.png) no-repeat 5px center;
}
/*========================================
	サービスガイド
	（タイトルなどヘッド部分）
========================================*/
.sguide-bg{
	padding: 20px 0;
	background: url(../img/bg-blue.png);
}
.sguide-head{
	margin: 0 0 30px;
}
.sguide-head-tit{
	position: relative;
	z-index: 10;
	height: 130px;
	margin: 0 auto;
	padding: 35px 0 0;
	text-align: center;
}
.sguide-head-net .sguide-head-tit{
	background: #20a6e8 url(../img/bg-clearw.png);
	box-shadow: 0 4px 2px 0 rgba(194,218,230,1);
}
.sguide-head-tv .sguide-head-tit{
	background: #ffa02f url(../img/bg-clearw.png);
	box-shadow: 0 4px 2px 0 rgba(235,214,190,1);
}
.sguide-head-tel .sguide-head-tit{
	background: #56c215 url(../img/bg-clearw.png);
	box-shadow: 0 4px 2px 0 rgba(210,228,199,1);
}
.sguide-head-life .sguide-head-tit{
	background: #ff9313 url(../img/bg-clearw.png);
	box-shadow: 0 4px 2px 0 rgba(235,227,217,1);
}
.sguide-head-tit-block{
	width: 960px;
	margin: 0 auto;
}
.sguide-head-subnav{
	text-align: center;
}
.sguide-head-net .sguide-head-subnav{background: #e1f5ff;}
.sguide-head-tv .sguide-head-subnav{background: #fbebd8;}
.sguide-head-tel .sguide-head-subnav{background: #fee3ec;}
.sguide-head-life .sguide-head-subnav{background: #fee3ec;}


.sguide-head-mediaskun{
	position: relative;
	z-index: 20;
	width: 960px;
	margin: 0 auto;
}
.sguide-head-mediaskun img{
	position: absolute;
	right: 0;
	bottom:-80px;
}

/*ナビゲーション*/
.sguide-head-nav{
	padding: 10px 0 0;
	background: #f5f5f5;
}
.sguide-head-navlist{
	width: 960px;
	margin: 0 auto;
	font-size: 0;
	border-left: 1px solid #ccc;
}
.sguide-head-net .sguide-head-navlist{background: #20a6e8 url(../img/bg-clearw.png)}
.sguide-head-tv .sguide-head-navlist{background: #ffa02f}
.sguide-head-tel .sguide-head-navlist{background: #56c215}
.sguide-head-life .sguide-head-navlist{background: #ff9313}

.sguide-head-navlist li{
	display: inline-block;
/*	width: 25%; */
    width: 33.33%;
/*	height: 50px;*/
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	background: #fff;
}
.sguide-head-net .sguide-head-navlist-net,
.sguide-head-tv .sguide-head-navlist-tv,
.sguide-head-tel .sguide-head-navlist-tel,
.sguide-head-life .sguide-head-navlist-life{
	background: none;
	border-width: 1px 1px 0 0;
}
.sguide-head-navlist a{
	display: block;
/*	height: 50px;*/
/*	margin: -10px 0 0;*/
	padding: 10px 0;
	color: #333;
	font-size: 1.6rem;
	text-decoration: none;
}
.sguide-head-navlist a:hover{
	color: #dd2b72;
}
.sguide-head-net .sguide-head-navlist-net a,
.sguide-head-tv .sguide-head-navlist-tv a,
.sguide-head-tel .sguide-head-navlist-tel a,
.sguide-head-life .sguide-head-navlist-life a{
	color: #fff;
}
.sguide-head-navlist a:before{
	display: inline-block;
	vertical-align: middle;
/*	transform: scale(0.5);*/
	margin: 0 7px 0 0;
/*	left: 8px;*/
	font-size:0;
}
.sguide-head-navlist-net a:before{content: url(../img/sguide-head-nav-net-icon.png);}
.sguide-head-navlist-tv a:before{content: url(../img/sguide-head-nav-tv-icon.png);}
.sguide-head-navlist-tel a:before{content: url(../img/sguide-head-nav-tel-icon.png);}
.sguide-head-navlist-life a:before{content: url(../img/sguide-head-nav-life-icon.png);}

.sguide-head-net .sguide-head-navlist-net a:before{content: url(../img/sguide-head-nav-net-icon_on.png);}
.sguide-head-tv .sguide-head-navlist-tv a:before{content: url(../img/sguide-head-nav-tv-icon_on.png);}
.sguide-head-tel .sguide-head-navlist-tel a:before{content: url(../img/sguide-head-nav-tel-icon_on.png);}
.sguide-head-life .sguide-head-navlist-life a:before{content: url(../img/sguide-head-nav-life-icon_on.png);}





/*サブナビゲーション*/
.sguide-head-subnav{
	padding: 12px 0;
}
.sguide-head-subnav-block{
	width: 960px;
	margin: 0 auto;
}
.sguide-head-subnavlist{
	display: inline-block;
	vertical-align: top;
	list-style: none;
	font-size: 0;
	border: 1px solid #cdcfcf;
	border-radius: 100px;
	overflow: hidden;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.15);
}
.sguide-head-subnavlist li{
	display: inline-block;
	vertical-align: top;
	background: #fff;
	overflow: hidden;
	border-left: 1px solid #cdcfcf;
}
.sguide-head-net .sguide-head-subnavlist li{min-width: 220px;}
.sguide-head-tv .sguide-head-subnavlist li{min-width: 180px;}

.sguide-head-subnavlist li:first-child{
	border-left: none;
}
.sguide-head-subnavlist a{
	display: block;
	padding: 8px 15px;
	color: #333;
	font-size: 1.4rem;
	text-decoration: none;
}
.sguide-head-subnavlist a:before{
	content: url(../img/icon-arrow-3.svg);
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.sguide-head-subnavlist li:not(.on) a:hover{
	color: #dd2b72;
}
.sguide-head-subnavlist li:first-child a{
	padding-left: 30px;
}
.sguide-head-subnavlist li:last-child a{
	padding-right: 30px;
}
.sguide-head-subnavlist .on a{
	background-color: #ffea3c;
}
/*telページのボタン*/
.sguide-head-btnarea>div{
	font-size: 0
}
.sguide-head-btnarea{
	margin: 35px 0 10px;
	padding: 15px 0;
	background: #f5f5f5;
	text-align: center;
}
.sguide-head-btnarea-item {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
}
.sguide-head-btnarea-item a{
	padding: 8px 15px;
	display: block;
	width: 100%;
	height: 100%;
}
.sguide-head-btnarea-item:not(:first-child) {
	margin: 0 0 0 5px;
}

/*========================================
	サービスガイド
	（.sguide-panel-set）
========================================*/
.sguide-panel-set{
	display: table;
	width: 100%;
	border: 1px solid #ccc;
}
.sguide-panel-set +.sguide-panel-set{
	margin: 10px 0 0;
}
.sguide-panel-set>div{
	display: table-cell;
	vertical-align: middle;
}
.sguide-panel-set>div>*{
	font-size: 1.4rem;
}
.sguide-panel-set>div img{
/*	width: 100%;*/
/*	height: auto;*/
}
.sguide-panel-set>div:not(:last-child){
	border-right: 1px solid #ccc;
}
.sguide-panel-set-limit{
	position: relative;
}
.sguide-panel-set-limit:after{
	content: ' ';
	display: inline-block;
	width: 59px;
	height: 50px;
	background: url(../img/sguide-panel-set-limit.png)no-repeat left top / 100% auto;
	position: absolute;
	top: 0;
	left: 0;
}
.sguide-panel-set-recom{
	position: relative;
}
.sguide-panel-set-recom:after{
	content: ' ';
	display: inline-block;
	width: 68px;
	height: 23px;
	background: url(../img/sguide-panel-set-recom.png) no-repeat left top / 100% auto;
	position: absolute;
	top: 3px;
	left: -4px;
}
.sguide-panel-set+.morelink{
	margin-top: 5px;
}
.sguide-panel-set-1{
	background: #fff;
	padding: 10px 0;
}
.sguide-panel-set-1>div{
/*	padding: 0 15px;*/
}
.sguide-panel-set-1b{
	background: #fff;
	width: 220px;
	padding: 0 10px;
}
.sguide-panel-set-1b>div{
	padding: 18px 0;
}
.sguide-panel-set-1b>div:not(:last-child){
	border-right: none;
	background: url(../img/sguide-panel-set-1b-bg.png) repeat-x left bottom;
}
.sguide-panel-set-1b>div{
	display: block;
}
.sguide-panel-set-1b .sguide-adds-price{
	margin: 5px 0 0;
	text-align: right;
}
.sguide-panel-set-1b .sguide-adds-price1{
	background: none;
	width: auto;
	margin: 0;
	line-height: 1;
}
.sguide-panel-set-1b .sguide-adds-price2{
	font-size: 2.2rem;
	line-height: 1;
}
.sguide-panel-set-1b .sguide-adds-price3{
	font-size: 2.2rem;
	line-height: 1;
}
.sguide-panel-set-1b .sguide-adds-price5{
	line-height: 1;
}

.sguide-panel-set-2{
	padding: 15px 0;
	background: #fff;
}
.sguide-panel-set-2>div{
	padding: 0 20px;
}
.sguide-panel-set-2>div:nth-child(2){
	width: 140px;
/*	text-align: center;*/
}
.sguide-panel-set-2b{
	padding: 10px 0;
	background: #fff;
}
.sguide-panel-set-2b>div{
	padding: 20px 20px 0;
}
.sguide-panel-set-2b>div:nth-child(1){
	width: 50%;
}

.sguide-panel-set-3{
	padding: 10px 0;
	background: #fff;
}
.sguide-panel-set-3>div{
/*	padding: 5px 15px;*/
}
.sguide-panel-set-3>div:nth-child(1){
	width: 319px;
}
.sguide-panel-set-3>div:nth-child(2){
	width: 320px;
}
.sguide-panel-set-3>div:nth-child(3){
	width: 319px;
}
.sguide-panel-set-3 img{
/*	width: 100%;*/
/*	height: auto;*/
}
.sguide-panel-set-leftlong{
  display: block;
  border:none;
  overflow: hidden;
}
.sguide-panel-set-leftlong>div{
  display: inline-block;
  width: auto;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
}
.sguide-panel-set-leftlong>div img{
  vertical-align: top;
}
.sguide-panel-set-leftlong>div:nth-child(odd){
  float: left;
}
.sguide-panel-set-leftlong>div:nth-child(even){
  float: right;
}
.sguide-panel-set>div.sguide-panel-set-long{
  width: 240px;
}
.sguide-graph{
	padding: 20px 0;
	background: #f0f0e6;
}
.sguide-course{
	padding: 30px 0;
	background: #f5f5f5;
}
.sguide-course+.morelink{
	margin-top: 5px;
}
.sguide-course>.contents_block>.head-1:first-child{
	margin-top: 0;
}
.sguide-spack{
}
.sguide-spack.pickup-area{
	padding: 15px 0;
}
.sguide-spack .sguide-panel-set+.sguide-panel-set{
	margin: 0;
	border-top-width: 0;
}
.sguide-spack a.sguide-panel-set{
	display: block;
	text-decoration: none;
	border-bottom-width: 0;
}
.sguide-spack a.sguide-panel-set:last-child{
	border-bottom-width: 1px;
}
.sguide-spack a.sguide-panel-set+a.sguide-panel-set{
	border-top-width: 1px;
}
.sguide-spack a.sguide-panel-set:hover{
	border-color: #dd2b72;
}
.sguide-spack a.sguide-panel-set:hover+a.sguide-panel-set{
	border-top-color: #dd2b72
}
.sguide-spack+.morelink{
	margin-top: 5px;
}



.sguide-leadtxt{
	margin: 0 0 20px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #175e9c;
}

.sguide-panel-block-2col{
	clear: both;
	overflow: hidden;
}
.sguide-panel-block-2col>div:nth-child(1){
	width: 720px;
	float: left;
}
.sguide-panel-block-2col>div:nth-child(2){
	width: 222px;
	float: right;
}



/*========================================
	サービスガイド
	（.sguide-presen）
========================================*/
.sguide-presen{
	background: #f5f5f5;
	padding: 30px 0;
}
.sguide-presen-set{
	border-radius: 10px;
}
.sguide-presen-set:not(:last-child){
	margin-bottom: 30px;
}
.sguide-presen-set-head{
	padding: 18px 0 15px;
	text-align: center;
	background:url(../img/sguide-set-head-bg.png);
	border-radius: 10px 10px 0 0;
	border-bottom: 4px solid #ffea3c;
}
.sguide-presen-set-head-tit{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 2.2rem;
	color: #fff;
	line-height: 1.2;
}
.sguide-presen-set-head-tit:before{
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: -35px;
	left: -75px;
}
.sguide-presen-set-head-icon-1 .sguide-presen-set-head-tit:before{
	content: url(../img/sguide-set-head-icon-1.png);
}
.sguide-presen-set-head-icon-2 .sguide-presen-set-head-tit:before{
	content: url(../img/sguide-set-head-icon-2.png);
}
.sguide-presen-set-head-icon-3 .sguide-presen-set-head-tit:before{
	content: url(../img/sguide-set-head-icon-3.png);
}
.sguide-presen-set-head-icon-4 .sguide-presen-set-head-tit:before{
	content: url(../img/sguide-set-head-icon-4.png);
}
.sguide-presen-set-body{
	border-radius: 0 0 10px 10px;
	background: #fff;
	min-height: 150px;
}
.sguide-presen-set-body-main-1col{
	padding: 30px;
}
.sguide-presen-set-body-main-2col{
	display: table;
	width: 100%;
}
.sguide-presen-set-body-main-2col>div{
	display: table-cell;
	vertical-align: middle;
}
.sguide-presen-set-body-main-2col>div:nth-child(1){
	width: 590px;
	padding: 30px;
}
.sguide-presen-set-body-main-2col>div:nth-child(2){
	width: 370px;
	padding: 20px 0;
}

.sguide-presen-set-b-m-tit{
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 10px;
}
.sguide-presen-set-b-m-note{
	margin: 15px 0 0;
	font-size: 1.2rem;
	color: #666;
}



/*関連情報*/
.sguide-presen-set-body-relation{
	display: table;
	padding: 20px 0;
	width: 100%;
	border-top: 1px solid #ddd;
}
.sguide-presen-set-b-r-head{
	display: table-cell;
	width: 100px;
	padding: 0 0 0 25px;
	word-break: keep-all;
	text-decoration: none;
	font-size: 1.2rem;
}
.sguide-presen-set-b-r-list{
	display: table-cell;
	padding: 0 25px 0 0;
	list-style: none;
}
.sguide-presen-set-b-r-list li{
	margin: 0 0 0 10px;
	display: inline-block;
}
.sguide-presen-set-b-r-list a{
	padding: 0 0 0 12px;
	background: url(../img/icon-circle.svg) no-repeat left center;
	font-size: 1.2rem;
}
.sguide-presen-set-b-r-list .icon-window:after{
	position: relative;
	top: 2px;
	display: inline-block;
	content: url(../img/icon-tlink-window.svg);
	margin: 0 0 0 3px;
}

.sguide-presen .card-2col .card-item:nth-child(odd){padding-right: 10px;}
.sguide-presen .card-2col .card-item:nth-child(even){padding-left: 10px;}
.sguide-presen .card-2col .card-item:nth-child(n+3){padding-top: 20px;}


/*========================================
	サービスガイド
	（追加サービス）
========================================*/
.sguide-adds-table th,.sguide-adds-table th,
.sguide-adds-table td{
	padding: 20px;
	vertical-align: middle;
	background: #fff;
}
.sguide-adds-table .sguide-adds-table-td-name{
	width: 140px;
	padding: 0;
	background: #f8f8f8;
	text-align: center;
}
.sguide-adds-table .sguide-adds-table-td-name span{
	display: none;
}
.sguide-adds-table .sguide-adds-table-td-img{
	width: 140px;
	padding: 0;
	text-align: center;
	border-right-width: 0;
}
.sguide-adds-table .sguide-adds-table-td-txt{
	padding: 10px 10px 10px 0;
	border-left-width: 0;
}
.sguide-adds-table .sguide-adds-table-td-price{
	width: 140px;
	padding: 0 10px;
}
.sguide-adds-table .sguide-adds-table-td-btnarea{
	width: 140px;
	padding: 0 10px;
	background: #f6f9fc;
	text-align: center;
}
.sguide-adds-table .sguide-adds-table-td-btnarea .sguide-adds-btn01,
.sguide-adds-table .sguide-adds-table-td-btnarea .sguide-adds-btn02,
.sguide-adds-table .sguide-adds-table-td-btnarea .sguide-adds-btn03{
	width: 100%;
}
.sguide-adds-table-1 .sguide-adds-table-td-txt,
.sguide-adds-table-1 .sguide-adds-table-td-price{
	padding: 20px;
}
.sguide-adds-table-1 .sguide-adds-table-td-txt{
	border-left-width: 1px;
}


.sguide-adds-table-2{
	border-collapse: collapse;
	border-spacing: 1px;
}
.sguide-adds-table-2 td{
	width: 100%;
	clear: both;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
}
.sguide-adds-table-2 td:nth-child(2n){
	width: 50%;
}
.sguide-adds-table-2 .sguide-adds-table-td-img{
	width: 140px;
	float: left;
}
.sguide-adds-table-2 .sguide-adds-table-td-txt{
	width: 818px;
	float: right;
	min-height: 100px;
}
.sguide-adds-table-2 .sguide-adds-table-2-2col td{
	width: 50%;
}
.sguide-adds-table-2 .sguide-adds-table-2-2col .sguide-adds-table-td-txt{
	width: 338px;
}





.sguide-adds-price{
	text-align: center;
}
.sguide-adds-txt1{
	font-size: 1.6rem;
	font-weight: bold;
	color: #1c7db0;
}
.sguide-adds-txt2{
	font-size: 1.3rem;
}
.sguide-adds-note{
	font-size: 1.1rem;
	color: #666;
}
.sguide-adds-txt2+p{
	margin-top: 10px;
}
.sguide-adds-labelfree{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 3px 3px 3px 10px;
	background: #39aae5;
	border-radius: 2px;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff000;
	vertical-align: middle;
	letter-spacing: 5px;
}
.sguide-adds-price1{
	display: inline-block;
	width: 100%;
	margin: 0 0 3px;
	padding: 1px 0;
	font-size: 1.1rem;
	color: #d40d0d;
	background: #fbeeee;
}
.sguide-adds-price2{
	margin: 0 3px 0 0;
	font-size: 2.6rem;
	color: #d40d0d;
}
.sguide-adds-price3{
	font-size: 1.2rem;
	color: #d40d0d;
}
.sguide-adds-price4{
	font-size: 1.2rem;
	color: #000;
}
.sguide-adds-price5{
	font-size: 1.2rem;
	color: #d40d0d;
}
.sguide-adds-price5 span{
	font-size: 1.1rem;
}

.sguide-adds-btn01 {
	display: inline-block;
	padding: 7px 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: #666 !important;
	text-decoration: none;
	font-size: 1.4rem;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
	background: #fff;
}
.sguide-adds-btn01:before {
	content: url(../img/sguide-adds-btn01.svg);
	display: inline-block;
	width: 6px;
	height: 20px;
	margin: 0 8px 0 0;
}
.sguide-adds-btn01:hover{
	border-color: #175e9c;
	color: #1b3f7a !important;
}
.sguide-adds-btn02 {
	display: inline-block;
	padding: 7px 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: #666 !important;
	text-decoration: none;
	font-size: 1.4rem;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
	background: #fff;
}
.sguide-adds-btn02:before {
	content: ' ';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../img/sguide-adds-btn02.png) no-repeat left top / 100% auto;
	position: relative;
	margin: 0 8px 0 0;
	top: 3px;
/*	content: url(../img/sguide-adds-btn02.png);*/
}
.sguide-adds-btn02:hover{
	border-color: #175e9c;
	color: #1b3f7a !important;
}
.sguide-adds-btn03 {
	display: inline-block;
	padding: 7px 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: #666 !important;
	text-decoration: none;
	font-size: 1.4rem;
	text-align: center;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
	background: #fff;
}
.sguide-adds-btn03:before {
	content: url(../img/sguide-adds-btn03.svg);
	display: inline-block;
	width: 6px;
	height: 20px;
	margin: 0 8px 0 0;
}
.sguide-adds-btn03:hover{
	border-color: #175e9c;
	color: #1b3f7a !important;
}

.sguide-adds-set{
	position: relative;
	width: 960px;
/*	background: url(../img/sguide-adds-set-bg.png) 5px 15px no-repeat;*/
/*	height: 117px;*/
}
.sguide-adds-set+.sguide-adds-set{
	margin: 20px 0 0;
}
.sguide-adds-set-body{
	position: relative;
	z-index: 10;
	width: 930px;
	height: 110px;
}
.sguide-adds-set-link{
	position: absolute;
	right: 0px;
	top: 15px;
	width: 955px;
	height: 100px;
	border: 1px solid #ccc;
	border-width: 1px 1px 0;
}
.sguide-adds-set-link a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	background: #f8f8f8 url(../img/sguide-adds-set-link.png) no-repeat right top;
}
.sguide-adds-set-link a:hover{
	background-image: url(../img/sguide-adds-set-link_over.png);
}
.sguide-adds-set-detail{
	margin: 5px 0 0 5px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
}
.sguide-adds-set-detail-block{
	padding: 20px;
}
.sguide-adds-set-detail-block-2col{
	font-size: 0;
}
.sguide-adds-set-detail-block-2col>div{
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem;
}
.sguide-adds-set-detail-block-2col>div:nth-child(1){width: 608px;padding-right: 20px;}
.sguide-adds-set-detail-block-2col>div:nth-child(2){width: 305px;}
.sguide-adds-set-detail p{
	font-size: 1.2rem;
	line-height: 2;
}
.sguide-adds-set-detail p:not(:first-child){
	margin-top: 15px;
}
.sguide-adds-set-detail img+p{
	 margin-top:10px;
}
.sguide-adds-set-detail p strong{
	font-weight: normal;
	color: #175e9c;
}

.sguide-adds-set-detail ul:not(:first-child){
	 margin-top:15px;
}


.sguide-adds-set-detail th,
.sguide-adds-set-detail td{
	font-size: 1.3rem;
	padding: 10px;
}
.sguide-adds-set-detail th{
	background: #f5fcff;
	vertical-align: middle;
}
.sguide-adds-set-detail td{
	background: #fff;
}
.sguide-adds-set-detail .tdcenter{
	text-align: center;
}
.sguide-adds-set-detail .note{
	font-size: 1rem;
	color: #666;
	line-height: 1.4;
}
.sguide-adds-set-detail .notearea{
	display: table;
	margin: 15px 0 0;
	background: #fff;
	border: 1px solid #ccc;
}
.sguide-adds-set-detail .notearea>div{
	display: table-cell;
	vertical-align: middle;
}
.sguide-adds-set-detail .notearea>div:nth-child(odd){
	width: 330px;
	padding: 20px 0 20px 20px;
	text-align: right;
}
.sguide-adds-set-detail .notearea>div:nth-child(even){
	padding: 20px;
}
.sguide-adds-set-detail .notearea p{
	color: #666;
	line-height: 1.8;
}
.sguide-adds-set-detail .imgarea{
	background: #fff;
	vertical-align: middle;
	text-align: center;
}
.sguide-adds-set-detail .price{
	color: #d40d0d;
	word-break: keep-all;
	white-space: nowrap;
}
.sguide-adds-set-detail .price span{
	font-size: 1rem;
}
.sguide-adds-set-detail .headsub{
	font-size: 1.4rem;
	font-weight:bold;
	line-height:1.4;
	color:#666;
}
.sguide-adds-set-detail .head1+.headsub{
	margin-top: 0;
}
.sguide-adds-set-detail .head1{
/*	margin: 0 0 20px;*/
	color: #1c7db0;
	font-size: 2rem;
	font-weight:bold;
	line-height:1.4;
}
.sguide-adds-set-detail .headsub+.head1{
	margin-top: 5px;
}
.sguide-adds-set-detail .label1{
	display: inline-block;
	padding: 3px 7px;
	background:#3db6f5;
	border-radius: 3px;
	 font-size: 1.2rem;
	font-weight:normal;
	color:#fff;
}
.sguide-adds-set-detail .sguide-adds-price{
	line-height: 1.4;
	text-align: left;
}
.sguide-adds-set-detail .list1 li{
	display: inline-block;
	padding: 0 0 0 12px;
	background: url(../img/icon-circle-2.svg) no-repeat left center;
	font-size: 1.2rem;
}
.sguide-adds-set-detail .col2{
	display: table;
	width: 100%;
}
.sguide-adds-set-detail .col2>div{
	display: table-cell;
	vertical-align:top;
}
.sguide-adds-set-detail .col2>div:nth-child(odd){
	padding-right:10px;
}
.sguide-adds-set-detail .col2-50{
	width: 50%;
	padding-right:0 !important;
}
.sguide-adds-set-detail .col2-type1 .col2-type1-txt{
	width: 53%;
	vertical-align:middle;
	padding-right:0;
}
.sguide-adds-set-detail .col2-type1 .col2-type1-img{
	width: 47%;
	padding: 15px;
	background: #fff;
	border: 1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}
.col2-type1-txt-head{
	text-align: center;
}
.head1+.col2{
	margin-top: 15px;
}
.sguide-adds-s-d-tb1 caption{
	text-align: left;
	font-weight: bold;
	margin: 0 0 5px;
}
.sguide-adds-s-d-tb1 th{
	text-align: center;
}
.sguide-adds-s-d-tb1 td{
	text-align: center;
	vertical-align: middle;
}
.sguide-adds-s-d-tb1 tbody td{
	height: 95px;
}
.sguide-adds-s-d-tb1 .th1{
	width: 120px;
}
.sguide-adds-s-d-tb1 .tdimg{
	padding: 0;
	vertical-align: center;
	background: none;
	border: none;
}
.sguide-adds-s-d-tb1 .tdimg2{
	padding: 0;
	vertical-align: center;
}

.sguide-adds-s-d-btnarea{
	margin-top: 0 !important;
	padding: 15px 0 0;
	text-align: center;
}
.sguide-adds-s-d-btnarea .general-button-04{
	margin-bottom: 4px;
}
.sguide-adds-set+.morelink{
	margin: 10px 0 0;
}
.sguide-adds-set+.sguide-adds-table{
	margin: 20px 0 0;
}
/*========================================
	サービスガイド
	（ナビゲーター）
========================================*/
.sguide-ng-set{
	width: 470px;
}
.card-item:nth-child(2) .sguide-ng-set{
	margin: 0 0  0 10px;
}
.sguide-ng-set-head{
	margin: 0 0 15px;
	text-align: center;
}
.sguide-ng-set-head p{
	min-height: 28px;
	margin: 0 0 0 -10px;
	padding: 3px 0 0;
	font-size: 1.7rem;
	font-weight: bold;
	overflow: hidden;
}
.sguide-ng-set-head p:before{
	display: inline-block;
	margin: -16px 5px 0 0;
	transform: scale(0.5);
	vertical-align: top;
	position: relative;
	left: 10px;
}
.sguide-ng-set-head-vis p:before{content: url(../img/sguide-ng-set-head-icon-vis.png);}
.sguide-ng-set-head-rep p:before{content: url(../img/sguide-ng-set-head-icon-rep.png);}
.sguide-ng-set-body{
	min-height: 240px;
	border: 1px solid #ccc;
	background: url(../img/sguide-ng-set-body-bg.png)
}
.sguide-net-ng-set-body{
  min-height: 200px;
}
.sguide-ng-set-table tr:not(:last-child){
	border-bottom: 1px dotted #ccc;
}
.sguide-ng-set-table th,
.sguide-ng-set-table td{
	width: 50%;
	background: none;
	border: none;
	font-size: 1.2rem;
	color: #000;
}
.sguide-ng-set-table th{
	font-weight: normal;
}
.sguide-ng-set-table td{
	padding: 5px 20px 7px;
}
.sguide-ng-set-tlink{
	padding: 0 0 0 15px;
	background: url(../img/icon-circle-2.svg) no-repeat left 6px;
}
.sguide-ng-set-body .general-button-01,
.sguide-ng-set-body .general-button-02{
	width: 100%;
	padding: 8px 10px;
	font-weight: bold;
	font-size: 1.4rem;
}

/*========================================
	チャンネルラインナップ
========================================*/
.sguide-channel{
	display: table;
	width: 100%;
	margin: 0 0 10px;
	border: 1px #ccc solid;
}
.sguide-channel-head{
	display: table-cell;
	width: 145px;
	padding: 20px 10px;
	background: #f5fcff;
	border-right: 1px #ccc solid;
	text-align: center;
	vertical-align: top;
}
.sguide-channel-head>p:nth-child(2){
	margin: 16px 0 0;
	padding: 0 8px;
	color: #666;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.8;
}
.sguide-channel-head>p>img{
	width: 125px;
}
.sguide-channel-body{
	display: table-cell;
	width: 815px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.sguide-channel-body>ul{
	list-style: none;
	overflow: hidden;
}
.sguide-channel-body>ul>li>a,
.sguide-channel-body>ul>li>span{
	list-style: none;
	float: left;
	display: inline-block;
	width: 260px;
	min-height: 62px;
	padding: 10px;
	font-size: 1.4rem;
	text-decoration: none;
}
.sguide-channel-body>ul>li>a img,
.sguide-channel-body>ul>li>span img{
	float: left;
	margin: 0 8px 0 0;
	vertical-align: bottom;
	display: none;
}
a .sguide-channel-name{
	text-decoration: underline;
}
a .sguide-channel-name:after{
	display: inline-block;
	margin: 0 0 0 5px;
	content: url(../img/icon-tlink-window.svg);
	vertical-align: middle;
}
.sguide-channel-number{
	color: #666;
	font-size: 1.4rem;
}
.sguide-channel-text{
	color: #666;
	font-size: 1.2rem;
	line-height: 1;
}
.sguide-channel-specialty .sguide-channel-body{
	padding: 0;
}
.sguide-channel-specialty .sguide-channel-body>ul>li>a{
	list-style: none;
	display: table;
	width: 100%;
	padding: 20px;
	border-bottom: 1px #ccc solid;
	font-size: 1.4rem;
	text-decoration: none;
}
.sguide-channel-specialty .sguide-channel-body>ul>li:last-child>a{
	border-bottom: none;
}
.sguide-channel-specialty .sguide-channel-body>ul>li>a.hd{
	background: url(../img/sguide-channel-icon-hd.png) left top no-repeat;
	background-size: 35px 26px;
}
.sguide-channel-specialty .sguide-channel-body>ul>li>a>div{
	display: table-cell;
	vertical-align: middle;
}
.sguide-channel-specialty .sguide-channel-body>ul>li>a>div:nth-child(2){
	width: 300px;
	text-align: right;
}
.sguide-channel-option .sguide-channel-body{
	padding: 0;
}
.sguide-channel-option .sguide-channel-body>ul>li>a,
.sguide-channel-option .sguide-channel-body>ul>li>span{
	list-style: none;
	display: table;
	width: 100%;
	padding: 0;
	border-bottom: 1px #ccc solid;
	font-size: 1.4rem;
	text-decoration: none;
}
.sguide-channel-option .sguide-channel-body>ul>li:last-child>a,
.sguide-channel-option .sguide-channel-body>ul>li:last-child>span{
	border-bottom: none;
}
.sguide-channel-option .sguide-channel-body>ul>li>a>div,
.sguide-channel-option .sguide-channel-body>ul>li>span>div{
	display: table-cell;
	vertical-align: middle;
	padding: 25px 20px;
}
.sguide-channel-option .sguide-channel-body>ul>li>a>div:nth-child(2),
.sguide-channel-option .sguide-channel-body>ul>li>span>div:nth-child(2){
	width: 180px;
	padding: 0 10px;
	border-left: 1px #ccc solid;
	text-align: right;
}
.sguide-channel-icon{
	list-style: none;
	display: inline-block;
	width: 285px;
	font-size: 0;
	text-align: left;
}
.sguide-channel-icon>li{
	display: inline-block;
	width: 68px;
	margin: 0 4px 4px 0;
	padding: 3px 0;
	background: #40b7f5;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
.sguide-channel-icon>li.off{
	padding: 2px 0;
	background: #fff;
	border: 1px #ccc solid;
	color: #ccc;
}
.sguide-channel-icon>li:nth-child(3){
	padding:5px 0;
}
.sguide-channel-icon>li:nth-child(3).off{
	padding: 4px 0;
	background: #fff;
	border: 1px #ccc solid;
	color: #ccc;
}
.sguide-channel-icon>li:nth-child(4n){
	margin-right: 0;
}
.head-channel{
	margin-top: 40px;
	color: #333;
	font-size: 2.0rem;
}
.head-channel>span{
	font-size: 1.4rem;
}

/*========================================
	お客様サポート
========================================*/
.search-head{
	margin: 16px 0 3px;
	padding: 0 0 0 15px;
	color: #033e71;
	background: url(../img/icon-circle-2.svg) no-repeat left 8px;
	font-weight: bold;
}
.search-block{
  width: 960px;
  margin: 0 auto;
}
.search-2col{
  caption-side: bottom;
  overflow: hidden;
}
.search-2col>div{
  width: 50%;
}
.search-2col>div:nth-child(1){
  float: left;
  padding: 0 25px 0 0;
  border-right:1px dotted #9b9b95;
}
.search-2col>div:nth-child(2){
   float: right;
  padding: 0 0 0 25px;
}

.search-2col .form-faqsearch{
  text-align: right;
}

.search-2col .form-faqsearch-enter{
	margin: 0 0 12px;
}
.search-2col .search-head{
  margin-top: 0;
}
.search-2col .form-faqsearch input[type="text"]{
	height: 40px;
	width: 85%;
}
.search-2col .form-faqsearch input[type="submit"]{
	height: 40px;
	width: 15%;
}
.search-2col .keyword-head{
  margin-top: 0;
}
.search-2col .keyword-list{
  padding: 10px;
  background: #fff;
  border:1px solid #ccc;
}
.search-2col .keyword-list li{
  padding: 2px 0;
}
.search-2col .keyword-list a{
	display: inline-block;
}
.search-2col .keyword-list a:before{
	content: url(../img/icon-circle.svg);
	display: inline-block;
	margin: 0 8px 0 0;
}
/*========================================
	お客様サポート
	（.contactg）
========================================*/
.contactg{
	margin: 30px 0 0;
	padding:15px 0;
	background: url(../img/contactg-bg.png);
}
.contactg-block{
	/* width: 700px;*/
	padding: 20px;
	position: relative;
	clear: both;
	overflow: hidden;
	 background:#fff;
	border-radius: 16px;
	overflow: hidden;
	text-align: center;
}
.contactg .contents_block{
	 position:relative;
}
/*.contactg .contents_block:after{
	 content: url(../img/contactg-character.png);
	position: absolute;
 	bottom: 0px;
	right: 0;
}*/
.contactg-set-wrap{
	clear: both;
	overflow: hidden;
}
.contactg-set-wrap>div{
	float: left;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 10px 0;
	text-align: center;
}
.contactg-set-wrap>div:nth-child(odd) {
	margin: 0 0 20px;
	border-right: 1px dotted #033e71;
}
.contactg-set-wrap>div:nth-child(even) {
}
.contactg-set-head{
	margin: 0 0 12px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #033e71;
	line-height: 1.2;
}
.contactg-set-note{
	font-size: 1.2rem;
	font-weight: normal;
	color: #333;
}
.contactg-set-btn{
	display: inline-block;
	width: 170px;
	padding: 8px 0;
	border: 1px solid #fff;
	border-radius: 8px;
/*	border-radius: 99em;*/
	background: #ff4faf;
	background: linear-gradient(to bottom, #ff4faf 0%,#ff2a67 100%);
/*	background: #4474c4 url(../img/ftcontact-contact-btn-icon.png) no-repeat right center;*/
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 1.2;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
/*	box-shadow: 0 4px 0 0 rgba(0,0,0,0.16);*/
}
.contactg-set-btn:hover{
	background: #ff00a2;
	background: linear-gradient(to bottom,  #ff00a2 20%,#ff002c 100%);
/*
	background-color: #1b3f7a;
	color: #fff;
*/
}
.contactg-set-btnarea{
	background: #eee;
	padding: 30px 20px;
}
.contactg-set->p:not(:last-child){
	margin: 0 0 10px;
}
/*========================================
	料金案内
========================================*/
.charge-bg{
	padding: 20px 0;
	background: url(../img/charge-bg.png);
}
.charge-bg+.charge-bg{
	margin-top: 20px;
}
.box-01{
	padding: 20px;
	border: 1px solid #ccc;
	background: #fff;
}
.box-01-body{
	padding: 0 0 15px;
}
.box-01-body-head{
	margin: 0 0 10px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #033e71;
	line-height: 1.4;
}
.box-01-body-txt{
	font-size: 1.3rem;
}
.box-01-btnarea{
	padding: 15px 0 0;
	text-align: center;
	background:url(../img/box-01-btnarea-border.png) repeat-x top left ;
}
.box-02{
	background: #fff;
}
.box-02 a{
	display: block;
	min-height: 188px;
	padding: 15px;
	border: 1px solid #ccc;
	text-decoration: none;
	text-align: center;
}
.box-02 a:hover{
	border-color: #dd2b72;
}
.box-02-img{
	text-align: center;
}
.box-02-head{
	display: block;
	margin: 5px 0 0;
	text-align: center;
}
.box-02-txt{
	display: block;
	text-align: left;
	margin-top: 8px;
	font-size: 1.1rem;
	color: #333;
}
.box-02 .tlink-01{
	text-decoration: underline;
}
a .box-02-txt p{
}
/*========================================
	料金一覧
========================================*/
.table-charge th{
	background: #f5fcff;
	text-align: center;
}
.table-charge th span,
.table-charge td span{
	font-size: 1.2rem;
	font-weight: normal;
}
.table-charge th,
.table-charge td{
	vertical-align: middle;
	padding: 10px 8px;
	line-height: 1.2;
}
.table-charge-other th{
	text-align: left;
}
.table-charge-first .table-charge-td-price{
	font-weight: bold;
}
.table-charge-tr-1 td{
	padding: 5px 0;
	border: none;
	font-size: 1.2rem;
	word-break: keep-all;
	text-align: center;
}
.table-charge-tr-1-td:before{
	content: url(../img/table-charge-tr-1-icon.svg);
	margin: 0 5px 0 0;
}
.table-charge .table-charge-td-name{
	background: #fff;
	text-align: left;
}
.table-charge .table-charge-td-icon{
	width: 180px;
	background: #fff;
	text-align: left;
}
.table-charge-td-icon img{
	margin: 0 5px 0 0;
}
.table-charge img{
	vertical-align: middle;
}
.table-charge .table-charge-td-channell{
	text-align: left;
	background: #fff;
	border-right: none;
}
.table-charge-td-channelr{
		padding-left: 0;
	border-left: none;
	font-size: 1.1rem;
}
.table-charge-td-1{
	color: #175e9c;
	font-weight: bold;
	text-align: center;
}
.table-charge-td-price{
	word-break: keep-all;
}
.table-charge-td-price em{
	color: #cc0000;
	font-style: normal;
}
.table-charge-td-price strong{
	font-weight: bold;
	font-size: 2rem;
}
.table-charge-td-price span{
	font-size: 1.2rem;
	font-weight: normal;
}

.table-charge-td-txt,
td.table-charge-td-txt{
	font-size: 1.2rem;
	line-height: 1.6;
	vertical-align: top;
}
.table-charge-w-name{
	width: 200px;
}
.table-charge-w-txt1{
	width: 150px;
}
.table-charge-w-price{
	width: 250px;
}
.table-charge-w-icon{
	width: 350px;
}
.table-charge-w-2colname{
	width: 150px;
}
.table-charge-w-2colprice{
	width: 120px;
}
.table-charge-w-telntt{
	width: 130px;
}
.table-charge-w-channelch{
	width: 80px;
}
.table-charge-w-channelprice{
	width: 170px;
}
.table-charge-w-plan{
	width: 150px;
}




/*補足テキスト*/
.charge-notetxt{
	margin-top: 10px;
	color:#666;
	font-size: 1.1rem;
}
/*補足エリア*/
.charge-notearea{
	margin-top: 15px;
	padding: 20px;
	background: #f5f5f5;
	color: #666;
}
.charge-notearea-head{
	margin: 0 0 3px;
	font-weight: bold;
}
.charge-notearea-head2{
	margin: 0 0 3px;
	font-size: 1.2rem;
	font-weight: bold;
}
.charge-notearea-txt{
	list-style: none;
	font-size: 1.1rem;
}
.charge-notearea-connect{
	color: #666;
	font-size: 1.1rem;
}


.table-charge+.head-1,
.table-wrap-spscroll+.head-1,
.charge-notearea+.head-1,
.charge-notetxt+.head-1{
	margin-top: 30px;
}
.table-wrap-spscroll+.table-wrap-spscroll{
	margin-top: 10px;
}


.charge-tbpop{
	padding: 0 0 15px;
	background: url(../img/charge-tbpop-bg.png) no-repeat center bottom;
}
.charge-tbpop p{
	padding: 20px 15px 15px;
	background:#fff9c4;
	text-align: center;
	font-size: 1.6rem;
}
.charge-tbpop p span{
	color: #cc0000;
}
.charge-price{
	margin: 0 0 30px;
	padding: 20px 0;
	background: #f0f0e6;
}
.charge-price-set{
	display: table;
	padding: 20px 15px;
	background:#fff;
	border: 1px solid #ccc;
}
.charge-price-set-head,
.charge-price-set-body{
	display:table-cell;
	vertical-align: middle;
	width: 50%;
}
.charge-price-set-head{
	margin: 5px 0 0;
	font-size: 2.2rem;
	font-weight: bold;
}
.charge-price-set-head:before{
	content: '';
	display: inline-block;
	width: 26px;
	height: 24px;
	margin: 0 7px 0 0;
	position: relative;
	top: 3px;
}
.charge-price-set-1 .charge-price-set-head:before{
	background: url(../img/charge-price-set-head-icon-1.png) no-repeat left top / 100% auto
}
.charge-price-set-2 .charge-price-set-head:before{
	background: url(../img/charge-price-set-head-icon-2.png) no-repeat left top / 100% auto
}
.charge-price-set-body{
	text-align: right;
}

.charge-price-set-body{
	vertical-align: middle;
}
.charge-price-set-b-1{
	font-size: 1.4rem;
	vertical-align: middle;
}
.charge-price-set-b-2{
	font-size: 2.8rem;
	font-weight: bold;
	color: #d40d0d;
	vertical-align: middle;
}
.charge-price-set-b-3{
	font-size: 1.8rem;
	color: #d40d0d;
	vertical-align: middle;
}


/*========================================
	【使いまわし想定】.banslider
========================================*/
.banslider{
	width: 960px;
	margin: 0 auto;
}
.banslider-list{
	position: relative;
	padding: 0 20px;
}
.banslider-list-item{
	text-align: center;
}
.banslider-list-item a{
	display: inline-block;
	border: 2px solid #fff;
}
.banslider-list-item a:hover{
	border-color:#ff0;
}
.banslider-list-item img{
	width: 100%;
	height: auto;
	display: inline-block;
}
/* NOTE:3/1:TOPに影響あり
.slick-arrow {
	position: absolute;
	top:50%;
	width: 13px;
	height: 24px;
	margin-top: -12px;
	border: 0;
	text-indent: -9898px;
	cursor: pointer;
}
*/
.banslider .slick-arrow {
	position: absolute;
	top:50%;
	width: 13px;
	height: 24px;
	margin-top: -12px;
	border: 0;
	text-indent: -9898px;
	cursor: pointer;
}
.banslider .slick-prev {
	left: 0;
	background: url(../img/banslider-list-icon-prev.png) no-repeat 0 0;
}
.banslider .slick-next {
	right: 0;
	background: url(../img/banslider-list-icon-next.png) no-repeat 0 0;
}
.section-head+.banslider{
	margin-top: 30px;
}
/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（ビジュアル）
========================================*/
.customer-visual{
	min-width: 960px;
	background: url(../img/customer-visual-visitor-bg.png) repeat-x top left;
	text-align: center;
}
.customer-visual img{
	width: 960px;
}

/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（サービス提供エリア）
========================================*/
.customer-area-block{
	border: 1px solid #ccc;
	display: table;
}
.customer-area-block>div{
	display: table-cell;
	vertical-align: top;
}
.customer-area-main{
	width: 650px;
	padding: 5px 0 5px 5px;
}
.customer-area-main-img{
	width: 310px;
	vertical-align: top;
}
.customer-area-main-txt{
	float: right;
	width: 333px;
	padding: 10px 20px;
}
.customer-area-m-t-head{
	margin: 15px 0 10px;
	font-size: 1.6rem;
	color: #175e9c;
	text-align: center;
	font-weight: bold;
}
.customer-area-m-t-area{
	margin: 0 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #39aae5;
	border-top: 1px solid #ccc;
	text-align: center;
	list-style: none;
}
.customer-area-m-t-area li{
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
}
.customer-area-m-t-note{
	font-size: 1.1rem;
	color: #666;
}
.customer-area-m-t-note span{
	color: #175e9c;
}
.customer-area-side{
	width: 310px;
/*	float: right;*/
/*	min-height: 270px;*/
	border-left: 1px solid #ccc;
	background: #b4b4ac;
}
.customer-area-side-body{
	padding: 25px 30px 20px;
	background: #f0f0e6;
}
.customer-area-s-b-head{
	margin: 0 0 15px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.customer-area-s-b-txt{
	color:#666;
	line-height: 1.7;
}
.customer-area-side-btnarea{
	padding: 20px;
	text-align: center;
}
/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（「つなぐだけじゃない」知多メディアスのサービス）
	（ご利用者メニュー）
========================================*/
.customer-mservice{
	padding: 20px 0;
	background: #f5f5f5;
}
.customer-mservice .customer-set{
	min-height: 145px;
}
.customer-mservice .morelink{
	margin-top: 7px;
}
.customer-usermenu{
	padding: 30px 0;
	background: url(../img/customer-usermenu-bg.png);
}
.customer-usermenu .customer-set-head{
	font-size: 1.6rem;
}
.customer-usermenu .customer-set{
	min-height: 155px;
}
.customer-usermenu+.morelink{
	margin-top: 5px;
}
.customer-usermenu-bg2{
	background: url(../img/customer-usermenu-bg2.png);
}


.customer-set{
	position: relative;
	z-index: 10;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
}
.customer-set a{
	text-decoration: none;
}
.customer-set:not(:last-child){
	margin: 0 0 7px;
}
.customer-set-head{
	padding: 20px 15px 20px;
	text-align: center;
	font-size: 1.8rem;
	text-decoration: underline;
}
.customer-set-head span{
	font-weight: bold;
}
.customer-set-head:before{
	content: ' ';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../img/icon-circle.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 8px 0 0;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.customer-set-head-icon-net:before{
	width: 36px;
	height: 33px;
	background-image: url(../img/customer-set-head-icon-net.png);
}
.customer-set-head-icon-tv:before{
	width: 36px;
	height: 33px;
	background-image: url(../img/customer-set-head-icon-tv.png);
}
.customer-set-head-icon-tel:before{
	width: 36px;
	height: 33px;
	background-image: url(../img/customer-set-head-icon-tel.png);
}
.customer-set-body{
	padding: 0 15px 15px;
	font-size: 1.2rem;
	color: #666;
}
.customer-set-body span{
	color: #175e9c;

}
.customer-set-window{
	background-image: url(../img/icon-tlink-window.svg);
	background-repeat: no-repeat;
	background-position: right 8px top 8px;
}
.card-sv{
  margin-bottom: 15px;
}
.customer-setwrap-1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.customer-setwrap-1 .customer-setwrap-head{
  flex: 1 0 100%;
}
.customer-setwrap-1 .customer-set{
  flex: 0 1  312px;
  margin-bottom: 0;
}
.customer-setwrap-1 .customer-set{

}
/*つつむもの*/
.customer-setwrap{
	position: relative;
	padding: 0 6px 6px;
	border-radius: 8px;
}
.customer-setwrap-1{background-image: url(../img/customer-setwrap-1-bg.png)}
.customer-setwrap-2{background-image: url(../img/customer-setwrap-2-bg.png)}
.customer-setwrap-3{background-image: url(../img/customer-setwrap-3-bg.png)}
.customer-setwrap-4{background-image: url(../img/customer-setwrap-4-bg.png)}

.customer-setwrap-head{
}

.customer-setwrap-head-tit{
	display: block;
	height: 55px;
	color: #fff;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center 15px;
	background-repeat: no-repeat;
}
.customer-setwrap-head-1 .customer-setwrap-head-tit{background-image: url(../img/customer-setwrap-head-1.png);}
.customer-setwrap-head-2 .customer-setwrap-head-tit{background-image: url(../img/customer-setwrap-head-2.png);}
.customer-setwrap-head-3 .customer-setwrap-head-tit{background-image: url(../img/customer-setwrap-head-3.png);}
.customer-setwrap-head-4 .customer-setwrap-head-tit{background-image: url(../img/customer-setwrap-head-4.png);}


.customer-setwrap-icon:before{
	content: ' ';
	display: inline-block;
	width: 58px;
	height: 58px;
	background: url(../img/customer-setwrap-head-icon.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 8px 0 0;
	vertical-align: middle;
	position: absolute;
	top: -10px;
	left: 15px;
}

/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（お客様の「したい」に合わせたプランをご用意しております）
========================================*/
.customer-set2wrap{
	padding: 20px 0;
	background: url(../img/customer-set2wrap-bg.png)
}
.customer-set2wrap+.morelink{
	margin-top: 7px;
}
.customer-set2{
/*	display: table;*/
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
}
.customer-set2+.customer-set2{
	margin-top: 15px;
}
.customer-set2-txt{
	display: table-cell;
	width: 50%;
	padding: 30px;
	background: #fff;
	vertical-align: middle;
}
.customer-set2-txt-head{
	margin: 0 0 10px;
	font-size: 2.2rem;
	font-weight: bold;
}
.customer-set2-txt-txt{
	line-height: 1.8;
}
.customer-set2-linkarea{
	display: table-cell;
	width: 50%;
	background: #f0f0e6;
}
.customer-set2-linkarea-main{
	padding: 15px 25px;

}
.customer-set2-linkarea-side{
	background:#8e8e8e;
	padding: 15px;
	text-align: center;
}
.customer-set2-linkarea-set{
	padding: 10px 0;
}
.customer-set2-linkarea-set:not(:last-child){
	border-bottom: 1px solid #a3a39d;
}
.customer-set2-linkarea-set p{
	width: 100%;
	display: table;
}
.customer-set2-linkarea-set p span{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.customer-set2-l-s-head{
	text-align: right;
	font-weight: bold;
	padding: 5px 30px 5px 0;
}
.customer-set2-l-s-link{
	padding: 5px 0;
}
.customer-set2-l-s-link a {
}
.customer-set2-l-s-link:hover {
	text-decoration: underline;
}
.customer-set2 .general-button-01,
.customer-set2 .general-button-02{
	min-width:160px;
}
.customer-set2 .general-button-01,
.customer-set2 .general-button-02{
	font-weight: bold;
	font-size: 1.2rem;
	padding: 7px 10px
}
.customer-set2 .general-button-01:not(:last-child),
.customer-set2 .general-button-02:not(:last-child){
	margin-bottom: 5px;
}
.tlink-03{
	padding: 0 0 0 15px;
	background: url(../img/icon-circle-2.svg) no-repeat left 6px;
}
/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（フロー図）
========================================*/
.customer-flow{
	padding: 30px 0;
}
.customer-flow-setwrap{
	display: table;
	width: 100%;
}
.customer-flow-set{
	position: relative;
	display: table-cell;
	width: 20%;
	border: 1px solid #ccc;
	border-width: 1px 0 1px 1px;
	background: #f5f5f5;
}
.customer-flow-set:last-child{
	border-width: 1px;
}
.customer-flow-set-num{
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -15px;
}
.customer-flow-set-num span{
	display: inline-block;
	width: 35px;
	height: 35px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	color: #fff;
	background: #afafaf;
	border-radius: 30px;
}
.customer-flow-set:not(:last-child):after{
	content: url(../img/customer-flow-set-arrow.svg);
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: 25px;
}
.customer-flow-set-body{
	padding: 45px 10px 10px;
	min-height: 190px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.customer-flow-s-b-head{
	margin: 0 0 30px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	color: #175e9c;
}
.customer-flow-s-b-txt{
	font-size: 1.2rem;
}
.customer-flow-set-side{
/*	min-height: 40px;*/
	padding: 15px 0 10px;
	text-align: center;
	font-size: 1.4rem;
}
.customer-flow-set-side .general-button-01,
.customer-flow-set-side .general-button-02{
	min-width: 85%;
	margin-top: -5px;
	padding: 8px 10px;
}
.customer-flow-set-side .general-button-01:not(:last-child),
.customer-flow-set-side .general-button-02:not(:last-child){
	margin-bottom: 10px;
}
.customer-flow-setwrap+.morelink{
	margin-top: 7px;
}
/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（近日開催の「お客様なんでも相談会」）
========================================*/
.schedule-2 .calslide{
	width: 960px;
	overflow-x: hidden;
}
.schedule-2 .calslide-block-wrap{
	width: 4800px;
	margin-left :-960px;
	font-size: 0;
}
.schedule-2 .calslide-block{
	width: 960px;
}

/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	（お客様の「したい」に合わせたプランをご用意しております）
========================================*/
.customer-set3wrap{
/*	padding: 20px 0;*/
}
.customer-set3:not(:last-child){
	margin: 0 0 10px;
}
.customer-set3-main{
	display: table;
	width: 100%;
	border: 1px solid #ccc;
}
.customer-set3-main-txt{
	display: table-cell;
	width: 50%;
	padding: 30px 40px 40px;
	background: #fff;
	vertical-align: top;
}
.customer-set3-m-t-head{
	margin: 0;
	font-size: 2.4rem;
	font-weight: bold;
}
.customer-set3-m-t-txt{
	font-size: 1.2rem;
}
.customer-set3-main-linkarea{
	display: table-cell;
	width: 50%;
	padding: 25px 50px;
	background: #f5f5f5;
	border-left: 1px solid #ccc;
}
.customer-set3-m-l-list{
	list-style: none;
}
.customer-set3-m-l-list a{
	display: inline-block;
	padding: 3px 0 3px 15px;
	background: url(../img/icon-circle-2.svg) no-repeat left 9px;
}
.customer-set3 .morelink{
	border-top: none;
}

.customer-set3-video .customer-set3-main-txt{
	display: block;
	width: 100%;
	padding: 30px 40px 25px;
	background: #fff;
	vertical-align: middle;
}
.customer-set3-video .customer-set3-main-linkarea{
	display: block;
	width: 100%;
	padding: 30px;
	background: #f5f5f5;
	border-left: 1px solid #ccc;
}
.customer-set3-main-videolist{
	padding: 0 40px 40px;
	font-size: 0;
	background: #fff;
}
.customer-set3-main-videolist a{
	display: inline-block;
	width: 215px;
	margin: 0 6px 0 0;
	font-size: 1.4rem;
	vertical-align: top;
}
.customer-set3-main-videolist a:last-child{
	margin-right: 0;
}
.customer-set3-m-v-figure img{
	width: 100%;
	height: auto;
	margin: 0 0 5px;
}
.customer-set3-m-v-figure figcaption{
	font-size: 1.3rem;
	font-size: 1.3rem;
}
/*========================================
	ご検討中のお客さま、ご利用中のお客さま
	(ログインボタン)
========================================*/
.login-block{
	width: 960px;
	height: 0;
	margin: 0 auto;
	position: relative;
}
.login-set{
	position: absolute;
	right: 0;
	bottom: 10px;
	display: inline-block;
	width: auto;
	padding: 10px;
	border-radius: 8px;
	background: url(../img/bg-beige.png);
	font-size: 0;
}
.login-set p{
	display: inline-block;
}
.login-set p:not(:last-child){
	margin: 0 10px 0 0;
}
.login-set .general-button-login{
	margin: 0 0 3px;
	padding: 10px;
}

/*========================================
	サービスガイド
========================================*/
.sguide-set{
	min-height: 197px;
	margin-bottom: 3px;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.15);
}
.sguide-set-head{
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.sguide-set-head a{
	display: block;
	padding: 15px 25px 15px 15px;
	text-decoration: none;
}
.sguide-set-head p{
	display: inline-block;
	vertical-align: middle;
}
a:hover .sguide-set-head-head{
	color: #dd2b72;
}
.sguide-set-head-head{
	color: #06c;
	font-size: 1.8rem;
	text-decoration: underline;
}
.sguide-set-head-head strong{
	font-weight: bold;
}
.sguide-set-head-txt{
	display: inline-block;
	margin: 3px 0 0;
	font-size: 1.2rem;
	color: #3f3f3f;
	text-decoration: none;
}
.sguide-set-head a:before{
	content:' ';
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
	width: 52px;
	height: 45px;
	background-size: 100% auto;
}
.sguide-set-net .sguide-set-head a:before{background-image: url(../img/sguide-set-net-icon_pc.png);}
.sguide-set-tv .sguide-set-head a:before{background-image: url(../img/sguide-set-tv-icon_pc.png);}
.sguide-set-tel .sguide-set-head a:before{background-image: url(../img/sguide-set-tel-icon_pc.png);}

.sguide-set-body{
	padding: 15px 20px;
}
.sguide-set-body-list{
	list-style: none;
}
.sguide-set-body-list a{
	display: inline-block;
	padding: 2px 0 2px 15px;
	background: url(../img/icon-circle.svg) no-repeat left center;
	font-size: 1.2rem;
}

/*========================================
	サービスガイド
	（ビジュアル）
========================================*/
.sguide-visual{
	height: 355px;
	background: #f0f6f8;
	background: linear-gradient(to bottom, #f0f6f8 0%, #cde9f7 100%);
}
.sguide-visual-block-2col{
	clear: both;
}
.sguide-visual-block-2col>div:nth-child(1){
	float: left;
	width: 680px;
}
.sguide-visual-block-2col>div:nth-child(2){
	float: right;
	width: 273px;
}
/*スライダー*/
.sguide-visual .bigbanner{
	margin: 10px 0 0;
}
.bigbanner{
	width: 100%;
	margin: 0 auto;
}
.topslider{
	position: relative;
	padding: 0 20px;
}
.topslider li{
	text-align: center;
}
.topslider .slick-slide {
	line-height: 0;
}
.topslider li a{
	display: inline-block;
/*	border: 7px solid #9d9d9d;*/
/*	border-radius: 8px;*/
	background: #9d9d9d;
}
.topslider li a:hover{
/*	border-color:#ff0;*/
/*	background: #ff0;*/
}
.topslider li img{
	width: 100%;
	height: auto;
	display: inline-block;
/*	border-radius: 3px;*/
}
.bigbanner .slick-arrow {
	position: absolute;
	top:50%;
	width: 13px;
	height: 24px;
	margin-top: -12px;
	border: 0;
	text-indent: -9898px;
	cursor: pointer;
}
.bigbanner .slick-list {
	border: 7px solid #9d9d9d;
	border-radius: 8px;
}
.bigbanner .slick-prev {
	left: 0;
	background: url(../img/bigslider-icon-prev.png) no-repeat 0 0;
}
.bigbanner .slick-next {
	right: 0;
	background: url(../img/bigslider-icon-next.png) no-repeat 0 0;
}
.bigbanner .slick-dots {
	text-align: center;
	font-size: 0;
	padding: 5px 0 0;
}
.bigbanner .slick-dots li {
	display: inline-block;
}
.bigbanner .slick-dots button {
	display: block;
	margin: 0 3px;
	padding: 0;
	width: 9px;
	height: 9px;
	border: 0;
	background: url(../img/bigslider-icon-circle-off.svg) no-repeat left top;
	text-indent: -9898px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}
.bigbanner .slick-dots .slick-active button {
	background-image: url(../img/bigslider-icon-circle-on.svg)
}

/*ご加入ガイド*/
.sguide-visual-guide{
	position: relative;
	top: -10px;
	width: 253px;
}
.sguide-visual-guide-head{
	height: 67px;
	background: url(../img/sguide-visual-guide-head.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}
.sguide-visual-guide-list{
	padding: 0 7px 7px;
	list-style: none;
	background: url(../img/sguide-visual-guide-bg.png) repeat left top;
	border-radius: 0 0 7px 7px;
	box-shadow: 0 2px 0 0 #cf556c;
}
.sguide-visual-guide-list li{
	overflow: hidden;
}
.sguide-visual-guide-list li:first-child{
	border-radius: 4px 4px 0 0;
}
.sguide-visual-guide-list li:last-child{
	border-radius: 0 0 4px 4px;
}
.sguide-visual-guide-list li:not(:last-child){
	border-bottom: 1px solid #e7677f;
}
.sguide-visual-guide-list a{
	display: block;
	padding: 16px 5px 17px 45px;
	font-size: 14px;
	font-weight: bold;
	color: #941e35;
	text-decoration: none;
	background-color: #fff;
	background-size: 27px 25px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.sguide-visual-guide-list li:nth-child(1) a{
	background-image: url(../img/sguide-visual-guide-list-icon-1.png);
}
.sguide-visual-guide-list li:nth-child(2) a{
	background-image: url(../img/sguide-visual-guide-list-icon-2.png);
}
.sguide-visual-guide-list li:nth-child(3) a{
	background-image: url(../img/sguide-visual-guide-list-icon-3.png);
}
.sguide-visual-guide-list li:nth-child(4) a{
	background-image: url(../img/sguide-visual-guide-list-icon-4.png);
}
.sguide-visual-guide-list li:nth-child(5) a{
	background-image: url(../img/sguide-visual-guide-list-icon-5.png);
}

.sguide-visual-guide-list a:hover{
	text-decoration: underline;
}



/*========================================
	サービスガイド
	（生活を見守り支えるオリジナルサービス）
========================================*/
.sguide-oservice{
	padding: 20px 0;
	background: #f5f5f5;
}
.sguide-oservice .box-02 a{
	min-height: 210px;
}
.sguide-oservice .morelink{
	margin-top: 10px;
}


/*========================================
	【使いまわし想定】.tabmenu
========================================*/
.tabmenu-head{
	border-bottom: 1px solid #ccc;
	margin: 0 0 25px;
}
.tabmenu-list{
	position: relative;
	bottom: -1px;
	width: 960px;
	margin: 0 auto;
	font-size: 0;
}
.tabmenu-list li{
	display: inline-block;
	vertical-align: bottom;
	border: 1px solid #ccc;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	background: url(../img/tabmenu-bg.png);
}
.tabmenu-list li:last-child{
	margin-right: 0;
}
.tabmenu-list .on{
	background: #fff;
	border-width: 1px 1px 0 1px;
}
.tabmenu-list a{
	display: inline-block;
	width: 100%;
	font-size: 1.4rem;
	text-decoration: none;
	text-align: center;
}
.tabmenu-list .on a{
	border-top: 3px solid #175e9c;
}

/*---*/
.tabmenu-net li{
	width: 478px;
}
.tabmenu-net li:last-child{
	margin: 0 0 0 4px;
}
.tabmenu-net a{
	text-indent: -9999px;
	overflow: hidden;
	height: 45px;
}
.tabmenu-net .on a{
	height: 55px;
}
.tabmenu-net li:nth-child(1) a{background: url(../img/tabmenu-net-1_off.png) no-repeat center;}
.tabmenu-net li:nth-child(1) a:hover{background-image: url(../img/tabmenu-net-1_off_over.png);}
.tabmenu-net .on:nth-child(1) a{background: url(../img/tabmenu-net-1_on.png) no-repeat center;}
.tabmenu-net .on:nth-child(1) a:hover{background-image: url(../img/tabmenu-net-1_on_over.png);}

.tabmenu-net li:nth-child(2) a{background: url(../img/tabmenu-net-2_off.png) no-repeat center;}
.tabmenu-net li:nth-child(2) a:hover{background-image: url(../img/tabmenu-net-2_off_over.png);}
.tabmenu-net .on:nth-child(2) a{background: url(../img/tabmenu-net-2_on.png) no-repeat center;}
.tabmenu-net .on:nth-child(2) a:hover{background-image: url(../img/tabmenu-net-2_on_over.png);}

/*---*/
.tabmenu-chargelist{
	margin: 0 0 35px
}
.tabmenu-chargelist li{
	width: 157px;
	margin: 0 3px 0 0;
}
.tabmenu-chargelist a{
	display: block;
	min-height: 44px;
	padding: 15px 5px 5px 42px;
	font-size: 13px;
	line-height: 1.1;
	color: #333;
	text-align: left;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size:32px 27px;
}
.tabmenu-chargelist a:hover{
	color: #dd2b72;
}
.tabmenu-chargelist a span{
	font-size: 10px;
	color: #999;
}
.tabmenu-chargelist li:nth-child(1) a{
	padding-left: 60px;
	background-image: url(../img/tabmenu-charge-1_off.png);
	background-position: 25px center;
}
.tabmenu-chargelist li:nth-child(2) a{
	padding-top: 10px;
	background-image: url(../img/tabmenu-charge-2_off.png);
}
.tabmenu-chargelist li:nth-child(3) a{
	padding-top: 10px;
	background-image: url(../img/tabmenu-charge-3_off.png);
}
.tabmenu-chargelist li:nth-child(4) a{
	padding-top: 10px;
	background-image: url(../img/tabmenu-charge-4_off.png);
}
.tabmenu-chargelist li:nth-child(5) a{
	padding-top: 10px;
	background-image: url(../img/tabmenu-charge-4_off.png);
}
.tabmenu-chargelist li:nth-child(6) a{
	text-align: center;
	padding-left: 0;
}
.tabmenu-chargelist .on a{
	min-height: 55px;
	padding-top: 20px;
	font-weight: bold;
	color: #175e9c;
}
.tabmenu-chargelist .on a span{
	font-weight: normal;
	color: #5285b1;
}
.tabmenu-chargelist .on:nth-child(1) a{
	background-image: url(../img/tabmenu-charge-1_on.png);
}
.tabmenu-chargelist .on:nth-child(2) a{
	padding-top: 13px;
	background-image: url(../img/tabmenu-charge-2_on.png);
}
.tabmenu-chargelist .on:nth-child(3) a{
	padding-top: 13px;
	background-image: url(../img/tabmenu-charge-3_on.png);
}
.tabmenu-chargelist .on:nth-child(4) a{
	padding-top: 13px;
	background-image: url(../img/tabmenu-charge-4_on.png);
}
.tabmenu-chargelist .on:nth-child(5) a{
	background-image: url(../img/tabmenu-charge-4_on.png);
}
.tabmenu-chargelist .on:nth-child(6) a{
	text-align: center;
	padding-left: 0;
}
/*========================================
	【使いまわし想定】.panelmenu
========================================*/
.panelmenu{
	padding: 30px 0;
	background: url(../img/panelmenu-bg.png);
}
.panelmenu .panelmenu-set-head{
	font-size: 1.6rem;
}
.panelmenu .panelmenu-set{
	min-height: 115px;
}
.panelmenu-set{
	position: relative;
	z-index: 10;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
}
.panelmenu-set a, panelmenu-set.panelmenu-set-mosikomino a{
	text-decoration: none;
}
.panelmenu-set:not(:last-child){
	margin: 0 0 7px;
}
.panelmenu-set-head{
	padding: 20px 15px 10px;
	text-align: center;
	font-size: 1.8rem;
	text-decoration: underline;
}
.panelmenu-set-head span{
	font-weight: bold;
}
.panelmenu-set-head:before{
	content: ' ';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../img/icon-circle.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 8px 0 0;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.panelmenu-set-body{
	padding: 0 20px 15px;
	font-size: 1.4rem;
	color: #666;
}
.panelmenu-set-body span{
	color: #175e9c;
}
.panelmenu-height1 .panelmenu-set{
	min-height: 170px;
}
.panelmenu-set-mosikomi .panelmenu-set-head:after{
	position: absolute;
	top: 10px;
	right: 10px;
	content: '申込み制';
	padding: 5px;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1;
	vertical-align: middle;
	background: #175e9c;
	border: 1px solid #175e9c;
	text-decoration:none;
}
.panelmenu-set-mosikomino .panelmenu-set-head:after{
	position: absolute;
	top: 10px;
	right: 10px;
	content: '申込み不要';
	padding: 5px;
	color: #175e9c;
	font-size: 1.1rem;
	line-height: 1;
	vertical-align: middle;
	border: 1px solid #175e9c;
	text-decoration:none;
}
.panelmenu-set-icon{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	aspect-ratio: 236/90;
	padding-top: 20px;
}
.panelmenu-2{
	background: url(../img/panelmenu-2-bg.png);
}
.panelmenu-2 .panelmenu-set-head:before{
	content: none;
}
/*========================================
	【使いまわし想定】.getpdf
========================================*/
.getpdf{
	width: 100%;
	padding: 15px 0 15px 140px;
	background: #f0f0e6;
}
.contents-2col-main .getpdf{
	padding: 15px;
}
.getpdf>p{
  display: block;
	width: 100%;
	margin-bottom: 10px !important;
	font-size: 1.4rem !important;
}
.getpdf>div{
	display: table;
	width: 100%;
}
.getpdf>div>table{
  display: table-cell;
	width: 170px;;
}
.getpdf>div>table td{
  padding: 0;
	border: none;
}
.getpdf>div>p{
	display: table-cell;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-size: 1.4rem !important;
}
.getpdf>div>p a:after{
	position: relative;
	top: 2px;
	display: inline-block;
	content: url(../img/icon-window.svg);
	margin: 0 0 0 3px;
}


/*========================================
	フロー図
========================================*/
.flow{
	display: table;
	width: 100%;
	border-collapse:collapse;
}
.flow-set{
	display: table-row;
	width: 100%;
	border: 1px solid #ccc;
	border-width:1px 0;
}
.flow-set .flow-set-num{
	display: table-cell;
	padding: 10px 0 10px 10px;
	vertical-align: top;
	text-align: center;
  background:#fff;
}
.flow-set-num span{
	display: inline-block;
	width: 35px;
	height: 35px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	color: #fff;
	background: #afafaf;
	border-radius: 30px;
}
.flow-set:not(:last-child) .flow-set-num:after{
	content: url(../img/flow-set-arrow.svg);
	display: inline-block;
	margin-top: 3px;
}
.flow-set-body{
	display: table-cell;
	padding: 10px;
	background: #fff;
}
.flow-set .flow-s-b-head{
	margin-bottom:0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #175e9c;
}
.flow-set .flow-s-b-txt{
	font-size: 1.2rem;
}
.flow-set-side{
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	text-align: center;
	font-size: 1.4rem;
	background: #f5f5f5;
}
.flow-set .flow-set-side p{
	text-align: center;
}
.flow+.morelink{
	width: 100%;
	margin-top: 15px;
	font-size: 1.2rem;
}

/*========================================
	メディアスガイド
========================================*/

.mguide-bg{
	background: url(../img/mguide_bg.png) center;
}
.mguide-bg-b{
	background: url(../img/mguide_bg_b.png) center;
}
.mguide-bg-y{
	background: url(../img/mguide_bg_y.png) center;
	padding: 32px 0 12px;
}

.mguide-visual{
	padding: 35px 0 72px;
	text-align: center;
}

.mguide-visual div{
	background: #fff;
}

.mguide-visual div img{
	width: 100%;
}

.mguide-visual img{
	vertical-align: bottom;
}

.mguide-visual+section{
	text-align: center;
}

.mguide-visual+section h2{
	margin: 0 0 48px;
}

.mguide-visual+section p{
	margin: 0 0 48px;
	color: #000;
	font-size: 1.8rem;
	line-height: 1.8;
}

.mguide-bg-b .contents_block{
	display: table;
}

.mguide-bg-b .contents_block>div{
	display: table-cell;
	text-align: center;
}

.mguide-bg-b .contents_block>div:nth-child(1){
	padding: 0 0 0 80px;
}

.mguide-bg-b .contents_block>div:nth-child(3){
	padding: 0 80px 0 0;
}

.mguide-bg-b .contents_block>div:nth-child(2){
	padding: 0;
	color: #fff;
	font-size: 80px;
	vertical-align: middle;
}

.mguide-bg-b ul{
	list-style: none;
}

.mguide-link-list{
	width: 200px;
	margin: 8px auto 0;
}

.mguide-link-list li{
	display: block;
	padding: 0 0 4px 12px;
	background: url(../img/icon-circle.svg) no-repeat left 5px;
	list-style: none;
	font-size: 12px;
	text-align: left;
}

.mguide-link-list a{
	text-decoration: none;
}
.mguide-link-list a:hover{
	text-decoration: underline;
}
.mguide-bg-b .mguide-link-list a{
	color: #fff;
}

.mguide-link-btn li{
	display: inline-block;
	margin: -10px 0 0;
	padding: 5px;
}

.mguide-link-btn li:first-child{
	display: block;
}

.mguide-link-btn a{
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 999em;
	background: #fff;
	color: #175e9c;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 6px 0 rgba(0,0,0,0.1);
	transition:all 0.25s ease-out;
}

.mguide-link-btn a:hover{
	transform: translateY(-6px);
}

.mguide-link-btn a img{
	display: block;
	margin: 24px auto 5px;
}

.mguide-bg-b .contents_block>div:last-child .mguide-link-btn li img{
	width: 55px;
	margin: 21px auto -3px;
}

.mguide-partition{
	min-width: 960px;
	padding: 160px 0 0;
	text-align: center;
}

.mguide-partition-01{
	min-width: 960px;
	padding: 72px 0 0;
	text-align: center;
}

.mguide-partition-02{
	min-width: 960px;
	padding: 72px 0 0;
	text-align: center;
}

.mguide-bg-y{
	margin: -24px 0 0;
}

.mguide-bg-y .contents_block{
	display: table;
	padding: 0 48px;
}

.mguide-bg-y .contents_block>div{
	display: table-cell;
	color: #000;
	font-size: 1.4rem;
	vertical-align: middle;
}

.mguide-bg-y .mguide-photo{
	width: 335px;
	text-align: left;
}

.mguide-bg-y .mguide-photo img{
	width: 290px;
	border: 5px #fff solid;
	border-radius: 999em;
	box-shadow: 8px 8px 0 rgba(0,0,0,0.1)
}

.mguide-bg-y .mguide-photo-text{
	text-align: left;
}

.mguide-bg-y .mguide-photo-text p{
	margin: 25px 0 0;
	line-height: 1.8;
}

.mguide-photo-text+.mguide-photo{
	text-align: right;
}

.mguide-note{
	margin: 24px 0 0;
	background: #fff;
}

.mguide-note>div{
	display: table;
	width: 960px;
	margin: 0 auto;
	padding: 24px 40px;
	table-layout: fixed;
}

.mguide-note>div>div{
	display: table-cell;
}

.mguide-step div>div{
	padding: 0 20px;
}

.mguide-step div>div>img:first-child{
	width: 40px;
}

.mguide-step div>div:nth-child(2){
	border: 1px #999 dotted;
	border-width: 0 1px;
}

.mguide-step h3{
	display: inline-block;
	margin: -2px 8px 8px;
	color: #a91e1e;
	vertical-align: top;
}

.mguide-step p{
	margin: 0 0 1em;
	font-size: 1.2rem;
}

.mguide-step img{
	max-width: 100%;
	margin: 0 0 5px;
}

.mguide-step .mguide-link-list{
	width: 100%;
	margin: 0;
}

.mguide-local-btn{
	text-align: center;
}

.mguide-local-btn a img{
	display: inline-block;
	border: 3px #d9d9d9 solid;
	border-radius: 15px;
	transition:all 0.25s ease-out;
}

.mguide-local-btn a img:hover{
	transform: translateY(-8px);
}

.mguide-company{
	margin: 56px 0 0;
}

.mguide-company .contents_block{
	padding: 48px 0;
}

.mguide-company .contents_block>div{
	text-align: center;
}

.mguide-company .mguide-note{
	padding: 8px 0;
}

.mguide-company .mguide-note>div{
	table-layout: auto;
}

.mguide-company .mguide-note>div>div{
	display: table-cell;
	text-align: center;
	vertical-align: top;
}

.mguide-company ul{
	list-style: none;
}

.mguide-company li{
	padding: 0 0 8px;
}

.mguide-history{
	overflow:auto;
	height: 170px;
}

.mguide-history th{
	width: 110px;
	background: none;
	border-width: 1px 0;
	font-size: 1.2rem;
}

.mguide-history td{
	background: none;
	border-width: 1px 0;
	text-align: left;
	font-size: 1.2rem;
}

.mguide-contact{
	padding: 140px 0;
	text-align: center;
}

.mguide-contact p{
	padding: 8px 0 18px;
}

/*========================================
	法人ページ
========================================*/

.business-image{
	display: block;
	width: 100%;
	height: 250px;
	margin: 0 0 32px;
	background: url(../img/business_image.jpg) center no-repeat;
	background-size: cover;
}

.business-image-inner{
	display: table;
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

.business-image-inner>span{
	display: table-cell;
	color: #fff;
	text-align: right;
	vertical-align: middle;
	font-size: 24px;
	line-height: 1.3;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}

/*========================================
	カテエネページ
========================================*/

.katene p {
	font-size: 14px;
	line-height: 1.8;
}

/*========================================
	お悔み情報
========================================*/

.news{
	background:#f8f8f8;
	padding:14px;
	border-radius:8px;
}

/*========================================
ケーブルラインページ
========================================*/

.cableline-point-wrap{
  display: table;
  border-collapse: separate;
  border-spacing: 10px 0;
  vertical-align: top;
}
.cableline-point-inner{
  display: table-cell;
  width: 30%;
}
.cableline_conditions_wrap{
  text-align: left;
}
.cableline_conditions_wrap_td{
  font-weight: bold;
  text-align: center;
  width: 130px;
}
.cableline_conditions_table th{
  font-weight: bold;
  text-align: center;
}
.cableline_wrap .note{
  font-size: 12px;
  padding: 20px;
  text-align: left;
}

/*--------------------------------------
Link設定
--------------------------------------*/

.katene a:link {
	color:#d43200;
	text-decoration:none;
}
.katene a:visited {
	color:#d43200;
	text-decoration:none;
}
.katene a:hover {
	color:#d43200;
	text-decoration:underline;
}
.katene a:active {
	color:#d43200;
	text-decoration:none;
}
.katene img {
	display: block;
}

/*--------------------------------------
リセット
--------------------------------------*/

.katene ol,.katene ul{list-style:none}

/*--------------------------------------
デザイン
--------------------------------------*/
.katene{
	background: #bbe3f9;
}
.katene *{
	box-sizing:content-box;
}
.katene .wpArea01 {
	text-align: center;
	padding: 28px 0;
	width: 960px;
	height: 100px;
	margin: 0 auto;
}
.katene .wpArea02 {
	text-align: center;
	height: 178px;
	width: 960px;
	padding: 0 0 46px 0;
	margin: 0 auto;
}
.katene .contArea00 {
	width: 960px;
	padding: 0 0 57px 0;
	margin: 0 auto;
}
.katene .contArea00 .naviArea01 {
	position: relative;
	width: 549px;
	height: 337px;
	background: url(../img/katene-area00.png) top left no-repeat;
	padding: 0 0 0 411px;
	margin: 0 auto;
}
.katene .contArea00 .naviArea01>img {
	position: absolute;
	top: 10px;
	left: 30px;
}

.katene .contArea00 .naviArea01 li {
	float: left;
}

.katene .contArea01 {
	width: 960px;
	padding: 0 0 32px 0;
	margin: 0 auto;
}
.katene .contArea01 h2 {
	padding: 0 0 19px 0;
}

.katene .contArea02 {
	width: 960px;
	padding: 0 0 32px 0;
	margin: 0 auto;
}
.katene .contArea02 h2 {
	padding: 0 0 19px 0;
}

.katene .contArea03 {
	width: 960px;
	padding: 0 0 32px 0;
	margin: 0 auto;
}
.katene .contArea03 h2 {
	padding: 0 0 0 0;
}
.katene .contArea03 h3 {
	padding: 0 0 6px 0;
}
.katene .contArea03 .textBox01 {
	background: url(../img/katene-area03_bg01.gif) top left repeat-y;
	padding: 14px 0 28px 40px;
}
.katene .contArea03 .textBox01 p {
	font-size: 10px;
}
.katene .contArea03 .textBox02 {
	position: relative;
	height: 532px;
	padding: 0 0 0 0;
}
.katene .contArea03 .textBox02 .bnrArea01{
	position: absolute;
	top: 153px;
	right: 44px;
	z-index: 100;
}


.katene .contArea04 {
	width: 960px;
	padding: 0 0 0 0;
	margin: 0 auto;
}
.katene .contArea04 h2 {
	padding: 0 0 25px 0;
}
.katene .contArea04 p {
	width: 960px;
	padding: 14px 0 0 0;
	font-size: 12px;
}
.katene .contArea04 p strong{
	font-weight: bold;
}

.katene .telArea01 {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 43px 0;
}

.katene .footerArea01 {
	height: 110px;
	width: 100%;
	background: url(../img/katene-footer_bg01.jpg) top center repeat-x;
}

.katene .pagetopArea01 {
	width: 960px;
	height: 33px;
	padding: 0 0 38px 0;
	margin: 0 auto;
}
.katene .pagetopArea01 img{
	float: right;
}

.move-wrap{
	position:relative;
 	width:650px;
	height:365px;;
}
.move-wrap iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*========================================
	404ページ
========================================*/

.section404{
	min-height: 320px;
}

/*========================================
	電話サービス　リンク部分 2019/06　追加分
========================================*/

.sguide-tell-list{
	display: flex;
	justify-content: space-around;
	list-style: none;
	width: 960px;
	margin: 0 auto;
}
.sguide-tell-list-item{
	flex: 1;
	margin: 0 2px;
}
.sguide-tell-list-item a{
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px 7px;
	display: block;
}


/*========================================
	Netflixページ用css
========================================*/

.netflix_title h2{
  font-size: 2.7rem !important;
  color: #000 !important;
}
.netflix_title span{
  color: #e50914;
}
.netflix_read_txt{
  font-size: 1.5rem !important;
  line-height: 1.8 !important;
}
.netflix_sub_title h3{
  color: #000 !important;
  font-size: 1.9rem !important;
}

.netflix_step_title h3{
  background: #000 !important;
  color: #fff !important;
  padding: 10px 0;
  border-radius: 6px;
}

.netflix_step_sub_title h3{
  color: #000 !important;
}

.netflix_pc{
  display: block;
}

.netflix_sp{
  display: none;
}

@media screen and (max-width:750px) {
  .netflix_pc{
    display: none;
  }
  .netflix_sp{
    display: block;
  }
}


/*========================================
	DAZNページ用css
========================================*/

.dazn_title h2{
  font-size: 2.7rem !important;
  color: #0c161c !important;
}
.dazn_about{
  background: url(/wordpress/wp-content/uploads/dazn_about_bg.jpg) repeat;
  padding: 40px;
}
.dazn_about_logo{
  background: #fff;
  padding: 40px;
}

.dazn_read_txt{
  font-size: 1.6rem !important;
  font-weight: bold !important;
  line-height: 1.8 !important;
  margin-right: 40px !important;
}
.dazn_sub_title h3{
  color: #0c161c !important;
  font-size: 1.9rem !important;
}

.dazn_step_title h3{
  background: #0c161c !important;
  color: #fff !important;
  padding: 10px 0;
  border-radius: 6px;
}

.dazn_step_sub_title h3{
  color: #0c161c !important;
}

.dazn_pc{
  display: block;
}

.dazn_sp{
  display: none;
}

@media screen and (max-width:750px) {
  .dazn_pc{
    display: none;
  }
  .dazn_sp{
    display: block;
  }
  .dazn_about{
    padding: 20px;
    margin-top: -40px;
  }
  .dazn_title h2{
    font-size: 2.2rem !important;
  }
  .dazn_read_txt{
    font-size: 1.5rem !important;
    margin-right:0 !important;
  }
  .dazn_sub_title h3{
    font-size: 1.7rem !important;
  }
}



/*========================================
	新築用css
========================================*/
@media (min-width: 750px) {
  .newHouse .spShow {
    display: none;
  }
}
.newHouse img {
  max-width: 100%;
}
.newHouse .inner {
  max-width: 960px;
  margin: 0 auto;
}
.newHouse-visual {
  background: #ac020b;
  text-align: center;
}
.newHouse-nav {
  padding: 27px 0;
  background: #ffe3e3;
}
.newHouse-nav ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -15px;
}
.newHouse-nav ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 15px;
}
.newHouse-nav ul > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 76px;
  padding: 10px 5px 15px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 0px #e2bfc1;
          box-shadow: 0px 4px 0px #e2bfc1;
  color: #535353;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  text-decoration: none;
}
.newHouse-nav ul > li > a::after {
  content: '';
  position: absolute;
  right: calc(50% - 6px);
  bottom: 7px;
  border-top: 6px solid #d20211;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.newHouse-nav ul > li > a:hover {
  top: 3px;
}
.newHouse-nav ul > li.newHouse-nav-simulation {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 164px;
}
.newHouse-nav ul > li.newHouse-nav-simulation > a {
  background: #ffd900;
}
.newHouse-nav ul > li.newHouse-nav-simulation > a::after {
  right: 4px;
  bottom: calc(50% - 6px);
  border-top-color: currentColor;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.newHouse-section {
  padding: 80px 0;
}
.newHouse-section-title {
  margin-bottom: 35px;
  text-align: center;
  position: relative;
  z-index: 99;
}
.newHouse-section-lead {
  margin-bottom: 35px;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0.02em;
}
.newHouse-service {
  position: relative;
  padding: 70px 0 50px;
  background: #fffff0;
}
.newHouse-service-map {
  position: absolute;
  bottom: 0;
  right: 40%;
  left: 0;
  padding: 0 30px 0 0;
  text-align: right;
}
.newHouse-service-main {
  position: relative;
  max-width: 50%;
  margin: 0 0 0 auto;
  padding: 32px;
  background: #fff;
  border: 1px solid #dbdeb3;
  text-align: center;
}
.newHouse-service-main::before {
  content: '';
  position: absolute;
  right: -12px;
  bottom: -21px;
  width: 105px;
  height: 168px;
  background: url(/wordpress/wp-content/uploads/new-house-service-chara.png) no-repeat 50% 50%/contain;
}
.newHouse-canlist {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 -40px -40px;
}
.newHouse-canlist > li {
  width: 353px;
  margin: 0 0 40px 40px;
}
.newHouse-canlist > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: url(/wordpress/wp-content/uploads/new-house-bg.png);
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 0px #9d0711;
          box-shadow: 0px 4px 0px #9d0711;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  text-decoration: none;
  overflow: hidden;
}
.newHouse-canlist > li > a:hover {
  top: 3px;
}
.newHouse-canlist-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.newHouse-canlist-image img {
  width: 100%;
}
.newHouse-canlist-text {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 5px;
}
.newHouse-canlist-text::after {
  content: '';
  position: absolute;
  right: 7px;
  bottom: 7px;
  border-bottom: 8px solid currentColor;
  border-left: 8px solid transparent;
}
.newHouse-recommend {
  padding: 90px 0 130px;
  background: #fff7f7;
}
.newHouse-recommendlist {
  list-style: none;
}
.newHouse-recommendlist:not(:last-child) {
  margin-bottom: 112px;
}
.newHouse-recommendlist > li:not(:last-child) {
  margin-bottom: 50px;
}
.newHouse-recommendlist > li:nth-child(2n) .newHouse-recommendlist-image {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin: 0 35px 0 0;
}
.newHouse-recommendlist-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newHouse-recommendlist-column:not(:last-child) {
  margin-bottom: 20px;
}
.newHouse-recommendlist-main {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.newHouse-recommendlist-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 400px;
  margin-left: 35px;
  text-align: center;
}
.newHouse-recommendlist-title {
  position: relative;
  margin-bottom: 25px;
  padding: 16px 0 16px 85px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.23;
}
.newHouse-recommendlist-title > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 76px;
  height: 68px;
}
.newHouse-recommendlist-subtitle {
  margin-bottom: 10px;
  color: #d20211;
  font-size: 1.8rem;
  font-weight: bold;
}
.newHouse-recommendlist-text {
  font-size: 1.5rem;
  line-height: 1.8;
}
.newHouse-recommendlist-text:not(:last-child) {
  margin-bottom: 25px;
}
.newHouse-recommendlist-text > sup {
  vertical-align: super;
  font-size: 1.2rem;
}
.newHouse-recommendlist-text > strong {
  color: #d20211;
  font-weight: bold;
}
.newHouse-recommendlist-note {
  font-size: 1.2rem;
}
.newHouse-detailbtn:not(:last-child) {
  margin-bottom: 25px;
}
.newHouse-detailbtn > a {
  position: relative;
  display: inline-block;
  padding: 8px 50px 6px 50px;
  background: url(/wordpress/wp-content/uploads/new-house-bg.png);
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 0px #9d0711;
          box-shadow: 0px 4px 0px #9d0711;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}
.newHouse-pop-btnlist .newHouse-detailbtn > a {
  padding: 8px 20px 6px 20px;
}
.newHouse-detailbtn > a:link,
.newHouse-detailbtn > a:hover {
  color: #fff;
}
.newHouse-detailbtn > a::after {
  content: '';
  position: absolute;
  right: 7px;
  top: calc(50% - 3px);
  border-left: 5px solid currentColor;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.newHouse-detailbtn > a:hover {
  top: 3px;
}
.newHouse-detailbtn.btnSoftbank > a {
  background: url(/wordpress/wp-content/uploads/new-house-bg-gray.png);
  -webkit-box-shadow: 0px 4px 0px #3f3f3f;
          box-shadow: 0px 4px 0px #3f3f3f;
}
.newHouse-detailbtn-readtxt{
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.newHouse-notebox {
  padding: 20px;
  background: #f9ecec;
}
.newHouse-notebox-title {
  margin-bottom: 15px;
  padding-left: 8px;
  border-left: 6px solid #d20211;
  font-size: 1.6rem;
  font-weight: bold;
}
.newHouse-notebox-subtitle {
  margin-bottom: 5px;
  font-size: 1.2rem;
  font-weight: bold;
}
.newHouse-notebox-text {
  font-size: 1.2rem;
  padding-inline-start: 2rem;
  text-indent: -2em;
  line-height: 1.8;
}
.newHouse-present {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 40px;
  padding: 55px 100px 22px 85px;
  background: #fff;
  border: 10px solid #fab3b8;
  border-radius: 6px;
}
.newHouse-present::before, .newHouse-present::after {
  content: '';
  position: absolute;
  width: 63px;
  height: 71px;
  background: url(/wordpress/wp-content/uploads/new-house-present-pict.png) no-repeat 50% 50%/contain;
}
.newHouse-present::before {
  top: 26px;
  left: 42px;
}
.newHouse-present::after {
  right: 32px;
  bottom: 32px;
}
.newHouse-present-title {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 560px;
  height: 70px;
  margin: auto;
  padding: 5px 38px 15px;
  background: url(/wordpress/wp-content/uploads/new-house-present-title-bg.png) no-repeat 50% 50%/100% 100%;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.newHouse-present-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 20px;
  text-align: center;
}
.newHouse-present-text {
  font-size: 1.6rem;
  line-height: 1.8;
}
.newHouse-present-note {
  font-size: 1.1rem;
  display: block;
  color: #666;
  padding: 10px 40px 50px 40px;
}
.newHouse-planbox {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.newHouse-planbox:not(:last-child) {
  margin-bottom: 15px;
}
.newHouse-planbox > li {
  /*margin: 0 0 0 30px;*/
  width: 100%;
}
.newHouse-planbox > li:nth-child(2) .newHouse-planbox-title {
  text-align: right;
}
.newHouse-planbox-title {
  padding: 0 20px;
}
.newHouse-planbox-title img {
  vertical-align: bottom;
}
.newHouse-planbox-main {
  padding: 30px;
  border: 10px solid #e9e9e9;
  border-radius: 6px;
  text-align: center;
}
.newHouse-planbox-lead {
  margin-bottom: 25px;
  font-size: 2.0rem;
  font-weight: bold;
}
.newHouse-planbox-balloon {
  display: block;
}
.newHouse-planbox-balloon::before, .newHouse-planbox-balloon::after {
  display: inline-block;
}
.newHouse-planbox-balloon::before {
  content: '＼';
  margin-right: 0.5em;
}
.newHouse-planbox-balloon::after {
  content: '／';
  margin-left: 0.5em;
}
.newHouse-planbox-pack {
  margin-bottom: 25px;
}
.newHouse-planbox-price {
  padding: 25px 0 0;
  border-top: 5px solid #e9e9e9;
  color: #d20211;
}
.newHouse-planbox-priceTitle {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  margin-right: 10px;
  background: url(/wordpress/wp-content/uploads/new-house-bg.png);
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.newHouse-planbox-priceNum {
  display: inline-block;
  vertical-align: middle;
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 1;
}
.newHouse-planbox-priceNum > small {
  font-size: 2.8rem;
  font-weight: normal;
}
.newHouse-planbox-priceNote {
  display: inline-block;
  vertical-align: bottom;
  font-size: 1.7rem;
  font-weight: normal;
}
.newHouse-planbox-note {
  margin-top: 10px;
  color: #636363;
  font-size: 1.2rem;
}
.newHouse-planbox-txt{
  text-align: center;
  color: #333;
  padding: 15px 0 0 0;
}
.newHouse-pointbox {
  padding: 20px;
  background: #fffbed;
  text-align: center;
}
.newHouse-pointbox:not(:last-child) {
  margin-bottom: 10px;
}
.newHouse-pointbox-text {
  position: relative;
  display: inline-block;
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: -0.02em;
}
.newHouse-pointbox-icon {
  position: absolute;
  right: calc(100% + 10px);
  top: -30px;
}
.newHouse-note {
  color: #636363;
  font-size: 1.2rem;
  text-align: center;
}
.newHouse-cvbox {
  padding: 15px 20px 25px;
  background: url(/wordpress/wp-content/uploads/new-house-bg.png);
  text-align: center;
  color: #fff;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: all 0.45s ease-out;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}

.newHouse-cvbox-lead {
  margin-bottom: 15px;
}
.newHouse-cvbox-text {
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.newHouse-cvbox-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newHouse-cvbox-column > * {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.newHouse-cvbox-column > *:not(:first-child) {
  margin-left: 20px;
}
/*ボタンベース*/
.newHouse-cvbox-btn > a {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 20px 35px;
  background: #ffa200;
  border-radius: 100px;
  -webkit-box-shadow: 0px 4px 0px #c47c00;
          box-shadow: 0px 4px 0px #c47c00;
  color: #fff;
  font-size: 2.6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #b58800;
}
.newHouse-cvbox-btn > a:link,
.newHouse-cvbox-btn > a:hover {
  color: #fff;
}
.newHouse-cvbox-btn > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  border-left: 8px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.newHouse-cvbox-btn > a:hover {
  top: 3px;
}
/* Quoカードボタン */
.newHouse-cvbox-btn-quocard {
  width: 50%;
}
.newHouse-cvbox-btn-quocard sup{
  vertical-align: super;
  font-size: 1.2rem;
}

.newHouse-cvbox-btn-quocard > a {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 35px;
  background: #249f5e;
  border-radius: 100px;
  -webkit-box-shadow: 0px 4px 0px #127942;
          box-shadow: 0px 4px 0px #127942;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #127942;
}
.newHouse-cvbox-btn-quocard > a span{
  font-size: 1.4rem;
  display: block;
  color: #fcff00;
}
.newHouse-cvbox-btn-quocard > a:link,
.newHouse-cvbox-btn-quocard > a:hover {
  color: #fff;
}
.newHouse-cvbox-btn-quocard > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  border-left: 8px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.newHouse-cvbox-btn-quocard > a:hover {
  top: 3px;
}
/* 資料請求ボタン */
.newHouse-cvbox-btn-document {
  width: 50%;
}
.newHouse-cvbox-btn-document > a {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 35px;
  background: #2e6dba;
  border-radius: 100px;
  -webkit-box-shadow: 0px 4px 0px #1759a5;
          box-shadow: 0px 4px 0px #1759a5;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #1759a5;
}
.newHouse-cvbox-btn-document > a span{
  font-size: 1.4rem;
  display: block;
  color: #fcff00;
}
.newHouse-cvbox-btn-document > a:link,
.newHouse-cvbox-btn-document > a:hover {
  color: #fff;
}
.newHouse-cvbox-btn-document > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  border-left: 8px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.newHouse-cvbox-btn-document > a:hover {
  top: 3px;
}
.newHouse-block-center{
  margin: 30px auto 0 auto;
  text-align: center;
  padding: 30px 0;
  background: #fff7f7;
}
.newHouse-cvbox-note{
  margin-top: 20px;
  color:#ffb3b3;
  font-size: 1.1rem;
}

.newHouse-step{
  background: #fff7f7;
}
.newHouse-steplist {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newHouse-steplist:not(:last-child) {
  margin-bottom: 20px;
}
.newHouse-steplist > li {
  width: 210px;
}
.newHouse-steplist > li:not(:first-child) {
  position: relative;
  margin-left: 20px;
}
.newHouse-steplist > li:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 65px;
  left: -28px;
  width: 25px;
  height: 26px;
  background: url(/wordpress/wp-content/uploads/new-house-step-arrow.png) no-repeat 50% 50%/contain;
}
.newHouse-steplist-image {
  margin-bottom: 5px;
  text-align: center;
}
.newHouse-steplist-title {
  margin-bottom: 10px;
  color: #d20211;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
}
.newHouse-steplist-text {
  font-size: 1.4rem;
  line-height: 1.6;
}
.newHouse-contact {
  padding: 35px;
  background: #fff;
  text-align: center;
}
.newHouse-contact-title {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #d20211;
}
.newHouse-contact-text {
  font-size: 1.4rem;
}
.newHouse-pop {
  padding: 35px;
}
.newHouse-pop-title {
  margin-bottom: 25px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.newHouse-pop-title > strong {
  color: #cf0913;
  font-size: 3rem;
}
.newHouse-pop-subtitle {
  margin-bottom: 15px;
  color: #cf0913;
  font-size: 2.2rem;
  font-weight: bold;
}
.newHouse-pop-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newHouse-pop-column:not(:last-child) {
  margin-bottom: 30px;
}
.newHouse-pop-column > *:not(:first-child) {
  margin-left: 23px;
}
.newHouse-pop-main {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.newHouse-pop-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newHouse-pop-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.newHouse-pop-image:not(:last-child) {
  margin-bottom: 20px;
}
.newHouse-pop-text {
  font-size: 1.4rem;
  line-height: 1.6;
}
.newHouse-pop-text:not(:last-child) {
  margin-bottom: 10px;
}
.newHouse-pop-notebox {
  padding: 20px;
  background: #f7f7f7;
}
.newHouse-pop-notebox > dt {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}
.newHouse-pop-notebox > dd {
  font-size: 1.3rem;
  line-height: 1.6;
}
.newHouse-pop > .newHouse-detailbtn {
  text-align: center;
}
.newHouse-pop-btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newHouse-pop-btnlist > *:not(:first-child) {
  margin-left: 15px;
}
.newHouse-pop-close {
  position: absolute;
  top: -25px;
  right: -10px;
  width: 45px;
  height: 45px;
  background: #777;
  border: none;
  border-radius: 50%;
  outline: none;
}
.newHouse-pop-close::before, .newHouse-pop-close::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 11px);
  width: 23px;
  height: 2px;
  background: #fff;
}
.newHouse-pop-close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.newHouse-pop-close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.newHouse-spDisplay{
  display: none;
}

@media screen and (max-width: 750px) {
  .newHouse-planbox-title{
    padding: 0 20px 0 10px;
  }
  .newHouse-cvbox-btn-quocard > a,
  .newHouse-cvbox-btn-document > a{
    padding: 7px 23px;
    border-radius: 50px;
    font-size: 1.2rem;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .newHouse-cvbox-btn-quocard > a::after {
    right: 15px;
  }
  .newHouse-cvbox-btn-document > a::after {
    right: 15px;
  }
  .newHouse-cvbox-btn-quocard > a span,
  .newHouse-cvbox-btn-document > a span{
    font-size: 1.2rem;
    display: none;
  }
  .newHouse-cvbox-btn-quocard,
  .newHouse-cvbox-btn-document{
    width: 100%;
    display: flex;
    margin: 0 2px;
    align-items: center;
  }
  .newHouse-present-note{
    padding: 10px 20px 35px 10px;
  }
  .newHouse .pcShow {
    display: none;
  }
  .newHouse-nav {
    padding: 20px;
  }
  .newHouse-nav ul {
    display: block;
    margin: 0;
  }
  .newHouse-nav ul > li {
    margin: 0 0 10px;
  }
  .newHouse-nav ul > li > a {
    display: block;
    height: auto;
    padding: 15px 20px;
  }
  .newHouse-nav ul > li > a::after {
    right: 10px;
    bottom: calc(50% - 6px);
  }
  .newHouse-nav ul > li.newHouse-nav-simulation {
    width: auto;
  }
  .newHouse-nav ul > li.newHouse-nav-simulation > a::after {
    right: 8px;
  }
  .newHouse-section {
    padding: 40px 16px;
  }
  .newHouse-section-title {
    margin-bottom: 15px;
  }
  .newHouse-section-title img {
    height: 40px;
  }
  .newHouse-section-lead {
    margin-bottom: 15px;
    font-size: 1.3rem;
  }
  .newHouse-service {
    padding: 40px 0;
  }
  .newHouse-service-map {
    position: static;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    overflow: hidden;
  }
  .newHouse-service-map img {
    margin: 0;
  }
  .newHouse-service-main {
    max-width: none;
    margin: 0 30px;
    padding: 20px 32px;
  }
  .newHouse-service-main::before {
    right: -6px;
    bottom: -6px;
    width: 65px;
    height: 104px;
  }
  .newHouse-canlist {
    display: block;
    margin: 0 0 -20px;
  }
  .newHouse-canlist > li {
    margin: 0 auto 20px;
    width: 100%;
  }
  .newHouse-canlist > li > a {
    font-size: 1.6rem;
  }
  .newHouse-recommend {
    padding: 40px 16px;
  }
  .newHouse-recommendlist:not(:last-child) {
    margin-bottom: 50px;
  }
  .newHouse-recommendlist > li:not(:last-child) {
    margin-bottom: 25px;
  }
  .newHouse-recommendlist > li:nth-child(2n) .newHouse-recommendlist-image {
    margin: 0 auto;
  }
  .newHouse-recommendlist-column {
    display: block;
  }
  .newHouse-recommendlist-column:not(:last-child) {
    margin-bottom: 10px;
  }
  .newHouse-recommendlist-main {
    margin: 0 0 10px;
  }
  .newHouse-recommendlist-image {
    width: auto;
    margin: 0 auto;
  }
  .newHouse-recommendlist-title {
    margin-bottom: 10px;
    padding: 8px 0 8px 60px;
    font-size: 2.0rem;
  }
  .newHouse-recommendlist-title > img {
    width: 50px;
    height: auto;
  }
  .newHouse-recommendlist-subtitle {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
  .newHouse-recommendlist-text {
    font-size: 1.3rem;
  }
  .newHouse-recommendlist-text:not(:last-child) {
    margin-bottom: 15px;
  }
  .newHouse-recommendlist-text > sup {
    font-size: 1.1rem;
  }
  .newHouse-recommendlist-note {
    font-size: 1.1rem;
  }
  .newHouse-detailbtn:not(:last-child) {
    margin-bottom: 15px;
  }
  .newHouse-detailbtn > a {
    font-size: 1.3rem;
  }
  .newHouse-notebox {
    padding: 15px;
  }
  .newHouse-notebox-title {
    margin-bottom: 10px;
    border-left-width: 5px;
    font-size: 1.5rem;
  }
  .newHouse-present {
    display: block;
    margin: 0;
    padding: 35px 16px;
    border-width: 6px;
  }
  .newHouse-present::before, .newHouse-present::after {
    width: 40px;
    height: 45px;
  }
  .newHouse-present::before {
    top: 40px;
    left: 16px;
  }
  .newHouse-present::after {
    right: 8px;
    bottom: 8px;
  }
  .newHouse-present-title {
    top: -26px;
    width: auto;
    height: 50px;
    margin: auto;
    padding: 0 20px 5px;
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .newHouse-present-image {
    margin: 0 0 10px;
  }
  .newHouse-present-text {
    font-size: 1.3rem;
  }
  .newHouse-planbox {
    display: block;
    margin: 0;
  }
  .newHouse-planbox:not(:last-child) {
    margin-bottom: 30px;
  }
  .newHouse-planbox > li {
    margin: 0 0 15px;
  }
  .newHouse-planbox-title {
    max-width: 150px;
  }
  .newHouse-planbox-main {
    padding: 16px 10px;
    border-width: 6px;
  }
  .newHouse-planbox-lead {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
  .newHouse-planbox-balloon {
    margin: 0 -10px;
  }
  .newHouse-planbox-balloon::before {
    margin-right: 0.3em;
  }
  .newHouse-planbox-balloon::after {
    margin-left: 0.3em;
  }
  .newHouse-planbox-pack {
    margin-bottom: 15px;
  }
  .newHouse-planbox-price {
    padding: 15px 0 0;
    border-top-width: 3px;
  }
  .newHouse-planbox-priceTitle {
    font-size: 1.2rem;
  }
  .newHouse-planbox-priceNum {
    font-size: 3.0rem;
  }
  .newHouse-planbox-priceNum > small {
    font-size: 1.8rem;
  }
  .newHouse-planbox-priceNote {
    font-size: 1.2rem;
  }
  .newHouse-planbox-note {
    margin-top: 5px;
    font-size: 1.1rem;
  }
  .newHouse-pointbox {
    padding: 16px;
  }
  .newHouse-pointbox:not(:last-child) {
    margin-bottom: 5px;
  }
  .newHouse-pointbox-text {
    font-size: 1.5rem;
  }
  .newHouse-pointbox-icon {
    top: -42px;
    right: auto;
    left: -26px;
    width: 48px;
  }
  .newHouse-note {
    font-size: 1.1rem;
  }
  .newHouse-cvbox {
    padding: 15px 0px;
    z-index: 9999;
  }
  .newHouse-cvbox-lead {
    margin-bottom: 10px;
  }
  .newHouse-cvbox-text {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .newHouse-cvbox-column {
    /*display: block;*/
  }
  .newHouse-cvbox-column > *:not(:first-child) {
    margin: 0 5px;
  }
  .newHouse-cvbox-btn > a {
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 1.9rem;
  }
  .newHouse-cvbox-btn > a::after {
    right: 15px;
  }
  .newHouse-step .newHouse-section-title img {
    height: auto;
  }
  .newHouse-steplist {
    display: block;
  }
  .newHouse-steplist:not(:last-child) {
    margin-bottom: 20px;
  }
  .newHouse-steplist > li {
    width: auto;
  }
  .newHouse-steplist > li:not(:first-child) {
    margin: 40px auto 0;
  }
  .newHouse-steplist > li:not(:first-child)::before {
    top: -20px;
    left: calc(50% - 13px);
    width: 26px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .newHouse-steplist-title {
    font-size: 1.6rem;
  }
  .newHouse-steplist-text {
    font-size: 1.3rem;
  }
  .newHouse-contact {
    padding: 16px;
  }
  .newHouse-contact-title {
    font-size: 1.5rem;
  }
  .newHouse-contact-text {
    font-size: 1.3rem;
  }
  .newHouse-pop {
    padding: 25px 16px;
  }
  .newHouse-pop-title {
    margin-bottom: 15px;
    font-size: 1.7rem;
  }
  .newHouse-pop-title > strong {
    display: block;
    font-size: 2.2rem;
  }
  .newHouse-pop-subtitle {
    margin-bottom: 5px;
    font-size: 1.7rem;
  }
  .newHouse-pop-column {
    display: block;
  }
  .newHouse-pop-column:not(:last-child) {
    margin-bottom: 15px;
  }
  .newHouse-pop-column > *:not(:first-child) {
    margin: 20px 0 0;
  }
  .newHouse-pop-image:not(:last-child) {
    margin-bottom: 10px;
  }
  .newHouse-pop-text {
    font-size: 1.3rem;
  }
  .newHouse-pop-text:not(:last-child) {
    margin-bottom: 10px;
  }
  .newHouse-pop-notebox {
    padding: 15px;
  }
  .newHouse-pop-notebox > dt {
    font-size: 1.4rem;
  }
  .newHouse-pop-notebox > dd {
    font-size: 1.2rem;
  }
  .newHouse-pop > .newHouse-detailbtn {
    text-align: center;
  }
  .newHouse-pop-btnlist > *:not(:first-child) {
    margin-left: 5px;
  }
  .newHouse-pop-close {
    background: #888;
  }
}
/* ポップアップ */
.js-popupBlock {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  padding: 100px 15px;
}
.js-popupBlockBg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
  cursor: pointer;
}
.js-popupBlock-inner {
  position: relative;
  z-index: 999;
  max-width: 940px;
  margin: auto;
  background: #fff;
  border-radius: 8px;
}

.is-noScroll {
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


/* 特典2カラムタイプ */
.newHouse-presentBlock{
  padding: 110px 0 80px 0;
}
.newHouse-presentBlock .inner{
  display: flex;
}
.newHouse-presentBlock .newHouse-present-title{
  width: 420px;
  height: 80px;
  padding: 7px 38px 40px 38px;
  font-size: 2.0rem;
  display: block;
}
.newHouse-presentBlock .newHouse-present-title span{
  display: block;
}
.newHouse-presentBlock .newHouse-present{
  padding: 55px 30px 20px 30px;
  display: block;
  margin: 0 10px;
  min-height: 530px;
}
.newHouse-presentBlock .newHouse-present::before {
  top: 56px;
  left: 42px;
}
.newHouse-presentBlock .newHouse-present::after {
  right: 32px;
  bottom: inherit;
  top: 102px;
}
.newHouse-presentBlock .newHouse-present-text{
  margin-bottom: 20px;
}
.newHouse-presentBlock .newHouse-present-note{
  padding: 20px;
  background: #f9f9f4;
}
.newHouse-presentBlock .newHouse-present-title-fukidasi::before{
  position: absolute;
  content: url(/wordpress/wp-content/uploads/new-house-plan-quo_fukidasi.png);
  top: -57px;
  left: 47px;
}

@media screen and (max-width: 750px) {
  .newHouse-presentWrap{
    margin-bottom: 0px;
  }
  .newHouse-presentBlock{
    padding: 80px 0 0 0;
  }
  .newHouse-presentBlock .inner{
    display: block;
  }
  .newHouse-presentBlock .newHouse-present{
    min-height: inherit;
  }
  .newHouse-presentBlock .newHouse-present-title{
    width: 100%;
    font-size: 1.8rem;
    height: 65px;
  }
  .newHouse-presentBlock .newHouse-present{
    padding: 45px 20px 20px 20px;
  }
  .newHouse-presentBlock .newHouse-present-title-fukidasi::before{
    left: 0px;
    top: -57px;
  }
  .newHouse-detailbtn-readtxt{
    font-size: 1.3rem;
  }
  .newHouse-spDisplay{
    display: block;
  }
}

/*========================================
	新築用css202404
========================================*/

.newHouse-kv {
	background: #fff;
}
.newHouse-kv-main {
	line-height: 0;
	margin-top: -16px;
}
.newHouse-kv .newHouse-notebox {
	text-align: left;
}
.newHouse-kv .newHouse-notebox-subtitle {
	font-size: 1.3rem;
}

.newHouse-nav ul > li {
  container-type: inline-size;
  container-name: nav;
}

@media screen and (max-width: 750px) {
	.newHouse-kv-main {
		margin-top: -30px;
	}
}

@container nav (min-width: 200px) {
	.newHouse-nav ul > li  > a {
		font-size: 1.7rem;
	}
}

/* ウレシイ４つの加入特典 */
.newHouse-speciallist {
	--clm-num: 4;
  --gap: 20px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.newHouse-speciallist > :where(*) {
	inline-size: calc((100% - var(--gap) * (var(--clm-num) - 1)) / var(--clm-num));
	flex: none;
}
.newHouse-speciallist + .newHouse-note {
	margin-top: 1.5em;
	line-height: 1.8;
	text-align: left;
}
.newHouse-speciallist-budget .newHouse-specialbox-text strong {
	font-size: 3rem;
}
.newHouse-speciallist-budget .newHouse-specialbox-num {
	font-size: 1.33em;
}
.newHouse-speciallist-wifi .newHouse-specialbox-text strong {
	font-size: 2.3rem;
}
.newHouse-speciallist-wifi .newHouse-specialbox-num {
	font-size: 1.43em;
}
.newHouse-speciallist-stream .newHouse-specialbox-text {
	font-size: 2.3rem;
}
.newHouse-speciallist-stream .newHouse-specialbox-text strong {
	font-size: 1.9rem;
}
.newHouse-speciallist-stream .newHouse-specialbox-text sup {
	translate: -60% -60%;
}
.newHouse-speciallist-stream .newHouse-specialbox-num {
	font-size: 1.47em;
}

.newHouse-specialbox {
	display: grid;
	grid-template-rows: max-content auto;
	height: 100%;
	text-align: center;
}
.newHouse-specialbox-head {
	border-radius: 6px 6px 0 0;
	padding: 0.4em;
	background: var(--theme-color);
	color: #fff;
	font-size: 1.6rem;
}
.newHouse-specialbox-body {
	display: grid;
	grid-template-rows: max-content auto;
	padding: 15px;
	border-radius: 0 0 6px 6px;
	border: 4px solid #e9e9e9;
	border-top: none;
	background: #fff;
}
.newHouse-specialbox-image {
	padding: 10px 0;
	margin-bottom: 15px;
	border-bottom: 3px solid #e9e9e9;
}
.newHouse-specialbox-text {
	font-size: 1.8rem;
	font-weight: bold;
}
.newHouse-specialbox-text strong {
	color: #f84a67;
	font-size: 2.9rem;
}
.newHouse-specialbox-text sup {
	display: inline-block;
	vertical-align: top;
	margin-right: -2.5em;
	margin-left: 0.5em;
	font-size: 1rem;
	color: #767676;
}
.newHouse-specialbox-num {
	font-size: 1.45em;
	line-height: 1;
}

@media screen and (max-width: 750px) {
	.newHouse-speciallist {
		--clm-num: 2;
		--gap: 10px;
	}
	.newHouse-speciallist + .newHouse-note {
    margin-top: 1em;
    line-height: 2;
    letter-spacing: 0.09em;
	}
	.newHouse-speciallist-budget .newHouse-specialbox-text strong {
		font-size: 2.4rem;
	}
	.newHouse-speciallist-wifi .newHouse-specialbox-text strong {
		font-size: 1.9rem;
	}
	.newHouse-speciallist-stream .newHouse-specialbox-text sup {
    margin-top: -2.5em;
	}
	.newHouse-speciallist-stream .newHouse-specialbox-text {
		font-size: 1.9rem;
	}

	.newHouse-specialbox-head {
		font-size: 1.4rem;
	}
	.newHouse-specialbox-image img {
    scale: 1.2;
	}
	.newHouse-specialbox-text {
		font-size: 1.6rem;
	}
	.newHouse-specialbox-text strong {
		font-size: 2.6rem;
	}
}

/* CCNCが選ばれる理由 */
.newHouse-recommendlist-in {
	position: relative;
	background: rgba(255, 255, 255, 0.84);
	box-shadow: 0 0 1px rgba(219, 222, 179, 0.84);
	padding: 28px;
	font-size: 1.5rem;
	line-height: 1.6;
}
.newHouse-recommendlist-title + .newHouse-recommendlist-in {
	margin-top: -15px;
}
.newHouse-recommendlist-marker {
	text-align: center;
}
.newHouse-recommendlist-marker img:not(:last-child) {
	margin-bottom: 5px;
}
.newHouse-recommendlist-in,
.newHouse-recommendlist-in + .newHouse-note {
	max-width: 430px;
	margin: 0 20px;
}
.newHouse-recommendlist-in + .newHouse-note {
	text-align: left;
	margin-top: 1em;
}
.newHouse-recommendlist-in .newHouse-recommendlist-text > strong{
	color: #f84a67;
	font-size: 1.26em;
	line-height: 1;
}
.newHouse-recommendlist-chara {
	position: absolute;
	top: 50%;
	right: 0;
	translate: 40% -28%;
}
.newHouse-recommendlist li:nth-child(2) .newHouse-recommendlist-chara {
	translate: 15% -28%;
}
.newHouse-recommendlist li:nth-child(3) .newHouse-recommendlist-in,
.newHouse-recommendlist li:nth-child(4) .newHouse-recommendlist-in {
	padding-right: 45px;
}
.newHouse-recommendlist li:nth-child(3) .newHouse-recommendlist-chara {
	translate: 35% -52%;
}

.newHouse-recommendlist-area .newHouse-recommendlist-main {
	position: relative;
	z-index: 1;
}
.newHouse-recommendlist-area .newHouse-recommendlist-image {
	position: relative;
	z-index: 0;
	max-width: 408px;
}
.newHouse-recommendlist-area .newHouse-recommendlist-image img {
	scale: 1.4;
	translate: 25px 0;
}

@media screen and (max-width: 750px) {
	.newHouse-recommendlist-in {
		padding: 30px;
	}
	.newHouse-recommendlist-in .newHouse-recommendlist-text {
		font-size: 1.5rem;
	}
	.newHouse-recommendlist-title + .newHouse-recommendlist-in {
		margin-top: -8px;
	}
	.newHouse-recommendlist-marker figcaption {
		text-align: left;
	}
	.newHouse-recommendlist-in,
	.newHouse-recommendlist-in + .newHouse-note {
    max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
	.newHouse-recommendlist-in + .newHouse-note {
    line-height: 2;
    letter-spacing: 0.07em;
	}
	.newHouse-recommendlist-in .newHouse-recommendlist-text > strong{
		font-size: 1.9rem;
	}
	.newHouse-recommendlist-chara {
    translate: 38% -62%;
    max-width: 96px;
	}
	.newHouse-recommendlist li:nth-child(2) .newHouse-recommendlist-chara {
    translate: 27% 25%;
	}
	.newHouse-recommendlist li:nth-child(3) .newHouse-recommendlist-in,
	.newHouse-recommendlist li:nth-child(4) .newHouse-recommendlist-in {
    padding-right: 35px;
    padding-left: 35px;
	}
	.newHouse-recommendlist li:nth-child(3) .newHouse-recommendlist-chara {
		translate: 22% 69%;
	}
	.newHouse-recommendlist li:nth-child(4) .newHouse-recommendlist-chara {
    translate: 25% 36%;
    max-width: 101px;
	}

	.newHouse-recommendlist-area .newHouse-recommendlist-image {
    max-width: none;
    max-height: 450px;
    aspect-ratio: 1 / 1.18;
	}
	.newHouse-recommendlist-area .newHouse-recommendlist-image img {
    scale: 2.05;
    translate: 45px 6px;
	}
}

/* サービス開始までの流れ */
.newHouse-steplist-pic {
	display: block;
	border: 4px solid #e9e9e9;
	border-radius: 6px;
}
.newHouse-steplist-pic img {
	display: block;
}
.newHouse-steplist-num {
	display: block;
	width: fit-content;
	margin: 1.2rem auto 1rem;
	padding: 0.4em 1em;
	background: var(--theme-color);
	border-radius: 2em;
	font-size: 1.6rem;
	line-height: 0;
}

.newHouse-smooth {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}
.newHouse-smooth:not(:last-child) {
	margin-bottom: 60px;
}
.newHouse-smooth-title {
	padding: 0.8em;
	background: var(--theme-color);
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.newHouse-smooth-title strong {
	color: #fff102;
}
.newHouse-faqbox {
	padding: 25px 35px;
}
.newHouse-faqbox-head {
	display: flex;
	align-items: center;
	gap: 0.7em;
	margin-bottom: 1em;
	padding: 0 0.3em 0.6em;
	font-size: 1.9rem;
	font-weight: bold;
	border-bottom: 2px solid #e9e9e9;
}
.newHouse-faqbox-head::before {
	content: 'Q';
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 2em;
	aspect-ratio: 1;
	background: var(--theme-color);
	border-radius: 50%;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.newHouse-faqbox-title {
	color: var(--theme-color);
	font-size: 1.8rem;
	font-weight: bold;
}
.newHouse-faqbox-title:not(:last-child) {
	margin-bottom: 0.5em;
}
.newHouse-faqbox-subtitle {
	font-size: 1.5rem;
}
.newHouse-faqbox-text {
	font-size: 1.4rem;
}
.newHouse-faqbox-text:not(:last-child) {
	margin-bottom: 1.2em;
}

.newHouse-bnBox .newHouse-note {
	margin-top: 1em;
	text-align: left;
}
.newHouse-bnBtn {
	display: block;
}
a.newHouse-bnBtn:hover img {
	opacity: 0.7;
}

@media screen and (max-width: 750px) {
	.newHouse-smooth:not(:last-child) {
		margin-bottom: 30px;
	}
	.newHouse-smooth-title {
		font-size: 1.9rem;
	}
	.newHouse-faqbox {
		padding: 15px 25px 25px;
	}
	.newHouse-faqbox-head {
		padding: 0 0 0.5em;
    line-height: 1.3;
	}
	.newHouse-faqbox-head::before {
    inline-size: 2.3em;
		font-size: 1.9rem;
	}
	.newHouse-faqbox-title:not(:last-child) {
		margin-bottom: 0.8em;
	}
	.newHouse-faqbox-text:not(:last-child) {
		margin-bottom: 1em;
	}

	.newHouse-bnBox .newHouse-note {
    margin-top: 1.4em;
    line-height: 2;
	}
}

/*========================================
	新築用色css
========================================*/

.theme-key {
	--theme-color: #00a0e9;
	background: #fffff0;
}
.theme-key .newHouse-nav {
	padding-top: 50px;
	padding-bottom: 0;
	background: none;
}
.theme-key .newHouse-nav ul > li > a {
	border: 1px solid #d6dce2;
	box-shadow: 0px 4px 0px #d6dce2;
}
.theme-key .newHouse-nav ul > li > a::after {
	border-top-color: var(--theme-color);
}
.theme-key .newHouse-notebox {
	background: #e8f4fb;
	padding-left: 30px;
	padding-right: 30px;
}
.theme-key .newHouse-section + .newHouse-section {
	position: relative;
}
.theme-key .newHouse-section + .newHouse-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: min(960px, calc(100% - 60px));
	height: 3px;
	margin: 0 auto;
	background: #e9e9e9;
}
.theme-key .newHouse-recommendlist-image {
	width: 420px;
}
.theme-key .newHouse-recommendlist > li:nth-child(2n) .newHouse-recommendlist-image {
	order: -1;
	margin-left: 20px;
	margin-right: 35px;
}
.theme-key .newHouse-recommendlist > li:nth-child(2n + 1) .newHouse-recommendlist-image {
	order: 0;
	margin-left: 35px;
	margin-right: 20px;
}

.theme-key .newHouse-planbox-main {
	background: #fff;
}
.theme-key .newHouse-planbox-priceTitle {
	font-size: 1.4rem;
}
.theme-key .newHouse-planbox-priceNum {
	font-size: 3.6rem;
}
.theme-key .newHouse-planbox-priceNum small {
	font-size: 2.2rem;
}
.theme-key .newHouse-planbox-priceNote {
	font-size: 1.6rem;
}
.theme-key .newHouse-planbox-main .newHouse-planbox-note {
	display: inline-block;
    vertical-align: bottom;
	font-size: 1.3rem;
}
.theme-key .newHouse-shinchikubtn {
	margin: 3rem auto 0;
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(720px,100%);
    padding: 16px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #d6dce2;
    box-shadow: 0px 3px 0px #d6dce2;
    color: #2d373f;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
    text-decoration: none;
}
.theme-key .newHouse-shinchikubtn:hover {
	top: 3px;
}
.theme-key .newHouse-shinchikubtn::after {
	content: "";
	position: absolute;
	inset-inline-end: 1rem;
	inset-block: 0;
	margin-block: auto;
	width: 7px;
	height: 8px;
	background: var(--theme-color);
	clip-path: polygon(0 0,100% 50%,0 100%);
}
.theme-key .newHouse-section:has(.newHouse-block-center) {
	padding: 50px 0 75px 0;
}
.theme-key .newHouse-block-center {
	margin-top: 0;
	background: none;
	padding: 0;
}
.theme-key .newHouse-block-center:not(:last-child) {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 45px;
	padding-bottom: 45px;
}
.theme-key .newHouse-detailbtn-readtxt {
	font-size: 2rem;
	line-height: 1.8;
}
.theme-key .newHouse-detailbtn-readtxt mark {
	background: linear-gradient(transparent 60%, #fff100 0%);
	color: #f84a67;
	font-size: 1.25em;
	letter-spacing: 0.04em;
}
.theme-key .newHouse-detailbtn {
	display: flex;
	justify-content: center;
	gap: 2.2rem;
}

.theme-key .newHouse-detailbtn > a {
	display: block;
    width: 340px;
    padding: 1.2rem;
    font-size: 1.9rem;
	background: var(--theme-color) url(/wordpress/wp-content/uploads/new-house-bg-penetration.png);
	box-shadow: 0px 4px 0px color-mix(in srgb, #000 15%, var(--theme-color));
}
.theme-key .newHouse-detailbtn > a span {
	display: block;
    font-size: 1.3rem;
}
.theme-key .newHouse-detailbtn > a.newHouse-detailbtn-yellow {
	--clr-yellow: #fcff1b;
	color: var(--theme-color);
	background: var(--clr-yellow) url(/wordpress/wp-content/uploads/new-house-bg-penetration202504.png);
	box-shadow: 0px 4px 0px color-mix(in srgb, #000 15%, var(--clr-yellow));
}
.theme-key .newHouse-detailbtn > a.newHouse-detailbtn-yellow span {
	color: #2d373f;
}
.theme-key .newHouse-detailbtn > a::after {
	border-width: 4px 0 4px 6px;
	right: 11px;
}

.theme-key .newHouse-pointbox {
	border-radius: 6px;
	background: #f3f3e1;
}

.theme-key .newHouse-steplist > li:not(:first-child)::before {
	background: var(--theme-color);
	mask: url(/wordpress/wp-content/uploads/new-house-step-arrow.png) no-repeat 50% 50% / contain;
}
.theme-key .newHouse-steplist-title {
	color: inherit;
}

.theme-key .newHouse-canlist > li > a {
	background: none;
	box-shadow: 0px 4px 0px color-mix(in srgb, #000 15%, var(--theme-color));
}
.theme-key .newHouse-canlist {
	margin: 0 0 -48px -60px;
}
.theme-key .newHouse-canlist > li {
	margin: 0 0 48px 60px;
}
.theme-key .newHouse-canlist-image {
	line-height: 0;
}
.theme-key .newHouse-canlist-text {
	padding: 1.5em 1em 1.2em;
	background: var(--theme-color) url(/wordpress/wp-content/uploads/new-house-bg-penetration.png);
}
.theme-key .newHouse-cvbox {
	position: sticky;
    inset-block-end: 0;
	background: var(--theme-color) url(/wordpress/wp-content/uploads/new-house-bg-penetration.png);
}
.theme-key .newHouse-cvbox-btn-quocard > a,
.theme-key .newHouse-cvbox-btn-document > a {
	box-shadow: none;
	text-shadow: none;
	color: var(--theme-color);
	font-size: 2.4rem;
}
.theme-key .newHouse-cvbox-btn-quocard > a span,
.theme-key .newHouse-cvbox-btn-document > a span {
	color: #2d373f;
	font-size: 1.5rem;
}
.theme-key .newHouse-cvbox-btn-quocard > a {
	background: #fcff1b;
}
.theme-key .newHouse-cvbox-btn-document > a {
	background: #fff;
}

.theme-key .newHouse-pop-main .newHouse-detailbtn > a {
	max-width: none;
}
.theme-key .newHouse-pop-subtitle {
	color: var(--theme-color);
}
.theme-key .newHouse-pop-title > strong {
	color: var(--theme-color);
}

.theme-key.newHouse img {
	height: auto;
}

@media screen and (max-width: 750px) {
	.theme-key .newHouse-section {
		padding-left: 30px;
		padding-right: 30px;
    overflow: hidden;
	}
	.theme-key .newHouse-section-title img {
    height: auto;
	}

	.theme-key .newHouse-recommendlist-title {
    display: flex;
    align-items: center;
    min-height: 2lh;
    padding: 0 0 0 70px;
    font-size: 2.2rem;
    line-height: 1.4;
	}
	.theme-key .newHouse-recommendlist-title > img {
    width: 60px;
	}

	.theme-key .newHouse-recommendlist-image {
		width: auto;
	}
	.theme-key .newHouse-recommendlist > li:nth-child(2n+1) .newHouse-recommendlist-image {
		margin-left: 0;
		margin-right: 0;
	}
	.theme-key .newHouse-recommendlist > li:nth-child(2n) .newHouse-recommendlist-image {
		margin-left: 0;
		margin-right: 0;
	}

	.theme-key .newHouse-planbox-main {
    padding-left: 25px;
    padding-right: 25px;
	}
	.theme-key .newHouse-planbox-main .newHouse-planbox-lead {
		font-size: 1.6rem;
	}
	.theme-key .newHouse-planbox-priceTitle {
    display: block;
    width: fit-content;
    margin: 5px auto 10px;
	}
	.theme-key .newHouse-planbox-priceNum {
		font-size: 3.8rem;
	}
	.theme-key .newHouse-planbox-priceNum small {
		font-size: 2.4rem;
	}
	.theme-key .newHouse-planbox-priceNote {
		font-size: 1.4rem;
	}
	.theme-key .newHouse-planbox-main .newHouse-planbox-note {
		display: block;
        text-align: center;
		margin-top: 6px;
		line-height: 1.7;
	}
	.theme-key .newHouse-detailbtn {
		flex-direction: column;
		align-items: center;
		gap: 1.4rem;
	}
	.theme-key .newHouse-detailbtn-readtxt {
		font-size: 1.6rem;
	}
	.theme-key .newHouse-detailbtn-readtxt mark {
		font-size: 1.8rem;
	}
	.theme-key .newHouse-detailbtn > a {
		--sideSpace: 30px;
		width: calc(100% - var(--sideSpace)*2);
		font-size: 2rem;
	}
	.theme-key .newHouse-detailbtn > a span{
		font-size: 1.4rem;
	}
	.theme-key .newHouse-detailbtn > a::after {
    right: 15px;
	}

	.theme-key .newHouse-section-lead {
		font-size: 1.5rem;
	}

	.theme-key .newHouse-steplist {
    padding: 15px 0;
	}
	.theme-key .newHouse-steplist > li {
		display: grid;
		gap: 1.5rem;
    grid-template-columns: 16.5rem auto;
		grid-template-areas:
			"title title"
			"img text";
	}
	.theme-key .newHouse-steplist > li:not(:first-child) {
		margin-top: 15px;
	}
	.theme-key .newHouse-steplist > li:not(:first-child)::before {
		content: none;
	}
	.theme-key .newHouse-steplist-image {
		display: contents;
	}
	.theme-key .newHouse-steplist-pic {
		grid-area: img;
	}
	.theme-key .newHouse-steplist-text {
		grid-area: text;
    font-size: 1.4rem;
	}
	.theme-key .newHouse-steplist-title {
		grid-area: title;
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0;
    font-size: 1.8rem;
	}
	.theme-key .newHouse-steplist-num {
		margin: 0 1em 0 0;
    flex: none;
	}

	.theme-key .newHouse-canlist {
    display: flex;
		margin: 0 0 -15px -15px;
	}
	.theme-key .newHouse-canlist > li {
		margin: 0 0 15px 15px;
		width: calc(100% / 2 - 15px);
	}
	.theme-key .newHouse-canlist-text {
    font-size: 1.4rem;
	}

	.theme-key .newHouse-cvbox-btn-quocard > a,
	.theme-key .newHouse-cvbox-btn-document > a {
		font-size: 1.2rem;
	}
}

/*========================================
	チャンネル数変更用css
========================================*/

.sguide-channel-limited{
  display: inline-block;
  /*background: #0096df;*/
  background: #ffea3c;
  margin-bottom: 2px;
  padding: 2px 4px 1px;
  color: #000;
  border-radius: 6px;
  font-size: 0.8em;
}

/*========================================
	30周年記念css
========================================*/
@media (min-width: 750px) {
  .an30th .spShow {
    display: none;
  }
}
.an30th-strong {
  color: #a27f58;
  font-weight:  bold;
  text-decoration: underline;
}
.an30th a {
  color: #a27f58;
}
.an30th img {
  max-width: 100%;
}
.an30th .inner {
  max-width: 960px;
  margin: 0 auto;
}
.an30th-visual {
  border-bottom: 8px solid #000;
/*  background: url(/wordpress/wp-content/uploads/new-house-service-chara.png) no-repeat 50% 50%/contain;*/
  background: url(/wordpress/wp-content/uploads/30th-visual-bg.png) 100% 100% /cover;
  text-align: center;
}
@media screen and (max-width: 750px) {
	.an30th-visual {
    background: #000;
    border-bottom: 4px solid #000;
	}
}

.an30th-nav {
  padding: 27px 0;
  background: #a27f58;
}
.an30th-nav ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -15px;
}
.an30th-nav ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 15px;
}
.an30th-nav ul > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 76px;
  padding: 10px 5px 15px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 0px #c7c8c8;
          box-shadow: 0px 4px 0px #c7c8c8;
  color: #535353;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  text-decoration: none;
}
.an30th-nav ul > li > a::after {
  content: '';
  position: absolute;
  right: calc(50% - 6px);
  bottom: 7px;
  border-top: 6px solid #a27f58;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.an30th-nav ul > li > a:hover {
  top: 3px;
}

.an30th-section {
  padding: 80px 0;
}

.an30th-section-title {
  margin-bottom: 35px;
  text-align: center;
  position: relative;
  z-index: 99;
}
.an30th-section-lead {
  margin-bottom: 35px;
  font-size: 1.5rem;
  line-height:  2.0;
  text-align: left;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 750px) {
  .an30th .pcShow {
    display: none;
  }
  .an30th-nav {
    padding: 20px;
  }
  .an30th-nav ul {
    display: block;
    margin: 0;
  }
  .an30th-nav ul > li {
    margin: 0 0 10px;
  }
  .an30th-nav ul > li > a {
    display: block;
    height: auto;
    padding: 15px 20px;
  }
  .an30th-nav ul > li > a::after {
    right: 10px;
    bottom: calc(50% - 6px);
  }
  .an30th-section {
    padding: 40px 16px;
  }
  .an30th-section-title {
    margin-bottom: 15px;
  }
  .an30th-section-lead {
    margin-bottom: 15px;
    font-size: 1.3rem;
  }
}



/* 30周年関連情報 */
.an30th-news-01{
	background: #ffff00;
	border: 10px solid #a27f58;
}
.an30th-news-01 .news-linklist{
	padding: 25px 30px;
}
.an30th-news-01 .news-linklist a{
	padding: 8px 5px;
}
.an30th-news-01 .news-linklist div:nth-child(2){
	width: 180px;
}

.an30thnews-label-news{
	background: #a27f58;
	color: #fff;
}




/* 30周年によせて */
.an30th-for {
  padding: 90px 0 130px;
  background: #fffff6;
}

.an30th-for-title {
  margin-bottom: 15px;
  padding-left: 8px;
  border-left: 6px solid #a27f58;
  font-size: 2.4rem;
  font-weight: bold;
  color: #a27f58;
}

.an30th-for-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.an30th-for-column:not(:last-child) {
  margin-bottom: 20px;
}
.an30th-for-main {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.an30th-for-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 400px;
  margin-left: 35px;
  text-align: center;
}
.an30th-for-subtitle {
  margin-bottom: 10px;
  color: #d20211;
  font-size: 1.8rem;
  font-weight: bold;
}
.an30th-for-text {
  font-size: 1.5rem;
  line-height: 2.0;
}
.an30th-for-text:not(:last-child) {
  margin-bottom: 25px;
}
.an30th-for-text > sup {
  vertical-align: super;
  font-size: 1.2rem;
}
.an30th-for-text > strong {
  color: #d20211;
  font-weight: bold;
}
.an30th-for-note {
  font-size: 1.2rem;
}


@media screen and (max-width: 750px) {
  .an30th-for {
    padding: 40px 16px;
  }
  .an30th-for-column {
    display: block;
  }
  .an30th-for-column:not(:last-child) {
    margin-bottom: 10px;
  }
  .an30th-for-main {
    margin: 0 0 10px;
  }
  .an30th-for-image {
    width: auto;
    margin: 0 auto;
  }
  .an30th-for-title {
    margin-bottom: 10px;
/*    padding: 8px 0 8px 60px;*/
    font-size: 2.0rem;
  }
  .an30th-for-title > img {
    width: 50px;
    height: auto;
  }
  .an30th-for-subtitle {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
  .an30th-for-text {
    font-size: 1.3rem;
  }
  .an30th-for-text:not(:last-child) {
    margin-bottom: 15px;
  }
  .an30th-for-text > sup {
    font-size: 1.1rem;
  }
  .an30th-for-note {
    font-size: 1.1rem;
  }
}


.an30th-truth {
  background: #fffff6;
}
.an30th-truthlist {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
/*  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;*/
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/*  margin: 0 0 -40px -40px; */
}

.an30th-truthlist > li {
/*  width: 353px;
  margin: 0 0 40px 40px;*/
}
.an30th-truthlist > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: url(/wordpress/wp-content/uploads/new-house-bg.png);
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 0px #9d0711;
          box-shadow: 0px 4px 0px #9d0711;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  text-decoration: none;
  overflow: hidden;
}
.an30th-truthlist > li > a:hover {
  top: 3px;
}
.an30th-truthlist-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.an30th-truthlist-image img {
  width: 100%;
}
.an30th-truthlist-text {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 5px;
}
.an30th-truthlist-text::after {
  content: '';
  position: absolute;
  right: 7px;
  bottom: 7px;
  border-bottom: 8px solid currentColor;
  border-left: 8px solid transparent;
}

@media screen and (max-width: 750px) {
  .an30th-truthlist {
    display: block;
    margin: 0 0 -20px;
  }
  .an30th-truthlist > li {
    margin: 0 auto 20px;
    width: 100%;
  }
  .an30th-truthlist > li > a {
    font-size: 1.6rem;
  }
}



/* 地域とともに歩んだ30年 */
.an30th-history {
/*  background: #ac020b;*/
/*  background: url(../../../../../30th/images/30th-history-bg.png) 100% 100% /cover;*/
  background: url(/wordpress/wp-content/uploads/30th-history-bg.png) ;
  background-size: 100% auto;
/*  text-align: center;*/
}


.an30th-historylist {
	margin-left:  20px;
}

.an30th-historylist li{
	list-style-type:none;
	list-style-image:none;
	margin: 5px 0px 5px 0px;
}

.an30th-historylist li{
  position:relative;
	padding-left:20px;
}

.an30th-historylist li:after{
	content:'';
	display:block;
	position:absolute;
	width:12px;
	height: 12px;
	top:5px;
	left:0px;
	background: #a27f58;
	border-radius: 0;
}


.an30th-historylist:not(:last-child) {
  margin-bottom: 112px;
}
.an30th-historylist > li:not(:last-child) {
  margin-bottom: 50px;
}
.an30th-historylist > li:nth-child(2n) .an30th-historylist-image {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin: 0 35px 0 0;
}

.an30th-history-title {
  margin-bottom: 15px;
  padding-left: 8px;
  border-left: 6px solid #a27f58;
  font-size: 2.4rem;
  font-weight: bold;
  color: #a27f58;
}

.an30th-history-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.an30th-history-column-re {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.an30th-history-column:not(:last-child) {
  margin-bottom: 20px;
}
.an30th-history-main {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.an30th-history-image {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.an30th-history-image_01 {
  width: 350px;
  margin-left: 35px;
  margin-top:  -80px;
  text-align: center;
}
.an30th-history-image_02 {
  width: 395px;
  margin-right: 35px;
  text-align: center;
}
.an30th-history-image_03 {
  width: 415px;
  margin-left: 35px;
  margin-top:  -100px;
  text-align: center;
}
.an30th-history-image_04 {
  width: 432px;
  margin-right: 35px;
  text-align: center;
}
.an30th-history-image_05 {
  width: 469px;
  margin-left: 35px;
  margin-top:  -20px;
  text-align: center;
}
.an30th-history-image_06 {
  width: 345px;
  margin-left: 35px;
  margin-top:  -80px;
  text-align: center;
}
.an30th-history-image_07 {
  width: 426px;
  margin-left: 35px;
  margin-top:  -100px;
  text-align: center;
}
.an30th-history-image_08 {
  width: 380px;
  margin-left: -35px;
  text-align: center;
}
.an30th-history-image_09 {
  width: 548px;
  margin-left: 35px;
  margin-top: -80px;
  text-align: center;
}


.an30th-history-subtitle {
  margin-bottom: 10px;
  color: #d20211;
  font-size: 1.8rem;
  font-weight: bold;
}
.an30th-history-text {
  font-size: 1.5rem;
  line-height: 1.8;
}
.an30th-history-text:not(:last-child) {
  margin-bottom: 25px;
}
.an30th-history-text > sup {
  vertical-align: super;
  font-size: 1.2rem;
}
.an30th-history-text > strong {
  color: #d20211;
  font-weight: bold;
}
.an30th-history-note {
  font-size: 1.2rem;
}

@media screen and (max-width: 750px) {
  .an30th-history {
/*    padding: 40px 16px;*/
    background: none;
    background-color: #fcf8f4;
  }
  .an30th-historylist:not(:last-child) {
    margin-bottom: 50px;
  }
  .an30th-historylist > li:not(:last-child) {
    margin-bottom: 25px;
  }
  .an30th-historylist > li:nth-child(2n) .an30th-historylist-image {
    margin: 0 auto;
  }
  .an30th-history-column {
    display: block;
  }
  .an30th-history-column:not(:last-child) {
    margin-bottom: 10px;
  }
  .an30th-history-main {
    margin: 0 0 10px;
  }
  .an30th-history-image {
    width: auto;
    margin: 0 auto;
  }
  .an30th-history-title {
    margin-bottom: 10px;
    padding: 8px 0 8px 8px;
    font-size: 2.0rem;
  }
  .an30th-history-title > img {
    width: 50px;
    height: auto;
  }
  .an30th-history-subtitle {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
  .an30th-history-text {
    font-size: 1.3rem;
  }
  .an30th-history-text:not(:last-child) {
    margin-bottom: 15px;
  }
  .an30th-history-text > sup {
    font-size: 1.1rem;
  }
  .an30th-history-note {
    font-size: 1.1rem;
  }

}


.an30th-video {
  background: #fffff6;
}

.an30th-video-title {
	font-size:  2.4rem;
	font-weight:  bold;
	background:  #ded2c5;
	border-radius: 10px;
	padding:  5px 0 5px 20px;
	margin-bottom:  20px;
}
@media screen and (max-width: 750px) {
	.an30th-video-title {
		font-size:  1.8rem;
	}
}


.an30th-video-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
/*  margin-bottom: 50px;*/
}

.an30th-video-wrap-iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



.an30th-archives {
  background: #fffff6;
}

.an30th-archives-image {
  margin-bottom: 20px;
}


.an30th-archives-image a:hover {
  opacity: 0.8;
}


.an30th-cvbox {
/*  padding: 15px 20px 25px;*/
/*  background: url(/wordpress/wp-content/uploads/new-house-bg.png);*/
  background: url(/wordpress/wp-content/uploads/an30th-cvbox-bg.png);
  text-align: center;
  color: #fff;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: all 0.45s ease-out;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}

.an30th-cvbox-lead {
  margin-bottom: 15px;
}
.an30th-cvbox-text {
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.an30th-cvbox-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.an30th-cvtransformbox-column > * {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.an30th-cvbox-column > *:not(:first-child) {
  margin-left: 20px;
}
/*ボタンベース*/
.an30th-cvbox-btn > a {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 20px 35px;
/*  background: #ffa200;
  border-radius: 100px;
  -webkit-box-shadow: 0px 4px 0px #c47c00;
          box-shadow: 0px 4px 0px #c47c00;
  color: #fff;
  font-size: 2.6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #b58800;*/
}
.an30th-cvbox-btn > a:link,
.an30th-cvbox-btn > a:hover {
  color: #fff;
}
/*.an30th-cvbox-btn > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  border-left: 8px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}*/
.an30th-cvbox-btn > a:hover {
  top: 3px;
}
/* Quoカードボタン */
.an30th-cvbox-btn-quocard {
  width: 50%;
}
.an30th-cvbox-btn-quocard sup{
  vertical-align: super;
  font-size: 1.2rem;
}

.an30th-cvbox-btn-quocard > a {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 35px;
  background: #249f5e;
  border-radius: 100px;
  -webkit-box-shadow: 0px 4px 0px #127942;
          box-shadow: 0px 4px 0px #127942;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #127942;
}
.an30th-cvbox-btn-quocard > a span{
  font-size: 1.4rem;
  display: block;
  color: #fcff00;
}
.an30th-cvbox-btn-quocard > a:link,
.an30th-cvbox-btn-quocard > a:hover {
  color: #fff;
}
.an30th-cvbox-btn-quocard > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  border-left: 8px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.an30th-cvbox-btn-quocard > a:hover {
  top: 3px;
}
/* 資料請求ボタン */
.an30th-cvbox-btn-document {
  width: 50%;
}
.an30th-cvbox-btn-document > a {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 35px;
  background: #2e6dba;
  border-radius: 100px;
  -webkit-box-shadow: 0px 4px 0px #1759a5;
          box-shadow: 0px 4px 0px #1759a5;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #1759a5;
}
.an30th-cvbox-btn-document > a span{
  font-size: 1.4rem;
  display: block;
  color: #fcff00;
}
.an30th-cvbox-btn-document > a:link,
.an30th-cvbox-btn-document > a:hover {
  color: #fff;
}
.an30th-cvbox-btn-document > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  border-left: 8px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.an30th-cvbox-btn-document > a:hover {
  top: 3px;
}
.an30th-block-center{
  margin: 30px auto 0 auto;
  text-align: center;
  padding: 30px 0;
  background: #fff7f7;
}
.an30th-cvbox-note{
  margin-top: 20px;
  color:#ffb3b3;
  font-size: 1.1rem;
}


@media screen and (max-width: 750px) {
  .an30th-cvbox {
    padding: 15px 0px;
    z-index: 9999;
  }
  .an30th-cvbox-lead {
    margin-bottom: 10px;
  }
  .an30th-cvbox-text {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .an30th-cvbox-column {
    /*display: block;*/
  }
  .an30th-cvbox-column > *:not(:first-child) {
    margin: 0 5px;
  }
  .an30th-cvbox-btn > a {
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 1.9rem;
  }
  .an30th-cvbox-btn > a::after {
    right: 15px;
  }
}

/*========================================
	楽録ページ用css
========================================*/

.price_wrap{
	display: flex;
	align-items: center;
	justify-content: right;
}
.price_txt{
	color: #d40d0d;
	font-weight: bold;
	font-size: 1.4rem;
}
.price_txt_en {
	font-size: 2.4rem;
}
.rakuroku_bg{
	margin-right: 5px;
	margin-top: 5px;
	display: inline-block;
	background-color: #0096df;
	color: #fff !important;
	padding: 5px 17px;
	border-radius: 100px;
	font-size: 1.3rem;
}

/*========================================
	auスマートバリューページ用css
========================================*/

#ausv section {
  width: 900px;
  padding-bottom: 40px;
  margin: 0 auto; }

/* HEADLINE-- */
#ausv .headline__img {
  margin: 25px 0 30px;
    background-image: url(/wordpress/wp-content/uploads/main2.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 294px;}
  .headline__img div {
    width: 540px;
    text-align: center;
    position:relative;
    top:30px;
    left: 0px;
    color: #333;
    font-size: 29px;
    font-weight: bold;
	text-shadow: 1px 1px #fbc602, 2px 2px #fbc602, 3px 3px #fbc602, -1px -1px #fbc602, -2px -2px #fbc602, -3px -3px #fbc602, -1px 1px #fbc602, -2px 2px #fbc602, -3px 3px #fbc602; }
    .headline__img div span {
      font-size: 17px; }

#ausv .headline__txt {
  text-align: center;
  padding-bottom: 15px; }

#ausv .headline__txt--maincolor {
  color: #CF5C1B;
  font-size: 50px; }

#ausv .headline__link__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ausv .headline__link {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 290px;
  word-break: break-all;
  padding: 20px 2px 35px;
  border: 3px solid #CF5C1B;
  text-align: center;
  text-decoration: none;
  color: #000000; }
  #ausv .headline__link p {
    font-size: 13px;
    font-weight: bold; }
  #ausv .headline__link::before {
    position: absolute;
    content: '';
    bottom: 10px;
    right: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-top: 4px solid #CF5C1B;
    border-right: 4px solid #CF5C1B;
    margin: 0 auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  #ausv .headline__link:hover {
    opacity: .7; }

#ausv .headline__link__text {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 10px; }

#ausv .headline__link__text--maincolor {
  color: #CF5C1B; }

/* --HEADLINE */
/* SET-- */
#ausv .section__title {
  font-size: 26px;
  font-weight: bold;
  padding: 10px 15px;
  border-left: 4px solid #CF5C1B;
  margin-bottom: 20px; }

#ausv .section__title--maincolor {
  color: #CF5C1B; }

#ausv .set__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 30px; }
  #ausv .set__wrapper::before {
    content: '';
    background-image: url(/wordpress/wp-content/uploads/plus.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 45%;
    right: 432px; }
  #ausv .set__wrapper::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #CF5C1B transparent transparent transparent;
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    margin: 0 auto; }

#ausv .set__link__wrapper {
  text-align: left; }

#ausv .set__link--catv {
  padding-left: 11px; }
  #ausv .set__link--catv a {
    width: 100%;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-align: left;
    color: #06a;
    word-wrap: break-word;
    margin-top: 10px;
    vertical-align: middle; }
    .set__link--catv a:hover {
      text-decoration: underline; }

#ausv .set__link__last {
  position: relative;
  padding-right: 13px; }
  #ausv .set__link__last::before {
    position: absolute;
    content: '';
    background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 10px; }

#ausv .set__content {
  width: 410px;
  text-align: center;
  padding: 25px 14px; }

#ausv .set__catv {
  border: 1px solid #89bc36; }

#ausv .set__catv__headline {
  font-size: 28px;
  font-weight: bold; }

#ausv .set__catv__middle_head {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px; }


#ausv .set__catv__headline--color {
  color: #89bc36;
  font-size: 30px;
  margin-right: 5px; }

#ausv .set__catv__img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 382px;
  height: 109px;
  margin: 20px auto 25px;
  text-align: center;
  position: relative; }
  #ausv .set__catv__img img {
    max-width: 100%;
    height: auto;
    overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#ausv .set__catv__text {
  font-size: 16px;
  font-weight: bold; }

#ausv .set__catv__plan {
  width: 315px;
  height: 77px;
  padding: 7px 0;
  border: 2px solid #89bc36;
  margin: 10px auto;
  overflow: hidden; }
  #ausv .set__catv__plan img {
    width: 275px;
    height: 67px;
    overflow: hidden; }
  #ausv .set__catv__plan p {
    font-size: 16px; }

#ausv .set__au {
  border: 1px solid #CF5C1B;
  position: relative;
  margin-left: 80px; }

#ausv .set__au__headline {
  font-size: 28px;
  font-weight: bold; }
  .set__au__headline img {
    width: 76px;
    padding-right: 5px; }

#ausv .set__au__img {
  padding: 15px 0;
  height: 109px;
  margin: 20px auto 25px; }

#ausv .set__au__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(100% - 250px); }

#ausv .set__au__text--content {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold; }

#ausv .set__au__text--star {
  position: relative;
  top: -3px;
  font-size: 10px;
  vertical-align: top; }

#ausv .set__au__text--star-note {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  margin-top: 10px; }

.set__au__note {
  font-size: 12px;
  line-height: 18px; }

.set__link--au {
  text-align: left;
  padding-left: 11px; }
  #ausv .set__link--au a {
    position: relative;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #06a;
    word-wrap: break-word;
    padding-right: 13px;
    vertical-align: middle; }
    #ausv .set__link--au a::after {
      position: absolute;
      content: '';
      background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
      background-repeat: no-repeat;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 6px;
      height: 10px; }
    #ausv .set__link--au a:hover {
      text-decoration: underline; }

#ausv .set__message {
  width: 100%;
  padding-top: 10px; }
  .set__message img {
    display: block;
    margin: 0 auto; }

#ausv .set__example {
  margin-top: 30px; }

#ausv .set__example__label {
  text-align: center;
  padding-bottom: 15px; }

#ausv .set__example__main img {
  width: 100%;
  display: block;
  margin: 0 auto; }

#ausv .set__example__text {
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px; }

#ausv .set__example__text--bold {
  font-weight: bold; }

#ausv .set__example__link {
  width: 100%;
  text-align: right;
  padding-top: 10px; }
  #ausv .set__example__link a {
    position: relative;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #06a;
    word-wrap: break-word;
    padding-right: 13px;
    vertical-align: middle; }
    #ausv .set__example__link a::after {
      position: absolute;
      content: '';
      background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
      background-repeat: no-repeat;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 6px;
      height: 10px; }
    #ausv .set__example__link a:hover {
      text-decoration: underline; }

#ausv .set__example__note {
  font-size: 12px;
  line-height: 20px;
  font-weight: lighter;
  padding: 0px 0 10px; }

#ausv .set__left {
  float: left; }

#ausv .set__example__note__r {
  font-size: 12px;
  line-height: 20px;
  font-weight: lighter;
  padding: 20px 0 10px;
  color:red;
  text-align:left;}

#ausv .family__set__example__note {
  font-size: 12px;
  line-height: 20px;
  font-weight: lighter;
  padding: 15px 0 10px;
  margin:10px 0 50px 0;
}

#ausv .set__example__link--caution a {
  position: relative;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #06a;
  word-wrap: break-word;
  padding-right: 13px;
  vertical-align: middle; }
  #ausv .set__example__link--caution a::after {
    position: absolute;
    content: '';
    background-image: url(/wordpress/wp-content/uploads/arrow_link_down.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 6px; }
  #ausv .set__example__link--caution a:hover {
    text-decoration: underline; }

/* --SET */
/* --FAMILY */
#ausv .family__headline {
  color: #CF5C1B;
  font-size: 36px;
  font-weight: bold;
  text-align: center; }

#ausv .family__wrapper {
  position: relative;
  padding: 35px 20px;
  border: 1px solid #E5E5E5;
  background-color: #fff9e4;
  /*background-image: url(/wordpress/wp-content/uploads/family-bg.png);*/
  background-repeat: no-repeat;
  background-position: 20px 90px; }
#ausv .family__wrapper::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #CF5C1B transparent transparent transparent;
    position: absolute;
    top: 400px;
    right: 0;
    left: 0;
    margin: 0 auto; }

#ausv .family__text__example {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 100px; }

#ausv .family__list {
  display: -webkit-box;
  display: -ms-flexbox;
  /*! display: flex; */
  /*! width: 788px; */
  /*! text-align: center; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 30px;
  margin: 0 auto;
  /*! margin-bottom: 130px; */ }

#ausv .family__item {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5px; }

#ausv .family__text__item {
  font-size: 14px;
  padding-bottom: 5px; }

#ausv .family__text__maincolor {
  font-size: 11px;
  font-weight: bold;
    line-height: 16px; }

#ausv .family__figure__img img {
  display: block;
  margin: 0 auto; }

#ausv .family__summary {
  text-align: center;
  padding-top: 5px; }

#ausv .family__summary__label1 {
  padding: 10px 0 40px 0; }

#ausv .family__summary__label2 {
  margin-bottom: 30px; }

/* --FAMILY */
/* STEPS-- */
#ausv .steps__headline {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#ausv .steps__headline__number {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 115px;
  height: 50px;
  background: #CF5C1B;
  border: 1px solid #E5E5E5;
  border-collapse: collapse;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF; }

#ausv .steps__headline__title {
  position: relative;
  display: inline-block;
  width: 785px;
  height: 50px;
  background: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0 15px 20px;
  border: 1px solid #E5E5E5;
  border-collapse: collapse; }

#ausv .steps__headline__link {
  position: absolute;
  color: #06a;
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 35px; }
  #ausv .steps__headline__link a {
    position: relative;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #06a;
    word-wrap: break-word;
    padding-right: 13px;
    vertical-align: middle; }
    #ausv .steps__headline__link a::after {
      position: absolute;
      content: '';
      background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
      background-repeat: no-repeat;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 6px;
      height: 10px; }
    #ausv steps__headline__link a:hover {
      text-decoration: underline; }

#ausv .steps__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 410px 490px;
      grid-template-columns: 410px 490px;
  -ms-grid-rows: 130px max-content 130px;
      grid-template-rows: 130px -webkit-max-content 130px;
      grid-template-rows: 130px max-content 130px; }

#ausv .steps__content__choice--left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  position: relative; }
  #ausv .steps__content__choice--left:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 22px;
    height: 30px;
    background: #F5DED1; }
  #ausv .steps__content__choice--left:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 22px;
    height: 50px;
    background: #F5DED1; }

#ausv .steps__content__choice--right {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  position: relative; }
  #ausv .steps__content__choice--right:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 22px;
    height: 30px;
    background: #E5E5E5; }
  #ausv .steps__content__choice--right:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 38px;
    height: 50px;
    background-image: url(/wordpress/wp-content/uploads/arrow_end_no.png);
    background-repeat: no-repeat; }

#ausv .steps__content__choice__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 50px;
  padding: 12px 0;
  border: 1px solid #E5E5E5;
  margin: 30px auto 50px;
  font-size: 24px;
  font-weight: bold;
  text-align: center; }

#ausv .steps__content__choice__text--yes {
  color: #CF5C1B; }

#ausv steps__content__choice__text--no {
  color: #000000; }

#ausv .steps__content__box--left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  position: relative; }
  #ausv .steps__content__box--left:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 22px;
    height: 100%;
    background: #F5DED1; }

#ausv .steps__content__box--right {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  width: 490px;
  padding: 20px 20px 20px 20px;
  background: #FFFAE5;
  position: relative; }

#ausv .steps__box__service {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 20px; }

#ausv .steps__box__service__link {
  text-decoration: none;
  font-weight: normal;
  color: #06a; }
  .steps__box__service__link:hover {
    text-decoration: underline; }

#ausv .steps__box__service__text--large {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

#ausv .steps__box__service__text--medium {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px; }

#ausv .steps__box__service__text--small {
  font-size: 14px;
  padding-bottom: 10px; }

#ausv .steps__box__service__button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 205px;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#CF5B1B), to(#C55110));
  background: linear-gradient(#CF5B1B, #C55110);
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 40px;
  margin: 5px 0 20px; }
  #ausv .steps__box__service__button:last-child {
    margin-left: 15px; }
  #ausv .steps__box__service__button::before {
    position: absolute;
    content: '';
    top: 16px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  #ausv .steps__box__service__button:hover {
    opacity: .7; }

#ausv .steps__content__action--left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  position: relative; }
  #ausv .steps__content__action--left:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 22px;
    height: 80px;
    background: #F5DED1; }
  #ausv .steps__content__action--left:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 38px;
    height: 50px;
    background-image: url(/wordpress/wp-content/uploads/arrow_end_yes.png);
    background-repeat: no-repeat; }

#ausv .steps__content__action--right {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
  position: relative; }
  #ausv .steps__content__action--right:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 22px;
    height: 30px;
    background: #E5E5E5; }
  #ausv .steps__content__action--right:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 38px;
    height: 50px;
    background-image: url(/wordpress/wp-content/uploads/arrow_end_no.png);
    background-repeat: no-repeat; }

#ausv .steps__content__action__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50px;
  border: 1px solid #CF5C1B;
  margin: 30px auto 50px;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  color: #CF5C1B;
  text-align: center; }

#ausv .steps__box__mnp {
  width: 100%;
  text-align: center;
  line-height: 20px; }

#ausv .steps__box__mnp__text {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em; }

#ausv .steps__box__mnp__button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 205px;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#CF5B1B), to(#C55110));
  background: linear-gradient(#CF5B1B, #C55110);
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 40px;
  width: 250px;
  font-weight: normal;
  margin: 5px 0 20px; }
  #ausv .steps__box__mnp__button:last-child {
    margin-left: 15px; }
  #ausv .steps__box__mnp__button::before {
    position: absolute;
    content: '';
    top: 16px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  #ausv .steps__box__mnp__button:hover {
    opacity: .7; }

#ausv .steps__box__mnp__link a {
  position: relative;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #06a;
  word-wrap: break-word;
  padding-right: 13px;
  vertical-align: middle; }
  #ausv .steps__box__mnp__link a::after {
    position: absolute;
    content: '';
    background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 10px; }
  #ausv .steps__box__mnp__link a:hover {
    text-decoration: underline; }

#ausv .steps__step3__text {
  padding: 20px 0 60px;
  font-size: 14px;
  line-height: 1.5em; }

#ausv .steps__step3__link {
  text-decoration: none;
  font-weight: normal;
  color: #06a; }
  .steps__step3__link:hover {
    text-decoration: underline; }

#ausv .steps__step3__box {
  width: 100%;
  padding: 20px 0 40px;
  border: 3px solid #CF5C1B;
  position: relative; }

#ausv .steps__step3__box__text {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-align: center; }

#ausv .steps__step3__box__text--maincolor {
  color: #CF5C1B; }

#ausv .steps__step3__box__link {
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 20px; }
  #ausv .steps__step3__box__link a {
    position: relative;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #06a;
    word-wrap: break-word;
    padding-right: 13px;
    vertical-align: middle; }
    #ausv .steps__step3__box__link a::after {
      position: absolute;
      content: '';
      background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
      background-repeat: no-repeat;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 6px;
      height: 10px; }
    #ausv .steps__step3__box__link a:hover {
      text-decoration: underline; }

/* --STEPS */
/* CAUTION-- */
#ausv .caution {
  border: 1px solid #E5E5E5; }

#ausv .caution__headline {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 20px;
  border-bottom: 1px solid #E5E5E5; }

#ausv .caution__content {
  font-size: 12px;
  line-height: 20px;
  padding: 20px 20px 0 20px; }

#ausv .caution__content__title {
  font-weight: bold; }

#ausv .caution__content__link a {
  position: relative;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #06a;
  word-wrap: break-word;
  padding-right: 13px;
  vertical-align: middle;
  height: 15px;
  font-size: 12px;
  line-height: 15px; }
  #ausv .caution__content__link a::after {
    position: absolute;
    content: '';
    background-image: url(/wordpress/wp-content/uploads/arrow_link.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 10px; }
  #ausv .caution__content__link a:hover {
    border-color: #06a}

/* --CAUTION */
#ausv .price-note {
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  padding-top: 10px;
  margin-right: 40px;

}
#ausv .price-note-line{
	border-width: 1px;
	border-style: solid;
	width:300px;
    margin-left: 640px;
    border-color: #E5E5E5;
}

#ausv .price-note--red {
  color: #FF0000; }

#ausv .note--red {
  color: #FF0000; }

#ausv .pcDisplay{
  display: block !important;
}
#ausv .spDisplay{
  display: none !important;
}

/*========================================
	法人のお客さま
========================================*/

.bizContact {
	padding: 50px 0;
	background: #0096df url(../img/customermenu-bg-repeater.png);
}

.bizContact-inner {
	width: min(100%,960px);
	margin-inline: auto;
}

.bizContact-title {
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.012em;
}

.bizContact-clm {
	display: flex;
	gap: 9px 20px;
	margin-top: 20px;
}

.bizContact-clm > * {
	width: calc((100% - 20px)/2);
}

.bizContact-box {
	display: block;
	padding: 23px 40px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.2);
}

.bizContact-box-title {
	color: #033e71;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.012em;
}

.bizContact-box-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 12px;
}

.bizContact-box-btn {
	position: relative;
	display: block;
	width: 100%;
	padding: 12px 20px;
	border-radius: 4px;
	background: #ea659e url(../img/customermenu-bg-repeater.png);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.25;
}

.bizContact-box-btn::before {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline: 15px;
	display: block;
	width: 6px;
	margin-block: auto;
	min-width: 0;
	aspect-ratio: 1/2;
	background: currentColor;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.bizContact-box-btn:hover{
	color: #fff;
	background-color: #d15a8e;
}

.bizContact-box-freecall img {
	max-width: 100%;
	height: auto;
}

.bizContact-box-freecall span {
	margin-top: 0.5em;
	display: block;
	color: #033e71;
	font-size: 1.3rem;
	text-align: center;
}

.contents_block .bizContact {
	margin-top: 40px;
	padding: 30px 30px;
	border-radius: 4px;
}

.bizStep_inner {
	display: flex;
	gap: 20px;
}

.bizStep-item {
	flex: 1;
}

.bizStep-item:not(:first-child) {
	position: relative;
}

.bizStep-item:not(:first-child)::before {
	content: "";
	display: block;
	aspect-ratio: 1;
	width: 32px;
	min-width: 0;
	position: absolute;
	z-index: 1;
	inset-block: 27px 0;
	background: #fff;
	border: 1px solid #00a9f7;
	transform: translate(-27px,0px);
	border-radius: calc(infinity * 1px);
}

.bizStep-item:not(:first-child)::after {
	content: "";
	display: block;
	aspect-ratio: 3/5;
	width: 7px;
	min-width: 0;
	position: absolute;
	z-index: 1;
	inset-block: 39px 0;
	background: #00a9f7;
	transform: translate(-14px,0px);
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.bizStep-item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 2/1;
	background: #00a9f7;
	border-radius: 4px;
}

.bizStep-item-icon img {
	max-width: 100%;
	height: auto;
}

.bizStep-item-head {
	margin-top: 15px;
	color: #0096df;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.012em;
}

.bizStep-item-body {
	margin-top: 5px;
}


.wae-deco-6 {
	color: #d40d0d;
	font-weight: 600;
	white-space: nowrap
}

.wae-deco-6 span {
	/* padding-right: .1em; */
	font-size: 2em;
	line-height: 1;
}

.text-l {
	font-size: 2.2rem
}