@charset "utf-8";
@media only screen and (max-width:640px){
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}


article{
	padding:7px 0 0;
	min-width:auto;
	min-width:initial;
 	font-size:14px;
}
a{
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
a:hover{
	opacity: 0.8;
}
article img{
	max-width:100%;
}
article ul,
article ol,
article dl,
article dl dt,
article dl dd{
	margin:0;
	padding:0;
}
article ul li{
	list-style:none;
}

/* h1 */
h1{
	margin-top:0px;
}


/* #cont0 */
#cont0{
	padding:5px 5% 30px;
	box-sizing:border-box;
}
#cont0 h2{
	font-size:21px;
	color:#eb3f25;
}
#cont0 h2:before{
	content:'';
	display:inline-block;
	vertical-align:-5px;
	width:20px;
	height:30px;
	margin-right:15px;
	background:url(../images/cont0_h2_left.png)no-repeat center top;
	background-size:100% auto;
}
#cont0 h2:after{
	content:'';
	display:inline-block;
	vertical-align:-5px;
	width:20px;
	height:30px;
	margin-left:15px;
	background:url(../images/cont0_h2_right.png)no-repeat center top;
	background-size:100% auto;
}
#cont0 p{
	width:auto;
	margin:0 0 20px;
	display:block;
	vertical-align:middle;
	line-height:2;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont0 img{
	width:100%;
	max-width:400px;
	display:inline-block;
	vertical-align:middle;
}


/* nav */
nav{
	padding:75px 1% 35px;
	background-color:#fff;
	letter-spacing:-0.28em;
	position:relative;
}
nav:before{
	content:'';
	display:block;
	width:100px;
	height:50px;
	background:url(../images/nav_tit_s.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50px;
}
nav ul{
	padding:10px 0 20px;
	display:inline-block;
	position:relative;
}
nav ul:first-child{
	padding-right:0;
	border:none;
	border-bottom:1px dotted #742011;
}
nav ul:first-child:before{
	content:'＼手作りで！／';
	display:block;
	width:160px;
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-80px;
	letter-spacing:normal;
}
nav ul:last-child{
	width:100%;
	margin-top:1px;
	padding:40px 0 0;
	border:none;
	border-top:1px dotted #742011;
}
nav ul:last-child:before{
	content:'＼もっと手軽に！／';
	display:block;
	width:160px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-80px;
	letter-spacing:normal;
}
nav ul li{
	width:22%;
	margin:0 1%;
	display:inline-block;
	letter-spacing:normal;
}
nav ul:first-child li:first-child{
	margin-left:0;
}
nav ul:last-child li:last-child{
	margin-right:0;
}
nav ul li a img{
	vertical-align:bottom;
}


/* .cont */
.cont{
	padding:30px 0 0;
}
.cont h2{
	margin-bottom:20px;
	background:url(../images/h2_bg.png)repeat-x center center;
	background-size:auto 14px;
}
.cont h2 span{
	padding:0 10px 0 20px;
	font-size:21px;
	letter-spacing:0.2em;
	background-color:#ecf1f4;
}


/* #cont1 */
#cont1{}
#cont1 > dl{
	padding:0 5%;
	font-size:13px;
}
#cont1 > dl > dt{
	width:auto;
	height:auto;
	margin:0 0 10px;
	padding:20px;
	box-sizing:border-box;
	display:block;
	vertical-align:top;
	background-color:#fff;
}
#cont1 > dl > dt figure{
	width:auto;
	margin:0;
}
#cont1 > dl > dt figure img{
	width:100px;
	margin:0 20px 0 0;
	vertical-align:middle;
}
#cont1 > dl > dt figure figcaption{
	display:inline-block;
	vertical-align:middle;
}
#cont1 > dl > dt figure figcaption a{
	width:110px;
	display:inline-block;
	line-height:22px;
	background-color:#ffea5b;
	border-radius:11px;
	color:#721f11;
	text-decoration:none;
	font-size:12px;
}
#cont1 > dl > dd{
	width:auto;
	height:auto;
	padding:10px 0;
	box-sizing:border-box;
	display:block;
	vertical-align:top;
	background-color:#fff;
}
#cont1 > dl > dd dl{
	width:170px;
	margin:0 5px;
	display:inline-block;
	vertical-align:top;
	letter-spacing:-0.05em;
	line-height:1.2;
}
#cont1 > dl > dd dl dt,
#cont1 > dl > dd dl dd{
	width:auto;
	text-align:left;
}
#cont1 > dl > dd dl dt{
	margin-bottom:1px;
	padding:40px 0 3px 1em;
	text-indent:-1em;
	border-bottom:1px dotted #742011;
	position:relative;
}
#cont1 > dl > dd dl dt span{
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	color:#7c6f6d;
	text-align:center;
}
#cont1 > dl > dd dl dt span:before{
	content:'';
	display:block;
	vertical-align:0;
	width:2px;
	height:20px;
	margin-right:0;
	background-color:#7c6f6d;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	position:absolute;
	right:90%;
	bottom:0;
}
#cont1 > dl > dd dl dt span:after{
	content:'';
	display:inline-block;
	vertical-align:-3px;
	width:2px;
	height:20px;
	margin-left:10px;
	background-color:#7c6f6d;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	position:absolute;
	left:90%;
	bottom:0;
}
#cont1 > dl > dd dl dd{
	padding:5px 0 3px 1em;
	box-sizing:border-box;
}
#cont1 > dl > dd dl dd:first-of-type{
	border-top:1px dotted #742011;
}
#cont1 > div{
	width:auto;
	margin:70px 5% 0;
	padding:0 0px 0 100px;
	box-sizing:border-box;
	background:url(../images/cont1_2.png)no-repeat left top;
	background-size:80px auto;
	text-align:left;
	position:relative;
}
#cont1 > div:before{
	content:'';
	display:block;
	width:0;
	border:15px solid transparent;
	border-top:15px solid #b2ad8c;
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-15px;
}
#cont1 > div p:last-child{
	padding-left:1em;
	text-indent:-1em;
	font-size:13px;
}
#cont1 > div p span{
	color:#eb3f25;
}

