@import "https://fonts.googleapis.com/css?family=Orbitron:500";
@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #333;
}
/*--------------------------------------------
CONTENT HEADER
---------------------------------------------*/
#contentHeader{
	background-image : url("../images/home/bg_header.png");
	background-repeat : no-repeat;
	background-position : 0 0;
}
#contentHeader h2{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .wrap{
		padding-top : calc( 155 * 100vw / 768 );
		padding-bottom : calc( 5 * 100vw / 768 );
		padding-left : calc( 2 * 100% / 768 );
		padding-right : calc( 2 * 100% / 768 );
	}
	#contentHeader .box{
		padding-top : calc( 29 * 100vw / 768 );
		padding-left : calc( 21 * 100% / 764 );
		padding-right : calc( 21 * 100% / 764 );
		padding-bottom : calc( 24 * 100vw / 768 );
		color : #222;
		background-color : rgba(237,236,236,.85);
	}
	#contentHeader h2{
		font-size : calc( 40 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .wrap{
		padding-top : 111px;
		padding-bottom : 9px;
	}
	#contentHeader .box{
		width : 100%;
		padding-top : calc( 28px - 1px );
		padding-left : 22px;
		padding-right : 22px;
		padding-bottom : calc( 24px - 1px );
	}
	#contentHeader h2{
		font-size : 30px;
		line-height : 32px;
	}
}
@media print, screen and (min-width: 1440px){
	#contentHeader h2{
		font-size : 40px;
		line-height : 40px;
	}
}
@media print, screen and (min-width: 769px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .box{
		background-color : rgba(0,197,205,.85);
	}
}
section{
	overflow : hidden;
	position : relative;
}
@media print, screen and (min-width: 1440px){
	section > .wrap{
		max-width : 1600px;
		margin-left : auto;
		margin-right : auto;
		position : relative;
	}
}
/*--------------------------------------------
FEATURE
---------------------------------------------*/
@media screen and (max-width: 768px){
	.feature #contentHeader{
		background-image : url("../images/feature/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.feature #contentHeader{
		background-image : url("../images/feature/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.feature #contentHeader{
		background-image : url("../images/feature/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.feature #contentHeader .wrap{
		padding-top : 117px;
		padding-bottom : 23px;
	}
	.feature #contentHeader .box{
		width : 990px;
		padding-top : 29px;
		padding-left : 23px;
		padding-right : 23px;
		padding-bottom : 24px;
	}
}
.feature #section01 h4{
	letter-spacing : .1em;
	color : #181818;
}
.feature #section01 .box > p{
	letter-spacing : .1em;
	color : #222;
}
.feature #section01 .box02 a{
	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;
	text-align : center;
	color : #fff;
	background-color : #00C5CD;
	letter-spacing : .1em;
}
.feature #section01 .box02 a:before{
	content : "»";
}
.feature #section01 .box02 p{
	letter-spacing : .1em;
	color : #595757;
}
@media screen and (max-width: 768px){
	.feature #section01 .wrap{
		padding-top : calc( 76 * 100vw / 768 );
		position : relative;
		padding-left : 0;
		padding-right : 0;
	}
	.feature #section01 .viewbox{
		margin-top : calc( 24 * 100vw / 768 );
	}
	.feature #section01 .viewbox:before{
		content : "";
		display : block;
		background : url("../images/feature/bg01_sp.png") center center / cover no-repeat;
		width : 100%;
		height : calc( 416 * 100vw / 768 );
	}
	.feature #section01 .box{
		padding-left : calc( 13 * 100% / 768 );
		padding-right : calc( 13 * 100% / 768 );
		padding-top : calc( ( 28 - 2.5 ) * 100vw / 768 );
	}
	.feature #section01 h4{
		font-size : calc( 45 * 100vw / 768 );
		line-height : 1.11;
	}
	.feature #section01 .box > p{
		margin-top : calc( ( 24 - 2.5 - 7 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
	.feature #section01 .box02{
		margin-top : calc( ( 57 - 7 ) * 100vw / 768 );
	}
	.feature #section01 .box02 a{
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 400 * 100% / 742 );
		height : calc( 60 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	.feature #section01 .box02 p{
		text-align : center;
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 27 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.feature #section01 .wrap{
		padding-top : 71px;
	}
	.feature #section01 .viewbox{
		background : url("../images/feature/bg01_tb.png") center center / cover no-repeat;
		margin-top : 27px;
		padding-bottom : 36px;
		padding-top : 32px;
	}
	.feature #section01 .box{
		width : 758px;
		margin-left : auto;
		padding-top : calc( 44px - 6px );
		padding-left : 29px;
		padding-right : 29px;
		padding-bottom : 41px;
	}
	.feature #section01 h4{
		font-size : 30px;
		line-height : 42px;
	}
	.feature #section01 .box > p{
		margin-top : calc( 34px - 6px - 9px );
	}
	.feature #section01 .box02{
		margin-top : calc( 22px - 9px );
	}
	.feature #section01 .box02 a{
		font-size : 14px;
	}
}
@media print, screen and (min-width: 1440px){
	.feature #section01:before{
		content : "";
		display : block;
		position : absolute;
		background : url("../images/feature/bg01_pc.png") 0 0 / contain no-repeat;
		width : 1245px;
		height : 756px;
		bottom : 0;
		left : 0;
	}
	.feature #section01 .wrap{
		padding-top : 71px;
	}
	.feature #section01 .viewbox{
		min-height : 756px;
		margin-top : 47px;
		padding-top : 148px;
	}
	.feature #section01 .box{
		width : 800px;
		margin-left : auto;
		padding-top : calc( 78px - 3.5px );
		padding-left : 24px;
		padding-right : 24px;
		padding-bottom : 79px;
	}
	.feature #section01 h4{
		font-size : 35px;
		line-height : 42px;
	}
	.feature #section01 .box > p{
		margin-top : calc( 34px - 3.5px - 9px );
	}
	.feature #section01 .box02{
		margin-top : calc( 68px - 9px );
	}
	.feature #section01 .box02 a{
		font-size : 16px;
	}
}
@media print, screen and (min-width: 769px){
	.feature #section01 .box > p{
		font-size : 14px;
		line-height : 32px;
	}
	.feature #section01 .box02{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	.feature #section01 .box02 a{
		width : 296px;
		height : 46px;
	}
	.feature #section01 .box02 p{
		font-size : 13px;
		line-height : 16px;
		margin-left : 9px;
	}
}
.feature #section02 .wrap > ul > li{
	counter-increment : no;
}
.feature #section02 h4{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	letter-spacing : .1em;
	color : #222;
}
.feature #section02 h4:before{
	letter-spacing : 0;
	content : counter(no);
	font-family : "Orbitron", sans-serif;
}
.feature #section02 h4 span{
	border-left-style : solid;
	border-left-color : #00C5CD;
}
.feature #section02 p{
	color : #222;
	letter-spacing : .1em;
}
.feature #section02 .box h5{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	.feature #section02 .wrap{
		padding-top : calc( 86 * 100vw / 768 );
		padding-bottom : calc( 40 * 100vw / 768 );
		padding-left : 0;
		padding-right : 0;
	}
	.feature #section02 .wrap > ul{
		margin-top : calc( 39 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:after{
		margin-top : calc( 16 * 100vw / 768 );
		content : "";
		display : block;
		width : 100%;
		background-size : cover;
	}
	.feature #section02 .wrap > ul > li + li{
		margin-top : calc( 116 * 100vw / 768 );
	}
	.feature #section02 .texts{
		padding-left : calc( 16 * 100% / 768 );
		padding-right : calc( 16 * 100% / 768 );
	}
	.feature #section02 h4{
		padding-left : calc( 23 * 100% / 736 );
	}
	.feature #section02 h4:before{
		font-size : calc( 60 * 100vw / 768 );
		padding-top : calc( 5.5 * 100vw / 768 );
	}
	.feature #section02 h4 span{
		margin-left : calc( 35 * 100vw / 768 );
		padding-left : calc( 20 * 100vw / 768 );
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
		border-left-width : calc( 6 * 100vw / 768 );
		padding-top : calc( 7 * 100vw / 768 );
		padding-bottom : calc( 7 * 100vw / 768 );
	}
	.feature #section02 .text{
		line-height : 1.54;
		margin-top : calc( ( 34 - 7 ) * 100vw / 768 );
	}
	.feature #section02 .box{
		margin-top : calc( ( 15 -7 ) * 100vw / 768 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-orient : vertical;
		-webkit-box-direction : reverse;
		-ms-flex-direction : column-reverse;
		    flex-direction : column-reverse;
	}
	.feature #section02 .box ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.feature #section02 .box ul img{
		width : auto;
		max-width : inherit;
		height : calc( 426 * 100vw / 768 );
	}
	.feature #section02 .box ul li:nth-child(2){
		margin-left : calc( 13 * 100% / 732 );
	}
	.feature #section02 .box h5{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 16 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(1):after{
		background-image : url("../images/feature/list_bg01.png");
		height : calc( 469 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(2):after{
		background-image : url("../images/feature/list_bg02_sp.png");
		height : calc( 546 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(3):after{
		background-image : url("../images/feature/list_bg03.png");
		height : calc( 553 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(4):after{
		background-image : url("../images/feature/list_bg04.png");
		height : calc( 380 * 100vw / 768 );
	}
	.feature #section02 .wrap > ul > li:nth-child(5):after{
		background-image : url("../images/feature/list_bg05.png");
		height : calc( 522 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.feature #section02 .wrap{
		padding-top : 73px;
		padding-bottom : 262px;
	}
	.feature #section02 .wrap > ul{
		margin-top : 15px;
		width : 100%;
	}
	.feature #section02 .wrap > ul > li{
		background-repeat : no-repeat;
	}
	.feature #section02 .wrap > ul > li + li{
		margin-top : 71px;
	}
	.feature #section02 .texts{
		padding-left : 20px;
		padding-right : 20px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		background-color : rgba(255,255,255,.6);
		min-height : 526px;
	}
	.feature #section02 .text{
		font-size : 13px;
		line-height : 32px;
		margin-top : calc( 24px - 1px - 9.5px );
	}
	.feature #section02 .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
		margin-top : calc( 18px - 9.5px );
	}
	.feature #section02 .box h5{
		font-size : 12px;
		line-height : 14px;
		-ms-flex-item-align : end;
		align-self : flex-end;
		margin-left : 5px;
	}
	.feature #section02 .box ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.feature #section02 .box ul li:nth-child(2){
		margin-left : 6px;
	}
	.feature #section02 .box ul img{
		width : auto;
		max-width : inherit;
		height : 184px;
	}
	.feature #section02 .wrap > ul > li:nth-child(odd){
		background-position : 264px 44px;
		background-size : auto 434px;
	}
	.feature #section02 .wrap > ul > li:nth-child(odd) .texts{
		padding-top : calc( 23px - 1px );
		width : 685px;
	}
	.feature #section02 .wrap > ul > li:nth-child(even){
		background-position : 0 0;
		background-size : auto 502px;
		padding-top : 20px;
	}
	.feature #section02 .wrap > ul > li:nth-child(even) .texts{
		margin-left : auto;
		padding-top : calc( 60px - 1px );
		width : 778px;
	}
	.feature #section02 .wrap > ul > li:nth-child(1){
		background-image : url("../images/feature/list_bg01.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(2){
		background-image : url("../images/feature/list_bg02_pc.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(3){
		background-image : url("../images/feature/list_bg03.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(4){
		background-image : url("../images/feature/list_bg04.png");
	}
	.feature #section02 .wrap > ul > li:nth-child(5){
		background-image : url("../images/feature/list_bg05.png");
	}
}
@media print, screen and (min-width: 1440px){
	.feature #section02 .wrap{
		padding-top : 118px;
		padding-bottom : 262px;
	}
	.feature #section02 .wrap > ul{
		margin-top : 37px;
		width : 100%;
	}
	.feature #section02 .wrap > ul > li{
		background-repeat : no-repeat;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.feature #section02 .wrap > ul > li:after{
		background-repeat : no-repeat;
	}
	.feature #section02 .wrap > ul > li:nth-child(odd):after{
		content : "";
		display : block;
		background-position : 0 0;
	}
	.feature #section02 .wrap > ul > li:nth-child(even){
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
	}
	.feature #section02 .wrap > ul > li:nth-child(even):after{
		content : "";
		display : block;
		background-position : 0 0;
	}
	.feature #section02 .texts{
		width : calc( 100% * 3 / 5 );
		padding-left : 30px;
		padding-right : 30px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.feature #section02 .text{
		line-height : 32px;
		margin-top : calc( 24px - 9px );
	}
	.feature #section02 .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
		margin-top : calc( 34px - 9px );
	}
	.feature #section02 .box h5{
		font-size : 12px;
		line-height : 18px;
		margin-top : calc( 4px - 3px );
	}
	.feature #section02 .box ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		margin-left : 8px;
	}
	.feature #section02 .box ul li:nth-child(1){
		width : 173px;
	}
	.feature #section02 .box ul li:nth-child(2){
		width : 198px;
		margin-left : 8px;
	}
	.feature #section02 .wrap > ul > li:nth-child(1) .texts{
		padding-top : 77px;
	}
	.feature #section02 .wrap > ul > li:nth-child(1):after{
		background-image : url("../images/feature/list_bg01.png");
		width : 934px;
		height : 624px;
	}
	.feature #section02 .wrap > ul > li:nth-child(2) .texts{
		padding-top : 134px;
	}
	.feature #section02 .wrap > ul > li:nth-child(2):after{
		background-image : url("../images/feature/list_bg02_pc.png");
		width : 641px;
		height : 593px;
	}
	.feature #section02 .wrap > ul > li:nth-child(3) .texts{
		padding-top : 102px;
	}
	.feature #section02 .wrap > ul > li:nth-child(3):after{
		background-image : url("../images/feature/list_bg03.png");
		width : 645px;
		height : 433px;
	}
	.feature #section02 .wrap > ul > li:nth-child(4) .texts{
		padding-top : 162px;
	}
	.feature #section02 .wrap > ul > li:nth-child(4):after{
		background-image : url("../images/feature/list_bg04.png");
		width : 644px;
		height : 591px;
	}
	.feature #section02 .wrap > ul > li:nth-child(5) .texts{
		padding-top : 156px;
	}
	.feature #section02 .wrap > ul > li:nth-child(5):after{
		background-image : url("../images/feature/list_bg05.png");
		width : 819px;
		height : 548px;
	}
}
@media print, screen and (min-width: 769px){
	.feature #section02 h4:before{
		font-size : 40px;
		padding-top : 5.5px;
	}
	.feature #section02 h4 span{
		font-size : 30px;
		line-height : 32px;
		margin-left : 27px;
		padding-left : 33px;
		padding-top : calc( 4px - 1px );
		padding-bottom : calc( 7px - 1px );
		border-left-width : 3px;
	}
}
/*--------------------------------------------
LIST
---------------------------------------------*/
@media screen and (max-width: 768px){
	.list #contentHeader{
		background-image : url("../images/list/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.list #contentHeader{
		background-image : url("../images/list/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.list #contentHeader{
		background-image : url("../images/list/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.list #contentHeader .wrap{
		padding-top : 141px;
		padding-bottom : 32px;
	}
	.list #contentHeader .box{
		width : 990px;
		padding-top : 9px;
		padding-left : 31px;
		padding-right : 31px;
		padding-bottom : 11px;
	}
}

.list #section01 dt , .list #section01 dd{
	letter-spacing : .2em;
	white-space : nowrap;
}
.list #section01 .box div p{
	letter-spacing : .2em;
}
.list #section01 li{
	position : relative;
}
.list #section01 .new{
	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;
	text-align : center;
	color : #fff;
	background-color : #f33;
	top : 0;
	left : 0;
	position : absolute;
	font-family : "Lato", sans-serif;
	font-weight : 700;
}
.list #section01 .category{
	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;
	text-align : center;
	color : #000;
	background-color : #aed808;
	right : 0;
	top : 0;
	position : absolute;
}
@media screen and (max-width: 768px){
	.list #section01 .wrap{
		padding-top : calc( 54 * 100vw / 768 );
		padding-bottom : calc( 96 * 100vw / 768 );
	}
	.list #section01 .box{
		margin-top : calc( 25 * 100vw / 768 );
	}
	.list #section01 .box > div dl{
		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;
	}
	.list #section01 .box > div dt , .list #section01 .box > div dd{
		font-size : calc( 50 * 100vw / 768 );
	}
	.list #section01 .box > div dd{
		padding-left : .5em;
	}
	.list #section01 .box > p{
		margin-top : calc( ( 48 - 7 ) * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
		letter-spacing : 0;
		line-height : 1.54;
	}
	.list #section01 ul{
		margin-top : calc( ( 194 - 23 ) * 100vw / 768 );
		margin-left : calc( -16 * 100% / 736 );
	}
	.list #section01 li{
		margin-top : calc( 23 * 100vw / 768 );
		width : calc( 360 * 100% / 752 );
		margin-left : calc( 16 * 100% / 752 );
	}
	.list #section01 .new{
		width : calc( 60 * 100% / 360 );
		height : calc( 60 * 100vw / 768 );
		font-size : calc( 14 * 100vw / 768 );
	}
	.list #section01 .category{
		height : calc( 38 * 100vw / 768 );
		padding-left : calc( 9 * 100% / 360 );
		padding-right : calc( 9 * 100% / 360 );
		font-size : calc( 20 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.list #section01 .wrap{
		padding-top : 37px;
		padding-bottom : 96px;
	}
	.list #section01 .box{
		margin-top : 25px;
	}
	.list #section01 .box > div dl{
		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;
	}
	.list #section01 .box > div dt , .list #section01 .box > div dd{
		font-size : 40px;
	}
	.list #section01 .box > div dd{
		padding-left : .5em;
	}
	.list #section01 .box > div p{
		text-align : center;
		font-size : 20px;
		margin-top : 22px;
	}
	.list #section01 .box > p{
		font-size : 13px;
		line-height : 20px;
		margin-top : calc( 27px - 3.5px );
		width : 658px;
		margin-left : auto;
		margin-right : auto;
	}
	.list #section01 ul{
		margin-top : calc( 33px - 3.5px - 21px );
		margin-left : calc( -22 * 100% / 824 );
		width : 100%;
		margin-left : auto;
		margin-right : auto;
	}
	.list #section01 li{
		margin-top : 21px;
		margin-left : calc( 22 * 100% / 824 );
		width : calc( 250 * 100% / 824 );
	}
}
@media print, screen and (min-width: 1440px){
	.list #section01 .wrap{
		padding-top : 75px;
		padding-bottom : 96px;
	}
	.list #section01 .box{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		margin-top : 53px;
	}
	.list #section01 .box > p{
		font-size : 18px;
		width : calc( 640 * 100vw / 2000 );
		margin-right : calc( 100 * 100vw / 2000 );
		-ms-flex-negative : 0;
		flex-shrink : 0;
		letter-spacing : 0;
	}
	.list #section01 .box > div{
		margin-top : 4px;
	}
	.list #section01 .box > div dl{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	.list #section01 .box > div dt , .list #section01 .box > div dd{
		font-size : calc( 50 * 100vw / 2000 );
	}
	.list #section01 .box > div dd{
		padding-left : .5em;
	}
	.list #section01 .box > div p{
		text-align : center;
		font-size : 20px;
		margin-top : 14px;
	}
	.list #section01 ul{
		margin-top : calc( 67px - 3px - 5px );
		margin-left : calc( -12.5 * 100% / 1600 );
		width : calc( 1575 * 100% / 1600 );
		margin-left : auto;
		margin-right : auto;
	}
	.list #section01 li{
		margin-top : 5px;
		margin-left : calc( 12.5 * 100% / 1600 );
		width : calc( 250 * 100% / 1600 );
	}
}
@media print, screen and (min-width: 769px){
	.list #section01 .new{
		width : 46px;
		height : 46px;
		font-size : 14px;
	}
	.list #section01 .category{
		height : 30px;
		padding-left : 8px;
		padding-right : 8px;
		font-size : 12px;
	}
}
/*--------------------------------------------
VOICES
---------------------------------------------*/
@media screen and (max-width: 768px){
	.voices #contentHeader{
		background-image : url("../images/voices/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.voices #contentHeader{
		background-image : url("../images/voices/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.voices #contentHeader{
		background-image : url("../images/voices/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.voices #contentHeader .wrap{
		padding-top : 130px;
		padding-bottom : 31px;
	}
	.voices #contentHeader .box{
		width : 990px;
		padding-top : 16px;
		padding-left : 24px;
		padding-right : 24px;
		padding-bottom : 16px;
	}
}
.voices #section01 .box{
	border-style : solid;
	border-color : #ccc;
	background-color : rgba(255,255,255,.9);
}
.voices #section01 h4{
	letter-spacing : .1em;
	color : #222;
	border-bottom-style : solid;
	border-bottom-color : #ccc;
}
.voices #section01 .customer{
	letter-spacing : .1em;
	color : #222;
	text-align : right;
	margin-right : -.5em;
}

