@charset "utf-8";



.zenWrapper{
	
}
.zenWrapper h3{
	padding:30px 0 60px;
	font-size:32px;
	font-weight:normal;
}
.bigP{
	display: flex;
	width: 100%;
}
.bigP .pBox{
	width: 50%;
	height: 32vw;
	min-height: 380px;
}
.zenWrapper h4{
	padding:48px 0 40px;
	font-size:32px;
	font-weight:normal;
}
.leadCopy{
	padding:11px 0 8px;
	border:solid 1px #ccc;
	border-width:1px 0;
}
.bodyCopy{
	width:380px;
	margin:0 auto;
	padding:40px 0 0;
	text-align:left;
}
/**/
.howtoWrapper{
	margin-top:50px;
}
/*--------------*/
.chaWrapper{
	width:1000px;
	margin:0 auto 90px;
}
.chaWrapper .flexBox{
	display:flex;
	align-items:center;
}
.chaWrapper .flexBox .pBox{
	width:506px;
	height:424px;
}
.chaWrapper .flexBox .txtBox{
	width:494px;
}
.chaWrapper .flexBox .txtBox h4{
	padding:0px 0 32px;
	font-weight:normal;
	font-size:26px;
}
.chaWrapper .flexBox .txtBox p{
	width:370px;
	margin:0 auto;
	text-align:left;
}
/**/
.howtoWrapper{
	display:flex;
	flex-wrap:wrap;
	width:990px;
	margin:50px auto;
}
.howtoWrapper .innerBox{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	width:330px;
	height:330px;
	min-height:330px;
	background:#dcdcdc;
}
.howtoWrapper .innerBox:nth-child(2),
.howtoWrapper .innerBox:nth-child(4),
.howtoWrapper .innerBox:nth-child(6){
	background:#f2f2f2;
}
.howtoWrapper .innerBox h5{
	width:100%;
	padding-bottom:20px;
	font: inherit;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:30px;
	line-height: 1.2em;
	-moz-osx-font-smoothing: grayscale;
}
.howtoWrapper .innerBox span{
	width:100%;
}
.howtoWrapper .innerBox div{
	margin-bottom:20px;
	font: inherit;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:30px;
	line-height: 1.2em;
	-moz-osx-font-smoothing: grayscale;
	border-bottom:solid 3px #a2a2a2;
}
.howtoWrapper .innerBox:nth-child(6) div{
	padding:0 0 4px 0;
	font-size:22px;
}
.howtoWrapper .innerBox h6{
	padding:0 0 4px 0;
	font-size:18px;
	font-weight:normal;
}
.howtoWrapper .innerBox p{
	padding:8px 0 0 0;
	font-size:12px;
	line-height:1.4em;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/*-----------------*/
.appSection{
	width:1000px;
	margin:0 auto;
}
.appWrapper{
	position:relative;
	width:994px;
	margin:100px auto;
	padding:50px 0;
	border:solid 1px #000;
	border-width:1px 0;
}
.appWrapper .catch{
	width:890px;
	margin:0 auto;
	padding:0 0 24px;
	font-size:28px;
	text-align:left;
}
.appWrapper .innerBox{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	width:994px;
}
.appWrapper .leftBox{
	padding-top:0px;
	text-align:left;
}
.appWrapper .leftBox .bodyCopy{
	width:390px;
	margin:0;
	padding:10px 0 0px;
	font-size:14px;
	line-height:1.6em;
}
.appWrapper .leftBox span{
	font-weight:bold;
	font-size:12px;
	line-height:1.0em;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.appWrapper .leftBox h4{
	font-weight:bold;
	font-size:22px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.appWrapper .leftBox .lead{
	padding-top:8px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.appWrapper .leftBox{
	flex-basis:430px;
}
.appWrapper .rightBox{
	flex-basis:460px;
	display:flex;
	padding:20px 0 0px;
}
.appWrapper .rightBox .left{
	flex-basis:180px;
	text-align:left;
}
.appWrapper .rightBox .left img{
	height:150px;
	margin-right:5px;
}
.appWrapper .rightBox .right{
	flex-basis:280px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	text-align:left;
}
.appWrapper .rightBox .right div:nth-child(1){
	flex-basis:250px;
	padding:0 0 5px;
}
.appWrapper .rightBox .right div:nth-child(2){
	flex-basis:135px;
}
.appWrapper .rightBox .right div:nth-child(3){
	flex-basis:135px;
}
/*20201211*/
.coronaBox{
	padding:40px 0 0 0;
}











/*############################################*/
/*  */
/*############################################*/
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {


	.zenWrapper{
	}
	.zenWrapper h3{
		font-size:28px;
	}
	.bigP{
		flex-wrap:wrap;
	}
	.bigP .pBox{
		width: 100%;
		height: 64vw;
		min-height:0px;
	}
	.zenWrapper h4{
	}
	.leadCopy{
		padding:11px 10% 8px;
	}
	.bodyCopy{
		width:80%;
	}

	/**/
	.howtoWrapper{
		width:90%;
	}
	.howtoWrapper .innerBox{
		width:100%;
		height:90vw;
		min-height:0px;
	}
	.howtoWrapper .innerBox:nth-child(2),
	.howtoWrapper .innerBox:nth-child(4),
	.howtoWrapper .innerBox:nth-child(6){
	}
	.howtoWrapper .innerBox h5{
	}
	.howtoWrapper .innerBox span{
	}
	.howtoWrapper .innerBox div{
	}
	.howtoWrapper .innerBox:nth-child(6) div{
	}
	.howtoWrapper .innerBox h6{
	}
	.howtoWrapper .innerBox p{
	}
	/*--------------*/
	.chaWrapper{
		width:100%;
		margin:0 auto 90px;
	}
	.chaWrapper .flexBox{
		flex-wrap:wrap;
	}
	.chaWrapper .flexBox .pBox{
		width:100%;
		height:84vw;
	}
	.chaWrapper .flexBox .txtBox{
		width:100%;
	}
	.chaWrapper .flexBox .txtBox h4{
		padding:38px 0 32px;
	}
	.chaWrapper .flexBox .txtBox p{
		width:80%;
		margin:0 auto;
	}

	/**/
	.appSection{
		width:100%;
		margin:0 auto;
	}
	.appWrapper{
		width:100%;
		margin:50px auto 0;
		padding:30px 0 50px;
	}
	.appWrapper .catch{
		width:96%;
		padding:20px 0 24px;
		font-size:24px;
		line-height:1.6em;
		text-align:center;
	}
	.appWrapper .innerBox{
		display:flex;
		flex-wrap:wrap;
		width:90%;
		margin:0 auto;
	}
	.appWrapper .leftBox{
		padding-top:10px;
	}
	.appWrapper .leftBox .bodyCopy{
		width:100%;
	}
	.appWrapper .leftBox span{
	}
	.appWrapper .leftBox h4{
	}
	.appWrapper .leftBox .lead{
	}
	.appWrapper .leftBox{
		flex-basis:100%;
	}
	.appWrapper .rightBox{
		flex-basis:100%;
		display:flex;
		padding:20px 0 0px;
	}
	.appWrapper .rightBox .left{
		flex-basis:50%;
		text-align:left;
	}
	.appWrapper .rightBox .left img{
		height:36vw;
		margin-right:2%;
	}
	.appWrapper .rightBox .right{
		flex-basis:50%;
		display:flex;
		flex-wrap:wrap;
		align-items:flex-start;
		text-align:left;
	}
	.appWrapper .rightBox .right div:nth-child(1){
		flex-basis:250px;
		padding:0 0 5px;
	}
	.appWrapper .rightBox .right div:nth-child(2){
		flex-basis:49%;
		margin-right:2%;
	}
	.appWrapper .rightBox .right div:nth-child(3){
		flex-basis:49%;
	}
	.appWrapper .rightBox .right div:nth-child(2) img,
	.appWrapper .rightBox .right div:nth-child(3) img{
		width:100%;
	}

/*20201211*/
.coronaBox{
	width:80%;
	margin:0 auto;
	padding:40px 0 0 0;
}





} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/

} /* /@media */