@charset "utf-8";
/* CSS Document */
/*add*/
section{
    padding:0 3% 5%;
    /*text-align: center;*/
}
.smnr #topbtnn {
position: fixed;
  bottom: 20px;
left:0;
  right: 0;
 font-size: 14px;
  line-height: 1;
  z-index: 99;
}
.smnr #topbtnn a {
    /*background:#409c85;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 28px 5px;
    text-align: center;
    display: block;
    border-radius: 90px;*/
    opacity: 0.9;
    transition: all .3s ease;
}
/*
.smnr #topbtnn a:hover {
  text-decoration: none;
  opacity:inherit;
}*/
.topps{
    font-size:165%;
    text-align: center;
    font-weight: bold;
    background-color: #FFEEFC;
    padding:1em 1em;
    margin-bottom: 2em;
    border: #FF8EEB solid 5px;
}
/*.smnr #page-top {
  position: fixed;
  bottom: 40px;
  right: 25px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
.smnr #page-top a {
    font-size:200%;
    background:#409c85;
    text-decoration: none;
    color: #fff;
    width: 65px;
    padding: 100px 50px;
    text-align: center;
    display: block;
    border-radius: 90px;
    opacity: 0.9;
    transition: all .3s ease;
}*/
ul.chlist li{
    padding-left: 3.5em;
    background-image: url("../img/check_fc628c.png");
    background-repeat: no-repeat;
    background-position: left 1em top;
    text-indent: 0;
}

.smnr #page-top a:hover {
  text-decoration: none;
  opacity: .5;
}

.btn_submit img{
    max-width:90%;
    height:auto;
}
img.capimg{
   max-width:100% !important; 
    height:auto;
    margin:1em auto;
}

/*thk*/
#thanks{
	text-align: center;
}
#thanks #container > div{
	/*padding:1em;*/
}
#thanks .alArea{
	width:98%;
	background: #e5e519;
	display: inline-block;
	margin:0 auto;
	padding:0.2em;
}
#thanks .alArea p{
	display: inline-block;
	float:left;
}
#thanks .alArea img{
	width:2em;
	float:left;
}
#thanks .inv {
    transform: scale(-1, 1);
}
#thanks .txtbox{
	color:#00c100;
	margin-top:3em;
	font-weight: bold;
	font-size:125%;
	padding:0 1em;
}
#thanks .txtbox p.fst{
	color:rgba(13,75,18,1.00);
margin-bottom:2em;
}
#thanks .txtbox p.fst span{
	display: block;
	font-size:120%;
	margin-bottom: 0.5em;
}
#thanks .txtbox p.snd{
	display: block;
	font-size:120%;
	margin-bottom: 1em;
}

#thanks .txtbox p.trd{
	display: block;
	font-size:120%;
	margin-bottom: 0.5em;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
}

#thanks .addBox{
	display:inline-block;
	margin:1em auto 5em;
}
#thanks .addBox ul{
	/*display: block;*/
	border-collapse: separate;  /* セルの間隔を空ける */
 border-spacing: 10px 0;  /* 左右 上下で記述 */
	/*text-align: center;*/
}
#thanks .addBox ul li{
	display: block;
	/*width:90%;*/
	border:#00c100 3px solid;
	border-radius: 1em;
	height:auto;
	margin-bottom:2em;
}
#thanks .addBox ul li p.ttl{
	color:#fff;
	font-weight: bold;
	display: block;
	padding:1em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.56em;
	background:#00c100;
	font-size:120%;
}
#thanks .addBox ul li div.box{
	padding:1em;
}
#thanks .addBox ul li div .explain{
	color:#333;
	background: none;
	min-height:4em;
	margin-bottom: 1em;
	text-align: left;
	font-size:120%;
}
#thanks .addBox ul li div span{
	font-size:6px;
}
#thanks .addBox ul li div .idBox{
	font-size:15px;
	display: block;
	background:rgba(115,225,116,1.00);
		margin-bottom:0.5em;
	color:#fff;
}
#thanks .addBox ul li div .id{
	background:none;
	border:rgba(115,225,116,1.00) 5px solid;
	paddin:0.1em;
}
#thanks .addBox ul li div .id span{
	font-size:25px;
	display: block;
	background:none;
	font-weight: bold;
}
#thanks .addBox ul li div .id span:last-child{
	font-size:6px;
	display: block;
	background:none;
	font-weight: normal;
}

/*//thk*/
/*ppolicy*/
#ppolicy{
	text-align: center;
}

