@charset "utf-8";
@font-face {
font-family:'マメロン HiRegular';
src:url(HP-parts/mameh_woff/Mamelon-3.5HiRegular.woff2); format('Open Type');
}


@media screen and (min-width:768px) and ( max-width:2000px) {


body{ /* 全体のサイズ指定  */
width:100%;
height:8000px;
font-size: 25px; /*  基本フォントサイズ*/
text-decoration:none;
text-align:center;
  margin-right: auto;
  margin-left : auto;
position:relative;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(HP-parts/check5.svg) center no-repeat;
  background-size:cover;
}


body p{
font-family:'マメロン HiRegular';
}

.form{
width:50%;
}


.h-touroku{
width:200px;
}
.h-yoyaku{
width:200px;
}
.h-form{
width:100%;
text-align:right;
display:inline-block;
margin-bottom:0px;
}



a {
color:#ff9578;
text-decoration:underline;
 
}

ul { /* 全体のリスト設定 */
  list-style: none;
}


li{
font-size: 25px
}

.totop{
text-align:center;
display: none;
 position: fixed;
 bottom: 10px;
 right: 20%;
cursor: pointer;

}


ol { /* 全体の順番付きリスト設定 */
  list-style: none;
 padding-top: 10px;
  padding-bottom: 10px;
}

.nav{ /* ヘッダーメニューリスト */

background-color:ffffff;
width:100%;
margin:0auto;
texy-align:center;
position: relative;
overflow: hidden;
}


.tikara{
margin-left:0px;
text-align:left;
position:relative;
}


 .nav ul{
width:80%;
font-size:0;
margin:0 auto;
position: relative;
}


.nav ul li {

font-family:'マメロン HiRegular';
display:inline-block;
font-size:20pt;
line-height:20pt;
padding-top:20;
width:25%;
height:50px;
position: relative;

}


.nav a{
text-decoration:none;
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(250,169,122,1) 50%);
background-position: 0 0;
background-size: auto 200%;
transition: .3s;
color:#faa97a;
}


.nav a:hover {
background-position: 0 100%;
color: #fff;
}


.top{ /* トップ */
display:inline-block;
width:800px ;
height:400px;
padding:100px; 
text-align:center;
position:relative;
}


.top img{ /* トップロゴ */
width:100%;
left:-10;
margin:-70 auto 30px;
position:absolute;
}



.top p{ /* トップコピー */
top:430px;
right:10%;
text-align:right;
position:absolute;
}


.kannsenn{  /* 感染症注意事項 */
font-size: 16px;
height:auto;
padding: 10px;
width: 500px;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
margin:30px auto;
position:relative;
}


.kannsenn h2{
font-size:30px;
font-family:'YuGothic,メイリオ';
padding:1em;
margin:0 auto;
}


.kannsenn ul{ /* 感染症注意事項 */
box-sizing:border-box;
font-size:30px;
font-family:'YuGothic,メイリオ';
list-style:square;
line-height:1em;
  width: 90%;
  margin: 0 auto;
  max-width: 500px;
}


.kannsenn ul li{ /* 感染症注意事項 */
font-size: 16px;
text-align:left;
font-size: 16px;
line-height:1.5em;
padding-top:5px;
padding-bottom:5px
}


.kannsenn p{
font-size:30px;
font-size: 16px;
font-family:'YuGothic,メイリオ';
top:10em;
text-align: center;
}


.goriyousya{
background-color:rgba(255,255,255,0.7);
box-sizing:border-box;
font-size: 16px;
width:800px;
height:1700px;
text-align:center;
margin:50px auto 20px;
position:relative;
z-index:2;
}



.pointline{
top:100;
width:600px;
height:320px;;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
margin:0 auto;
text-align:center;
z-index:3;
}

.point {
display:block;
background-size:500px;
width:501px;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
margin-top:-60;
margin-left:50px;
position:absolute;
z-index:4;
}


.goriyousya ol {
font-family:'マメロン HiRegular';  
text-shadow: 2px 2px 2px white;
text-align:left;
height:auto;
margin-top:40px;
margin-left:-150px;

position:absolute;
z-index:10;
}

.goriyousya ol li{
width:450px;
line-height:30px;
font-size:15pt;
margin-left:150px;
padding:5px;

}


.goriyousya ol li:nth-child(1) {
background-image: url(HP-parts/1.png);
line-height:30px;
padding-left:70px;
background-repeat:no-repeat;
background-size:60px auto;
}


.goriyousya ol li:nth-child(2) {
background-image: url(HP-parts/2.png);
line-height:30px;
padding-left:70px;
background-repeat:no-repeat;
background-size: 60px auto;
}