#cont1 section{
	margin-top:30px;
	padding:0 2% 20px;
	background:url(../images/bg_white.png)center top;
	background-size:40px auto;
}
#cont1 section h3{
	padding-top:20px;
	font-size:18px;
}
#cont1 section h3 img{
	width:30px;
}
#cont1 section ul:first-of-type li{
	width:auto;
	margin:0 0 10px;
	padding:0 5% 0px;
	box-sizing:border-box;
	display:inline-block;
	background-color:#fff;
}
#cont1 section ul:first-of-type h4{
	margin-bottom:20px;
}
#cont1 section ul:first-of-type h4 span{
	color:#eb3f25;
}
#cont1 section ul:first-of-type p{
	overflow:hidden;
	color:#555;
	font-size:13px;
	text-align:left;
}
#cont1 section ul:first-of-type p img{
	width:120px;
	margin-left:10px;
	float:right;
}
#cont1 section ul:first-of-type p span{
	border-bottom:1px solid #555;
}
#cont1 section ul:first-of-type p:last-of-type{
	font-size:12px;
	padding-left:1em;
	text-indent:-1em;
}
#cont1 section ul:last-of-type{
	display:none;
}


/* #cont2 */
#cont2 h2{
	margin-bottom:20px;
}
#cont2 > ol > li{
	width:auto;
	margin:0 0 20px;
	padding:0 3%;
	display:block;
}
#cont2 > ol > li:last-child{
	display:none;
}
#cont2 > ol > li figure{
	width:100%;
	margin:0;
	overflow:hidden;
}
#cont2 > ol > li figure img{
	width:100px;
	margin-right:10px;
	float:left;
}
#cont2 > ol > li figure figcaption{
	margin-top:0px;
	font-size:14px;
	text-align: justify;
	text-justify: inter-ideograph;
	color:#555;
	letter-spacing:-0.05em;
}
#cont2 > ol > li:nth-child(3) figure figcaption{
	padding-right:100px;
	background:url(../images/cont2_4.png)no-repeat right top;
	background-size:90px auto;
}
#cont2 > ol > li:nth-child(3) figure figcaption span{
	display:block;
	font-size:12px;
	padding-left:120px;
	text-indent:-1em;
}