.voices #section01 a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	color: #fff;
	background: #00C5CD;
}
@media screen and (max-width: 768px){
	.voices #section01{
		padding-top : calc( 83 * 100vw / 768 );
		padding-bottom : calc( 74 * 100vw / 768 );
	}
	.voices #section01 ul:first-of-type{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.voices #section01 ul + ul{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.voices #section01 li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	.voices #section01 .box{
		padding-top : calc( ( 29 - 5 ) * 100vw / 768 );
		padding-bottom : calc( 32 * 100vw / 768 );
		padding-left : calc( 18 * 100% / 720 );
		padding-right : calc( 18 * 100% / 720 );
		border-width : calc( 6 * 100vw / 768 );
	}
	.voices #section01 h4{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.33;
		border-bottom-width : calc( 4 * 100vw / 768 );
		padding-bottom : calc( ( 22 - 5 ) * 100vw / 768 );
	}
	.voices #section01 .customer{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 21 * 100vw / 768 );
	}
	.voices #section01 .text{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		margin-top : calc( ( 22 - 7 ) * 100vw / 768 );
	}
	.voices #section01 a{
		margin-top : calc( ( 37 - 7 ) * 100vw / 768 );
		border-color : #00C5CD;
		border-width : calc( 6 * 100vw / 768 );
		width : calc( 400 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.voices #section01{
		padding-top : 36px;
		padding-bottom : 97px;
	}
	.voices #section01 ul:first-of-type{
		margin-top : 23px;
	}
	.voices #section01 li:nth-child(odd) .box{
		margin-left : 9px;
	}
	.voices #section01 li:nth-child(even) .box{
		margin-left : auto;
		margin-right : 23px;
	}
	.voices #section01 li + li{
		margin-top : 21px;
	}
	.voices #section01 .box{
		padding-top : calc( 29px - 10px );
		padding-bottom : 22px;
		padding-left : 19px;
		padding-right : 19px;
	}
	.voices #section01 .text{
		font-size : 13px;
		line-height : 24px;
		margin-top : calc( 26px - 5.5px );
	}
	.voices #section01 a{
		margin-top : calc( 21px - 5.5px );
	}
	.voices #section01 ul{
		background : url("../images/voices/bg_tb.png") left top no-repeat;
		min-height : 1449px;
		padding-top : 17px;
	}
}
@media print, screen and (min-width: 1440px){
	.voices #section01{
		padding-top : 65px;
		padding-bottom : 97px;
	}
	.voices #section01 .wrap{
		max-width : 1600px;
		margin-left : auto;
		margin-right : auto;
	}
	.voices #section01 ul:first-of-type{
		margin-top : 20px;
	}
	.voices #section01 ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
	}
	.voices #section01 li:nth-child(even){
		margin-left : 24px;
	}
	.voices #section01 li:nth-child(n+3){
		margin-top : 19px;
	}
	.voices #section01 .box{
		padding-left : 17px;
		padding-right : 17px;
		padding-top : calc( 29px - 10px );
		padding-bottom : 18px;
	}
	.voices #section01 .text{
		font-size : 14px;
		line-height : 30px;
		margin-top : calc( 26px - 8px );
	}
	.voices #section01 a{
		margin-top : calc( 20px - 8px );
	}
	.voices #section01 ul:nth-of-type(odd){
		background : url("../images/voices/bg01.png") right top no-repeat;
		min-height : 760px;
		padding-top : 20px;
	}
	.voices #section01 ul:nth-of-type(even){
		background : url("../images/voices/bg02.png") left top no-repeat;
		min-height : 647px;
		padding-top : 52px;
		margin-left : auto;
		-webkit-box-pack : end;
		-ms-flex-pack : end;
		justify-content : flex-end;
	}
}
@media print, screen and (min-width: 769px){
	.voices #section01 .box{
		border-width : 2px;
		width : 596px;
	}
	.voices #section01 h4{
		line-height : 2;
		font-size : 20px;
		border-bottom-width : 4px;
		padding-bottom : calc( 21px - 10px );
		padding-left : 4px;
		padding-right : 4px;
	}
	.voices #section01 .customer{
		font-size : 14px;
		margin-top : 19px;
	}
	.voices #section01 a{
		border-width : 2px;
		width : 186px;
		height : 36px;
		font-size : 14px;
	}
}
/*--------------------------------------------
FLOW
---------------------------------------------*/
@media screen and (max-width: 768px){
	.flow #contentHeader{
		background-image : url("../images/flow/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.flow #contentHeader{
		background-image : url("../images/flow/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.flow #contentHeader{
		background-image : url("../images/flow/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.flow #contentHeader .wrap{
		padding-top : 141px;
		padding-bottom : 32px;
	}
	.flow #contentHeader .box{
		width : 990px;
		padding-top : 9px;
		padding-left : 31px;
		padding-right : 31px;
		padding-bottom : 11px;
	}
}
.flow #section01 h4{
	letter-spacing : .1em;
	color : #222;
}
.flow #section01 .text{
	letter-spacing : .1em;
	color : #222;
}
.flow #section01 h5{
	letter-spacing : .1em;
	-webkit-writing-mode : vertical-rl;
	    -ms-writing-mode : tb-rl;
	        writing-mode : vertical-rl;
}
.flow #section01 .box > ol{
	counter-reset : no;
}
.flow #section01 ol li li{
	counter-increment : no;
}
.flow #section01 h6{
	letter-spacing : .1em;
	color : #222;
}
.flow #section01 h6:before{
	content : counter(no)".";
}
.flow #section01 li p{
	letter-spacing : .1em;
	color : #222;
}
@media screen and (max-width: 768px){
	.flow #section01 .wrap{
		padding-top : calc( 65 * 100vw / 768 );
		padding-bottom : calc( 87 * 100vw / 768 );
		padding-left : 0;
		padding-right : 0;
	}
	.flow #section01 .bg{
		position : relative;
		min-height : calc( 865 * 100vw / 768 );
		background : url("../images/flow/bg01_sp.png") left top / 100% auto no-repeat;
	}
	.flow #section01 .bg > div{
		margin-top : calc( 25 * 100vw / 768 );
		background-color : rgba(255,255,255,.9);
		margin-left : calc( 16 * 100% / 768 );
		margin-right : calc( 16 * 100% / 768 );
		padding-top : calc( 42 * 100vw / 768 );
		padding-bottom : calc( ( 73 - 7 ) * 100vw / 768 );
		padding-left : calc( 20 * 100% / 736 );
		padding-right : calc( 20 * 100% / 736 );
	}
	.flow #section01 h4{
		font-size : calc( 50 * 100vw / 768 );
	}
	.flow #section01 .text{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		margin-top : calc( ( 35 - 7 ) * 100vw / 768 );
	}
	.flow #section01 h5{
		color : #fff;
	}
	.flow #section01 h5 span{
		font-size : calc( 28 * 100vw / 768 );
		-webkit-transform : scale(.5);
		        transform : scale(.5);
		display : block;
		-webkit-transform-origin : center top;
		        transform-origin : center top;
	}
	.flow #section01 .box > ol > li{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.flow #section01 .box > ol > li > ol{
		-webkit-box-flex : 1;
		-ms-flex-positive : 1;
		flex-grow : 1;
		padding-left : calc( 14 * 100% / 744 );
		padding-right : calc( 14 * 100% / 744 );
	}
	.flow #section01 li li{
		padding-top : calc( 35 * 100vw / 768 );
		padding-bottom : calc( ( 26 - 7 ) * 100vw / 768 );
	}
	.flow #section01 li li + li{
		border-top : solid #fff calc( 3 * 100vw / 768 );
	}
	.flow #section01 h6{
		font-size : calc( 40 * 100vw / 768 );
	}
	.flow #section01 li p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
		margin-top : calc( ( 22 - 7 ) * 100vw / 768 );
		padding-left : calc( 40 * 100% / 716 );
	}
	.flow #section01 .box > ol > li:nth-child(1){
		background : -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(90%, rgb(255, 207, 207)), to(rgb(255, 204, 204)));
		background : linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 207, 207) 90%, rgb(255, 204, 204) 100%);
	}
	.flow #section01 .box > ol > li:nth-child(1) h5{
		background-color : #a40000;
		padding-top : calc( 30 * 100vw / 768 );
	}
	.flow #section01 .box > ol > li:nth-child(2){
		background : -webkit-gradient(linear, left top, left bottom, from(rgb(249, 214, 144)), color-stop(60%, rgb(253, 239, 213)), to(rgb(255, 255, 255)));
		background : linear-gradient(to bottom, rgb(249, 214, 144) 0%, rgb(253, 239, 213) 60%, rgb(255, 255, 255) 100%);
	}
	.flow #section01 .box > ol > li:nth-child(2) h5{
		background-color : #b7aa00;
		padding-top : calc( 13 * 100vw / 768 );
	}
	.flow #section01 .box > ol > li:nth-child(3){
		background : -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 254)), color-stop(89%, rgb(208, 255, 208)), to(rgb(204, 255, 204)));
		background : linear-gradient(to top, rgb(255, 255, 254) 0%, rgb(208, 255, 208) 89%, rgb(204, 255, 204) 100%);
	}
	.flow #section01 .box > ol > li:nth-child(3) h5{
		background-color : #094;
		padding-top : calc( 19 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.flow #section01 .wrap{
		padding-top : 36px;
		padding-bottom : 60px;
		background : url("../images/flow/bg01_tb.png") top 150px right 0px no-repeat;
	}
	.flow #section01 .box{
		padding-left : 24px;
		padding-right : 18px;
		margin-top : 30px;
	}
	.flow #section01 .box > ol{
		margin-top : calc( 42px - 8px );
	}
	.flow #section01 ol ol li{
		padding-bottom : calc( 13px - 4px );
	}
	.flow #section01 li p{
		font-size : 13px;
		line-height : 21px;
	}
}
@media print, screen and (min-width: 1440px){
	.flow #section01{
		position : relative;
		overflow : hidden;
	}
	.flow #section01:before{
		content : "";
		display : block;
		position : absolute;
		background : url("../images/flow/bg01_pc.png") no-repeat;
		width : 876px;
		height : 1001px;
		top : 194px;
		left : 950px;
	}
	.flow #section01 .wrap{
		padding-top : 88px;
		padding-bottom : 20px;
		min-height : 1215px;
	}

    .flow #section01 .box{
		margin-top : 107px;
		margin-left : 47px;
		width : 812px;
	}
	.flow #section01 h4{
		padding-left : 10px;
	}
	.flow #section01 .text{
		padding-left : 14px;
		width : 770px;
	}
	.flow #section01 .box > ol{
		margin-top : calc( 86px - 8px );
	}
	.flow #section01 ol ol{
		width : 781px;
	}
	.flow #section01 ol ol li{
		padding-bottom : calc( 13px - 3.5px );
	}
	.flow #section01 li p{
		font-size : 14px;
		line-height : 21px;
		text-shadow : 1px 1px 0 #fff;
	}
	.flow #section01 .box > ol > li:nth-child(3) li p{
		white-space : nowrap;
	}
}
@media print, screen and (min-width: 769px){
	.flow #section01 h4{
		font-size : 30px;
	}
	.flow #section01 .text{
		font-size : 14px;
		line-height : 30px;
		margin-top : calc( 35px - 8px );
	}
	.flow #section01 .box > ol > li{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
	.flow #section01 .box > ol > li + li{
		margin-top : 21px;
	}
	.flow #section01 h5{
		width : 24px;
		line-height : 24px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
		font-size : 14px;
	}
	.flow #section01 ol ol{
		margin-left : 8px;
	}
	.flow #section01 ol ol li{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
		padding-top : 10px;
	}
	.flow #section01 ol ol li + li{
		border-top : dashed 1px rgba(0,0,0,.4);
	}
	.flow #section01 h6{
		font-size : 25px;
		padding-left : 3px;
		width : 324px;
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.flow #section01 .box > ol > li:nth-child(1) h5{
		background-color : #fcc;
		color : #ac1212;
		padding-top : 8px;
	}
	.flow #section01 .box > ol > li:nth-child(2) h5{
		background-color : #f9d690;
		color : #be7c0a;
		padding-top : 5px;
		padding-bottom : 5px;
	}
	.flow #section01 .box > ol > li:nth-child(3) h5{
		background-color : #cfc;
		color : #05500a;
		padding-top : 18px;
	}
}
/*--------------------------------------------
FLOW
---------------------------------------------*/
@media screen and (max-width: 768px){
	.manshon_life #contentHeader{
		background-image : url("../images/manshon_life/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.manshon_life #contentHeader{
		background-image : url("../images/manshon_life/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.manshon_life #contentHeader{
		background-image : url("../images/manshon_life/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.manshon_life #contentHeader .wrap{
		padding-top : 126px;
		padding-bottom : 34px;
	}
	.manshon_life #contentHeader .box{
		width : 990px;
		padding-top : 19px;
		padding-left : 18px;
		padding-right : 18px;
		padding-bottom : 13px;
	}
}

.manshon_life #section01{
	letter-spacing : .1em;
	color : #222;
}
.manshon_life #section01 .ml05em{
	margin-left : .5em;
}
@media screen and (max-width: 768px){
	.manshon_life #section01 .wrap{
		padding-top : calc( 36 * 100vw / 768 );
		padding-bottom : calc( 115 * 100vw / 768 );
	}
	.manshon_life #section01 .texts{
		margin-top : calc( ( 46 - 7 ) * 100vw / 768 );
	}
	.manshon_life  #section01 p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.7;
	}

}
@media print, screen and (min-width: 769px){
	.manshon_life #section01 .texts{
		margin-top : 30px;
		text-align: center;
		line-height: 1.7;
	}
}