.goriyousya ol li:nth-child(3) {
background-image: url(HP-parts/3.png);
line-height:30px;
padding-left:70px;
background-repeat:no-repeat;
background-size: 60px auto;
}


.chottosann{
top:-150;
left:-172;
margin:30px auto 30px;
width:140%;
height:auto;
text-align:center;
position:relative;
z-index:5;
}




.sentaku{
top:-200px;
margin:0 auto;
position:relative;
z-index:1;
}


.darekani{
bottom:300;
position:absolute;
}



.dekiru{
background-color:rgba(255,255,255,0.7);
width:800px;
height:1700px;
margin:0 auto;
position:relative;
z-index:2;
}


.mendokusai{
background-image: url(HP-parts/mendokusai.png) ;
background-repeat:no-repeat;
display:block;
width:180px;
height:170px;
margin-left:10%;
position:absolute;
}


.yaranakutya{
background-image: url(HP-parts/yaranakutya.png) ;
background-repeat:no-repeat;
display:block;
width:100%;
height:100%;
top:260px;
margin-left:65%;
position:absolute;
}


.darekanionegai{
background-image: url(HP-parts/darekanionegai.png);
background-repeat:no-repeat;
display:block;
width:180px;
height:170px;
top:300px;
margin-left:10%;
position:absolute;
}


.dekiru p{
margin:0 auto;
font-size:25pt;
}


.line{
left:50px;
position:relative;
}


.dekinai{
box-sizing:border-box;
display:inline-block;
font-family:'YuGothic,メイリオ';
font-size: 12px;
height:auto;
padding: 10px 20px;
width: 400px;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
margin:30px auto;
position:relative;
}


.dekinai h2{
font-size: 18px;
font-family:'YuGothic,メイリオ';
padding:1em;
text-align:center;
margin:0 auto;
}


.dekinai ul{ 
font-family:'YuGothic,メイリ'オ;
font-size: 15px;
box-sizing:border-box;
list-style:square;

}

.dekinai ul li{
font-family:'YuGothic,メイリオ';
word-break: break-all;
font-size: 12px;
text-align:left;
line-height: 150%;
line-height:1.2;
}

.dekinai p{
top:22em;
width:25em;
left: 50%;
transform:  translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.sonohoka p{
font-size:20pt;
}

.huraipan{
margin-top:-200px;
margin-top:-200px;
margin-left:400px;
position:relative;
z-index:1;
}


.goriyouryoukinn{
display:block;
text-align:center;
font-size:18pt;
background-color:rgba(255,255,255,0.7);
margin:30px auto;
width:800px;
height:1700px;
display:block;
position:relative;
z-index:2;
}


.goriyouryoukinn p{

display:block;
margin:0 auto;
width:500px;
}


.plus{
text-align:center;
display:block;
margin:-100 -50;
position:absolute;
z-index:4;
}


.hyou{
background-repeat:no-repeat;
margin:50px auto 100px;
width:751px;
height:302px;
text-align:center;
position:relative;
}


.box {
font-family:'マメロン HiRegular';
display:block;
font-size:18pt;
text-align:center;
padding: 3em 5em;
line-height:20px;
width:400px;
height:300px;
 background: 255 255 255 0;
border: solid 3px #faa97a;/*線*/
border-radius: 10px;/*角の丸み*/
margin:30px auto 30px;
position:relative;
z-index:8;}


.box h3{
top:50;
font-size:30px;
line-height:30px;
position:absolute;
z-index:12;
}

.box p{
font-size:18pt;
text-align:center;
margin:20px;
padding:20px;
line-height:30px;
z-index:10;
position:absolute;
}

.tatoeba{
font-family:'マメロン HiRegular';
font-size:1.3rem;
top:250px;
text-align:left;
margin:80 auto;}

p.ue{
margin:-50px -60px;
text-align:center;
position:relative;}



.tyuui{

font-family:'マメロン HiRegular';
margin:0px auto:

text-align:center;
}

.tyuui p{
width:60%;
text-align:left;
margin:70 auto;
margin-left:21%;
position:absolute;
}

.tyuui h3{

padding: 0 65px;
margin:0 auto;
margin-left:37%;
text-align: center;
position:absolute;

}

.tyuui h3:before,
.tyuui h3:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}


.tyuui h3:before {
position:absolute;
  left: 0;
}


.tyuui h3:after {
position:absolute;
  right: 0;
}

.tyuui p{

position:absolute;
font-size:15pt;
}


.magcup{
margin:-100 auto 50 -500;
position:relative;
z-index:1;
}


.gotouroku{
display:block;
font-size:16pt;
background-color:rgba(255,255,255,0.7);
width:800px;
height:1000px;
margin:30px auto;
position:relative;
}


