/*トップページ
-------------------------------------------------------------------------------------------------------------------*/

/*メインイメージ*/
#visual img{
	width: 100%;
	height: auto;
}

.buy_btn{
	text-align: center;
}

.tit01{
	font-size: 2.25rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}
.tit02{
	font-size: 1.875rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

#content03 h3{
	font-size: 1.875rem;
}

#content04 h2,#content08 h2{
	font-size: 2rem;	
}

#content04 h3{
	font-size: 1.375rem;
}

#content05 h3{
	font-size: 1.5625rem;
}

#content02 .box02 h2,
#content03 h2,#content05 h2,
#content06 h2,#content07 h2,#content08 h2{
	text-align: center;
}

#content04 h2,#content05 h2,
#content06 h2,#content07 h2,#content08 h2{
	color: #52c5ca;
}

#content03 .box02 h3,#content04 h2,
#content05 h2,#content06 h2,
#content07 h2,#content08 h2{
	margin-bottom: 30px;
}


@media (max-width: 499px){

.tit01,.tit02,#content04 h2,#content08 h2{
	font-size: 1.4rem;
}

#content03 h3{
	font-size: 1.3rem;
}

#content04 h3,#content05 h3{
	font-size: 1.15rem;
}

.buy_btn{
	width: 70%;
	margin: auto;
}


#content03 .box02 h3,#content04 h2,
#content05 h2,#content06 h2,
#content07 h2,#content08 h2{
	margin-bottom: 15px;
}


}

#content01{
	background: #c6ae42;
	color: #fff;
	padding: 20px 0;
}

#content01 h2,
#content01 p{
	text-align: center;
}


@media (max-width: 499px){

#content01{padding: 15px 0;}

}


#content02{
	position: relative;
	padding: 60px 0;
}

.bg_img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index: -1;
}

#content02 .img_area{
	width: 24%;
}

#content02 .text_area{
	width: 60%;
}

#content02 .text_area dl.features_list01{
	margin-bottom: 15px;
}
#content02 .text_area dl.features_list01:last-child{
	margin-bottom: 0;
}
#content02 .text_area .features_list01 dt,
#content02 .text_area .features_list01 dd{
	display: inline-block;
}

#content02 .text_area .features_list01 dt{
	background: #c6ae42;
	color: #fff;
	font-size: 1.125rem;
	border-radius: 12px;
	padding: 4px 30px;
	line-height: 1;
	margin-right: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#content02 .text_area .features_list01 dd{
	font-weight: bold;
}


@media (max-width: 599px){

#content02{padding: 30px 0 40px;}

#content02 .img_area,#content02 .text_area{
	width: 100%;
}

#content02 .img_area{
	max-width: 140px;
	margin: 0 auto 30px;
}

#content02 .text_area .features_list01 dt{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}



}



#content03 .box01 h3 span{
	font-size: 1.5rem;
	margin-right: 10px;
}

#content03 .box01 p{
	font-size: 1.1rem;
}

#content03 .box01 p span{
	margin-right: 30px;
}

#content03 .box02 h3{
	color: #8b8b8b;
}

#content03 .box02 h3::after{
	content: "";
	display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5b5b5+0,b5b5b5+100&1+66,0+100 */
background: -moz-linear-gradient(left, rgba(181,181,181,1) 0%, rgba(181,181,181,1) 66%, rgba(181,181,181,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(181,181,181,1) 0%,rgba(181,181,181,1) 66%,rgba(181,181,181,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(181,181,181,1) 0%,rgba(181,181,181,1) 66%,rgba(181,181,181,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#00b5b5b5',GradientType=1 ); /* IE6-9 */
width: 300px;
height: 1px;
}

#content03 .box02 li{
	width: 22%;
}

#content03 .box02 dt,
#content03 .box02 dd,
#content03 .box02 li p{
	text-align: center;
}

#content03 .box02 dt{
	background: #52c5ca;
	color: #fff;
	border-radius: 15px;
	margin-bottom: 10px;
}

#content03 .box02 dd{
	font-size: 0.875rem;
	color: #404263;
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



@media (max-width: 499px){

#content03 .box01 h3 span{
	font-size: 1.2rem;
}

#content03 .box01 p{
	font-size: 1.05rem;
}

#content03 .box01 p span{
	margin-right: 0;
	display: block;
	text-align: center;
}

#content03 .box02 li{
	width: 48%;
}

#content03 .box02 li:nth-child(-n+2){
	margin-bottom: 15px;
}

}


#content04 h2{
	color: #5366d1;
  text-shadow: 1px 1px 0 #fff,
               -1px 1px 0 #fff,
               1px -1px 0 #fff,
               -1px -1px 0 #fff,
               3px 3px 3px #c0bebe; 
         font-weight: bold;
}