@media screen and (min-width: 769px) and (max-width:1439px){
	.manshon_life #section01 .wrap{
		padding-top : 36px;
		padding-bottom : 65px;
		padding-left: 24px;
		padding-right: 24px;
	}

}
@media print, screen and (min-width: 1440px){
	.manshon_life #section01 .wrap{
		padding-top : 70px;
		padding-bottom : 70px;
		max-width : 1360px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.manshon_life #section01 .box{
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		margin-top : calc( 46px - 8px );
	}

}

.manshon_life .faq-list ul li dl div dt{
	cursor: pointer;
}
.manshon_life #section01 .texts a{
	text-decoration: underline;
	color: steelblue;
}
.manshon_life .faq-list dd strong{
	font-weight: 600;
}
.manshon_life .faq-list dd a{
	text-decoration: underline;
	color: steelblue;
}

@media screen and (max-width: 768px){
.manshon_life .faq-category{
}
	.manshon_life .faq-category ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
			margin:3em 0 5em 0 ;
	}
		.manshon_life .faq-category ul li{
		}
			.manshon_life .faq-category ul li a{
				padding: calc( 13 * 100vw / 768 );
				position: relative;
				border: 1px solid #065;
				display: block;
				min-width: 8em;
				margin: calc( 8 * 100vw / 768 );
				text-align: center;
				font-size: calc( 26 * 100vw / 768 );
			}
	.manshon_life  .top {
		text-align: right;
	}
	.manshon_life .faq-list{
				font-size: calc( 26 * 100vw / 768 );
	}
		.manshon_life .faq-list ul{
		}
			.manshon_life .faq-list ul li{
				margin-bottom: 5em;
				scroll-padding: calc( 100 * 100vw / 768 );
			}
				.manshon_life .faq-list ul li h4{
					font-size: calc( 42 * 100vw / 768 );
					font-weight: 500;
					border-bottom: calc( 8 * 100vw / 768 ) solid #ccc;
					padding-bottom: calc( 12 * 100vw / 768 );
					margin-bottom: calc( 36 * 100vw / 768 );
					font-family: "リュウミン R-KL", "Ryumin Regular KL", 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;							
				}
				.manshon_life .faq-list ul li dl{
				}
					.manshon_life .faq-list ul li dl div{
						padding-top: calc( 36 * 100vw / 768 );
						margin-top: calc( 36 * 100vw / 768 );
						border-top: 1px dotted #ccc;
					}
					.manshon_life .faq-list ul li dl div:first-of-type{
						margin-top: 0px;
						border-top: none;
					}
						.manshon_life .faq-list ul li dl div dt{
							display: flex;
							line-height: 1.7;
							justify-content: space-between;
							margin-bottom: 10px;
							align-items: center;
							font-weight: 600;
						}
							.manshon_life .faq-list ul li dl div dt::before{
								content: "Q";
								background: #00C5CD;
								width: 50px;
								height: 50px;
								color: #fff;
								display: flex;
								align-items: center;
								justify-content: center;
							}
							.manshon_life .faq-list ul li dl div dt span{
								width: calc(100% - 60px)
							}
						.manshon_life .faq-list ul li dl div dd{
							display: flex;
							justify-content: space-between;
							line-height: 1.7;
						}
							.manshon_life .faq-list ul li dl div dd::before{
								content: "A";
								background: #c6c6c6;
								width: 50px;
								height: 50px;
								color: #fff;
								display: flex;
								align-items: center;
								justify-content: center;
							}
							.manshon_life .faq-list ul li dl div dd span{
								width: calc(100% - 60px)
							}
}
@media print, screen and (min-width: 769px){
.manshon_life .faq-category{
}
	.manshon_life .faq-category ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
			margin:3em 0 5em 0 ;
	}
		.manshon_life .faq-category ul li{
		}
			.manshon_life .faq-category ul li a{
				padding: 1em;
				position: relative;
				border: 1px solid #666;
				display: block;
				min-width: 10em;
				margin: .2em;
				text-align: center;
				font-size: 16px;
			}
	.manshon_life  .top {
		text-align: right;
	}
	.manshon_life .faq-list{
	}
		.manshon_life .faq-list ul{
		}
			.manshon_life .faq-list ul li{
				margin-bottom: 5em;
			}
				.manshon_life .faq-list ul li h4{
					font-size: 30px;
					border-bottom: 4px solid #ccc;
					padding-bottom: calc( 21px - 10px );
					margin-bottom: 20px;
					font-family: "リュウミン R-KL", "Ryumin Regular KL", 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;			
				}
				.manshon_life .faq-list ul li dl{
				}
					.manshon_life .faq-list ul li dl div{
						padding-top: 20px;
						margin-top: 20px;
						border-top: 1px dotted #ccc;
					}
					.manshon_life .faq-list ul li dl div:first-of-type{
						margin-top: 0px;
						border-top: none;
					}
						.manshon_life .faq-list ul li dl div dt{
							display: flex;
							line-height: 1.7;
							justify-content: space-between;
							margin-bottom: 10px;
							align-items: center;
							font-weight: 600;
						}
							.manshon_life .faq-list ul li dl div dt::before{
								content: "Q";
								background: #00C5CD;
								width: 50px;
								height: 50px;
								color: #fff;
								display: flex;
								align-items: center;
								justify-content: center;
							}
							.manshon_life .faq-list ul li dl div dt span{
								width: calc(100% - 60px)
							}
						.manshon_life .faq-list ul li dl div dd{
							display: flex;
							justify-content: space-between;
							line-height: 1.7;
						}
							.manshon_life .faq-list ul li dl div dd::before{
								content: "A";
								background: #c6c6c6;
								width: 50px;
								height: 50px;
								color: #fff;
								display: flex;
								align-items: center;
								justify-content: center;
							}
							.manshon_life .faq-list ul li dl div dd span{
								width: calc(100% - 60px)
							}
}