.gotouroku p{
display:block;
margin:10px auto;
width:500px;
}


.gotouroku h3{
font-family:'マメロン HiRegular';
display:block;
width:60%;
margin:0 auto;
}


.okotowari {
margin:10px auto;

padding:0 auto;
width:65%;
text-align: center;
display: block;
border: 1px solid #000;
}

.okotowari p {
font-family:'YuGothic,メイリオ';

margin-left:55px;
text-align: left;
display: inline-block;
}

footer{
color:white;
background-color:#faa97a;
font-size:10pt;
 margin:0 auto;
padding-left:10px;
width:100%
position:relative;
}

footer a{
color:white;
}
footer p{
color:#ffff;
display:inline-block;
vertical-align:bottom;
text-align:left;
margin:15px;

}
.wrap{
overflow:hidden;}

}

@media screen and (min-width:520px) and (max-width:767px){ 


body{ /* 全体のサイズ指定  */
width:100%;
height:6800px;
font-size: 25px; /*  基本フォントサイズ*/
text-decoration:none;
text-align:center;
  margin-right: auto;
  margin-left : auto;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  background:url(HP-parts/check5.svg) center no-repeat;
  background-size:cover;
}

.wrap{
overflow:hidden;}



body p{
font-family:'マメロン HiRegular';
}

.form{
width:50%;

}

.h-touroku{
width:20%;
}
.h-yoyaku{
width:20%;
}
.h-form{
width:100%;
text-align:right;
display:inline-block;
margin-bottom:0px;
}


a {
 
color:#ff9578;
text-decoration:underline;
 
}

ul { /* 全体のリスト設定 */
  list-style: none;
}


.totop{
text-align:center;
display: none;
 position: fixed;
 bottom: 10px;
 right: 10%;
cursor: pointer;

}

ol { /* 全体の順番付きリスト設定 */
  list-style: none;
}

.tikara img {
width:30%;
}

.tikara {
margin-left:0px;
text-align:left;
position:relative;
}


.top{ /* トップ */
display:block;
margin-top:100;
display:block;
width:100% ;
height:5%;
padding:100 auto;
position: relative;
}


.top img{ /* トップロゴ */
width:95%;

}



.top p{ /* トップコピー */
width:90%;
font-size:5vmin;
margin:70px auto 200px;
text-align:left;

}

.nav{ /* ヘッダーメニューリスト */
display:block;
background-color:ffffff;
font-size:0;
width:100%;
margin:0 auto 0;
padding:0 auto;
text-align:center;
position: relative;
overflow: hidden;
}



.nav ul{
width:80%;
margin:0 auto;
margin-left:20;
}


.nav ul li {

font-family:'マメロン HiRegular';
display:inline-block;
font-size:3.2vw;
margin:0 auto;
width:25%;
}


.nav a{
text-decoration:none;
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(250,169,122,1) 50%);
background-position: 0 0;
background-size:auto 200%;
transition: .3s;
color:#faa97a;
}


.nav a:hover{
background-position: 0 100%;
color: #fff;
}


.kannsenn{
display:table;
background-color:#ffffff;
top:200px;
margin: 10px auto;
width:90%;
font-size:3.0vw;
display: block;
border: 1px solid #000;
position:relative;
}


.kannsenn ul {
display:table-cell;
width:90%;
padding-left: 0;
list-style: square;
text-align: center;
display: inline-block;
}


.kannsenn ul li {
text-align: left;
margin-left:10px;
line-height:1.5rem;
padding-bottom:1.0rem;
}


.kannsenn p{
width:90%;
margin:0 auto 30;
text-align: left;
}


.goriyousya{
box-sizing:border-box;
display:teble;
top:250;
background-color:rgba(255,255,255,0.7);
width:100%;
height:15%;
text-align:center;
padding:0 auto 50;
margin:50px auto 20px;
position:relative;
z-index:2;
}



.pointline{
top:20;
width:90%;
height:60vmin;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
margin:0 auto;
text-align:center;
z-index:3;
}

.point {
display:block;
background-size:500px;
width:90%;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
margin-top:-90;
margin-left:5%;
position:absolute;
z-index:4;
}


.goriyousya ol {

font-family:'マメロン HiRegular';  
text-shadow: 2px 2px 2px white;
width:90%;
height:auto;
top:20px;
text-align:center;
padding-left:5%;
position:absolute;
z-index:10;
}

.goriyousya ol li{
font-size:4vmin;
text-align:left;
padding-bottom:15px;
}


.goriyousya ol li:nth-child(1) {
background-image: url(HP-parts/1.png) ;
line-height:4.0vmin;
padding-left:50px;
background-repeat:no-repeat;
background-size:40 auto
}


