@charset "utf-8";
/* 0.5925 */

/***********************/
/*****  OVER RIDE  *****/

/*#wrap {*/
	/*width: 100%;*/
	/*max-width: none;*/
/*}*/

.sub_midashi {
	margin: 0.75% 0;
}
.taiou_info_comment {
	width: 100%;
}

/*****  OVER RIDE  *****/
/***********************/

/*body {*/
	/*margin: 0;*/
	/*padding: 0;*/
	/*font-family: sans-serif;*/
/*}*/

.dflt {
	overflow: hidden;
	font-size: 16px;
}
.dflt img {
	width: auto;
	max-width: 100%;
}

/***************************************************/
/*  #bread-crumb									   */
/***************************************************/
/*---------------------------パンくず*/
#bread-crumb-list{margin:0;margin:10px 0;padding:0;float:left;list-style:none;}
#bread-crumb-list li{margin:0;padding:0;float:left;font-size:0.9em;color:#666;}
#bread-crumb-list li a{color:#0066cc;text-decoration:none;font-size:0.8em;}
#bread-crumb-list li a span{margin:0 10px;}
#bread-crumb-list li a:hover{text-decoration:underline;}
#bread-crumb-list li:last-child a {pointer-events:none;color:#333333;}
#bread-crumb-list li.gt:not(:last-child)::after {color:#999999;font-weight:bold;font-family:'Font Awesome 5 Free';content:"\f105";}



/***************************************************/
/*  layout   									   */
/***************************************************/
.list02,
.list03,
.list04 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto 2%;
	box-sizing: border-box;
}
.list02__item,
.list03__item,
.list04__item {
	position: relative;
	display: flex;
	justify-content: center;
	/*align-self: center;*/
	align-self: stretch;
	box-sizing: border-box;
	text-align: center;
}

.list02__item {	width:47%; padding:0 0 0; }
.list03__item {	width:32%; padding:0 0 0; }
.list04__item {	width:24%; padding:0 0 0; }

.linkarea a:hover {
	opacity: 0.7;
}


.col-sb,
.col {
	display:flex;
	flex-wrap: wrap;
	width: 90%;
	margin:0 auto;
	box-sizing: border-box;
}
.col-sb {
	justify-content: space-between;
}
.col__c10 .col,
.col .col {
	width: 100%;
}

	.col__c10 {
		width: 100%;
		box-sizing: border-box;
	}
	.col__c8 {
		width: 100%;
		box-sizing: border-box;
	}
	.col__c7 {
		width: 100%;
		box-sizing: border-box;
	}
	.col__c6 {
		width: 100%;
		box-sizing: border-box;
	}
	.col__c5 {
		width: 50%;
		box-sizing: border-box;
	}
	.col__c4 {
		width: 100%;
		box-sizing: border-box;
	}
		.col__c4 img { width:inherit; }

	.col__c3 {
		width: 100%;
		box-sizing: border-box;
	}
	.col__c2 {
		width: 100%;
		box-sizing: border-box;
	}
	.col-sb .col__c3 {
		width: 32.2%;
	}


.desc {
	box-sizing:border-box;
	margin: 0;
	padding: 3.4% 0;
	line-height: 1.75;
	font-size: 0.9375em;
}
.desc + .desc {
	padding: 0 0 3.4%;
}
.col__c7 .desc {
	padding: 3.4% 0;
}
h4.obi-blue + .desc {
	padding: 2% 0 0;
}
.col__c7 h4.obi-blue + .desc {
	/*padding: 5% 10%;*/
	/*padding: 2% 10%;*/
	padding: 3.4% 0;
}


h4.obi-orange {
	padding:1% 1% 1% 3%;
	/*background: #FAAC30;*/
	font-size:1.25em;
	/*color:#fff;*/
}
.obi2-orange {
	display: inline-block;
	margin: 0;
	padding-left: 7px;
	border-left: 8px solid #FAAC30;
	font-weight: bold;
}
/*.obi3-orange {*/
	/*display: block;*/
	/*margin: 0;*/
	/*padding-left: 5px;*/
	/*border-bottom: 2px solid #FAAC30;*/
	/*font-weight: bold;*/
