@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('http://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: inherit;
}
a:hover{
	text-decoration:none;
}
a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.pc_jj{
	display:block;
}
.sp_jj{
	display:none!important;
}

#contents_jj .header_003002334 {
	text-align: center;
	margin-bottom: 120px;
}
#contents_jj .header_003002334 .mv_003002334 {
	margin-bottom: 24px;
}
#contents_jj .header_003002334 .add_003002334 span {
	display: block;
	margin-top: 8px;
	color: #999;
	font-size: 16px;
}
#contents_jj .p_box_003002334 {
	margin: 48px auto;
}
.p_box_003002334 p {
	line-height: 1.8;
}
#contents_jj .p_box_003002334 p a {
	text-decoration: underline;
}
.p_box_003002334 .em_003002334 {
	color:  #EE0000;
}
.p_box_003002334 .small_003002334 {
	font-size: 13px;
}

.figure_003002334 {
	width: 60%;
	margin: auto;
}
@media screen and (max-width: 767px) {

	#contents_jj .header_003002334 {
		text-align: center;
		margin-bottom: 60px;
	}
	#contents_jj .header_003002334 .mv_003002334 {
		margin-bottom: 16px;
	}
	#contents_jj .header_003002334 .add_003002334 {
		width: 50%;
		margin: auto;
	}
	#contents_jj .header_003002334 .add_003002334 span {
		font-size: 14px;
	}
	.p_box_003002334 p {
		font-size: 15px;
		text-align: left;
	}
	#contents_jj .p_box_003002334 {
		margin: 24px auto;
	}
	.p_box_003002334 .small_003002334 {
		font-size: 13px;
	}
	.figure_003002334 {
		width: 100%;
		margin: auto;
	}
}







#contents_jj{
	color:#231815;
	font-size: 14px;
	font-size: 1.4em;
	font-family: "Noto Sans Japanese","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.0;
}
#contents_jj ul{
	font-size:0;
}
#contents_jj ul li{
	width:auto;
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
}
#contents_jj .main{
	margin-top:35px;
	margin-bottom:100px;

}
#contents_jj .main_img{
	float:left;
	padding-left:35px;
}
#contents_jj .main_txt{
	float:left;
	padding-left:32px;
	padding-right:30px;
	width:700px;
}
#contents_jj .main_ttl_txt{
	font-size:2.0rem;
	line-height:1.3;
	font-weight:600;
	margin:25px 0 18px;
}
#contents_jj .main_ttl_txt_s{
	font-size:1.5rem;
	line-height:1.6;
	margin-bottom:26px;
	font-weight:500;

}
#contents_jj .main_next{
	font-size:2.0rem;
	color:#fff;
	padding:13.5px 0;
	background:#001489;
	border-radius:8px;
	width:274px;
	margin:auto;
	text-align:center;
	font-weight:500;

}
#contents_jj .point{
	text-align:center;

}
#contents_jj .point_ttl{
	display:inline-block;
	font-size:2.4rem;
	font-weight:600;
	color:#001489;
	position:relative;
	margin-bottom:44px;
}
#contents_jj .point_ttl:before{
	content:url(../point_ttl_g.jpg);
	position:absolute;
	bottom:0;
	left:-40px;
}
#contents_jj .point_ttl:after{
	content:url(../point_ttl_af.jpg);
	position:absolute;
	bottom:0;
	right:-40px;
}
#contents_jj .point ul{
	margin-left:-20px;
	margin-bottom:69px;
}
#contents_jj .point ul li{
	padding-left:20px;
	width:240px;
	color:#001489;
}
#contents_jj .point ul li p{
	font-size:1.6rem;
	font-weight:600;
	margin-top:27px;
	margin-bottom:35px;
}
#contents_jj .point_ttl_sp{
	display:none;
}
#contents_jj .add_ttl{
	padding:21.5px 0;
	background:#e3e3e3;
	font-size:2.6rem;
	font-weight:600;
	text-align:center;
	margin-bottom:35px;
}
#contents_jj .add{
	font-family: "Roboto","Noto Sans Japanese","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#contents_jj .add_cnt{
	padding-left:30px;
}
#contents_jj .add h2{
	display:inline-block;
	font-size:2.6rem;
	font-weight:700;
	color:#2cbf13;
	margin-bottom:38px;

}

