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


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

#thanks .alArea{
	width:100%;
	background: #e5e519;
	text-align: center;
}
#thanks .alArea div{
	display: inline-block;
	margin:0 auto;
	padding:0.2em;
}
#thanks .alArea p{
	float:left;
	padding-top:0.5em;
}
#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%;
}
#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: table;
	border-collapse: separate;  /* セルの間隔を空ける */
 border-spacing: 10px 0;  /* 左右 上下で記述 */
}
#thanks .addBox ul li{
    display: table-cell;
    width: 200px;
    border: #00c100 3px solid;
    border-radius: 1em;
    height: 330px;
}
#thanks .addBox ul li p.ttl{
	color:#fff;
	font-weight: bold;
	display: block;
	padding:1em;
	border-top-left-radius: 0.8em;
	border-top-right-radius: 0.8em;
	background:#00c100;
}
#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: 90%;
    height: auto;
}
#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:7px;
	display: block;
	background:none;
	font-weight: normal;
}

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

#ppolicy .pbox{
    text-align: left;
    padding:5em 15em;
}
#ppolicy h1{
    font-size:24px;
    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*/


.top{
    z-index: 0;
}
/*h3 img{
    height:2em;
    width:auto;
}*/


.tokuten{
    padding:9% 0 0;
    margin-top:-1%;
    position: relative;
    width:100%;
  background-color: #014d5c;
}
.tokuten.btm{
    padding:9% 0 5%;
}
.tokuten .ribbon{
    position: absolute;
    top: -0.2%;
    z-index: 999;
}
.tokuten .conts{
    width:90%;
    margin:auto;
    padding:12% 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  box-shadow: 10px 7px 15px 0 rgba(0, 0, 0, 0.16);
  background-image: linear-gradient(to bottom, #c59503, #ffffff 17%, #f2e696 75%, #af9a09);
}

.tokuten .conts ul.toku3{
    display: table;
 border-collapse: separate;  /* セルの間隔を空ける */
 border-spacing: 30px 0;  /* 左右 上下で記述 */
    margin:auto;
}
.tokuten .conts ul.toku3 li{
    display: table-cell;
    padding-bottom: 2em;
}
.tokuten .conts ul.toku3 li p{
    font-size:120%;
    font-weight: bold;
}
.tokuten .conts ul.toku3 li p span{
    display: block;
    text-align: center;
    font-weight: bold;
    font-size:140%;
    color:#fff;
    text-shadow: 2px 3px 6px #00000029;
    background:transparent radial-gradient(closest-side at 50% 50%, #FFBB33 0%, #D96400 100%) 0% 0% no-repeat padding-box;
   /* background-color: #d96400;*/
    padding:5px;
    width:97%;
}
.tokuten .timg{
    position: relative;
}
.tokuten .timg img.rbicon{
    position: absolute;
    bottom:5%;
    right:3%;
    width:50px;
    height:auto;
}

.tokuten .ttxt img{
    width:30px;
    height:auto;
}

.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:10px 20%;
    border:#9f912b 10px solid;
    border-radius: 30px;
    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:83%;
    margin:2% auto;
    transition-duration:0.3s;
transition-timing-function:ease-in-out;
    
}
.sbmbtn input:hover{
    max-width:85%;
    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;
    background-color: rgba(184, 222, 185, 0.87);
}

.onayami h3{
    font-size:200%;
    padding-bottom:0;
    border-bottom:#333 2px solid;
    width:90%;
    margin:0 auto 1.5em;
    font-weight: bold;
	color:#CE1D53;
	text-shadow: 10px 10px 20px rgba(255, 255, 255, 0.97);
	
}
.onayami h3 img{margin:auto;}
.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;
    line-height: 3em;
    font-size: 125%;
}

.onayami ul li{
    padding-left: 3.5em;
    background-image: url("../img/check_blk.png");
    background-repeat: no-repeat;
    background-position: left top 0.2em;
}

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



.introduction{
    text-align: center;
    padding:3em 0;
	background:rgba(255,255,255,0.89);
}
.introduction h3{
    color:#707070;
    font-size:220%;
    margin-bottom: 3.5em;
    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: left;
    padding:2em;
}
.introduction .myself .icon{
    width:30%;
    float:left;
    margin-right:2.5em;
    
}
.introduction .myself .icon img{
    border-radius: 50%;
}
.introduction .myself .profile{
    font-size:120%;
    width:60%;
    float:left;
    color:#707070;
    line-height: 1.5em;
	padding:2em 1em;
	background:rgba(255,255,255,0.55);
/*	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:130%;
	line-height: 2em;
    font-weight: bold;
}


.pret{
    text-align: center;
    padding:8em;
    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;
}
.pret .foreground {
  fill: #fff;
}
.pret .background {
  stroke: #707070;
  stroke-width: 8;
  stroke-linejoin: round;
}





.voice{
    text-align: center;
}
.voice h3{
    color:#747474;
    font-weight: bold;
    padding:1.5em 3em;
    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 2% center;
}
.voice h3 img{margin:auto;}
.voice .comBox{
    padding:3em 2em;
    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:left;
    width:25%;
    margin-right:2em;
}

.voice .comBox .vimgR{
    float:left;
    width:25%;
    margin-left:2em;
}
.voice .comBox .vtxt{
    width:70%;
    float:left;
    text-align: left;
    color:#707070;
    font-size:120%;
}

.voice .comBox .vtxt h4{
    font-weight: bold;
    font-size:180%;
    color:#ff0000;
    margin-bottom: 1em;
}
.voice .comBox .vtxt .vname{
    font-size:110%;
    margin-bottom:1em;
}
.voice .comBox p{}
.voice .comBox p span{
    color:#163ab4;
}

.obtain{
    text-align: center;
    padding:2em 2em 5em;
    background: url("../img/background002.png") top center no-repeat;
}
.obtain .blurArea{
    padding:2em 0.5em 4em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.50);
    z-index: 99;
}
.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;
    line-height:3em;
}
.obtain ul li{
    font-size:120%;
    color:#fff;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.97);
    padding-left:3em;
    background-image:url("../img/check_wht.png");
    background-repeat: no-repeat;
    background-position: left top 0.4em;
}




.about{
    text-align: center;
    padding:5em 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:4em;
}
.about h3 img{
    width:70%;
}
.aboutconts{
    padding:2em;
}

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

.comBox2 .blankbox{
    min-width:15%;
    float:left;
}
.comBox2 .txtbox{
    width: 60%;
    float: left;
    padding-left: 15%;
    text-align: left;
}
.comBox2 .imgbox{
    width:20%;
    margin-left:1em;
    margin-top: 1em;
    float:right;
}


.comBox2 h4{
    font-size:200%;
    border-bottom:#009EF5 7px solid;
    padding-bottom: 0.5em;
	font-weight: bold;
    text-align: left;
    padding-left: 5em;
}
.comBox2 h4.long{
    font-size:180%;
}
.comBox2 h4 span{
	color:#FD0202;
	font-size:110%;
}

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