#cont2 > ol + aside{
	display:none;
}
#cont2 > ol + aside + img{
	width:94%;
	margin:10px 3% 0;
}
#cont2 section:first-of-type{
	margin-top:30px;
	padding:0 3%;
	background:url(../images/bg_white2.png)center top;
	background-size:40px auto;
	border-top:6px solid #fff;
	border-bottom:6px solid #fff;
}
#cont2 section:first-of-type h3{
	padding-top:20px;
	font-size:18px;
}
#cont2 section:first-of-type h3 img{
	width:40px;
}
#cont2 section:first-of-type ol{
	width:auto;
	margin:0 auto;
}
#cont2 section:first-of-type ol li{
	width:29%;
	margin:10px 1%;
	padding:0;
	display:inline-block;
	vertical-align:top;
}
#cont2 section:first-of-type ol li:first-child{
	margin-left:5%;
}
#cont2 section:first-of-type ol li:nth-child(2){
	margin-right:5%;
}
#cont2 section:first-of-type ol li:nth-child(4){
	margin-top:-3px;
}
#cont2 section:first-of-type ol li:last-child{
	margin-left:1%;
}
#cont2  section:first-of-type ol li figure figcaption{
	font-size:13px;
	letter-spacing:-0.06em;
}
#cont2  section:first-of-type ol li:nth-child(4) figure figcaption{
	margin:7px 0 0;
}
#cont2  section:first-of-type ol li figure figcaption span{
	display:block;
	padding-left:1em;
	text-indent:-1em;
	font-size:11px;
}

#cont2  section:last-of-type{
	padding:20px 0 0;
}
#cont2  section:last-of-type h3{
	margin-bottom:20px;
	padding:0 3% 10px 75px;
	display:block;
	font-size:14px;
	text-align:left;
	background:url(../images/h3_left.png)no-repeat left top;
	background-size:72px auto;
}
#cont2  section:last-of-type div{
	width:auto;
	margin:0 5%;
	padding:5%;
	box-sizing:border-box;
	background-color:#fff;
	font-size:13px;
	position:relative;
}
#cont2  section:last-of-type div:before{
	content:none;
}
#cont2  section:last-of-type div > dl{
}
#cont2  section:last-of-type div > dl > dt{
	width:auto;
	margin:0 0 20px;
	padding:0 0 0;
	box-sizing:border-box;
	display:block;
	vertical-align:middle;
	background-color:#fff;
}
#cont2  section:last-of-type div > dl > dt figure{
	width:100%;
	margin:0;
}
#cont2  section:last-of-type div > dl > dt figure img{
	margin:0 20px 0 0;
	width:100px;
	vertical-align:middle;
}
#cont2  section:last-of-type div > dl > dt figure figcaption{
	display:inline-block;
	vertical-align:middle;
}
#cont2  section:last-of-type div > dl > dt figure figcaption a{
	width:110px;
	margin-top:10px;
	display:inline-block;
	line-height:22px;
	background-color:#ffea5b;
	border-radius:11px;
	color:#721f11;
	text-decoration:none;
	font-size:12px;
}
#cont2  section:last-of-type div > dl > dd{
	width:auto;
	padding:0 0 0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	background-color:#fff;
}
#cont2  section:last-of-type div > dl > dd ul li{
	padding-left:1em;
	text-indent:-1em;
	font-size:13px;
	text-align:left;
	color:#555;
}
#cont2  section:last-of-type div section{
	border-top:1px solid #8dcbd6;
	margin:30px 0 0;
	padding:0 0 0x;
	background-image:none;
	overflow:hidden;
}
#cont2  section:last-of-type div section h4{
	width:96px;
	line-height:46px;
	margin:-10px auto 0;
	padding-top:3px;
	background-color:#8dcbd6;
	border-radius:0 0 46px 46px;
	color:#fff;
}
#cont2  section:last-of-type div section ul{
	padding:20px 60px 20px 0;
	text-align:left;
	background:url(../images/cont2_8.png)no-repeat right 20px;
	background-size:50px auto;
}
#cont2  section:last-of-type div section ul li:nth-child(n+3){
	padding-left:1em;
	text-indent:-1em;
}
#cont2  section:last-of-type div section ul li span{
	color:#eb3f25;
}
#cont2  section:last-of-type div section dl{
	padding:0 3% 20px;
	border:1px solid #721f11;
	border-radius:20px;
	text-align:left;
	background:url(../images/cont2_9.png)no-repeat right 10px top 50px;
	background-size:70px auto;
}
#cont2  section:last-of-type div section dl dt{
	font-size:14px;
	padding:15px 0 0 ;
}
#cont2  section:last-of-type div section dl dd{
	margin:0;
	padding:10px 0 0px;
}
#cont2  section:last-of-type div section dl dd:first-of-type{
	padding:10px 70px 0px 1em;
	border-bottom:none;
}
#cont2  section:last-of-type div section dl dd:last-of-type{
	padding:10px 0 0;
}
#cont2  section:last-of-type div section dl dd ol{
	width:auto;
	margin:0;
	padding:0;
}
#cont2  section:last-of-type div section dl dd ol li{
	width:31%;
	margin:0;
}
#cont2  section:last-of-type div section dl dd ol li:first-child{
	margin:0;
}
#cont2  section:last-of-type div section dl dd ol li:nth-child(2){
	margin:0 1%;
}
#cont2  section:last-of-type div section dl dd ol li:last-child{
	margin:0;
}
#cont2  section:last-of-type div section dl dd ol li figure figcaption{
	color:#721f11;
	font-size:12px;
	letter-spacing:-0.06em;
}
#cont2  section:last-of-type div section dl dd ol li figure figcaption span{
	display:inline;
	color:#eb3f25;
	padding:0;
	text-indent:0;
}