#contents_jj .add h2.h2_sp{
	display:none;
}
#contents_jj .add .h2_sub_sp{
	display:none;

}

#contents_jj .add .h2_sub_span{
	display:none;

}
#contents_jj .add h2 span{
	font-size:4.8rem;

}
#contents_jj .add .h2_sub{
	display:inline-block;
	font-size:3.0rem;
	font-weight:700;
	margin-left:17px;
}
#contents_jj .add .h2_sub span{
	display:inline-block;
	font-size:1.6rem;
	font-weight:500;
}
#contents_jj .add ul.step1{
	margin-bottom:54px;
}
#contents_jj .add ul.step1 li{
	width:49%;
	margin-bottom: 54px;
}
#contents_jj .add ul.step1 li h3{
	font-size:1.8rem;
	font-weight:500;
	line-height:1.625;
	position:relative;
	padding-left:98px;
}
#contents_jj .add ul.step1 li.first_step h3:before{
	content:"";
	background:url(../first_step_h3.jpg) no-repeat;
	width:83px;
	height:82px;
	position:absolute;
	top:-17px;
	left:0;
}
#contents_jj .add ul.step1 li.second_step h3:before{
	content:"";
	background:url(../second_step_h3.jpg);
	width:83px;
	height:82px;
	position:absolute;
	top:-17px;
	left:0;
}
#contents_jj .add ul.step1 li.third_step h3::before {
    content: "";
    background: url(../third_step_h3.jpg) no-repeat;
    width: 83px;
    height: 82px;
    position: absolute;
    top: -17px;
    left: 0;
}
#contents_jj .add ul.step1 li.third_step p {
    margin: 20px 0 0 98px;
}

#contents_jj .add ul.step1 li.first_step p{
	margin:20px 0 0 98px;
}
#contents_jj .add ul.step1 li.second_step div{
	margin:42px 0 0 98px;
	position:relative;
}
#contents_jj .add ul.step1 li.second_step div p{
	position:absolute;
	font-size:2.6rem;
	font-weight:700;
	color:#001489;
	top:8px;
	left:18px;
}
#contents_jj .add ul.step2{
	margin-bottom:67px;
}
#contents_jj .add ul.step2 li{
	width:33.333333%;
}
#contents_jj .add ul.step2 li h3{
	font-size:1.6rem;
	line-height:1.625;
	position:relative;
	padding-left:48px;
	font-weight:500;
	margin-bottom:18px;
	height:78px;
}
#contents_jj .add ul.step2 li p{
	margin-left:10px;
}
#contents_jj .add ul.step2 li.first_step h3:before{
	content:"";
	background:url(../sec01.png) no-repeat;
	background-size:contain;
	width:35px;
	height:33px;
	position:absolute;
	top:-0;
	left:0;
	
}

#contents_jj .add ul.step2 li.second_step h3:before{
	content:"";
	background:url(../sec02.png) no-repeat;
	background-size:contain;
	width:35px;
	height:33px;
	position:absolute;
	top:-0;
	left:0;
	
}
#contents_jj .add ul.step2 li.third_step h3:before{
	content:"";
	background:url(../sec03.png) no-repeat;
	background-size:contain;
	width:35px;
	height:33px;
	position:absolute;
	top:-0;
	left:0;
	
}
#contents_jj .add hr{
	border-top: 1px solid #a0a0a0;
	margin-bottom:18px;
}
#contents_jj .add .caution{
	font-size:1.4rem;
	font-weight:500;
}
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
@media screen and (max-width: 767px) {
.pc_jj{
	display:none!important;
}
.sp_jj{
	display:block!important;
}
#contents_jj .main{
	margin-top:15px;
	margin-bottom:50px;

}
#contents_jj .main_img{
	padding-left:0;
	width:28%;
	margin-bottom:20px;

}
#contents_jj .main_txt{
	padding-left:15px;
	padding-right:0;
	width:72%;
	box-sizing:border-box;
	margin-bottom:20px;

}
#contents_jj .main_ttl{
	width:100%;
	margin:10px auto 20px auto;

}
#contents_jj .main_ttl_txt{
	font-size:1.4rem;
	margin:0 0 12px;
}
#contents_jj .main_ttl_txt_s{
	font-size:1.3rem;
	margin-bottom:0;
	line-height:1.4;

}
#contents_jj .main_next{
	font-size:1.4rem;
	width:100%;
	clear:left;
}

