@media screen and (min-width: 720px) {

img.responsive{width: 100%}

#header{width: 100%;margin: 0 auto;}

	#logo{width: 100%;max-width: 300px;padding: 10px;}	
	#logo img{width: 100%}
.container{width: 96%;max-width: 1000px; margin:  0 auto}
	
	
.tex_c{text-align: center}

h1 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
	font-size: 20px;
	margin-bottom: 10px;
}
h1:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
h1:before {
  left:0;
}
h1:after {
  right: 0;
}

h2{
    font-size: 50px;
    font-weight: 600;
    color: #249440
}

.ttl {
width: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 30px;
background-color: #444444;font-size: 30px;
}
.ttl::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -30px;
border: 30px solid transparent;
border-top-color: #444444;
content: '';
}

.border{border: solid 3px #cf2ba6;padding: 25px ;line-height: 2em}
.border p{color: #333;font-weight:600;font-size: 18px}
.border p span{
    color: #35CB41
}
	
#best3{width: 100%;}	
#best3 ul{ text-align: center;width: auto}	
#best3 ul li{float: left;width: 32%;padding: 4%;}		

#best3 ul li.no1{padding-top: 15px}	
#best3 ul li.no2{padding-top: 30px}
#best3 ul li.no3{padding-top: 45px}
	
.no1box{border-radius: 10px;background:#AECF2B;padding: 90px 10px 10px 10px;position: relative;}	
.no2box{border-radius: 10px;background:#eeeeee;padding: 90px 10px 10px 10px;position: relative;}
.no3box{border-radius: 10px;background:#e1e1e1;padding: 90px 10px 10px 10px;position: relative;}	
	
	
.no1box img.no1m{position: absolute;
    width: 50%;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -25%;}
.no2box img.no2m{position: absolute;
    width: 50%;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -25%;}	
.no3box img.no3m{position: absolute;
    width: 50%;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -25%;}
		
		
	.banner img{display: inline-block;height: 40px}		

	
a.btn{
    background: #f1f1f1;
    color: #00933c;
    width: auto;
    display: block;
    margin: 0 auto;
    border-radius: 50px;
    text-align: center;
    padding: 15px 40px;
    text-decoration: none;
    transition: 1.0s;
}
	
a.btn:hover{font-weight: 600; transition: 1.0s ;}

a.btn span{display: block}

	
a.btn_best3{
    background: #00bb31;
    color: #fff;
    width: auto;
    display: block;
    margin: 15px auto;
    border-radius: 6px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    transition: 1.0s;
}
	
a.btn_best3:hover{font-weight: 600; transition: 1.0s ;}	
	
	a.btn_hikaku{
    background: #00b748;
    color: #fff;
    width: auto;
    display: block;
    margin: 15px auto;
    border-radius: 6px;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    transition: 1.0s;
}

a.btn_best3:hover{font-weight: 600; transition: 1.0s ;}	
	
	a.btn_hikaku2{
    background: #00b748;
    color: #fff;
    width: auto;
    display: block;
    margin: 15px auto;
    border-radius: 6px;
    text-align: center;
    padding: 40px;
    text-decoration: none;
    transition: 1.0s;
    font-size: 25;
}
	
a.btn_hikaku:hover{font-weight: 600; transition: 1.0s ;}	
	
a.btn_end{background:#cf2ba6;color: #fff;width:  auto;
	display: block;
	margin:0 auto;border-radius: 6px;text-align: center;padding: 5px;text-decoration: none;       transition: 1.0s ;}
	
a.btn_end:hover{font-weight: 600; transition: 1.0s ;}

a.btn_new{background:#fc7c1c;color: #fff;width:  auto;
	display: block;
	margin:0 auto;border-radius: 6px;text-align: center;padding: 5px;text-decoration: none;       transition: 1.0s ;}
	
a.btn_new:hover{font-weight: 600; transition: 1.0s ;}
	
.bg_g{background: #f1f1f1}	
	
.bg_ye{background:  #FBFCB9}		

.o_box{background: #FFF;border-radius: 8px;margin: 0 auto;padding:0px 25px 25px 25px}	
	
.key{
    padding: 20px;
    background: #00cc4d;
    border-radius: 6px
}	
.catch_txt{width: 60%;float: left}
.catch_btn{width: 38%;margin-left: 2%;float: left}	
	
	.catch_txt ul li:nth-child(2){margin-left: 15px;}
	.catch_txt ul li{display: inline-block;font-size: 22px;color: #333;line-height: 60px}
		
	.catch_txt ul li span{
    display: inline-block;
    font-size: 36px;
    color: #FFFFFF;
    margin-left: 5px;
    font-weight: 600
}
		
	


.table_rs th {
    font-feature-settings: "palt" 1;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #444;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    width: 50%;
    background: #00cc4c;
}
.table_rs th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_rs td {
    color: #000;
    font-size: 22px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #444;
	    padding: 15px;

}
.table_rs{
    border: 2px solid #444;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}	
	
	
.table_rs2 th {
    font-feature-settings: "palt" 1;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    ;
    background: #ff00bf;
}
.table_rs2 th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_rs2 td {
    color: #ff00bf;
    font-size: 22px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px ff00bf;
	    padding: 15px;

}
.table_rs2 {
    border: 2px solid #ff00bf;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
	
	
	
.table_rs3 {
    border: 2px solid #00a85c;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
.table_rs3 th {
    font-feature-settings: "palt" 1;
   font-size: 26px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #00a85c;
    padding: 15px;
    vertical-align: middle;
	  text-align: center;
	;background:#00a85c;

}
.table_rs3 th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;
	}


.table_rs3 td {
    color: #333;
    font-size: 22px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #00a85c;
	    padding: 15px;
	background:#FFFAFA;}
	
	.table_rs3 td span{
    color: #00b848
}	
	.table_rs3 td ul{margin: 0 auto;width:650px}
	.table_rs3 td ul li{line-height: 36px;text-align: left}	
	

	
	.table_ab th {
    font-feature-settings: "palt" 1;
    font-size: 26px;
    font-weight: 600;
    color: #555555;
    border: 1px solid #cccccc;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    ;
    background: #f1f1f1;
}
.table_ab th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_ab td {
    color: #555555;
    font-size: 22px;
    text-align: left;
 vertical-align: middle;
 border: solid 1px #cccccc;
	    padding: 15px;

}
.table_ab {
    border: 2px solid #cccccc;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
	
	
	
	
	
	
	
	
	img.check{display: inline-block;height: 30px; margin-right: 10px}	
	
.icon{display: inline-block}	
.icon img{width: 150px; height: 50px; margin-right: 10px;margin-bottom: 10px;}	

.icon_big{display: inline-block}
.icon_big img{width: 180px; height: 60px; margin-right: 10px;margin-bottom: 10px;}	

.icon_card{display: inline-block}
.icon_card img{width: 180px; height: 60px; margin-right: 10px;margin-bottom: 10px;}	
	
	

	
.table_rs_b{
    border: 2px solid #333;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
.table_rs_b th {
    font-feature-settings: "palt" 1;
   font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px;
    vertical-align: middle;
	  text-align: center;
	width: 16.7%;background:#333;

}
.table_rs_b th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_rs_b td {
    color: #333;
    font-size: 18px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #333;
	    padding: 15px;

}
	
	
	
	footer{ text-align: center}
	
	footer a{display: inline-block; border: solid 1px #333;padding: 3px; text-align: center;background: #f1f1f1;color: #333;margin-left: 0 5px}	
#copy{background: #333;color: #fff;padding: 10px;width: 100%;text-align: center}
	
	
	
	
	
.review{ width: auto;}
.review .face{display: inline-block;width: 15%;vertical-align: middle;}
.review .name{display: inline-block;width: 75%;margin-left: 5%;text-align: left;vertical-align: middle;font-weight: 600}	
.comment{width: 100%;clear: both;text-align: left;font-size: 22px;line-height: 44px;}	

	

	
	
	
	
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#019ac6;
	border-radius: 8px;
	width: 100%;
	max-width: 300px;
    margin: 0 auto;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 15px;
	height: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 40% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}	
	
	hr{border-top: 1px solid #8c8b8b;}	
	

/*star-----------*/
.star-rating {
  position: relative;
  width: 8em;
  height: 1em;
  font-size: 26px;
	margin: 0 auto;

}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #ffee02;
}
.star-rating-back {
  color: #ccc;
}	
	
	
.step{width: 98%;max-width: 942px;margin: 0 auto;}	
.step img{margin-bottom: 30px;}	

	.red{color: #FF0000}
	
	
.mb1{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 30px;}
.mb4{margin-bottom: 40px;}
.mb5{margin-bottom: 50px;}
.mb6{margin-bottom: 60px;}	

.pt1{padding-top: 10px;}
.pt2{padding-top: 20px;}
.pt3{padding-top: 30px;}
.pt4{padding-top: 40px;}
.pt5{padding-top: 50px;}
.pt6{padding-top: 60px;}	
	
.pb1{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}	
	
.privacy-policy {

  margin: 50px auto;

  padding: 25px;
  border: 1px solid black;
  background-color: #e5e5e5;
  line-height: 1.5;}
	.privacy-policy__item__title{background: #fff;padding: 10px;}
	.privacy-policy__item__desc{background: #fff;padding: 20px;}	
	
}	

@media screen and (max-width: 719px) {
img.responsive{width: 100%}

#header{width: 100%;margin: 0 auto;}

	#logo{width: 100%;max-width: 300px;padding: 10px;}
	#logo img{width: 100%}
.container{width: 96%;max-width: 1000px; margin:  0 auto}
.tex_c{text-align: center}

h1 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
	font-size: 20px;
	margin-bottom: 10px;
}
h1:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
h1:before {
  left:0;
}
h1:after {
  right: 0;
}

h2{font-size: 30px;font-weight: 600;color:#00a85c}

.ttl {
width: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 30px;
background-color: #444444;font-size: 30px;
}
.ttl::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -30px;
border: 30px solid transparent;
border-top-color: #444444;
content: '';
}

.border{border: solid 3px #00a85c;padding: 25px ;line-height: 2em}
.border p{color: #333;font-weight:600;font-size: 18px}
.border p span{color: #ff00bf}
	
#best3{width: 100%;}	
#best3 ul{ text-align: center;width: auto}	
#best3 ul li{float: left;width: 33%;padding: 1%;}		

#best3 ul li.no1{padding-top: 15px}	
#best3 ul li.no2{padding-top: 30px}
#best3 ul li.no3{padding-top: 45px}
	
.no1box{border-radius: 10px;background:#AECF2B;padding: 10px 5px 5px 5px;position: relative;}	
.no2box{border-radius: 10px;background:#eeeeee;padding:10px 5px 5px 5px;position: relative;}
.no3box{border-radius: 10px;background:#e1e1e1;padding: 10px 5px 5px 5px;position: relative;}	
	
	
.no1box img.no1m{position: absolute;
    width: 50%;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -25%;}
.no2box img.no2m{position: absolute;
    width: 50%;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -25%;}	
.no3box img.no3m{position: absolute;
    width: 50%;
    top: -60px;
    left: 50%;
    margin: 0 0 0 -25%;}
		
		
	.banner img{display: inline-block;height: 40px}		

	
a.btn{
    background: #f1f1f1;
    color: #009545;
    width: auto;
    display: block;
    margin: 0 auto;
    border-radius: 50px;
    text-align: center;
    padding: 15px 40px;
    text-decoration: none;
    transition: 1.0s;
}
	
a.btn:hover{font-weight: 600; transition: 1.0s ;}

a.btn span{display: block}

	
a.btn_best3{background:#ff00bf;color: #fff;width: auto;
	display: block;
	margin:15px auto;border-radius: 6px;text-align: center;padding:5px;text-decoration: none;transition: 1.0s ;}
	
a.btn_best3:hover{font-weight: 600; transition: 1.0s ;}	
	
	a.btn_hikaku{background: #00b848;color: #fff;width: auto;
	display: block;
	margin:15px auto;border-radius: 6px;text-align: center;padding:16px;text-decoration: none;transition: 1.0s ;}
	
a.btn_hikaku:hover{font-weight: 600; transition: 1.0s ;}	
	
a.btn_end{
    background: #ff00bf;
    color: #fff;
    width: auto;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    transition: 1.0s;
}
	
a.btn_end:hover{font-weight: 600; transition: 1.0s ;}

a.btn_new{
  background: #fc7c1c;
  color: #fff;
  width: auto;
  display: block;
  margin: 0 auto;
  border-radius: 6px;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  transition: 1.0s;
}

a.btn_new:hover{font-weight: 600; transition: 1.0s ;}
	
.bg_g{background: #f1f1f1}	
	
.bg_ye{background:  #FBFCB9}		

.o_box{background: #FFF;border-radius: 8px;margin: 0 auto;padding:0px 25px 25px 25px}	
	
.key{
    padding: 20px;
    background: #00cc4c;
    border-radius: 6px
}	
.catch_txt{width: 100%}
.catch_btn{width: 100%;}	
	
	.catch_txt ul li:nth-child(2){}
	.catch_txt ul li{display: inline-block;font-size: 22px;color: #333;line-height: 40px}
		
	.catch_txt ul li span{
    display: inline-block;
    font-size: 30px;
    color: #fff;
    margin-left: 5px;
    font-weight: 600
}
		
	


.table_rs th {
    font-feature-settings: "palt" 1;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #444;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    width: 50%;
    background: #00b848;
}
.table_rs th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_rs td {
    color: #000;
    font-size: 18px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #444;
	    padding: 15px;

}
.table_rs{
    border: 2px solid #444;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}	
	
	
.table_rs2 th {
    font-feature-settings: "palt" 1;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #00cc4c;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    ;
    background: #ff00bf;
}
.table_rs2 th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_rs2 td {
    color: #ff00bf;
    font-size: 18px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #ff00bf;
	    padding: 15px;

}
.table_rs2 {
    border: 2px solid #ff00bf;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
	
	
	
.table_rs3 {
    border: 2px solid #00a85c;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
.table_rs3 th {
    font-feature-settings: "palt" 1;
   font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #00a85c;
    padding: 15px;
    vertical-align: middle;
	  text-align: center;
	;background:#00a85c;

}
.table_rs3 th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;
	}


.table_rs3 td {
    color: #333;
    font-size: 18px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #00a85c;
	    padding: 15px;
	background:#FFFAFA;}
	
	.table_rs3 td span{
    color: #00b848
}	
	.table_rs3 td ul{margin: 0 auto;}
	.table_rs3 td ul li{line-height: 36px;text-align: left}	
	
	
	img.check{display: inline-block;height: 30px; margin-right: 10px}	
	
.icon{display: inline-block}	
.icon img{width: 90px; margin-right: 0px;}	

.icon_big{display: inline-block}
.icon_big img{width: 130px; margin-right: 0px;}	

.icon_card{display: inline-block}	
.icon_card img{width: 70px; margin-right: 20px; margin-bottom: 10px;}	

	

	
.table_rs_b{
    border: 2px solid #333;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}		
.table_rs_b th {
    font-feature-settings: "palt" 1;
   font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px;
    vertical-align: middle;
	  text-align: center;
	width: 16.7%;background:#333;

}
.table_rs_b th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_rs_b td {
    color: #333;
    font-size: 18px;
    text-align: center;
 vertical-align: middle;
 border: solid 1px #333;
	    padding: 15px;

}
	
	.table_ab th {
    font-feature-settings: "palt" 1;
    font-size: 26px;
    font-weight: 600;
    color: #555555;
    border: 1px solid #cccccc;
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    ;
    background: #f1f1f1;
}
.table_ab th.head {
    font-weight: 600;
    line-height: 1.3;
    font-feature-settings: "palt" 1;

}

.table_ab td {
    color: #555555;
    font-size: 22px;
    text-align: left;
 vertical-align: middle;
 border: solid 1px #cccccc;
	    padding: 15px;

}
.table_ab {
    border: 2px solid #cccccc;
    border-spacing: 0px;
    width: 100%;
	margin: 0 auto;
}	
	
	footer{ text-align: center}
	
	footer a{display: inline-block; border: solid 1px #333;padding: 3px; text-align: center;background: #f1f1f1;color: #333;margin-left: 0 5px}	
#copy{background: #333;color: #fff;padding: 10px;width: 100%;text-align: center}
	
	
	
	
	
.review{ width: auto;}
.review .face{display: inline-block;width: 15%;vertical-align: middle;}
.review .name{display: inline-block;width: 75%;margin-left: 5%;text-align: left;vertical-align: middle;font-weight: 600}	
.comment{width: 100%;clear: both;text-align: left;font-size: 20px;line-height: 40px;}	

	

	
	
	
	
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#019ac6;
	border-radius: 8px;
	width: 100%;
	max-width: 300px;
    margin: 0 auto;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 15px;
	height: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 40% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}	
	
	hr{border-top: 1px solid #8c8b8b;}	
	

/*star-----------*/
.star-rating {
  position: relative;
 /* width: 8em;*/
  height: 1em;
  font-size: 26px;
	margin: 0 auto;

}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #bbff00;
}
.star-rating-back {
  color: #ccc;
}	
	
	
.step{width: 98%;max-width: 942px;margin: 0 auto;}	
.step img{margin-bottom: 30px;}	

	.red{color: #FF0000}
	
	
.sp_table_sc01{
   overflow: scroll;
    width: 100%;
    height: 100%;
}	
	
	
	
	
.mb1{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 30px;}
.mb4{margin-bottom: 40px;}
.mb5{margin-bottom: 50px;}
.mb6{margin-bottom: 60px;}	

.pt1{padding-top: 10px;}
.pt2{padding-top: 20px;}
.pt3{padding-top: 30px;}
.pt4{padding-top: 40px;}
.pt5{padding-top: 50px;}
.pt6{padding-top: 60px;}	
	
.pb1{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}	
	
.privacy-policy {

  margin: 50px auto;

  padding: 25px;
  border: 1px solid black;
  background-color: #e5e5e5;
  line-height: 1.5;}
	.privacy-policy__item__title{background: #fff;padding: 10px;}
	.privacy-policy__item__desc{background: #fff;padding: 20px;}	
	
}	






/*ひかる*/
.shine{
  position: relative;
  overflow: hidden;
}
.shine::before{
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}

@keyframes shine{
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}

.caution {
    position: relative;
        margin: 3em 0;
        padding: 0.5em 1em;
        border: solid 3px #d91e1e;
        background: white;
    }
    .caution .caution-title {
        position: absolute;
        display: inline-block;
        top: -43px;
        left: -3px;
        padding: 9px 15px;
        height: 25px;
        line-height: 25px;
        font-size: 17px;
        background: #d91e1e;
        color: #ffffff;
        font-weight: bold;
        border-radius: 5px 5px 0 0;
    }
    .caution p {
        margin: 0; 
        padding: 0;
    }	
    .btbox_fix{
        position: fixed;
        right: 0;
        bottom: 0px;
        z-index: 9;
        opacity: 1;
        width: 100%;
        max-width: 200px;
    }

    /* 点滅 */
.blink {
	animation: blinking 1s ease-in-out infinite alternate;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.typing {
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
   
  .circle {
    width: 100px;
    height: 100px;
    margin: 50px auto;
    border-radius: 50px;
    background: #95dade;
    animation: fuwafuwa 2s infinite;
 }
 
 @keyframes fuwafuwa {
   0% {
     transform: translateY(0px);
   }
   50% {
     transform: translateY(-30px);
   }
   100% {
     transform: translateY(0px);
   }
 }

 .circle {
    width: 100px;
    height: 100px;
    margin : 50px auto;
    border-radius: 50px;
    background: #ed93b0;
    animation: mochimochi 1s infinite;
 }
 
 @keyframes mochimochi {
   0% {
     transform: scale(1, 0.8);
   }
   20% {
     transform: scale(0.8, 1.1);
   }
   90% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(1, 0.8);
   }
 }

 .reflection{
    display:inline-block;
    position:relative;
    overflow:hidden;
    }
     
    .reflection:after {
    content:"";
    height:100%;
    width:30px;
    position:absolute;
    top:-180px;
    left:0;
    background-color: #fff;
    opacity:0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    }
     
    @keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    }

    mark {
      background: linear-gradient(transparent 70%, #ccff00 30%);
    }

    span.marker {
      background-color: #a6ff00;
  }

  .heading08 {
    font-size: 26px;
  }
  
  .heading08 span {
    display: flex;
    align-items: center;
    color: #498ee0;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
  }
  
  .heading08 span::before {
    content: '';
    display: inline-block;
    margin-right: 20px;
    width: 40px;
    height: 1px;
    background-color: #498ee0;
    text-align: left;
  }