#ppolicy .pbox{
    text-align: left;
    padding:3em 10%;
}
#ppolicy h1{
    font-size:20px;
    text-align: center;
    /*font-weight: bold;*/
    padding-bottom:1em;
    margin-bottom: 2em;
    border-bottom:#000 1px double;
}

#ppolicy p{
    padding-bottom: 1em;
}

#ppolicy section{
    font-weight: normal;
    padding-bottom: 1em;
    border-bottom:#000 1px solid;
    margin-bottom: 2em;
}

#ppolicy ul{
    list-style: disc;
    padding-left:2em;
}
#ppolicy ul li{
    
}
/*//ppolicy*/
/*scta*/
#scta .pbox{
    text-align: left;
    padding:3em 5%;
}

/*//scta*/
.top{
    z-index: 0;
}
h3 img{
    width:100%;
    height:auto;
}


.tokuten{
    padding:9% 0 0;
    margin-top:-1%;
    position: relative;
    width:100%;
  background-color: #FFD1D1;
    background-repeat:repeat-y;
}
.tokuten.btm{
    padding:9% 0 0;
}
.tokuten .ribbon{
    position: absolute;
    z-index: 999;
    top:1em;
}
.tokuten .conts{
    width:90%;
    margin:10% auto 5%;
    padding:6% 0 5%;
    border-radius: 50px;
    background-color: #FFF1F1;
}

.tokuten .conts ul.toku3{
    display: block;
 border-collapse: separate;  /* セルの間隔を空ける */
 border-spacing: 0;  /* 左右 上下で記述 */
    padding:1em;
}
.tokuten .conts ul.toku3 li{
    display: block;
}
.tokuten .conts ul.toku3 li p{
    font-size:150%;
    font-weight: bold;
    /*text-align: center;*/
}
.tokuten .conts ul.toku3 li p span{
    display: block;
    text-align: center;
    font-weight: bold;
    font-size:140%;
    width:97%;
    margin:0.3em auto 0.2em;
    padding: 1px 5px 9px 5px;
    color: #fff;
    /*border: 2px solid #f6c192;*/
    background-color: #F98FA5;
    border-radius: 50px;
}
.tokuten .conts ul.toku3 li p span img{
    position: absolute;
    top:-45px;
    left:0px;
    width:60px;
    height:auto;
}

.tokuten .ttxt img{
    width:30px;
    height:auto;
    padding-top:1em;
}
.formArea{
    width:100%;
    margin:5% auto;
    text-align: center;
    z-index: 9999;
}
.formArea.posit{
    position: relative;
    width:100%;
    margin:5% auto;
    text-align: center;
    z-index: 9999;
}
.inputadd{
    width:20%;
    margin:auto;
}
.inputadd input{
    font-size:120%;
    padding:0.5em 1em;
    border:#7B9565 0.5em solid;
    border-radius: 1em;
    text-align: center;
}

input::placeholder {
  color: #555;
}

/* IE */
input:-ms-input-placeholder {
  color:  #555;
}

/* Edge */
input::-ms-input-placeholder {
  color:  #555;
}

table.boxA{
    width:100%;
}
.sbmbtn{
    width:100%;
    text-align: center;
    max-height:100px;
}
.sbmbtn input{
    max-width:98%;
    margin:2% auto;
    transition-duration:0.3s;
transition-timing-function:ease-in-out;
    
}
.sbmbtn input:hover{
    max-width:100%;
    margin:2% auto;
    opacity: 70%;

}

.caution{
    text-align: center;
    background-color: rgba(255, 255, 255, 0.67);
    padding: 2% 2em;
    color: #636363;
}

.caution p span{
    font-size:90%;
    text-decoration: underline;
    /*font-weight: bold;*/
}
.caution ul{
    text-align: left;
    display: inline-block;
    margin:2% auto;
}

.caution ul li{
	font-size:80%;
    text-indent:-1.3em;
    padding-left:1.3em;
}



.onayami{
    background: rgba(255,255,255,0.89);
}

.onayami div:first-child{
    padding:3em 2em;
    text-align: center;
}

.onayami h3{
    font-size:180%;
    padding-top: 0.5em;
    padding-bottom:0.5em;
    /*border-bottom:#333 2px solid;*/
    width:85%;
    margin:0 auto 1.5em;
    font-weight: bold;
	color:#fff;
	/*text-shadow: 10px 10px 20px rgba(255, 255, 255, 0.97);*/
	
}

/*.onayami h3 svg {
  display: inline-block;
  width: 316px;
  height: auto;
  overflow: visible;
}
.onayami h3 .foreground {
  fill: #CE1D53;
}
.onayami h3 .background {
  stroke: #fff;
  stroke-width: 8;
  stroke-linejoin: round;
}*/