#contents_jj .point_ttl_sp{
	display:inline-block;
	font-size:2.0rem;
	font-weight:600;
	color:#001489;
	position:relative;
	margin-bottom:24px;
	line-height:1.3
}
#contents_jj .point_ttl_sp:before{
	content:url(../point_ttl_g.jpg);
	position:absolute;
	bottom:5px;
	left:-35px;
}
#contents_jj .point_ttl_sp:after{
	content:url(../point_ttl_af.jpg);
	position:absolute;
	bottom:5px;
	right:-35px;
}
#contents_jj .point ul{
	margin-bottom:49px;
}
#contents_jj .point ul li{
	padding-left:20px;
	width:50%;
	margin-bottom:23px;
}
#contents_jj .point ul li p{
	font-size:1.4rem;
	margin-top:20px;
	margin-bottom:0;
}
#contents_jj .add_ttl{
	font-size:2.2rem;
	margin-bottom:25px;
	padding:16px 0;
}

#contents_jj .add_cnt{
	padding-left:0;
}
#contents_jj .add h2.h2_sp{
	display:inline-block;;

	font-size:2.0rem;
	margin-bottom:38px;

}
#contents_jj .add h2 span{
	font-size:3.8rem;

}
#contents_jj .add h2{
	font-size:2.0rem;

	margin-bottom:18px;

}
#contents_jj .add .h2_sub_sp{
	display:inline-block;
	font-size:2.5rem;
	font-weight:700;
	margin-left:17px;
}
#contents_jj .add .h2_sub{
	font-size:2.5rem;

}
#contents_jj .add .h2_sub_span{
	display:block;
	font-size:1.4rem;
	font-weight:500;
	margin-top:-20px;
	margin-bottom:20px;
}
#contents_jj .add ul.step1{
	margin-bottom:34px;
}
#contents_jj .add ul.step1 li{
	width:100%;
}
#contents_jj .add ul.step1 li h3{
	font-size:1.5rem;
	padding-left:50px;
}
#contents_jj .add ul.step1 li.first_step h3:before{
	width:45px;
	height:44px;
	background-size:contain;
	position:absolute;
	top:-5px;
	left:0;
}
#contents_jj .add ul.step1 li.second_step h3:before{
	width:45px;
	height:44px;
	background-size:contain;
	position:absolute;
	top:-5px;
	left:0;
}
#contents_jj .add ul.step1 li.first_step p{
	margin:20px auto 30px auto;
	width:50%;
}
#contents_jj .add ul.step1 li.second_step div{
	margin:22px 0 0 0;
	padding-left:30px;
	padding-right:10px;
	position:relative;
	width:100%;
	box-sizing:border-box;
}
#contents_jj .add ul.step1 li.second_step div p{
	font-size:1.9rem;
	top:23%;
	left:40px;
}
#contents_jj .add ul.step2{
	margin-bottom:37px;
}
#contents_jj .add ul.step2 li{
	width:100%;
	margin-bottom:34px;
}
#contents_jj .add ul.step2 li h3{
	font-size:1.5rem;
	line-height:1.4;
	height:initial;
}


#contents_jj .add .caution{
	font-size:1.3rem;
	line-height:1.4;
}

}




}