/* #cont3 */
#cont3{
}
#cont3 h2 div{
	display:inline-block;
	font-size:21px;
	letter-spacing:0.2em;
	background-color:#ecf1f4;
	line-height:1.2;
}
#cont3 h2 div span{
	font-size:12px;
}
#cont3 h2 + p{
	width:auto;
	margin:auto;
	padding:70px 3% 20px;
	box-sizing:border-box;
	background:url(../images/cont3_1.png)no-repeat center top;
	background-size:60px auto;
	text-align:left;
}
#cont3 h2 + p span{
	color:#eb3f25;
}
#cont3 h2 + p span:last-of-type{
	display:block;
	font-size:14px;
	color:#721f11;
}
#cont3 > ul{
	width:auto;
	margin:auto;
	padding:0 3%;
}
#cont3 > ul > li{
	width:48%;
	height:auto;
	padding-bottom:20px;
	display:inline-block;
	vertical-align:top;
	background-color:#fff;
	border-radius:20px;
}
#cont3 > ul > li:first-child{
	margin-right:1%;
}
#cont3 > ul > li:last-child{
	width:100%;
	height:auto;
	margin-top:20px;
	padding-bottom:40px;
}
#cont3 > ul > li dl dt{
	margin-bottom:10px;
	font-size:13px;
	line-height:40px;
	background-color:#e44848;
	color:#fff;
	border-radius:20px 20px 0 0;
}
#cont3 > ul > li dl dd{
	display:inline-block;
	width:30%;
	margin-top:3%;
}
#cont3 > ul > li:nth-child(2) dl dd{
	margin:0 1%;
}
#cont3 > ul > li p{
	margin:0 5%;
	padding-left:1em;
	text-indent:-1em;
	font-size:12px;
	text-align:left;
}
#cont3 > ul > li:last-child dl dt{
	margin-bottom:20px;
	font-size:18px;
	letter-spacing:0.2em;
	background-color:#d5bf47;
}
#cont3 > ul > li:last-child dl dd{
	width:90%;
	margin:0;
}
#cont3 > ul > li:last-child dl:last-child{
	width:auto;
	margin:30px 5% 0;
	padding:20px 5% 10px;
	box-sizing:border-box;
	background-color:#ecf1f4;
	border:1px solid #721f11;
	border-radius:20px;
	text-align:left;
}
#cont3 > ul > li:last-child dl:last-child dt{
	margin:0 0 10px;
	background:none;
	color:#721f11;
	line-height:2;
	font-size:15px;
}
#cont3 > ul > li:last-child dl:last-child dt:first-letter{
	font-size:13px;
}
#cont3 > ul > li:last-child dl:last-child dd{
	font-size:13px;
	padding:0 0 10px 1em;
	text-indent:-1em;
}

#cont3  section{
	padding:30px 0 40px;
}
#cont3  section h3{
	margin-bottom:5px;
	padding:4% 4% 3% 75px;
	display:block;
	font-size:14px;
	text-align:left;
	background:url(../images/h3_left.png)no-repeat left center;
	background-size:72px auto;
}
#cont3 > section ul{
	width:auto;
	margin: auto;
	padding:0 3%;
	position:static;
}
#cont3 > section ul:before{
	content:none;
}
#cont3 > section ul li{
	width:auto;
	margin:0 1% 10px;
	padding:3%;
	box-sizing:border-box;
	background-color:#fff;
	display:block;
	vertical-align:top;
}
#cont3 > section ul li figure{
	width:100%;
	margin:0;
	overflow:hidden;
}
#cont3 > section ul li figure img{
	margin:0 10px 0 0;
	width:130px;
	vertical-align:middle;
}
#cont3 > section ul li figure figcaption{
	display:inline-block;
	vertical-align:middle;
}
#cont3 > section ul li figure figcaption span{
	display:block;
	height:auto;
	margin:0 0 10px;
	line-height:1.5;
	font-size:12px;
	letter-spacing:-0.05em;
	white-space:nowrap;
}
#cont3 > section ul li figure figcaption a{
	width:110px;
	display:inline-block;
	line-height:22px;
	background-color:#ffea5b;
	border-radius:11px;
	color:#721f11;
	text-decoration:none;
	font-size:12px;
}