.goriyousya ol li:nth-child(2) {
background-image: url(HP-parts/2.png) ;
line-height:4.0vmin;

padding-left:50px;
background-repeat:no-repeat;
background-size: 40 auto;
}


.goriyousya ol li:nth-child(3) {
background-image: url(HP-parts/3.png);
line-height:4.0vmin;

padding-left:50px;
background-repeat:no-repeat;
background-size: 40 auto;
}


.chottosann{
display:block;
top:-100;
margin-left:-18%;
text-align:center;
width:140%;
height:auto;
position:relative;
z-index:7;
}




.sentaku{
display:none;
margin-top:450px;
max-width:70%;
max-height:auto;
position:relative;
z-index:1;
}




.darekani{

display:block;
width:50%;
top:1500px;
margin-left:50%;
position:absolute;
display:none;}



.dekiru{
background-color:rgba(255,255,255,0.7);
width:100%;
margin-top:200;
top:300;
max-height:25%;
position:relative;
z-index:2;
}




.dekiru p{
display:inline-block;
margin:0 auto;
font-size:5.0vw;
}


.line{
display:inline-block;
max-width:100%;
max-height:auto;
left:30px;
position:relative;
}

.dekinai{
display:inline-block;
box-sizing:border-box;
display:inline-block;
font-family:'YuGothic,メイリオ';
height:auto;
padding: 10px 10px;
width:70%;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
margin:30px auto;
position:relative;
}


.dekinai h2{
font-size: 4.0vw;
width:200px;
font-family:'YuGothic,メイリオ';
padding:1em;
text-align:center;
margin:0 auto;
}


.dekinai ul{ 
font-family:'YuGothic,メイリオ';
box-sizing:border-box;
list-style:square;

}

.dekinai ul li{
font-family:'YuGothic,メイリオ';
word-break: break-all;
text-align:left;
font-size:2.5vw;
line-height: 150%;
line-height:1.2;
}

.dekinai p{
top:100px;
width:80%;
left: 50%;
transform:  translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.sonohoka p{
display:inline-block;
font-size:3.5vw;
text-align:center;
width:95%;

}

.huraipan{
display:none;
top:-100px;
max-width:350px;
max-height:auto;
position:relative;
z-index:1;
}





.goriyouryoukinn{
background-color:rgba(255,255,255,0.7);
top:0px;
margin:50px auto ;
padding-bottom:150px;
margin-top:400;
width:100%;
text-align:center;
position:relative;
z-index:2;
}


.goriyouryoukinn p{
display:block;
margin:0 auto;
width:170px;
position:absolute;
}


.hyou{
top:100;
max-width:95%;
max-height:auto;
text-align:center;
margin:50 auto;
}



.box{
display:block;
top:80;
width:90%;
height:auto;
margin:0 auto;
padding:30 auto10;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
text-align:center;
z-index:3;
}

.plus {
display:block;
background-size:500px;
width:90%;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
margin-top:-50;
margin-left:5%;
position:absolute;
z-index:4;
}

.box h3{

font-family:'マメロン HiRegular';
top:40px;
width:80%;
text-align:center;
font-size:5vmin;
line-height:2.0rem;
margin:auto 55;
position:absolute;
z-index:6;
}


.tatoeba{

font-family:'マメロン HiRegular';
font-size:4vmin;
line-height:1.8rem;
width:80%;
text-align:left;
margin:130 auto 50;
}

.yoyaku{
display:block;
margin-top:200px;

}

.tyuui{
display:block;
top:-50px;
font-family:'マメロン HiRegular';
text-align:center;
width:80%;
height:auto;
text-align:center;
margin:0 auto;
position:relative;
}


.tyuui h3{
top:100px;
font-size:1.3rem;
}


.tyuui p{

font-size:1.0rem;
text-align:left;
width:100%;
margin:0 auto;

}

.goriyouryoukinn a{
font-size:2.0rem;
}

.magcup{
display:none;
top:-100px;
max-width:90%;
max-height:auto;
position:relative;
z-index:1;
}




.gotouroku{
display:block;
top:0;
background-color:rgba(255,255,255,0.7);
width:100%;
height:15%;
margin:100px auto 100px;
position:relative;
}


.gotouroku p{
display:block;
font-size:1.0rem;
margin:30px auto 50px;
width:95%;
}



.gotouroku h3{
font-family:'マメロン HiRegular';
font-size:0.8em;
}


.gotouroku a{
font-size:5.0vmin;
}


.okotowari p{
font-family:'YuGothic','メイリオ';
display:block;
max-height:300px;;
width: 300px;
padding:10px;
padding-left:30px;
font-size:0.6em;
line-height:1.2em;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
position:relative;
}


footer{
color:white;
background-color:#faa97a;
width:100%;
max-height:350px;
 margin:0 auto;
position:absolut;
bottom:0 ;
}

footer a{
font-size:1.0rem;
color:white;
}

footer img{
margin:10px; auto 0px;}

footer p{
color:#ffff;
font-size:0.5em;
line-height:1.5em;
text-align:center;


}
}