.onayami ul{
    text-align: left;
    display: inline-block;
    margin:auto;
    font-size: 135%;
    line-height:1.5em;
}
.onayami ul li{
    padding:0.5em 0 0.5em 3.5em;
    background-image: url("../img/check_blk.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 50px;
    margin-bottom: 0.1em;
}


.o_bottom{
width: 100%;
height: 100%;
}

.onayami .wsp{
    text-align: center;
    font-size:160%;
    padding:1em;
}
.onayami .wsp.step1{
    background-color: #E9FF70;
    padding:3em 1em;
}
.onayami .wsp.step2{color:;}
.onayami .wsp.step3{color:;}
.onayami .wsp.step4{color:;}
.onayami .wsp.step5{
    padding-bottom: 110px;
    background-size: 90%;
}
.onayami .wsp.step5 p{
    font-size: 220%;
    line-height: 1.1;
}
.onayami .wsp.step5 p span{
    font-size: 75%;
}




.introduction{
    text-align: center;
    padding:3em 0;
	background:rgba(255,255,255,0.89);
}
.introduction h3{
    /*color:#707070;*/
    font-size:130%;
    margin-bottom: 0.1em;
    font-weight: bold;
    line-height: 2em;
    
}
/*.introduction h3 span{
    font-size: 120%;
    color: #9B1212;
    text-shadow: 0 3px 6px rgba(62,15,15,0.16);	
}
.introduction h3 span:last-child{
		font-size:120%;
	color:#19B6CB;
	text-shadow: 0 3px 6px rgba(62,15,15,0.16);	

}*/

.introduction .myself{
    background-image: linear-gradient(to bottom, #ffffff, #fcdfdf 35%, rgba(248, 240, 240, 0.8) 98%, rgba(255, 255, 255, 0));
    text-align: center;
    padding:0;
}

.smnr .introduction .myself .icon{
    width:50%;
    height: auto;
    margin:-30px auto 0;
    padding:0 20% 1em;
    float:none;
    background-image: url("../img/profile-bg_sp.png");
    background-position: bottom 30px center;
    background-repeat: no-repeat;
    background-size: contain;
}
.smnr .introduction .myself .profile{
    font-size: 90%;
    width: 90%;
    float: none;
    color: #707070;
    line-height: 1.5em;
    padding: 2em 5%;
    background: rgba(255,255,255,0.55);
    text-align: left;
/*	background-image: url("../img/washi_wall01.png");
	background-size: cover;
	background-position: top center;*/
}

/*.introduction .myself .profile p span{
    color:#DB1013;
	font-weight: bold;
}

.introduction .myself .profile p span.v01{
    font-size:200%;
    color:#F755B9;
	font-weight: bold;
}*/

.introduction .myself .profile ul li{
	font-size:120%;
	line-height: 2em;
    font-weight: bold;
}


.pret{
    text-align: center;
    padding:8em 2em;
    background-image:url("../img/marble_wall.png"), linear-gradient(to bottom, #eae3b9, rgba(255, 248, 191, 0.5) 85%, #ffffff);
}

.pret text{
    font-size:200%;
    font-weight: bold;
}
.pret svg {
  display: inline-block;
  width: 250px;
  height: auto;
  overflow: visible;
}
.foreground {
  fill: #fff;
}
.background {
  stroke: #707070;
  stroke-width: 8;
  stroke-linejoin: round;
}








.voice{
    text-align: center;
}
/*.voice h3{
        color:#6E7AE2;
    font-size:200%;
    font-weight: bold;
    line-height: 2em;
    background-image: url("../img/ttl_bg_b.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size:cover;
    padding:2em 4em;
    display: inline-block;
}
.voice h3{
    
    color:#747474;
    font-weight: bold;
    padding:1.5em 1em;
    font-size:200%;
    border-top: solid 10px #72634F;
    border-bottom: solid 10px #72634F;
    background-image:url("../img/background001.png");
    background-repeat: no-repeat;
    background-position: top 62% center;
    background-size: cover;
}*/
.voice .comBox{
    padding:3em 1em;
    margin:1em 0;
    box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #ccc;
  background-image: linear-gradient(to bottom, #ffffff, rgba(237, 234, 234, 0.7));
}

.voice .comBox .vimgL{
    float:none;
    width:25%;
    margin:auto;
}

.voice .comBox .vimgR{
    float:none;
    width:25%;
    margin:auto;
}

.voice .comBox.sideL{
    background-position: top -10% left -10%;
    background-size: 300px;
}
.voice .comBox.sideR{
    background-position: top -10% Right -10%;
    background-size: 300px;
}

.voice .comBox .vimgL img,
.voice .comBox .vimgR img{
    border-radius: 30%;
}
.voice .comBox .vimgR img{
    box-shadow:
    10px 10px 0 0 rgb(255, 230, 231);
}
.voice .comBox .vimgL img{box-shadow:
    -10px 10px 0 0 rgb( 238, 255, 247);
}



.voice .comBox .vtxt{
    width:100%;
    float:none;
    text-align: left;
    color:#707070;
    font-size:120%;
}

.voice .comBox .vtxt h4{
    font-weight: bold;
    font-size: 125%;
    color: #2B2B2B;
    margin-bottom: 1em;
}
.voice .comBox .vtxt .vname{
    font-size:110%;
    margin-bottom:1em;
}
.voice .comBox p{}
.voice .comBox p span{
    color: #E321A0;
}

.obtain{
    text-align: center;
    padding:2em 1em;
    background: url("../img/background002.png") top center no-repeat;
    background-size: cover;
}
.obtain .blurArea{
    padding:2em 0.5em 2em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.50);
    z-index: 99;
    border:#ccc 1px solid;
    font-size: 60%;
    line-height: 1.7;
}
.obtain h3{
    font-size:200%;
    color:rgba(255, 255, 255, 1);
    font-weight: bold;
    margin-bottom:2em;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.97);
}
.obtain ul{
    text-align: left;
    display: inline-block;
    margin: auto;
    padding:1em;
    line-height:2em;
}
.obtain ul li{
    font-size:100%;
    color:#fff;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.97);
    padding-left:2em;
    background-image:url("../img/check_wht.png");
    background-repeat: no-repeat;
    background-position: left top 0.1em;
    background-size: 20px;
    margin-bottom: 1.5em;
}


.about{
    text-align: center;
    padding:3em 0;
	background:rgba(255,255,255,0.7);
}
.about h3{
    color:#fff;
    font-weight: bold;
    padding:1.3em 1em;
    font-size:250%;
    border-top: solid 10px #707070;
    border-bottom: solid 10px #707070;
    background-image:url("../img/washi_wall01.png"), linear-gradient(to bottom, #d7f2ff, #00a7ff);
    text-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
    margin-bottom:2em;
}
.about h3 img{
    width:100%;
}
.aboutconts{
    padding:0.5em;
}

.about .comBox2{
    position: relative;
    padding:1em 1em;
    background-image: linear-gradient(to bottom, rgba(187, 213, 233, 0.6), rgba(240, 244, 247, 1));
}
.about .s_bottom{
    margin-bottom: 3em;
}
.comBox2 .stepball{
    position: absolute;
    top:-2em;
    left:-0.5em;
    color:#fff;
    width:5em;
    height:5em;
    border-radius: 5em;
    border:#009ef5 7px solid;
    background-image: linear-gradient(to bottom, #00a7ff, #0050a0);
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size:120%;
    line-height:1;
}
.comBox2 .stepball span{
    font-size:450%;
}

.comBox2 .blankbox{
    min-width:15%;
    float:left;
}
.comBox2 .txtbox{
    width: 100%;
    float: none;
    padding-left: 0;
    text-align: left;
}
.comBox2 .imgbox{
    width:50%;
    margin:auto;
    float:none;
}


.comBox2 h4{
    font-size:150%;
    border-bottom:#009EF5 3px solid;
    padding-bottom: 0.3em;
	font-weight: bold;
    text-align: left;
    padding-left: 4em;
}
.comBox2 h4.long{
    font-size:150%;
}

.comBox2 h4 span{
	color:#FD0202;
	font-size:110%;
}

.comBox2 h4.center{
    text-align:center;
}

.comBox2 p{
    text-align: left;
    display: inline-block;
    margin:1em auto;
     color:#707070;
    font-size:130%;
}


/*-------5DAYS-------*/

.daysConts{
    padding:5%;
    background-color: #fff;
}
.daysConts dl{
    margin-bottom: 2em;
}
.daysConts dt{
    position: relative;
    text-align: center;
    font-size:180%;
    font-weight: bold;
    color:#000;
    padding:3.5em 0 0.1em;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
}
.daysConts dt img{
    position: absolute;
    width:150px;
    top:0;
    left:0;
}
.daysConts dd.txtbox {
    padding:1em 0 0;
}
.daysConts dd.txtbox p{
    font-size:125%;
}