/* #cont4 */
#cont4{
	padding:20px 0 30px;
	background:
		url(../images/cont4_bg_top.png)no-repeat center top,
		url(../images/cont4_bg.png)repeat-y center top;
	background-size:700px auto;
}
#cont4 h2{
	margin-bottom:20px;
	background-image:none;
	background:
		url(../images/cont4_h2_bg_center.png)no-repeat center center,
		url(../images/cont4_h2_bg.png)repeat-x center center;
	background-size:auto 14px;
}
#cont4 h2 div{
	display:inline-block;
	padding:0 10px 0 20px;
	font-size:21px;
	letter-spacing:0.2em;
	line-height:1.2;
}
#cont4 h2 div span{
	font-size:11px;
	background:none;
}
#cont4 h2 + p{
	margin-bottom:0;
	padding:0 3%;
	display:inline-block;
	text-align:left;
}

#cont4 > ol{
  padding:0 1%;
}
#cont4 > ol li{
	width:47%;
	margin:5px 1%;
	display:inline-block;
	vertical-align:top;
	background-color:#fff;
	border-radius:20px;
}
#cont4 > ol li:last-child{
	margin-right:49%;
}
#cont4 > ol li a{
	display:block;
	height:90px;
	padding:15px 5% 0;
	box-sizing:border-box;
	text-decoration:none;
	color:#e8412f;
	font-size:16px;
	font-weight:normal;
}
#cont4 > ol li:last-child a{
	padding:5px 5% 0;
	box-sizing:border-box;
}
#cont4 > ol li a img{
	width:58px;
	vertical-align:middle;
}

#cont4 > ul{
	width:auto;
	margin:auto;
}
#cont4 > ul > li{
	width:auto;
	height:auto;
	margin:3% 3% 0;
	padding:2% 2%;
	box-sizing:border-box;
	display:block;
	vertical-align:top;
	background-color:#fff;
	border-radius:20px;
}
#cont4 > ul > li:nth-child(odd){
	margin-right:3%;
}
#cont4 > ul > li:last-child{
	width:auto;
	padding:2% 3%;
}
#cont4 > ul > li h3{
	width:100%;
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
	color:#e8412f;
	position:relative;
}
#cont4 > ul > li h3 img:first-of-type{
	width:60px;
	position:absolute;
	left:0;
}
#cont4 > ul > li h3 img:last-of-type{
	width:80px;
	position:absolute;
	top:-10px;
	right:0;
}
#cont4 > ul > li:last-child h3 img:last-of-type{
	width:80px;
	position:absolute;
	top:-10px;
	right:-10px;
}
#cont4 > ul > li ol li{
	width:30%;
	margin:0 1% 10px;
	padding:0;
	display:inline-block;
	vertical-align:top;
}
#cont4 > ul > li ol li:first-child{
	margin-left:0;
}
#cont4 > ul > li ol li:last-child{
	margin-right:0;
}
#cont4 > ul > li:last-child ol li:last-child{
	margin-right:33%;
}
#cont4 > ul > li ol li figure{
	width:100%;
	margin:0;
}
#cont4 > ul > li ol li figure figcaption{
	font-size:13px;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}
#cont4 > ul > li ol + p{
	display:block;
	font-size:12px;
	margin-top:8px;
}




}





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

#cont1 > dl > dt figure img{
	width:60px;
	margin:0 10px 0 0;
	vertical-align:middle;
}
#cont1 > dl > dd dl{
	width:220px;
	margin:0 auto 20px;
	padding
	display:block;
	vertical-align:top;
	letter-spacing:-0.05em;
	line-height:1.2;
}
#cont1 > dl > dd dl:first-child dt{
	padding:20px 0 3px 1em;
}
#cont1 > dl > dd dl dd br.only_smart{
	display:none !important;
}
#cont2  section:last-of-type div > dl > dt figure img{
	margin:0 10px 0 0;
	width:80px;
	vertical-align:middle;
}

}