/*}*/

/***************************************************/
/*  caution   								  	   */
/***************************************************/
.caution-wb1 {
	padding:24px;
	display:block;
	justify-content:space-evenly;
	box-sizing:border-box;
	background:#FFFA7C;
}
.caution-wb1 div:nth-child(1){
	/*padding:0 23px 0 6px;*/
	/*align-self:center;*/
	/*box-sizing:border-box;*/
	text-align: center;
	/*font-weight:bold;*/
	/*width:16%;*/
}
.caution-wb1 div:nth-child(2){
	padding:0;
	/*box-sizing:border-box;*/
	border-left:none;
	/*font-size:0.9em;*/
	/*line-height:1.75;*/
	/*width:84%;*/
}



/*---------------------------
    sub-menu
---------------------------*/
.sub-menu-area {
	margin: 6.2% 0 0;
	padding: 3.3% 4% 5.7%;
	width: auto;
	display: inline-block;
	background-color: #F9F9F9;
	/*border-radius: 8px;*/
}
.sub-menu-area h2.menu-ttl {
	margin: 0;
	font-weight: unset;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	border-bottom: 0;
	padding: 0;
}
.sub-menu-area ul li {
	margin: 3.5% 0 0;
	font-size: 1.125em;
	line-height: 1.2;
}
.sub-menu-area ul li:first-child {
	margin: 2.5% 0 0;
}
.sub-menu-area ul li.sub {
	margin-top: 1.6%;
	padding-left: 1.1em;
	/*font-size: 1.2em;*/
}
.sub-menu-area ul li a {
	text-decoration: none;
	color:#297cc3;
}
.sub-menu-area ul li:not(.sub) + li.sub {
	margin-top: 2.2%;
}

@media(max-width:900px) {

	.sub-menu-area {
		display: block;
		width: 80%;
		margin: 7.2% auto 0;
		font-size:0.9em;
	}

}

@media(max-width:480px) {

	/*-- smartphone --*/
	.sub-menu-area {
		margin: 10.7% auto 0;
		padding: 5.3% 4%;
		width: 90%;
		background-color: #F9F9F9;
		font-size:0.85em;
	}
	.sub-menu-area h2.menu-ttl {
		margin: 0;
		font-weight: bold;
		font-size: 1.5em;
	}
	.sub-menu-area ul li {
		margin: 3px 0 0;
		/*margin: 15px 0 0;*/
		font-size: 1.15em;
		padding-left: 1.3em;
		text-indent: -1em;
		line-height: 1.7;
	}
	.sub-menu-area ul li.sub {
		margin-top: 5px;
		padding-left: 2.2em;
		text-indent: -1.4em;
		font-size: 1.1em;
	}
	.sub-menu-area ul li a {
		/*color: #33C;*/
		text-decoration: none;
	}
	.sub-menu-area ul li:not(.sub) + li.sub {
		margin-top: 5px;
	}

}


/***************************************************/
/*  decoration   								   */
/***************************************************/

.link-gray {
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	margin: 0.5% auto;
	padding: 5.3% 2%;
	background: #eee;
	font-weight: normal;
	text-decoration: none;
	color: #333 !important;
}
.set-border {
	border-bottom: 1px solid #333;
}
.arw-r {
	position: relative;
	right: -3%;
	display: inline-block;
	box-sizing:border-box;
	width:6%;
	height:6px;
	border:6px solid transparent;
	border-left:9px solid #333;
}
.arw-r-blue {
	position: relative;
	right: -3%;
	display: inline-block;
	box-sizing:border-box;
	width:6%;
	height:6px;
	border:6px solid transparent;
	border-left:9px solid #3888B2;
}