@media screen and (min-width:445px) and (max-width:519px){ 


body{ /* 全体のサイズ指定  */
width:100%;
height:5800px;
font-size: 25px; /*  基本フォントサイズ*/
text-decoration:none;
text-align:center;
  margin-right: auto;
  margin-left : auto;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  background:url(HP-parts/check5.svg) center no-repeat;
  background-size:cover;
}

.wrap{
overflow:hidden;}


body p{
font-family:'マメロン HiRegular';
}

.form{
width:50%;

}


.h-touroku{
width:20%;
}
.h-yoyaku{
width:20%;
}
.h-form{
width:100%;
text-align:right;
display:inline-block;
margin-bottom:0px;
}


a {
 
color:#ff9578;
text-decoration:underline;
 
}

ul { /* 全体のリスト設定 */
  list-style: none;
}


.totop{
text-align:center;
display: none;
 position: fixed;
 bottom: 10px;
 right: 10%;
cursor: pointer;

}

ol { /* 全体の順番付きリスト設定 */
  list-style: none;
}

.tikara img {
width:30%;
}

.tikara {
margin-left:0px;
text-align:left;
position:relative;
}


.top{ /* トップ */
display:block;
margin-top:70;
display:block;
width:100% ;
height:5%;
padding:100 auto;
position: relative;
}


.top img{ /* トップロゴ */
width:95%;

}



.top p{ /* トップコピー */
width:90%;
font-size:4vmin;
margin:30px auto 200px;
text-align:left;

}

.nav{ /* ヘッダーメニューリスト */
display:block;
background-color:ffffff;
font-size:0;
width:100%;
margin:0 auto 0;
padding:0 auto;
text-align:center;
position: relative;
overflow: hidden;
}



.nav ul{
width:80%;
margin:0 auto;
}


.nav ul li {

font-family:'マメロン HiRegular';
display:inline-block;
font-size:3.0vw;
margin:10 auto 10;
width:25%;
}


.nav a{
text-decoration:none;
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(250,169,122,1) 50%);
background-position: 0 0;
background-size:auto 200%;
transition: .3s;
color:#faa97a;
}


.nav a:hover{
background-position: 0 100%;
color: #fff;
}


.kannsenn{
display:table;
background-color:#ffffff;
top:50px;
width:90%;
margin:50 auto;
font-size:3.0vw;
display: block;
border: 1px solid #000;
position:relative;
}


.kannsenn ul {
display:table-cell;
width:90%;
padding-left: 0;
list-style: square;
text-align: center;
display: inline-block;
}


.kannsenn ul li {
text-align: left;
margin-left:10px;
line-height:1.5rem;
padding-bottom:1.0rem;
}


.kannsenn p{
width:90%;
margin:0 auto 30;
text-align: left;
}


.goriyousya{
box-sizing:border-box;
display:teble;
top:150;
background-color:rgba(255,255,255,0.7);
width:100%;
height:17%;
text-align:center;
padding:0 auto 50;
margin:50px auto 20px;
position:relative;
z-index:2;
}



.pointline{
top:5;
width:90%;
height:60vmin;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
margin:0 auto;
text-align:center;
z-index:3;
}

.point {
display:block;
background-size:500px;
width:90%;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
margin-top:-80;
margin-left:5%;
position:absolute;
z-index:4;
}


.goriyousya ol {

font-family:'マメロン HiRegular';  
text-shadow: 2px 2px 2px white;
width:90%;
height:auto;
top:20px;
text-align:center;
padding-left:5%;

position:absolute;
z-index:10;
}

.goriyousya ol li{
font-size:4vmin;
text-align:left;
padding-bottom:15px;
}


.goriyousya ol li:nth-child(1) {
background-image: url(HP-parts/1.png) ;
line-height:4.0vmin;
padding-left:50px;
background-repeat:no-repeat;
background-size:40 auto
}


.goriyousya ol li:nth-child(2) {
background-image: url(HP-parts/2.png) ;
line-height:4.0vmin;

padding-left:50px;
background-repeat:no-repeat;
background-size: 40 auto;
}


.goriyousya ol li:nth-child(3) {
background-image: url(HP-parts/3.png);
line-height:4.0vmin;

padding-left:50px;
background-repeat:no-repeat;
background-size: 40 auto;
}