@media screen and (min-width: 769px) and (max-width:1439px){
	.manshon_life .faq-list{
	}

}
@media print, screen and (min-width: 1440px){

}



/*--------------------------------------------
FLOW
---------------------------------------------*/
@media screen and (max-width: 768px){
	.download #contentHeader{
		background-image : url("../images/download/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.download #contentHeader{
		background-image : url("../images/download/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.download #contentHeader{
		background-image : url("../images/download/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.download #contentHeader .wrap{
		padding-top : 135px;
		padding-bottom : 20px;
	}
	.download #contentHeader .box{
		width : 990px;
		padding-top : 14px;
		padding-left : 31px;
		padding-right : 31px;
		padding-bottom : 11px;
	}
}
.download #section01{
	letter-spacing : .1em;
	color : #222;
}
@media screen and (max-width: 768px){
	.download #section01 .wrap{
		padding-top : calc( ( 58 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 111 * 100vw / 768 );
	}
	.download #section01 .lede{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
	.download #section01 .box{
		margin-top : calc( ( 74 - 7 ) * 100vw / 768 );
		border : calc( 6 * 100vw / 768 ) solid #ccc;
		padding-top : calc( 51 * 100vw / 768 );
		padding-bottom : calc( ( 33 - 7 ) * 100vw / 768 );
		padding-left : calc( 22 * 100% / 724 );
		padding-right : calc( 22 * 100% / 724 );
	}
	.download #section01 .box h3{
		letter-spacing : 0;
		font-size : calc( 35 * 100vw / 768 );
		text-align : center;
	}
	.download #section01 .box h3:after{
		content : "";
		display : block;
		margin-top : calc( 21 * 100vw / 768 );
		height : calc( 6 * 100vw / 768 );
		background-color : #bab4ae;
		width : calc( 600 * 100% / 680 );
		margin-left : auto;
		margin-right : auto;
	}
	.download #section01 .box p{
		font-size : calc( 24 * 100vw / 768 );
		line-height : 1.25;
		margin-top : calc( ( 31 - 3 ) * 100vw / 768 );
	}
	.download #section01 .box dl{
		margin-top : calc( ( 31 - 7 ) * 100vw / 768 );
	}
	.download #section01 .box dl > div + div{
		margin-top : calc( 16 * 100vw / 768 );
	}
	.download #section01 .box dt{
		font-weight : 700;
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
	.download #section01 .box dd{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
	.download #section01 .download01{
		margin-top : calc( 31 * 100vw / 768 );
	}
	.download #section01 .download > li + li{
		margin-top : calc( 10 * 100vw / 768 );
	}
	.download #section01 .download a , .download #section01 .download span{
		padding-left : calc( 20 * 100% / 736 );
		padding-right : calc( 20 * 100% / 736 );
		padding-top : calc( 25 * 100vw / 768 );
		padding-bottom : calc( ( 15 - 5.5 ) * 100vw / 768 );
		min-height : calc( 80 * 100vw / 768 );
		background-color : #efefef;
		display : block;
        border: 1px solid #efefef ;
	}
	.download #section01 .download span{
		background-color : #fff;
	}
	.download #section01 .download h4{
		font-size : calc( 26 * 100vw / 768 );
		font-weight : 500;
	}
	.download #section01 .download p{
		margin-top : calc( ( 15 - 5.5 ) * 100vw / 768 );;
		font-size : calc( 24 * 100vw / 768 );
		line-height : 1.46;
		padding-left : 1.25em;
	}
	.download #section01 .wrap > h4{
		font-size : calc( 30 * 100vw / 768 );
		margin-top : calc( 111 * 100vw / 768 );
		text-align : center;
	}
	.download #section01 .download02{
		margin-top : calc( 28 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.download #section01 .wrap{
		padding-top : calc( 18px - 5.5px );
		padding-bottom : 60px;
		padding-left : 9px;
		padding-right : 9px;
	}
	.download #section01 .lede{
		font-size : 13px;
		line-height : 24px;
	}
	.download #section01 .box{
		margin-top : calc( 57px - 5.5px );
		padding-bottom : calc( 36px - 5px );
	}
	.download #section01 .box p{
		font-size : 13px;
		line-height : 24px;
		margin-top : calc( 27px - 5.5px );
	}
	.download #section01 .box dl{
		margin-top : calc( 37px - 5.5px );
	}
	.download #section01 .box dt{
		width : 110px;
	}
	.download #section01 .box dt , .download #section01 .box dd{
		font-size : 13px;
		line-height : 24px;
	}
	.download #section01 .download01{
		margin-top : 50px;
	}
	.download #section01 .download{
		width : 776px;
	}
	.download #section01 .download > li + li{
		margin-top : 16px;
	}
	.download #section01 .download a , .download #section01 .download span{
		padding-left : 20px;
		padding-right : 26px;
		padding-top : calc( 20px - 2px );
		padding-bottom : calc( 22px - 2px );
	}

	.download #section01 .download h4{
		font-size : 18px;
		width : 204px;
	}
	.download #section01 .download p{
		font-size : 14px;
		line-height : 18px;
	}
	.download #section01 .wrap > h4{
		font-size : 24px;
		margin-top : 93px;
	}
	.download #section01 .download02{
		margin-top : 28px;
	}
}
@media print, screen and (min-width: 1440px){
	.download #section01{
		position : relative;
        background-image: url(../images/download/bg01.png);
        background-repeat: no-repeat;
        background-position: right 0px top 10px;
	}

	.download #section01 .wrap{
		padding-top : calc( 38px - 8px );
		padding-bottom : 60px;
		padding-left : 23px;
		padding-right : 23px;
		position : relative;
	}
	.download #section01 .lede{
		font-size : 14px;
		line-height : 30px;
	}
	.download #section01 .box{
		margin-top : calc( 50px - 8px );
		padding-top : 30px;
		padding-left : 22px;
		padding-right : 22px;
		padding-bottom : calc( 36px - 5px );
		width : 897px;
	}
	.download #section01 .box p{
		font-size : 14px;
		line-height : 30px;
		margin-top : calc( 27px - 8px );
	}
	.download #section01 .box dl{
		margin-top : calc( 30px - 5px );
	}
	.download #section01 .box dt{
		width : 110px;
	}
	.download #section01 .box dt , .download #section01 .box dd{
		font-size : 14px;
		line-height : 24px;
	}
	.download #section01 .download01{
		margin-top : 50px;
	}
	.download #section01 .download{
		width : 776px;
	}
	.download #section01 .download > li + li{
		margin-top : 16px;
	}
	.download #section01 .download a , .download #section01 .download span{
		padding-left : 20px;
		padding-right : 26px;
		padding-top : calc( 20px - 2px );
		padding-bottom : calc( 22px - 2px );
	}
	.download #section01 .download h4{
		font-size : 18px;
		width : 204px;
	}
	.download #section01 .download p{
		font-size : 14px;
		line-height : 18px;
	}
	.download #section01 .wrap > h4{
		font-size : 24px;
		margin-top : 93px;
	}
	.download #section01 .download02{
		margin-top : 28px;
	}
}
@media print, screen and (min-width: 769px){
	.download #section01 .box{
		border : 1px solid #ccc;
		padding-top : 30px;
		padding-left : 22px;
		padding-right : 22px;
        background: #fff;
	}
	.download #section01 .box h3{
		font-size : 20px;
	}
	.download #section01 .box dl > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	.download #section01 .box dl > div + div{
		margin-top : 1em;
	}
	.download #section01 .box dt{
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.download #section01 .download a , .download #section01 .download span{
		width : 100%;
		height : 100%;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		background-color : #efefef;
        border: 1px solid #efefef ;
        
	}
	.download #section01 .download span{
		background-color : #fff;
	}
	.download #section01 .download a h4{
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	.download #section01 .download02 h4{
		width : 100%;
	}
}


/*--------------------------------------------
notice
---------------------------------------------*/
@media screen and (max-width: 768px){
	.notice #section01 h4{
		font-size : calc( 36 * 100vw / 768 );
        margin-bottom: 2em;
        margin-top: 1em;
	}
	.notice #section01 .wrap{
		padding :  calc( 24 * 100vw / 768 );
	}
    .notice .message {
        line-height: 1.8;
        margin-bottom: 3em;
        font-size: calc( 26 * 100vw / 768 );
    }
}
@media print, screen and (min-width: 769px){
	.notice #section01 h4{
        margin-bottom: 1em;
        margin-top: 1em;
	}
    .notice #section01 .wrap{
        padding-top : 0 !important;
    }
    .notice #section01 .wrap{
        padding-top : 0 !important;
    }
    .notice .message {
        line-height: 1.8;
        margin-bottom: 3em;
    }
        .notice #section01 .box{
            margin-top : 20px;
            margin-left : 47px;
            width : 812px;
        }
}


.mfp_rows {
    display: flex;
    flex-wrap: wrap;
}
    .mfp_rows > div {
        padding-right: 5px;
        padding-bottom: 5px;
    }
.mfp_rows {
}