/* title deco */
.check-line {
	position: relative;
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	margin: 0;
	padding: 2% 0 1% 8%;
	border-bottom: 1px solid #333;
	background: url('../img/svg/tvstand_sp_icon3.svg') 0.75% 12px no-repeat;
	background-size: 6%;
	font-size: 1.1875em;
	letter-spacing: 0.13em;
	color: #3988B2;
}
	.col__c7 .check-line {
		padding: 2% 0 1% 8%;
		background-size: 6%;
		font-size: 1.1875em;
		letter-spacing: 0.13em;
	}

.obi-blue {
	margin: 0;
	padding: 0.1% 0 0 2.5%;
	border-left: 10px solid #3888B2;
}
	.col__c7 .obi-blue {
		margin: 0;
		/*padding: 0.1% 0 0 1.65%;*/
		padding: 0 0 0 2.5%;
		border-left: 10px solid #3888B2;
		font-size: 1.05em;
		letter-spacing: 0.09em;
	}

.obi-faq {
	position: relative;
	display: block;
	box-sizing:border-box;
	width: 100%;
	height: auto;
	/*margin: 7.3% auto 0;*/
	margin: 13.3% auto 0;
	/*padding: 10px 0 15px 5%;*/
	/*padding: 1% 0 0 7.5%;*/
	padding: 0.5% 0 0.5% 7.7%;
	background: url('../img/svg/wallbracket_icon3.svg') 1px center no-repeat,linear-gradient(to right,rgb(250,172,48) 0%,rgb(250,172,48) 0%, rgb(250,172,48) 6.5%, rgb(254,238,214) 6.5%);
	background-size: 6%, 100%;
	font-size: 1.125em;
	letter-spacing: 0.13em;
	color: #333;
}
	.col__c7 .obi-faq {
		/*padding: 2% 0 2% 10%;*/
		padding: 1% 0 0% 7%;
		background-size: 6%;
		font-size: 1.125em;
		letter-spacing: 0.13em;
	}


/***************************************************/
/*  wrap  									   */
/***************************************************/

.wrap-col {
	/*padding: 3% 3% 0;*/
	padding: 3.8% 3% 0;
}
.wrap-desc {
	padding: 0 5%;
}


/***************************************************/
/*  button   									   */
/***************************************************/
.faq-btns {
	display:block;
}
.faq-btns a,
.faq-btns span {
	width: 60%;
}
.faq-btns a:nth-child(n + 2) {
	margin-top: 3%;
}
.faq-btns span { display:inline-block; }


.btn-r-arw_gs,
.btn-r-arw_g {
	position: relative;
	display: block;
	width: 50%;
	margin: 0 auto;
	/*padding: 1.2% 2%;*/
	/*padding: 0.9% 1.8%;*/
	padding: 1.6% 20px 1.6% 1.8%;
	box-sizing: border-box;
	border: 2px solid #00A57D;
	border-radius: 3px;
	background: #fff;
	color: #00A57D !important;
	/*font-size: 1em;*/
	font-size: 0.95em;
	/*font-weight: bold;*/
	text-align: center;
	text-decoration: none;
	transition: .75s;
}
.btn-r-arw_gs { width: 23%;}

.btn-r-arw_gs::after,
.btn-r-arw_g::after {
	content:"";
	position: absolute;
	top: 50%;
	right: 2.5%;
	display: inline-block;
	box-sizing:border-box;
	width:6%;
	height:6px;
	margin-top: -7px;
	border:6px solid transparent;
	border-left:10px solid #00A57D;
	transition: .75s;
}
.btn-r-arw_gs:hover,
.btn-r-arw_g:hover {
	border: 2px solid #00A57D;
	background: #00A57D;
	color: #fff;
	transition:.25s;
}
.btn-r-arw_gs:hover::after,
.btn-r-arw_g:hover::after {
	border-left:10px solid #fff;
	transition:.25s;
}