.chottosann{
display:block;
top:-100;
margin-left:-18%;
text-align:center;
width:140%;
height:auto;
position:relative;
z-index:7;
}




.sentaku{
display:none;
margin-top:450px;
max-width:70%;
max-height:auto;
position:relative;
z-index:1;
}




.darekani{

display:block;
width:50%;
top:1500px;
margin-left:50%;
position:absolute;
display:none;}



.dekiru{
background-color:rgba(255,255,255,0.7);
width:100%;
margin-top:200;
top:50;
max-height:25%;
position:relative;
z-index:2;
}




.dekiru p{
display:inline-block;
margin:0 auto;
font-size:5.0vw;
}


.line{
display:inline-block;
max-width:100%;
max-height:auto;
left:30px;
position:relative;
}

.dekinai{
display:inline-block;
box-sizing:border-box;
display:inline-block;
font-family:'YuGothic,メイリオ';
height:auto;
padding: 10px 10px;
width:70%;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
margin:30px auto;
position:relative;
}


.dekinai h2{
font-size: 4.0vw;
width:200px;
font-family:'YuGothic,メイリオ';
padding:1em;
text-align:center;
margin:0 auto;
}


.dekinai ul{ 
font-family:'YuGothic,メイリオ';
box-sizing:border-box;
list-style:square;

}

.dekinai ul li{
font-family:'YuGothic,メイリオ';
word-break: break-all;
text-align:left;
font-size:2.5vw;
line-height: 150%;
line-height:1.2;
}

.dekinai p{
top:100px;
width:80%;
left: 50%;
transform:  translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.sonohoka p{
display:inline-block;
font-size:3.5vw;
text-align:center;
width:95%;

}

.huraipan{
display:none;
top:-100px;
max-width:350px;
max-height:auto;
position:relative;
z-index:1;
}





.goriyouryoukinn{
background-color:rgba(255,255,255,0.7);
top:0px;
margin:50px auto ;
padding-bottom:150px;
margin-top:180;
width:100%;
text-align:center;
position:relative;
z-index:2;
}


.goriyouryoukinn p{
display:block;
margin:0 auto;
width:170px;
position:absolute;
}


.hyou{
top:100;
max-width:95%;
max-height:auto;
text-align:center;
margin:50 auto;
}



.box{
display:block;
top:80;
width:90%;
height:auto;
margin:0 auto;
padding:30 auto10;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
text-align:center;
z-index:3;
}

.plus {
display:block;
background-size:500px;
width:90%;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
margin-top:-40;
margin-left:5%;
position:absolute;
z-index:4;
}

.box h3{

font-family:'マメロン HiRegular';
top:40px;
width:80%;
text-align:center;
font-size:5vmin;
line-height:2.0rem;
margin:auto 55;
position:absolute;
z-index:6;
}


.tatoeba{
font-size:4vmin;

font-family:'マメロン HiRegular';
line-height:1.8rem;
width:80%;
text-align:left;
margin:130 auto 50;
}

.yoyaku{
display:block;
margin-top:130px;

}

.tyuui{
display:block;
top:-50px;
font-family:'マメロン HiRegular';
text-align:center;
width:80%;
height:auto;
text-align:center;
margin:0 auto;
position:relative;
}


.tyuui h3{
top:100px;
font-size:1.3rem;
}


.tyuui p{

font-size:1.0rem;
text-align:left;
width:100%;
margin:0 auto;

}

.goriyouryoukinn a{
font-size:2.0rem;
}

.magcup{
display:none;
top:-100px;
max-width:90%;
max-height:auto;
position:relative;
z-index:1;
}




.gotouroku{
display:block;
top:0;
background-color:rgba(255,255,255,0.7);
width:100%;
height:15%;
margin:100px auto 100px;
position:relative;
}


.gotouroku p{
display:block;
font-size:1.0rem;
margin:30px auto 50px;
width:95%;
}



.gotouroku h3{
font-family:'マメロン HiRegular';
font-size:0.8em;
}


.gotouroku a{
font-size:5.0vmin;
}


.okotowari p{
font-family:'YuGothic','メイリオ';
display:block;
max-height:230px;
width: 280px;
padding:10px;
padding-left:30px;
font-size:0.5em;
line-height:1.2em;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
position:relative;
}


footer{
color:white;
background-color:#faa97a;
width:100%;
max-height:350px;
 margin:0 auto;
position:absolut;
bottom:0 ;
}

footer a{
font-size:1.0rem;
color:white;
}

footer img{
margin:10px; auto 0px;}

footer p{
color:#ffff;
font-size:0.5em;
line-height:1.5em;
text-align:center;


}
}