#content04 h2 span{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
}

#content04 .box02{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f0f0+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	padding: 20px 30px;
}

#content04 h3{
	color: #52c5ca;
	font-weight: bold;
	width: 30%;
}

#content04 .box02 p{
	width: 60%;
}


@media (max-width: 499px){

#content04 h2 span{
	font-size: 1.15rem;
}

#content04 h3,#content04 .box02 p{
	width: 100%;
}


}


#content05{
	background: #f1f1f2;
	padding: 30px 0 60px;
} 

#content05 .img_area{
	width: 54%;
}
#content05 .text_area{
	width: 40%;
}

#content05 h3{
	color: #52c5ca;
}


@media (max-width: 499px){

#content05{
	padding: 20px 0 30px;
} 


#content05 .img_area,#content05 .text_area{
	width: 100%;
}

#content05 .img_area{
	margin-bottom: 20px;
}

}


#content06 li{
	background: #fff;
	border: 5px solid #f3e8a3;
	padding: 30px;
	box-shadow:4px 4px 12px -5px #000000;
	border-radius: 10px;
	margin-bottom: 40px;
}
#content06 li:last-child{
	margin-bottom: 0;
}

#content06 li .name{
	background: #52C5C9;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	padding: 3px;
}

#content06 li .img_area{
	width: 28%;
}
#content06 li .text_area{
	width: 60%;
}
#content06 li .text_area p{
	text-decoration: underline dotted #333; 
}
#content06 li .text_area p.txt_s, #content06 li .txt_s{
	text-decoration: auto;
    display: block;
    font-size: 75%;
    color: #aaa;
    margin-bottom: 0;
    text-align: right;
}
#content06 li .text_area.wide{
	width: 100%;
}

#content06 li .col3 div{width: 30%;text-align: center;}
#content06 li .col3 div .order1{text-align: center;margin-top: 10px;}
#content06 li .col3 div .order1 span{color: #fff;background: #52C5C9;padding:0 10px;border-radius: 10px;display: inline-block;}

@media (max-width: 699px){
	#content06 li .text_area p.txt_s, #content06 li .txt_s{text-align: left;text-indent: -1em;padding-left: 1em;}
}

@media (max-width: 499px){

#content06 li{
	padding: 15px;
	margin-bottom: 20px;
}

#content06 li .img_area,#content06 li .text_area{
	width: 100%;
}

#content06 li .img_area{
	max-width: 210px;
	margin: 0 auto 20px;
}

#content06 li .name{
	font-size: 1rem;
}
#content06 li .col3 div{width: 100%;}
}


#content08 .box01 ul{
	margin-bottom: 30px;
}

#content08 .box01 li{
	width: 46%;
}


#content08 .box01 dt{
	padding: 10px 20px;
	max-width: 300px;
	margin: auto;
}

#content08 .box01 dd{
	line-height: 1.6;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#content08 .box01 p.box{
	background: #f1f1f2;
	color: #59c7cd;
	padding: 20px 30px;
	border-radius: 10px;
	font-size: 1.15rem;
}



@media (max-width: 499px){

#content08 .box01 li{
	width: 100%;
}


#content08 .box01 p.box{
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 1rem;
}



}


/*20190424*/

.kamiwaza_nav {
	background: #3E4F77;
    display: flex;
    justify-content: center;
}

.kamiwaza_nav li {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
	padding: 10px 40px;
}

.kamiwaza_nav a {
    color: #fff;
}

.kamiwaza_idx {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    padding: 60px 5vw 0;
}

