@charset "utf-8";

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

contents.css

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

/*
 * contents common
 */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

body{ -webkit-text-size-adjust: 100%; color: #212121;}

.min{
	font-family: 'Noto Serif JP', serif !important;
}

.roman{
	font-family: 'Crimson Text', serif !important;
}

.content_wrap p{
	color: #212121 !important;
}

.content_wrap img{
	max-width: 100%;
}

.content_wrap .wrap{
	padding: 0 10px 10px;
	position: relative;
}

.content_wrap .inner{
}





/*
 * Template Test
 */
.content_wrap .bg_left{
	position: relative;
	z-index: 10;
}

.content_wrap .bg_left:before{
	position: absolute;
	top: 0;
	left: 0;
	background: #EFE8DF;
	width: 0;
	height: 100%;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 0;
}

.content_wrap .bg_left.start:before{
	width: 50%;
}

.content_wrap .bg_right{
	position: relative;
}

.content_wrap .bg_right:before{
	position: absolute;
	top: 0;
	right: 0;
	background: #EFE8DF;
	width: 0;
	height: 100%;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_wrap .bg_right.start:before{
	width: 70%;
}



.content_wrap .test .img{
	margin-bottom: -50px;
	z-index: 0;
	text-align: right;
	transition: all 1s;
	transform: translate(50px, 0);
}

.content_wrap .test .img.start{
	transform: translate(0, 0);
}

.content_wrap .test .img img{
	width: 100%;
}

.content_wrap .test .text{
	background:linear-gradient(to left,#EFE8DF 0%,#EFE8DF 80%,transparent 80%,transparent 100%);
	position: relative;
	z-index: 10;
}

.content_wrap .test .text p{
	padding-left: 20%;
}





/*
 * Concept
 */

.content_concept{
	padding: 0 0 60px;
}

.content_concept .mainv{
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	text-align: center;
	transition: all 1000ms 800ms ease;
	opacity: 0;
}

.content_concept .mainv.start {
	opacity: 1;
}

.content_concept .mainv img.pht{
	width: 100%;
}

.content_concept .mainv .text{
	position: absolute;
	bottom: 20px;
	left: 20px;
}

@media only screen and (orientation : landscape) {
.content_concept .mainv .text img{
	width: 350px;
}
}

.content_concept .mainv .text img{
	transition: all 1000ms 1200ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_concept .mainv .text img.start{
	transform: translate(0, 0);
	opacity: 1;
}

.content_concept .catch{
	margin-bottom: 50px;
	line-height: 220%;
	position: relative;
	text-align: center;
	font-size: 15px;
	transition: all 1000ms 1800ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_concept .catch.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_concept .catch:before{
	position: absolute;
	top: calc(50% - 150px);
	left: -150px;
	border-radius: 300px;
	border: 1px solid #E1E7F2;
	width: 300px;
	height: 300px;
	z-index: -1;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_concept .catch.start:before{
	top: calc(50% - 200px);
	left: -200px;
	width: 400px;
	height: 400px;
}

.content_concept .quality{
	margin-bottom: 30px;
	transition: all 1000ms 1800ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_concept .quality.start{
	transform: translate(0, 0);
	opacity: 1;
}

.content_concept .quality .ttl{
	margin-bottom: 20px;
	text-align: center;
}

.content_concept .quality .text{
	position: relative;
	line-height: 250%;
	font-size: 14px;
}

.content_concept .quality .text p{
	position: relative;
	z-index: 10;
}

.content_concept .quality .text strong{
	color: #A20D0D;
}

.content_concept .quality .text:before{
	position: absolute;
	top: 0;
	right: 0;
	background: #E1E7F2;
	width: 0;
	height: 600px;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 0;
}

.content_concept .quality .text.start:before{
	width: 25%;
	height: 600px;
}

@media only screen and (orientation : landscape) {
.content_concept .quality .text.start:before{
	height: 300px !important;
}
}

.content_concept .welcome{
	text-align: center;
}

.content_concept .welcome .ttl{
	margin-bottom: 12px;
	line-height: 100%;
	font-size: 32px;
	color: #C0C9D9;
	transition: all 1000ms 2500ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_concept .welcome .ttl.start{
	transform: translate(0, 0);
	opacity: 1;
}

.content_concept .welcome .text{
	margin-bottom: 17px;
	line-height: 100%;
	font-size: 18px;
	color: #8D8A8A;
	transition: all 1000ms 3000ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_concept .welcome .text.start{
	transform: translate(0, 0);
	opacity: 1;
}

.content_concept .welcome .btn_link{
	transition: all 1000ms 3500ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_concept .welcome .btn_link.start{
	transform: translate(0, 0);
	opacity: 1;
}

.content_concept .welcome .btn_link a{
	padding: 10px 25px 10px 30px;
	display: inline-block;
	border: 1px solid #8D8A8A;
	border-radius: 20px;
	color: #8D8A8A;
}

.content_concept .welcome .btn_link span{
	display: inline-block;
}





/*
 * Stuff
 */
.content_stuff{
	padding-bottom: 60px;
}

.content_stuff .mainv{
	margin-bottom: 30px;
	position: relative;
}

.content_stuff .mainv .pht{
	width: 100%;
}

.content_stuff .mainv .text{
	width: calc(100% - 50px);
	margin: 0 auto;
	position: absolute;
	padding: 18px 0 0;
	bottom: 0;
	left: calc(50% - ((100% - 50px) /2));
	background: #fff;
	text-align: center;
}

.content_stuff .catch{
	margin-bottom: 32px;
}

.content_stuff .catch .ttl{
	margin-bottom: 30px;
	line-height: 100%;
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #656565;
}

.content_stuff .catch .ttl:after{
	width: 96px;
	content: "";
	position: absolute;
	display: inline-block;
	bottom: -15px;
	left: calc(50% - 48px);
	border-bottom: 2px solid #C4D6D2;
}

.content_stuff .catch .text{
	margin: 0 10px;
	line-height: 180%;
	font-size: 16px;
}

.content_stuff .information{
	margin-bottom: 35px;
	text-align: center;
}

.content_stuff .information .vol{
	font-size: 18px;
}

.content_stuff .information .vol span{
	font-size: 49px !important;
}

.content_stuff .information .date{
	margin-bottom: 20px;
	font-size: 16px;
}

.content_stuff .information .name{
	margin-bottom: 10px;
	line-height: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}

.content_stuff .information .watch{
	font-size: 15px;
	color: #666666;
}

.content_stuff .interview{
	margin-bottom: 35px;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

.content_stuff .interview:before{
	position: absolute;
	top: 110px;
	right: 0;
	background: #DEE8E6;
	width: 0;
	height: 374px;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_stuff .interview.start:before{
	width: 60%;
}

.content_stuff .interview .wrap{
	overflow: hidden;
}

.content_stuff .interview .text{
}

.content_stuff .interview .text .ttl{
	width: 180px;
	height: 46px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	background: #000;
}

.content_stuff .interview .text .ttl span{
	position: absolute;
	top: -5px;
	left: 0;
	line-height: 100%;
	font-size: 32px;
	color: #fefefe;	
}

.content_stuff .interview .text .qa dt{
	margin-bottom: 5px;
	font-weight: bold;
}

.content_stuff .interview .text .qa dd{
	line-height: 200%;
}

.content_stuff .interview .text .qa dd+dt,
.content_stuff .interview .text .qa dd+dd{
	margin-top: 30px;
}

.content_stuff .interview .pht{
	margin-bottom: 40px;
}

.content_stuff .choice{
	margin-bottom: 70px;
	position: relative;
}

.content_stuff .choice:before{
	position: absolute;
	bottom: 0;
	left: 0;
	background: #DEE8E6;
	width: 0;
	height: 850px;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_stuff .choice.start:before{
	width: 25%;
}

@media only screen and (orientation : landscape) {
.content_stuff .choice.start:before{
	height: 650px;
}
}

.content_stuff .choice .wrap{
	overflow: hidden;
}

.content_stuff .choice .pht{
	margin-bottom: 25px;
	text-align: center;
}

.content_stuff .choice .text{
}

.content_stuff .choice .text .ttl{
	width: 180px;
	height: 46px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	background: #000;
}

.content_stuff .choice .text .ttl span{
	position: absolute;
	top: -5px;
	left: 0;
	line-height: 100%;
	font-size: 32px;
	color: #fefefe;	
}

.content_stuff .choice .text .exp{
	line-height: 180%;
}

.content_stuff .btn_backnumber{
	text-align: center;
}

.content_stuff .btn_backnumber a{
	width: calc(100% - 50px);
	margin: 0 auto;
	padding: 15px 0;
	display: inline-block;
	background: #D3D3D3;
	font-size: 18px;
	color: #fefefe;
}

.content_stuff .btn_backnumber span{
	padding-right: 30px;
	display: inline-block;
	background: url("../images/stuff/ic_backnumber.svg") right 50% no-repeat;
}





/*
 * Stuff Backnumber
 */

.content_stuff .backnumber{
	position: relative;
	text-align: center;
}

.content_stuff .backnumber:before{
	position: absolute;
	top: 67px;
	right: 0;
	background: #DEE8E6;
	width: 0;
	height: 496px;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_stuff .backnumber.start:before{
	width: 16%;
}

.content_stuff .backnumber .ttl{
	margin-bottom: 35px;
	line-height: 100%;
	text-align: center;
	font-size: 32px;
}

.content_stuff .backnumber ul{
	overflow: hidden;
}

.content_stuff .backnumber li{
}

.content_stuff .backnumber li+li{
	margin-top: 30px;
}

.content_stuff .backnumber a{
	padding-bottom: 25px;
	display: block;
	background: url("../images/stuff/ic_detail.svg") 50% bottom no-repeat;
}

.content_stuff .backnumber .pht{
	margin-bottom: 5px;
}

.content_stuff .backnumber .pht img{
	width: 100%;
}

.content_stuff .backnumber .vol{
	margin-bottom: 5px;
	line-height: 100%;
	font-size: 20px;
}

.content_stuff .backnumber .vol span{
	font-size: 24px !important;
}

.content_stuff .backnumber .date{
	margin-bottom: 10px;
}

.content_stuff .backnumber .name{
	margin-bottom: 10px;
	line-height: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.content_stuff .backnumber .watch{
	font-size: 13px;
	color: #666666;
}





/*
 * after
 */

.content_after{
	padding-bottom: 70px;
}

.content_after .mainv{
	margin-bottom: 20px;
	position: relative;
}

.content_after .mainv img.pht{
	width: 100%;
}

.content_after .mainv .wrap{
}

.content_after .mainv .ttl{
	position: absolute;
	top: -3px;
	left: calc(50% - 160px);
	transition: all 1000ms 500ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .mainv .ttl.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .mainv .text{
	width: 100%;
	position: absolute;
	bottom: 22px;
	left: 0;
	line-height: 100%;
	text-align: center;
	transition: all 1000ms 1000ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .mainv .text.start{
	transform: translate(0, 0);
	opacity: 1;	
}

.content_after .mainv .text p{
	font-size: 20px;
	color: #fefefe !important;
}

.content_after .catch{
	margin-bottom: 60px;
}

.content_after .catch .text{
	line-height: 220%;
	text-align: center;
}

.content_after .overhaul{
	position: relative;
}

.content_after .overhaul .information{
	margin: -20px 0 35px;
	padding: 20px 5px 20px 65px;
	position: relative;
}

.content_after .overhaul .information:before{
	position: absolute;
	top: 0;
	right: 0;
	background: #EFE8DF;
	width: 0;
	height: 100%;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 5;
}

.content_after .overhaul .information.start:before{
	width: calc(100% - 45px);
}

.content_after .overhaul .information .headline,
.content_after .overhaul .information .ttl,
.content_after .overhaul .information .text{
	position: relative;
	z-index: 10;
}

.content_after .overhaul .information .headline{
	position: absolute;
	bottom: -5px;
	right: 30px;
	transition: all 1000ms 1000ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .overhaul .information .headline.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .overhaul .information .ttl{
	margin-bottom: 12px;
	line-height: 100%;
	font-size: 20px;
	color: #8D8A8A;
	transition: all 1000ms 100ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .overhaul .information .ttl.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .overhaul .information .text{
	margin-bottom: 30px;
	line-height: 220%;
	transition: all 1000ms 500ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .overhaul .information .text.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .overhaul .information .atte{
	font-size: 11px;
}

.content_after .overhaul .workimage{
/*
	position: absolute;
	right: calc((100% - 1020px) /2);
	top: 44px;
*/
}

.content_after .overhaul_flow{
	margin-bottom: 50px;
	overflow: hidden;
}

.content_after .overhaul_flow .headline{
	margin: 0 10px 40px;
	position: relative;
	line-height: 100%;
	text-align: center;
	font-size: 18px;
	color: #8D8A8A;
}

.content_after .overhaul_flow .headline:before{
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	border-top: solid 1px #8D8A8A;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.content_after .overhaul_flow .headline span{
	padding: 0 20px;
	background: #fff;
	position: relative;
	z-index: 5;
}

.content_after .overhaul_flow .flow{
	margin-bottom: 25px;
	position: relative;
	z-index: 10;
}

.content_after .overhaul_flow .flow ul{
	overflow: hidden;
}

.content_after .overhaul_flow .flow li{
/*
	float: left;
	width: 250px;
*/
	min-height: 75px;
	padding-left: 75px;
	position: relative;
}

.content_after .overhaul_flow .flow li+li{
	min-height: 120px;
	padding-top: 45px;
}

.content_after .overhaul_flow .flow li+li:before{
	position: absolute;
	left: 10px;
	top: 10px;
	content: url("../images/after/ic_flow.svg");
}

.content_after .overhaul_flow .flow li:nth-child(1){
	background: url("../images/after/ic_phase1.svg") left top no-repeat;
}

.content_after .overhaul_flow .flow li:nth-child(2){
	background: url("../images/after/ic_phase2.svg") left 45px no-repeat;
}

.content_after .overhaul_flow .flow li:nth-child(3){
	background: url("../images/after/ic_phase3.svg") left 45px no-repeat;
}

.content_after .overhaul_flow .flow li:nth-child(4){
	background: url("../images/after/ic_phase4.svg") left 45px no-repeat;
}

.content_after .overhaul_flow .flow .ttl{
	margin-bottom: 5px;
	line-height: 100%;
	font-size: 16px;
	font-weight: bold;
}

.content_after .overhaul_flow .flow .ttl sup{
	vertical-align: top;
	color: #A20D0D;
}

.content_after .overhaul_flow .flow .text{
	line-height: 180%;
}

.content_after .overhaul_flow .cancel{
	margin: 0 10px 20px;
	position: relative;
	line-height: 150%;
	font-size: 12px;
}

.content_after .overhaul_flow .cancel span{
	font-weight: bold;
	color: #A20D0D;
}

.content_after .overhaul_flow .cancel p{
	position: relative;
}

.content_after .overhaul_flow .cancel:before{
	position: absolute;
	top: 35px;
	right: -40px;
	border-radius: 300px;
	border: 1px solid #F8F4EF;
	width: 230px;
	height: 230px;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_after .overhaul_flow .cancel.start:before{
	top: -40px;
	right: -115px;
	width: 380px;
	height: 380px;
}

.content_after .overhaul_flow .atte{
	margin: 0 10px 20px;
	padding: 15px 15px;
	line-height: 220%;
	border-radius: 5px;
	background: #F8F4EF;
}

.content_after .overhaul_flow .atte span{
	font-weight: bold;
}

.content_after .overhaul_flow .message{
	margin-bottom: 25px;
	position: relative;
	line-height: 220%;
	text-align: center;
	z-index: 10;
}

.content_after .overhaul_flow .photo .large{
	margin-bottom: 5px;
}

.content_after .overhaul_flow .photo img{
	width: 100%;
}

.content_after .overhaul_flow .photo ul{
	overflow: hidden;
}

.content_after .overhaul_flow .photo li{
	float: left;
	width: calc(50% - 4px);
}

.content_after .overhaul_flow .photo li:nth-child(even){
	margin-left: 8px;
}

.content_after .overhaul_flow .photo li:nth-child(n+3){
	margin-top: 5px;
}

.content_after .maintenance{
	position: relative;
}

.content_after .maintenance .information{
	margin-bottom: 30px;
	padding: 170px 10px 40px 10px;
	position: relative;
}

.content_after .maintenance .information:before{
	position: absolute;
	top: 0;
	right: 0;
	background: #EFE8DF;
	width: 0;
	height: 100%;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 5;
}

.content_after .maintenance .information.start:before{
	width: 82%;
}
/*
.content_after .maintenance .information:after{
	position: absolute;
	top: 205px;
	left: 0;
	border-radius: 300px;
	border: 1px solid #F8F4EF;
	width: 370px;
	height: 370px;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_after .maintenance .information.start:after{
	top: 130px;
	left: -75px;
	width: 520px;
	height: 520px;
}
*/
.content_after .maintenance .information .headline,
.content_after .maintenance .information .ttl,
.content_after .maintenance .information .text{
	position: relative;
	z-index: 10;
}

.content_after .maintenance .information .headline{
/*
	width: 575px;
*/
	position: absolute;
	bottom: -5px;
	right: 10px;
	transition: all 1000ms 100ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .maintenance .information .headline.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .maintenance .information .ttl{
	margin-bottom: 12px;
	line-height: 100%;
	font-size: 17px;
	color: #8D8A8A;
	transition: all 1000ms 100ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .maintenance .information .ttl.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .maintenance .information .text{
	margin-bottom: 30px;
	line-height: 200%;
	transition: all 1000ms 500ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_after .maintenance .information .text.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_after .maintenance .information .atte{
	font-size: 11px;
}

.content_after .maintenance .workimage .pht-1{
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 10;
}

.content_after .maintenance .workimage .pht-2{
	position: absolute;
	left: 160px;
	top: 50px;
	z-index: 20;
}

.content_after .maintenance .example .headline,
.content_after .maintenance .price_list .headline{
	position: relative;
	line-height: 100%;
	text-align: center;
	font-size: 18px;
	color: #8D8A8A;
}

.content_after .maintenance .example .headline:before,
.content_after .maintenance .price_list .headline:before{
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	border-top: solid 1px #8D8A8A;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.content_after .maintenance .example .headline span,
.content_after .maintenance .price_list .headline span{
	padding: 0 20px;
	background: #fff;
	position: relative;
	z-index: 5;
}

.content_after .maintenance .price_list .headline span{
	display: inline-block;
	line-height: 130%;
}

.content_after .maintenance .example{
	margin-bottom: 20px;
}

.content_after .maintenance .example .headline{
	margin-bottom: 25px;
}

.content_after .maintenance .example .list ul{
	overflow: hidden;
}

.content_after .maintenance .example .list li{
/*
	float: left;
	width: 490px;
*/
}

.content_after .maintenance .example .list li+li{
	margin-top: 20px;
}

.content_after .maintenance .example .list .ttl{
	margin-bottom: 10px;
}

.content_after .maintenance .example .list .photo{
	overflow: hidden;
}

.content_after .maintenance .example .list .photo img{
	width: 100%;
}

.content_after .maintenance .example .list .before{
	float: left;
	width: calc(50% - 19px);
}

.content_after .maintenance .example .list .after{
	float: right;
	width: calc(50% + 19px);
	padding-left: 38px;
	background: url(../images/after/ic_example.svg) 4px 50% no-repeat;
}

.content_after .maintenance .price_list .headline{
	margin-bottom: 20px;
}

.content_after .maintenance .price_list .list{
	margin-bottom: 30px;
	line-height: 100%;
	text-align: center;
	font-size: 16px;
	color: #707070;
}

.content_after .maintenance .price_list .list p+p{
	margin-top: 10px;
}

.content_after .maintenance .price_list .price+.price{
	margin-top: 50px;
}

.content_after .maintenance .price_list .price .table{
	overflow: hidden;
}

.content_after .maintenance .price_list .price .ttl{
	margin-bottom: 25px;
	line-height: 100%;
	text-align: center;
	font-size: 18px;
	color: #8D8A8A;
}

.content_after .maintenance .price_list .price table{
	width: 100%;
	border-bottom: 1px solid #D0CDCD;
}

.content_after .maintenance .price_list .price table+table,
.content_after .maintenance .price_list .price .atte+table,
.content_after .maintenance .price_list .price .atte+.ttl{
	margin-top: 25px;
}

.content_after .maintenance .price_list .price caption,
.content_after .maintenance .price_list .price th{
	background: #EFE8DF;
	text-align: left;
	font-weight: normal;
}

.content_after .maintenance .price_list .price caption,
.content_after .maintenance .price_list .price th,
.content_after .maintenance .price_list .price td{
	padding: 3px 8px;
	line-height: 220%;
	font-size: 13px;
}

.content_after .maintenance .price_list .price .bg{
	background: #F7F6F2;
}

.content_after .maintenance .price_list .price .comment{
	display: inherit;
	line-height: 100%;
	font-size: 10px;
}

.content_after .maintenance .price_list .price td{
	border-right: 1px solid #D0CDCD;
	border-top: 1px solid #D0CDCD;
	vertical-align: middle;
}

.content_after .maintenance .price_list .price td:last-child{
	border-right: none !important;
}

.content_after .maintenance .price_list .price .atte{
	margin-top: 25px;
	line-height: 150%;
	font-size: 12px;
	color: #656565;
}





/*
 * kaitori
 */

.content_kaitori{
	padding-bottom: 70px;
	overflow: hidden;
}

.content_kaitori .mainv{
	margin-bottom: 25px;
	position: relative;
}

.content_kaitori .mainv img.pht{
	width: 100%;
	transition: all 1000ms 500ms ease;
	opacity: 0;
}

.content_kaitori .mainv img.pht.start {
	opacity: 1;
}

.content_kaitori .mainv .text{
	width: 100%;
	position: absolute;
	bottom: 30px;
	line-height: 100%;
	text-align: center;
	font-size: 26px;
	transition: all 1000ms 1000ms ease;
	transform: translate(0, 50px);
	opacity: 0;
}

.content_kaitori .mainv .text p{
	color: #fefefe !important;
}

.content_kaitori .mainv .text.start {
	transform: translate(0, 0);
	opacity: 1;
}

.content_kaitori .catch{
	margin-bottom: 50px;
	padding: 0 10px;
}

.content_kaitori .catch .text{
	margin-bottom: 45px;
	line-height: 220%;
	text-align: center;
}

.content_kaitori .catch .ttl{
	margin-bottom: 45px;
	position: relative;
	line-height: 150%;
	position: relative;
	z-index: 5;
	text-align: center;
	font-size: 18px;
	color: #707070;
}

.content_kaitori .catch .btn_link a{
	padding-top: 130px;
	min-width: 120px;
	display: inline-block;
	font-size: 15px;
	color: #8D8A8A;
}

.content_kaitori .catch .btn_link ul{
	overflow: hidden;
}

.content_kaitori .catch .btn_link li{
	float: left;
	width: 50%;
	text-align: center;
}

.content_kaitori .catch .btn_link .delivery a{
	background: url("../images/kaitori/btn_delivery.svg") center top no-repeat;
}

.content_kaitori .catch .btn_link .estimates a{
	background: url("../images/kaitori/btn_estimates.svg") center top no-repeat;
}

.content_kaitori .reason{
	margin-bottom: 60px;
	position: relative;
}

.content_kaitori .reason:before{
	position: absolute;
	top: 200px;
	left: 0;
	background: #F4F8F0;
	width: 0;
	height: 460px;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 0;
}

.content_kaitori .reason.start:before{
	width: 6%;
}
/*
.content_kaitori .reason:after{
	position: absolute;
	top: 90px;
	right: 0;
	background: #F4F8F0;
	width: 0;
	height: 1150px;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 0;
}

.content_kaitori .reason.start:after{
	width: 22%;
}
*/
.content_kaitori .reason .headline{
	margin-bottom: 35px;
	text-align: center;
}

.content_kaitori .reason .headline .roman{
	margin-bottom: 20px;
	line-height: 100%;
	font-size: 18px;
	color: #AAB5A9;
}

.content_kaitori .reason .headline .min{
	line-height: 100%;
	font-size: 20px;
	color: #656565;
}

.content_kaitori .reason .list{
	z-index: 10;
}

.content_kaitori .reason .list li+li{
	margin-top: 30px;
}

.content_kaitori .reason .list .ttl{
	margin-bottom: 20px;
	line-height: 100%;
	text-align: center;
	font-size: 16px;
}

.content_kaitori .reason .list .ttl span{
	line-height: 100%;
	font-size: 32px;
}

.content_kaitori .reason .list .description{
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	background: url("../images/kaitori/ic_reason_open.svg") bottom center no-repeat;
	line-height: 150%;
	text-align: center;
	font-size: 16px;
}

.content_kaitori .reason .list .description.active{
	padding-bottom: 0 !important;
	background: none !important;
}
/*
.content_kaitori .reason .list .description:after {
    width: 400px;
    content: "";
    position: absolute;
    display: inline-block;
    bottom: -20px;
    left: calc(50% - 200px);
    border-bottom: 1px solid #C3CEB6;
}
*/
.content_kaitori .reason .list .text{
	padding-bottom: 20px;
	line-height: 220%;
	display: none;
	background: url("../images/kaitori/ic_reason_close.svg") bottom center no-repeat !important;
}

.content_kaitori .reason .list .information{
	margin-top: 20px;
	overflow: hidden;
}

.content_kaitori .reason .list .information .tel{
	margin-bottom: 20px;
}

.content_kaitori .reason .list .information .tel span{
	font-size: 26px;
	font-weight: bold;
}

.content_kaitori .reason .list .information .link_btn{
	overflow: hidden;
}

.content_kaitori .reason .list .information .link_btn a{
	padding: 10px;
	display: block;
	border: 1px solid #212121;
	background: #ffffff;
	border-radius: 8px;
	text-align: center;
	font-size: 12px;
	color: #212121;
}

.content_kaitori .reason .list .information .link_btn .contact_btn,
.content_kaitori .reason .list .information .link_btn .consignment_btn{
	float: left;
	width: calc(50% - 10px);
}

.content_kaitori .reason .list .information .link_btn .consignment_btn{
	margin-left: 20px;
}

.content_kaitori .example{
	margin-bottom: 70px;
	position: relative;
}

.content_kaitori .example:before{
	position: absolute;
	bottom: 100px;
	left: -115px;
	border-radius: 600px;
	background: #F4F8F0;
	width: 700px;
	height: 700px;
	content: '';
	transition: all 1000ms 0s ease;
}

.content_kaitori .example.start:before{
	bottom: 0;
	left: -215px;
	width: 900px;
	height: 900px;
}

.content_kaitori .example .headline{
	margin-bottom: 40px;
	position: relative;
	line-height: 100%;
	text-align: center;
	font-size: 16px;
	color: #707070;
}

.content_kaitori .example .headline:before{
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	border-top: solid 1px #707070;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.content_kaitori .example .headline span{
	padding: 0 20px;
	background: #fff;
	position: relative;
	z-index: 5;
}

.content_kaitori .example .list ul{
	overflow: hidden;
}

.content_kaitori .example .list li{
	float: left;
	width: calc(50% - 10px);
}

.content_kaitori .example .list li:nth-child(even){
	margin-left: 20px;
}

.content_kaitori .example .list li:nth-child(n+3){
	margin-top: 20px;
}

.content_kaitori .example .list .pht{
	text-align: center;
}

.content_kaitori .example .list .name{
	margin: -25px 0 20px;
	text-align: center;
	font-size: 26px;
}

.content_kaitori .example .list .text{
	margin-bottom: 25px;
	line-height: 220%;
}

.content_kaitori .example .list .price{
	color: #E85050;
}

.content_kaitori .example .list .link_btn a{
	padding: 10px 0;
	display: block;
	border: 1px solid #212121;
	background: #ffffff;
	border-radius: 8px;
	text-align: center;
	font-size: 13px;
	color: #212121;
}

.content_kaitori .secret{
	margin-bottom: 40px;
}

.content_kaitori .secret .headline{
	margin-bottom: 45px;
	line-height: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #656565;
}

.content_kaitori .secret .list ul{
	overflow: hidden;
}

.content_kaitori .secret .list li{
}

.content_kaitori .secret .list li+li{
	margin-top: 40px;
}

.content_kaitori .secret .list li:nth-child(1) .ttl{
	background: url("../images/kaitori/ic_select01.svg") left top no-repeat;
}

.content_kaitori .secret .list li:nth-child(2) .ttl{
	background: url("../images/kaitori/ic_select02.svg") left top no-repeat;
}

.content_kaitori .secret .list li:nth-child(3) .ttl{
	background: url("../images/kaitori/ic_select03.svg") left top no-repeat;
}

.content_kaitori .secret .list .ttl{
	min-height: 50px;
	margin-bottom: 10px;
	padding-left: 60px;
	padding-top: 17px;
	line-height: 100%;
	font-size: 16px;
	font-weight: bold;
}

.content_kaitori .secret .list .text{
	line-height: 180%;
	position: relative;
}

.content_kaitori .secret .list li:nth-child(1) .text{
	padding-right: 110px;
}

.content_kaitori .secret .list .pic{
	position: absolute;
	right: 0;
	top: -20px;
}

.content_kaitori .qa{
	margin-bottom: 40px;
	position: relative;
}

.content_kaitori .qa:before{
	position: absolute;
	top: 55px;
	right: 0;
	background: #F4F8F0;
	width: 0;
	height: 390px;
	content: '';
	transition: all 1000ms 0s ease;
	z-index: 0;
}

.content_kaitori .qa.start:before{
	width: 30%;
}

.content_kaitori .qa .headline{
	margin-bottom: 50px;
	text-align: center;
}

.content_kaitori .qa .headline span{
	margin-bottom: 20px;
	line-height: 100%;
	font-size: 18px;
	color: #AAB5A9;
}

.content_kaitori .qa .headline p{
	line-height: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #656565;
}

.content_kaitori .qa .list ul{
	overflow: hidden;
}

.content_kaitori .qa .list li{
}

.content_kaitori .qa .list li+li{
	margin-top: 30px;
}

.content_kaitori .qa .list .question{
	margin-bottom: 15px;
}

.content_kaitori .qa .list .question p{
	font-weight: bold;
}

.content_kaitori .qa .list .answer{
}

.content_kaitori .qa .list .question,
.content_kaitori .qa .list .answer{
	min-height: 30px;
	line-height: 220%;
	position: relative;
}

.content_kaitori .qa .list .question p,
.content_kaitori .qa .list .answer p{
	margin-left: 40px;
}

.content_kaitori .qa .list .question:before,
.content_kaitori .qa .list .answer:before{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	line-height: 100%;
	text-align: center;
	font-size: 28px;
	font-family: 'Crimson Text', serif !important;]
	font-weight: normal !important;
	color: #fefefe;
}

.content_kaitori .qa .list .question:before{
	content: "Q";
	background: #AA4E4E;
}

.content_kaitori .qa .list .answer:before{
	content: "A";
	background: #6B7DC7;
}
/*
.content_kaitori .navi{
	margin-bottom: 70px;
	padding: 0 10px;
}

.content_kaitori .navi ul{
	overflow: hidden;
}

.content_kaitori .navi li{
	float: left;
	width: 31%;
	margin: 0 1%;
}

.content_kaitori .navi li.delivery a{
	background: url("../images/kaitori/ic_delivery.svg") center top no-repeat;
}

.content_kaitori .navi li.shop a{
	background: url("../images/kaitori/ic_shop.svg") center top no-repeat;
}

.content_kaitori .navi li.estimates a{
	background: url("../images/kaitori/ic_estimates.svg") center top no-repeat;
}

.content_kaitori .navi li a{
	padding-top: 110px;
	display: block;
	text-align: center;
}
*/




/*
 * Common Navi
*/

.content_wrap .navi{
	margin-bottom: 70px;
}

.content_wrap .navi ul{
	text-align: center;
}

.content_wrap .navi li{
	display: inline-block;
	vertical-align: top;
}

.content_wrap .navi li+li{
	margin-left: 20px;
}

.content_wrap .navi li a{
	min-width: 120px;
	padding-top: 100px;
	display: inline-block;
	color: #8D8A8A;
}

.content_wrap .navi li.delivery a{
	background: url("../images/kaitori/ic_delivery.svg") center top no-repeat;
}

.content_wrap .navi li.shop a{
	background: url("../images/kaitori/ic_shop.svg") center top no-repeat;
}

.content_wrap .navi li.estimates a{
	background: url("../images/kaitori/ic_estimates.svg") center top no-repeat;
}





/*
 * Common Delivery float btn
*/

.content_wrap .delivery_btn{
	position: fixed;
	right: 10px;
	top: 170px;
	z-index: 10;
}

.content_wrap .delivery_btn a{
	width: 60px;
	height: 60px;
	padding-top: 15px;
	background: #E7B9F5;
	border-radius: 60px;
	display: block;
	line-height: 150%;
	font-size: 12px;
	text-align: center;
	color: #fefefe;
}





/*
 * Common Benefit
*/

.content_wrap .benefit{
	overflow: hidden;
}

.content_wrap .benefit .five_brands{
	float: left;
	width: 50%;
	padding: 10px;
	background: #F0EEDE;
}

@media only screen and (orientation : landscape) {
.content_wrap .benefit .five_brands .exp{
	padding-top: 10px;
	text-align: center;
}
.content_wrap .benefit .five_brands .exp span{
	padding-top: 10px;
}
}

@media only screen and (orientation : portrait) {
.content_wrap .benefit .five_brands .exp span{
	padding-top: 6px;
}
}

.content_wrap .benefit .five_brands .exp span{
	min-height: 32px;
	padding-left: 40px;
	display: inline-block;
	line-height: 100%;
	background: url("../images/kaitori/ic_limitedtime.svg") left top no-repeat;
	font-size: 10px;
	font-weight: bold;
}

.content_wrap .benefit .five_brands .price{
	margin-bottom: 8px;
	text-align: center;
}

.content_wrap .benefit .five_brands .price span{
	display: inline-block;
	line-height: 100%;
	font-size: 36px;
	color: #F7931E;
}

.content_wrap .benefit .five_brands .text{
	margin-bottom: 8px;
	text-align: center;
	font-size: 11px;
}

.content_wrap .benefit .five_brands .atte{
	text-align: center;
	font-size: 9px;
	color: #666666;
}

.content_wrap .benefit .tradein{
	float: right;
	width: 50%;
	background: #E7EDEC;
}

.content_wrap .benefit .tradein a{
	padding: 10px;
	display: block;
	background: url("../images/kaitori/ic_arrow_btm.svg") center bottom 12px no-repeat;
	color: #000000;
}

.content_wrap .benefit .tradein .price{
	margin-bottom: 10px;
	text-align: center;
}

.content_wrap .benefit .tradein .price .block{
	display: inline-block;
	position: relative;
}

.content_wrap .benefit .tradein .price span{
	color: #2E4AA4;
}

.content_wrap .benefit .tradein .price span.big{
	font-size: 60px;
}

.content_wrap .benefit .tradein .price .text{
	margin-bottom: 8px;
	font-size: 12px;
}

.content_wrap .benefit .tradein .price .per{
	line-height: 100%;
	font-size: 42px;
}

.content_wrap .benefit .tradein .atte{
	line-height: 150%;
	font-size: 9px;
	color: #666666;
}





/*
 * takuhai
*/

.content_takuhai{
	padding-bottom: 70px;
}

.content_takuhai .mainv{
	margin: 0 10px 25px;
	padding-top: 20px;
	position: relative;
}

.content_takuhai .mainv .text{
	margin-bottom: 50px;
	line-height: 150%;
	text-align: center;
	font-size: 24px;
}

.content_takuhai .mainv .btn_link ul{
	text-align: center;
}

.content_takuhai .mainv .btn_link li{
	display: inline-block;
}

.content_takuhai .mainv .btn_link li+li{
	margin-left: 45px;
}

.content_takuhai .mainv .btn_link a{
	min-width: 120px;
	padding-top: 130px;
	display: inline-block;
	color: #8D8A8A;
}

.content_takuhai .mainv .btn_link .delivery a{
	background: url("../images/takuhai/btn_delivery.svg") center top no-repeat;
}

.content_takuhai .mainv .btn_link .estimates a{
	background: url("../images/takuhai/btn_estimates.svg") center top no-repeat;
}

.content_takuhai .flow{
	margin-bottom: 40px;
}

.content_takuhai .flow .ttl{
	margin-bottom: 40px;
	line-height: 100%;
	text-align: center;
	font-size: 20px;
}

.content_takuhai .flow .headline{
	margin-bottom: 25px;
	line-height: 100%;
	position: relative;
	text-align: center;
	font-size: 16px;
}

.content_takuhai .flow .headline:before{
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	border-top: solid 1px #8D8A8A;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.content_takuhai .flow .headline span{
	padding: 0 20px;
	position: relative;
	display: inline-block;
	background: #ffffff;
	z-index: 10;
}

.content_takuhai .flow .text{
	margin-bottom: 30px;
	line-height: 220%;
}

.content_takuhai .flow .exp{
	margin-bottom: 20px;
}

.content_takuhai .flow .exp ul{
	overflow: hidden;
}

.content_takuhai .flow .exp li{
	float: left;
	vertical-align: top;
	line-height: 120%;
	font-size: 10px;
	color: #707070;
}

.content_takuhai .flow .exp li:nth-child(1){
	width: 33%;
}

.content_takuhai .flow .exp li:nth-child(2){
	width: 33%;
}

.content_takuhai .flow .exp li:nth-child(3){
	width: 26%;
}

.content_takuhai .flow .exp li+li{
	margin-left: 3%;
}

.content_takuhai .flow .exp li span{
	display: block;
	text-align: center;
}

.content_takuhai .flow .exp li:nth-child(1) span{
	padding-top: 160px;
	background: url("../images/takuhai/ic_resident.svg") center top no-repeat;
}

.content_takuhai .flow .exp li:nth-child(2) span:nth-child(1){
	padding-top: 75px;
	background: url("../images/takuhai/ic_license.svg") center top no-repeat;
}

.content_takuhai .flow .exp li:nth-child(2) span:nth-child(2){
	padding-top: 85px;
	background: url("../images/takuhai/ic_insurance.svg") center 10px no-repeat;
}

.content_takuhai .flow .exp li:nth-child(3) span{
	padding-top: 140px;
	background: url("../images/takuhai/ic_passport.svg") top center no-repeat;
}

.content_takuhai .flow .atte{
	line-height: 180%;
	font-size: 11px;
}

.content_takuhai .step{
	margin-bottom: 55px;
}

.content_takuhai .step>ul>li+li{
	margin-bottom: 20px;
	padding-top: 30px;
	background: url("../images/takuhai/ic_arrow.svg") center 0 no-repeat;
}

.content_takuhai .step .headline{
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
}

.content_takuhai .step .headline span{
	font-size: 32px !important;
}

.content_takuhai .step .ttl{
	margin-bottom: 30px;
	line-height: 100%;
	position: relative;
	text-align: center;
	font-size: 16px;
}

.content_takuhai .step .ttl span{
	padding-bottom: 10px;
	display: inline-block;
	border-bottom: 2px solid #8CC63F;
}

.content_takuhai .step .description{
	margin-bottom: 30px;
	line-height: 180%;
	text-align: center;
	font-weight: bold;
}

.content_takuhai .step .text{
	line-height: 180%;
	overflow: hidden;
}

.content_takuhai .step .case{
	overflow: hidden;
}

.content_takuhai .step .case .point{
	margin-bottom: 20px;
	padding: 10px 0;
	border: 1px solid #8CC63F;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #8D8A8A;
}

.content_takuhai .step .case .exp{
	line-height: 220%;
}

.content_takuhai .step .case .easy{
	margin-bottom: 30px;
}

.content_takuhai .step .case .easy .pht{
	margin-top: 10px;
	text-align: center;
}

.content_takuhai .step .case .myself{
}

.content_takuhai .step .case .myself span{
	font-weight: bold;
}

.content_takuhai .step .text strong{
	text-decoration: underline;
	color: #49609D;
}

.content_takuhai .step .text>.point{
	margin-bottom: 20px;
}

.content_takuhai .step .text>.pht{
	min-height: 200px;
}

.content_takuhai .step .text>.pht ul{
	position: relative;
}

.content_takuhai .step .text>.pht li:nth-child(1){
	position: absolute;
	top: 0;
	left: 0;
}

.content_takuhai .step .text>.pht li:nth-child(2){
	position: absolute;
	top: 40px;
	right: 0;
}

.content_takuhai .step .text>.pht li+li{
}

.content_takuhai .step .btn_link{
	margin-top: 20px;
}

.content_takuhai .step .btn_link ul{
	overflow: hidden;
}

.content_takuhai .step .btn_link li{
	float: left;
	width: calc(50% - 20px);
}

.content_takuhai .step .btn_link li+li{
	margin-left: 20px;
}

.content_takuhai .step .btn_link li a{
	padding: 8px 0;
	display: block;
	border: 1px solid #8D8A8A;
	border-radius: 8px;
	text-align: center;
	color: #212121;
}







/*
 * tenpo
*/

.content_tenpo{
	padding-bottom: 30px;
}

.content_tenpo .mainv{
	margin-bottom: 40px;
	padding-top: 20px;
	position: relative;
}

.content_tenpo .mainv .ttl{
	margin-bottom: 50px;
	line-height: 100%;
	text-align: center;
	font-size: 32px;
}

.content_tenpo .mainv .catch{
	margin-bottom: 20px;
	line-height: 180%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #656565;
}

.content_tenpo .mainv .text{
	margin-bottom: 40px;
	line-height: 220%;
}

.content_tenpo .mainv .pht img{
}

.content_tenpo .mainv .pht ul{
	overflow: hidden;
}

.content_tenpo .mainv .pht li{
	float: left;
	width: calc(50% - 5px);
	text-align: center;
}

.content_tenpo .mainv .pht li:nth-child(even){
	margin-left: 10px;
}

.content_tenpo .mainv .pht li:nth-child(n+3){
	margin-top: 10px;
}

.content_tenpo .shop_information{
	margin-bottom: 35px;
	padding: 35px 0 10px;
	background: #F4F8F0;
	overflow: hidden;
}

.content_tenpo .shop_information .information,
.content_tenpo .shop_information .map{
}

.content_tenpo .shop_information .information{
	margin-bottom: 30px;
	overflow: hidden;
}

.content_tenpo .shop_information .headline{
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	line-height: 100%;
	text-align: center;
	font-size: 16px;
}

.content_tenpo .shop_information .headline:before{
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	border-top: solid 1px #707070;
	position: absolute;
	top: 25%;
	z-index: 1;
}

.content_tenpo .shop_information .headline span{
	padding: 0 20px;
	position: relative;
	display: inline-block;
	background: #F4F8F0;
	z-index: 10;
}

.content_tenpo .shop_information .pht{
	margin-bottom: 25px;
	text-align: center;
}

.content_tenpo .shop_information .ttl{
	margin-bottom: 15px;
	line-height: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #656565;
}

.content_tenpo .shop_information .description{
	margin-bottom: 15px;
	line-height: 220%;
}

.content_tenpo .shop_information .atte{
	line-height: 100%;
	font-size: 12px;
}

.content_tenpo .shop_information .map iframe{
	width: 100%;
}

.content_tenpo .parking{
	margin-bottom: 35px;
	padding: 10px;
}

.content_tenpo .parking .headline{
	margin-bottom: 20px;
	color: #656565;
}

.content_tenpo .parking .headline strong{
	font-size: 18px;
	font-weight: bold;
}

.content_tenpo .parking .headline span{
	color: #E85050;
}

.content_tenpo .parking .headline sup{
	vertical-align: top;
	font-size: 10px;
}

.content_tenpo .parking .information{
	overflow: hidden;
}

.content_tenpo .parking .information .pht{
	margin-bottom: 20px;
	overflow: hidden;
}

.content_tenpo .parking .information img{
	float: left;
	width: 45%;
}

.content_tenpo .parking .information .text{
	float: right;
	width: 50%;
	line-height: 220%;
	font-size: 11px;
}

.content_tenpo .parking .information .map{
}

.content_tenpo .parking .information .map iframe{
	width: 100%;
	margin-bottom: 10px;
}

.content_tenpo .parking .information .map .atte{
	line-height: 180%;
	font-size: 11px;
}

.content_tenpo .parking .information .map .atte span{
	color: #E85050;
}

.content_tenpo .shop_access{
	margin-bottom: 60px;
	padding: 35px 0;
	background: #F4F8F0;
	overflow: hidden;
}

.content_tenpo .shop_access .headline{
	margin-bottom: 50px;
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #707070;
}

.content_tenpo .shop_access .headline:before{
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	border-top: solid 1px #707070;
	position: absolute;
	top: 40%;
	z-index: 1;
}

.content_tenpo .shop_access .headline span{
	padding: 0 20px;
	position: relative;
	display: inline-block;
	background: #F4F8F0;
	z-index: 10;
}

.content_tenpo .shop_access .information{
	overflow: hidden;
}

.content_tenpo .shop_access .information .ttl{
	margin-bottom: 35px;
	padding: 15px 20px;
	line-height: 100%;
	border: 1px solid #C6D1C5;
	border-radius: 5px;
	background: #ffffff;
	text-align: center;
	font-size: 15px;
}

.content_tenpo .shop_access .information .ttl span{
	padding-right: 15px;
	display: block;
	opacity: 0.5;
	background: url("../images/tenpo/ic_arrow.svg") right 50% no-repeat;
}

.content_tenpo .shop_access .information .ttl.active span{
	opacity: 1 !important;
}

.content_tenpo .shop_access .information .ttl.active{
	
}

.content_tenpo .shop_access .information .list{
	display: none;
}

.content_tenpo .shop_access .information .west{
	margin-bottom: 30px;
}

.content_tenpo .shop_access .information .south{
}

.content_tenpo .shop_access .information .pht{
	margin-bottom: 15px;
	position: relative;
}

.content_tenpo .shop_access .information .pht img{
	width: 100%;
}

.content_tenpo .shop_access .information .pht span{
	width: 34px;
	height:  35px;
	position: absolute;
	top: 10px;
	left: 10px;
	line-height: 100%;
	display: inline-block;
	border: 1px solid #C6D1C5;
	border-radius: 30px;
	background: #ffffff;
	text-align: center;
	font-size: 31px;
}

.content_tenpo .shop_access .information .text{
	line-height: 220%;
}

.content_tenpo .shop_access .information li+li{
	margin-top: 30px;
}

.content_tenpo .shop_access .pht{
	margin-bottom: 15px;
	overflow: hidden;
}

.content_tenpo .shop_access .pht img:nth-child(1){
	float: left;
}

.content_tenpo .shop_access .pht img:nth-child(2){
	float: right;
}





/*
 * Terms , Privacy policy , shikinkessaihou , Tokutei syoutorihiki
*/

.content_terms{
	padding-bottom: 50px;
}

.content_terms a{
	text-decoration: underline;
	color: #49609D;
}

.content_terms ol{
	padding-left: 10px;
	list-style-type: none;
}

.content_terms sup{
	vertical-align: top;
	font-size: 10px;
}

.content_terms .atte{
	font-size: 11px;
}

.content_terms .mainv{
	margin-bottom: 40px;
	padding: 20px 0 0;
}

.content_terms .mainv .ttl{
	margin-bottom: 30px;
	line-height: 100%;
	text-align: center;
	font-size: 24px;
}

.content_terms .mainv .catch{
	margin: 0 10px;
	line-height: 220%;
	text-align: center;
	font-size: 16px;
}

.content_terms .mainv .catch span{
	line-height: 150%;
	display: block;
	text-align: left;
	font-size: 11px;
}

.content_terms .headline{
	margin-bottom: 15px;
	line-height: 120%;
	font-size: 16px;
	font-weight: bold;
}


/*
.decimal,.circle,.disc,.upper_roman,.lower_roman,.lower-latin{ margin-left: 20px;}
.decimal>li{ list-style-type: decimal;}
.circle>li{ list-style-type: circle;}
.disc>li{ list-style-type: disc;}
.upper_roman>li{ list-style-type: upper-roman;}
.lower_roman>li{ list-style-type: lower-roman;}
.lower-latin>li{ list-style-type: lower-latin;}
*/

.content_terms .list ol.decimal,
.content_terms .list ol.disc{
	padding-left: 30px;
}

.content_terms .list p,
.content_terms .list li{
	line-height: 180%;
}

.content_terms .list p+p,
.content_terms .list ol+p,
.content_terms .list p+ol{
	margin-top: 15px;
}

.content_terms .list ul>li+li{
	margin-top: 50px;
}

.content_terms .list ol.decimal>li{
	padding-left: 8px;
	list-style-type: decimal;
}

.content_terms .list ol.disc>li{
	padding-left: 8px;
	list-style-type: disc;
}

.content_terms .table,
.content_terms .table+p,
.content_terms .table+ol{
	margin-top: 30px;
}

.content_terms .table dl{
	position: relative;
	background: #F2EFE6;
	border-bottom: 1px solid #D0CDCD;
}

.content_terms .table dt{
	padding: 8px;
	border-top: 1px solid #D0CDCD;
	text-align: center;
	font-weight: bold;
}

.content_terms .table dd{
	border-top: 1px solid #D0CDCD;
	background: #ffffff;
}

.content_terms .table dd p{
	padding: 8px 8px 5px;
	line-height: 220%;
}

.content_terms .table dd p+p{
	border-top: 1px solid #D0CDCD;
}

.content_terms .table dd span{
	font-size: 11px;
}

.content_terms .table table{
	width: 100%;
	margin-top: 30px;
	border-top: 1px solid #D0CDCD;
	border-bottom: 1px solid #D0CDCD;
}

.content_terms .table th{
	padding: 8px;
	vertical-align: middle;
	background: #F2EFE6;
	text-align: left;
}

.content_terms .table th:nth-child(1){
	width: 150px;
}

.content_terms .table td{
	padding: 8px 8px 5px;
	vertical-align: middle;
	line-height: 220%;
}

.content_terms .table th+th,
.content_terms .table th+td,
.content_terms .table td+td{
	border-left: 1px solid #D0CDCD;
}

.content_terms .table tr+tr th,
.content_terms .table tr+tr td{
	border-top: 1px solid #D0CDCD;
}