@media screen and (min-width:320px) and (max-width:444px){ 


body{ /* 全体のサイズ指定  */
width:100%;
height:5800px;
font-size: 25px; /*  基本フォントサイズ*/
text-decoration:none;
text-align:center;
  margin-right: auto;
  margin-left : auto;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  background:url(HP-parts/check5.svg) center no-repeat;
  background-size:cover;
}

.wrap{
overflow:hidden;}


body p{
font-family:'マメロン HiRegular';
}

.form{
width:50%;

}

.h-touroku{
width:20%;
}
.h-yoyaku{
width:20%;
}
.h-form{
width:100%;
text-align:right;
display:inline-block;
margin-bottom:0px;
}



a {
 
color:#ff9578;
text-decoration:underline;
 
}

ul { /* 全体のリスト設定 */
  list-style: none;
}


.totop{
text-align:center;
display: none;
 position: fixed;
 bottom: 10px;
 right: 10%;
cursor: pointer;

}

ol { /* 全体の順番付きリスト設定 */
  list-style: none;
}

.tikara img {
width:30%;
}

.tikara {
margin-left:0px;
text-align:left;
position:relative;
}


.top{ /* トップ */
display:block;
margin-top:70;
display:block;
width:100% ;
height:5%;
padding:100 auto;
position: relative;
}


.top img{ /* トップロゴ */
width:95%;

}



.top p{ /* トップコピー */
width:90%;
font-size:4vmin;
margin:30px auto 200px;
text-align:left;

}

.nav{ /* ヘッダーメニューリスト */
display:block;
background-color:ffffff;
font-size:0;
width:100%;
margin:0 auto 0;
padding:0 auto;
text-align:center;
position: relative;
overflow: hidden;
}



.nav ul{
width:80%;
margin:0 auto;
margin-left:-5px;
}


.nav ul li {

font-family:'マメロン HiRegular';
display:inline-block;
font-size:3.0vw;
margin:10 auto 10;
width:25%;
}


.nav a{
text-decoration:none;
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(250,169,122,1) 50%);
background-position: 0 0;
background-size:auto 200%;
transition: .3s;
color:#faa97a;
}


.nav a:hover{
background-position: 0 100%;
color: #fff;
}


.kannsenn{
display:table;
background-color:#ffffff;
top:50px;
width:90%;
margin:50 auto;
font-size:3.0vw;
display: block;
border: 1px solid #000;
position:relative;
}


.kannsenn ul {
display:table-cell;
width:90%;
padding-left: 0;
list-style: square;
text-align: center;
display: inline-block;
}


.kannsenn ul li {
text-align: left;
margin-left:10px;
line-height:1.5rem;
padding-bottom:1.0rem;
}


.kannsenn p{
width:90%;
margin:0 auto 30;
text-align: left;
}


.goriyousya{
box-sizing:border-box;
display:teble;
top:150;
background-color:rgba(255,255,255,0.7);
width:100%;
height:13%;
text-align:center;
padding:0 auto 50;
margin:50px auto 30px;
position:relative;
z-index:2;
}



.pointline{
top:5;
width:90%;
height:60vmin;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
margin:0 auto;
text-align:center;
z-index:3;
}

.point {
display:block;
background-size:500px;
width:90%;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
margin-top:-70;
margin-left:5%;
position:absolute;
z-index:4;
}


.goriyousya ol {

font-family:'マメロン HiRegular';  
text-shadow: 2px 2px 2px white;
width:90%;
height:auto;
top:10px;
text-align:center;
padding-left:5%;

position:absolute;
z-index:10;
}

.goriyousya ol li{
font-size:4vmin;
text-align:left;
padding-bottom:15px;
}


.goriyousya ol li:nth-child(1) {
background-image: url(HP-parts/1.png) ;
line-height:4.0vmin;
padding-left:50px;
background-repeat:no-repeat;
background-size:40 auto
}


.goriyousya ol li:nth-child(2) {
background-image: url(HP-parts/2.png) ;
line-height:4.0vmin;

padding-left:50px;
background-repeat:no-repeat;
background-size: 40 auto;
}


.goriyousya ol li:nth-child(3) {
background-image: url(HP-parts/3.png);
line-height:4.0vmin;

padding-left:50px;
background-repeat:no-repeat;
background-size: 40 auto;
}


.chottosann{
display:block;
top:-100;
margin-left:-18%;
text-align:center;
width:140%;
height:auto;
position:relative;
z-index:7;
}




.sentaku{
display:none;
margin-top:450px;
max-width:70%;
max-height:auto;
position:relative;
z-index:1;
}