.btn-r-arw,
.btn-r-arw20, .btn-r-arw20s, .btn-r-arw40,
.btn-r-arw20-row2 {
	position: relative;
	display: inline-block;
	/*align-self: center;*/
	width: 94%;
	padding: 5% 8%;
	background: #fff;
	border: 2px solid #DECE8F;
	border-radius: 50px;
	filter: drop-shadow(2px 4px 0 #EFEBD8);
	color: #A08616 !important;
	font-size: 0.9em;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
}
.btn-r-arw20 {
	width: 23%;
	margin-right: 2%;
	padding: 2.2% 6%;
}
.btn-r-arw20s {
	width: 20%;
	margin-right: 2%;
	padding: 1.5% 3%;
}
.btn-r-arw40 {
	width: 40%;
	margin-right: 2%;
	padding: 3.3% 8%;
}
.btn-r-arw20-row2 {
	width: 22%;
	margin-right: 2%;
	padding: 1.2% 6% 0.8%;
	line-height: 1.3em;
}
	.btn-r-arw::after,
	.btn-r-arw20::after,
	.btn-r-arw20s::after,
	.btn-r-arw40::after,
	.btn-r-big::after,
	.btn-r-big80::after,
	.btn-r-arw20-row2::after {
		content:"";
		position: absolute;
		top: 52%;
		right: 5%;
		display: inline-block;
		box-sizing:border-box;
		width:6%;
		height:6px;
		margin-top: -6px;
		border:4px solid transparent;
		border-left:6px solid #3988B2;
	}

.btn-r-big,
.btn-r-big80 {
	position: relative;
	display: flex;
	justify-content: center;
	/*align-self: center;*/
	width: 94%;
	padding: 2.8% 5% 2%;
	background: #fff;
	border: 2px solid #DECE8F;
	border-radius: 50px;
	filter: drop-shadow(2px 4px 0 #EFEBD8);
	color: #A08616 !important;
	font-size: 0.95em;
	font-weight: normal;
	letter-spacing: 0.09em;
	text-decoration: none;
}
.btn-r-big80 {
	width: 80%;
}

.return-menu {
	position: relative;
	display: inline-block;
	padding: 0.1% 2% 0;
	background: none;
	border-bottom: 1px solid #333;
	color: #333 !important;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0.09em;
	text-decoration: none;
}
	.return-menu::after {
		content:"";
		position: relative;
		right: -5%;
		display: inline-block;
		box-sizing:border-box;
		width:10px;
		height:6px;
		margin-top: -6px;
		border:5px solid transparent;
		border-bottom:7px solid #333;
	}


/***************************************************/
/*  title   									   */
/***************************************************/
/* sticker-new-car-drivers */
.sticker-ncd {
	position: relative;
	bottom: -15px;
}
.main-title {
	width: 85%;
	margin: 2% auto 0;
}
.main-title__sub {
	position: relative;
	display: block;
	text-align: center;
	font-size: 0.7em;
	color: #3888B2;
}

/* section */
.sec-title {
	display: block;
	width:90%;
	position: relative;
	max-height: none;
	padding: 1.2% 5px 0.8% 9px;
	box-sizing: border-box;
	border-left:4px solid #00A57D;
	border-bottom:1px solid #00A57D;
	background:rgb(230,246,242);
	text-align: left;
	font-size: 1.35em;
	letter-spacing: 0.05em;
	color: #00A57D;
}

.listbox {
	/*display: inline-block;*/
	/*padding: 27px 37px;*/
	padding: 5% 3%;
	/*border:3px solid #00A57D;*/
	/*border-radius: 10px;*/
	line-height: 1.75;
}
.listbox li {
	padding-left: 1.5em;
	background: url('../img/svg/wallbracket_icon1.svg') left 0.25em no-repeat;
	background-size: 1.2em;
}

/***************************************************/
/*  contents	   								   */
/***************************************************/

.flow-img {
	width: 48%;
	box-sizing: border-box;
}
.flow-cap {
	width: 52%;
	box-sizing: border-box;
	margin: 1.7% 0 0;
	padding-left: 2%;
}




/***************************************************/
/*  lineup-list	   								   */
/***************************************************/

.lineup-list4 p {
	/*width:24%;*/ /* default */
	max-width:220px; /* add */
	margin:0;
}

.lineup-list4 p:nth-child(n + 3) {
	margin:6.1% 0 0;
}








/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/