@charset "UTF-8";
/* CSS Document */


h1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:30px;
	color:rgb(202,21,29);
	padding-bottom:20px;
	text-align:center;
}

h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:20px;
	padding:10px 0;
}

p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	line-height:1.5;
}

.clear{
	clear:both;
	height:20px;
}

.lp05_top{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 50%;
    background: url(/lp/05/images/lp5_rakutokupack.png) 0 0 no-repeat;
    background-size: contain;
}

.lp05_info{
	width:80%;
	margin:auto;
}

.lp05_main{
	width:90%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.lp05_main img{
	width:100%;
}

.lp05_main_s{
	display:none;
	text-align:center;
	width:90%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.lp05_main_s img{
	width:90%;
	margin-bottom:10px;
}

.lp05_plan{
	width:80%;
	background-color:rgb(244,233,187);
	padding:20px;
	box-sizing: border-box;
	margin:auto;
}

p.lp05_plan__p-no01{
	font-size:20px;
	position:relative;
	line-height:1.5em;
	padding-left:2em;
	padding-bottom:20px;
}

p.lp05_plan__p-no01:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(/lp/01/images/No01_maru50.png) no-repeat;
	background-size:contain;
}

p.lp05_plan__p-no02{
	font-size:20px;
	position:relative;
	line-height:1.5em;
	padding-left:2em;
	padding-bottom:20px;
}

p.lp05_plan__p-no02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(/lp/01/images/No02_maru50.png) no-repeat;
	background-size:contain;
}

p.lp05_plan__p-no03{
	font-size:20px;
	position:relative;
	line-height:1.5em;
	padding-left:2em;
}

p.lp05_plan__p-no03:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(/lp/01/images/No03_maru50.png) no-repeat;
	background-size:contain;
}


.lp05_target{
	width:80%;
	box-sizing: border-box;
	margin:auto;
}

.lp05_target__title h1{
	color:white;
	background-color:rgb(202,21,29);
	padding-top:20px;
	width:100%;
	margin:auto;
	margin-top:20px;
}

.lp05_target__text{
	padding:20px;
	background-color:rgb(244,233,187);
}


.lp05_target__text p{
	padding-bottom:10px;
	margin-bottom:10px;
}

.lp05_target__text-wrap{
	border-bottom:dashed;
	border-bottom-color:rgb(202,21,29);

}

.lp05_target__text-wrap img{
	display:none;
}

.lp05_flow{
	width:80%;
	border: 10px solid rgb(202,21,29); 
	box-sizing: border-box;
	border-radius:50px;
	padding:20px;
	margin:0 auto;
	margin-bottom:20px;
}

.lp05_flow ol {
	padding-left:40px;
	list-style-type: decimal;
}

.lp05_flow li{
	padding:20px 0;
	font-size:24px;
}

.lp05_jisseki{
	padding-top:40px;
	width:80%;
	margin:auto;
	overflow:hidden;
}

.lp05_jisseki__title h1{
	color:white;
	background-color:rgb(202,21,29);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-top:20px;
	width:80%;
	margin:auto;
}

.lp05_jisseki_sub{
}

.lp05_jisseki_text{
	float:left;
	width:50%;
}

.lp05_jisseki_text .midashi{
	font-size:25px;
	line-height:2em;
}

.lp05_jisseki_text p{
	font-size:15px;
	margin-right:20px;
	margin-bottom:30px;
}

.lp05_jisseki_text p .bold{
	font-size:17px;
	font-weight:bold;
	margin-right:20px;
}
.youtube_wrapper{
	float:left;
	width:50%;
	margin-bottom:40px;
}

.youtube{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.lp05_kochirakara{
	width:80%;
	margin:auto;
	text-align:center;
}

.lp05_kochirakara img{
	width:100%;
}

/************************************
contact
************************************/
 .contact {
    width: 80%;
    text-align: center;
    margin: 20px auto 0;
	padding:30px;
	border:solid 1px rgba(0,0,0,1.00);
}

 .contact .imgover{
	 width:100%;
}


/************************************
form
************************************/
#form {
	padding-top:20px;
	background-color:rgba(255,255,255,1.00);
}
#form .inner {
    width: 80%;
    margin: 0 auto;
}

#form .inner iframe{
    width: 100%;
}

/************************************
fotter
************************************/

#fotter {
	position: relative;
	background-size: cover;
	background-color: rgba(255,255,255,1.00);
	padding-top: 30px;
	padding-bottom: 50px;
}

#fotter .logo {
    width: 80%;
    text-align: center;
    margin: 20px auto 0;
	padding:30px;
}

#fotter .logo img {
    width: 25%;
}

@media (max-width : 643px ){
.lp05_info p{
	font-size:15px;
	}

.lp05_main{
	display:none;
}

.lp05_main_s{
	display:block;
}


.lp05_plan h1{
	font-size:20px;
}

.lp05_plan p{
	font-size:15px;
}

.lp05_target h1{
	font-size:20px;
}

.lp05_target h2{
	font-size:17px;
}


.lp05_target p{
	font-size:15px;
}

.lp05_flow {
		border: 5px solid rgb(202,21,29); 
}


.lp05_flow h1{
	font-size:20px;
}

.lp05_flow ol li{
	font-size:18px;
}

.lp05_flow p{
	font-size:15px;
}

.lp05_jisseki__title h1{
	font-size:20px;
	color:white;
	background-color:rgb(202,21,29);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top:20px;
	width:80%;
	margin:auto;
}

.lp05_jisseki{
	padding:0;
}

.lp05_jisseki_text{
	width:100%;
	margin-bottom:20px;
}

.lp05_jisseki_text .midashi{
	font-size:18px;
	line-height:2em;
}

.lp05_jisseki_text p{
	font-size:15px;
	margin-right:20px;
}

.youtube_wrapper{
	width:100%;
	margin:auto;
	margin-bottom:40px;
}

}