.darekani{

display:block;
width:50%;
top:1500px;
margin-left:50%;
position:absolute;
display:none;}



.dekiru{
background-color:rgba(255,255,255,0.7);
width:100%;
margin-top:200;
top:50;
max-height:25%;
position:relative;
z-index:2;
}




.dekiru p{
display:inline-block;
margin:0 auto;
font-size:5.0vw;
}


.line{
display:inline-block;
max-width:100%;
max-height:auto;
left:30px;
position:relative;
}

.dekinai{
display:inline-block;
box-sizing:border-box;
display:inline-block;
font-family:'YuGothic,メイリオ';
height:auto;
padding: 10px 10px;
width:70%;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
margin:30px auto;
position:relative;
}


.dekinai h2{
font-size: 4.0vw;
width:200px;
font-family:'YuGothic,メイリオ';
padding:1em;
text-align:center;
margin:0 auto;
}


.dekinai ul{ 
font-family:'YuGothic,メイリオ';
box-sizing:border-box;

list-style:square;
margin:0 auto;
}

.dekinai ul li{
padding-left:0px;
padding-right:25px;
font-family:'YuGothic,メイリオ';
word-break: break-all;
text-align:left;
margin:0 auto;
font-size:2.5vw;
line-height:1.2;
}

.dekinai p{
top:100px;
width:80%;
left: 50%;
transform:  translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.sonohoka p{
display:inline-block;
font-size:3.5vw;
text-align:center;
width:95%;

}

.huraipan{
display:none;
top:-100px;
max-width:350px;
max-height:auto;
position:relative;
z-index:1;
}





.goriyouryoukinn{
background-color:rgba(255,255,255,0.7);
top:0px;
margin:50px auto ;
padding-bottom:150px;
margin-top:180;
width:100%;
text-align:center;
position:relative;
z-index:2;
}


.goriyouryoukinn p{
display:block;
margin:0 auto;
width:170px;
position:absolute;
}


.hyou{
top:100;
max-width:95%;
max-height:auto;
text-align:center;
margin:50 auto;
}



.box{
display:block;
top:80;
width:90%;
height:auto;
margin:0 auto;
padding:30 auto10;
background: rgba(255,255,255,0.5);
border: dashed 2px #ffc3c3;
border-radius: 10px;
position:relative;
text-align:center;
z-index:3;
}

.plus {
display:block;
background-size:500px;
width:90%;
height:auto;
background-repeat:no-repeat;
margin:0 auto;
margin-top:-30;
margin-left:5%;
position:absolute;
z-index:4;
}

.box h3{
font-family:'マメロン HiRegular';
top:40px;
width:80%;
font-size:5vmin;
line-height:2.0rem;
margin:0 auto;
position:relative;
z-index:6;
}


.tatoeba{
font-size:4vmin;
font-family:'マメロン HiRegular';
line-height:1.8rem;
width:80%;
text-align:left;
margin:60 auto 50;
}

.yoyaku{
display:block;
margin-top:130px;

}

.tyuui{
display:block;
top:-50px;
font-family:'マメロン HiRegular';
text-align:center;
width:80%;
height:auto;
text-align:center;
margin:0 auto;
position:relative;
}


.tyuui h3{
top:100px;
font-size:1.3rem;
}


.tyuui p{

font-size:1.0rem;
text-align:left;
width:100%;
margin:0 auto;

}

.goriyouryoukinn a{
font-size:2.0rem;
}

.magcup{
display:none;
top:-100px;
max-width:90%;
max-height:auto;
position:relative;
z-index:1;
}




.gotouroku{
display:block;
top:0;
background-color:rgba(255,255,255,0.7);
width:100%;
height:15%;
margin:100px auto 100px;
position:relative;
}


.gotouroku p{
display:block;
font-size:1.0rem;
margin:30px auto 50px;
width:95%;
}



.gotouroku h3{
font-family:'マメロン HiRegular';
font-size:0.8em;
}


.gotouroku a{
font-size:5.0vmin;
}


.okotowari p{
font-family:'YuGothic','メイリオ';
display:block;
max-height:230px;
width: 280px;
padding:10px;
padding-left:30px;
font-size:0.5em;
line-height:1.2em;
text-align:left;
 background-color: #fff; /* 背景色 */
 border: 1px solid #000; /* 枠線 */
position:relative;
}


footer{
color:white;
background-color:#faa97a;
width:100%;
max-height:350px;
 margin:0 auto;
position:absolut;
bottom:0 ;
}

footer a{
font-size:1.0rem;
color:white;
}

footer img{
margin:10px; auto 0px;}

footer p{
color:#ffff;
font-size:0.5em;
line-height:1.5em;
text-align:center;


}
}