.kamiwaza_idx.box01 > div { border-bottom: solid #ccc 1px;}

.box02 { flex-direction: row-reverse;}

.kamiwaza_idx > div {
	width: 50%;
	max-width: 500px;
	padding-bottom: 60px;
}

.kamiwaza_idx > div img {
	width: 100%;
	height: auto;
}

.kamiwaza_idx > div.txt_box {
	padding: 0 40px 60px;
}

.kamiwaza_idx .btn a {
	display: block;
	text-align: center;
	background: #3E4F77;
	border-radius: 5px;
	color: #fff;
	padding: 5px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
}

@media (max-width: 499px){
	.kamiwaza_idx{flex-wrap: wrap;}
	.kamiwaza_idx > div{width: 100%;padding-bottom: 20px;}
	.kamiwaza_idx.box01 > div:first-of-type{border-bottom: none;}
	.kamiwaza_idx > div.txt_box{padding: 0 0 30px}
	.kamiwaza_nav li{padding: 10px 15px;font-size: 1rem;}
}



/* 200618 */
.tit01{font-size: 2.5rem;}
#content01 .inner{
	position: relative;
}
#content01 p{
	color: #111111;
    font-size: 1.4rem;
    margin-bottom:0;
}
#content01 .tit01 span{
    margin:0 0.3em;
    display:inline-block;
}
#content01 .catch{
	font-size: 1.8rem;
    background: #fff;
    border: 2px #c6ae42 solid;
    color: #c6ae42;
    width: 80px;
    height:80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    position: absolute;
    left: -60px;
    top: -40px;
    transform:rotate(-15deg); 
}
.features_img{
	margin-top:30px;
	background: #fff;
    padding: 10px;
}
.features_img li{
    width: 48%;
    position: relative;
}
.features_img li p{
    text-align:center;
    font-size: 14px;
    margin-bottom:0;
}
#content09{
    background: #D0EAE9;
    padding: 80px 0;
    position: relative;
}
.arrow_down{
    text-align: center;
    font-size: 7rem;
    position: absolute;
    top: -130px;
    left: 0;
    right: 0;
    color: #c6ae42;
}
.features_list02{
    font-size: 1.5rem;
    max-width: 700px;
    margin: 0 auto;
}
.features_list02 dt, .features_list02 dd{
    font-weight: bold;
    display: inline-block;
    margin-bottom:25px;
}
.features_list02 dt:last-of-type, .features_list02 dd:last-of-type{
    margin-bottom:0;
}
.features_list02 dt{
    width: 130px;
    background: #fff;
    margin-right:20px;
    text-align: center;
    color: #52c5ca;
}
.features_list02 dd{
	width:calc(100% - 130px - 20px);
	color:#303030;
}
#content04 .img_area{
    max-width: 400px;
    margin: 30px auto 0;
}
#content05 .inner{
    max-width: 1000px;
}
#content05 .img_area{
    width: 40%;
}
#content05 .img_plot{
    margin-top:30px;
}
#content05 .text_area{
    width: 55%;
}
#content05 .text_area .f_gothic{
	font-size: 1.15rem;
    margin-bottom: 5px;
    font-weight: bold;
}
#content05 .img_plot li{
    width:48%;
    margin-bottom:15px;
}
#content05 .img_plot li p{
    font-size: 1rem;
    margin-top:8px;
    line-height: 1.4;
}
#content05 .img_plot li p span{
    font-size: 80%;
}

.list_type02{
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}
.list_type02 li{

}
.arrow_up{
	text-align:center;
    font-size: 2.5rem;
    color:#0068b7;
}
#content05 .text_area .f_mn.c_bleu{
    color:#0068b7;
    font-size:1.5rem;
}
.features_img li:first-of-type:after{
	font-family: "Font Awesome 5 Free";
	content:"\f061";
	font-weight: 900;
	position: absolute;
    top: 32%;
    z-index: 9999;
    right: -17%;
    text-align: center;
    font-size: 2rem;
}

#content07{
	margin-bottom: 100px;
}


@media (max-width: 999px){
	#content01 h2{font-size: 5vw;line-height: 1.5;margin-bottom: 5px;}
	#content01 .catch{left: 15%;}
	#content01 p{font-size: 3.5vw;}
}
@media (max-width: 799px){
	#content05 .img_area, #content05 .text_area{width:100%;}
	#content05 .img_area{max-width:400px;margin:20px auto;}
}
@media (max-width: 699px){
	#content01 h2{font-size:6.5vw;}
	#content01 .catch{left: 8%;}
	#content01 p{font-size: 1rem;}
	#content01 .catch{font-size: 1.6rem;width:70px; height:70px;line-height:70px;left: 9%;}
	#content09{padding: 40px 0;}
	.features_list02{font-size: 1.15rem;}
	.features_list02 dt{vertical-align: top;}
}
@media (max-width:499px){
	.tit01{font-size: 2rem;}
	#content01 .catch{font-size: 1.4rem;width:60px; height:60px;line-height:60px;left:1%;top: -30px;}
	#content01 h2{font-size:7.5vw;}
	.arrow_down{font-size: 20vw;top: -20vw;}
	.features_list02 dt, .features_list02 dd{display: block;width:100%;}
	.features_list02{font-size: 1rem;}
	.features_list02 dt, .features_list02 dt:last-of-type{margin-bottom: 10px;}
	.features_list02 dd{margin-bottom: 15px;}
	.list_type02 li{font-size: 1em;padding-left: 1em;text-indent: -1.2em;}
	.features_img li:first-of-type:after{font-size:7.5vw;top: 30%;}
	#content07{margin-bottom:40px;}
}


.yt{
	max-width: 560px;
    margin: 0 auto 80px;
}
.yt > div{
	position: relative;
	padding-bottom: 56.25%;
}
.yt > div iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width:599px){
	.yt{padding: 0 10px;margin-bottom: 40px;}
}