@charset "UTF-8";
/* line 5, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
    font-feature-settings: "palt";	
    letter-spacing: 1px;	
}
.hikakuimg{
    width: 50%;
    float: right;	
}
.allow{
    width: 70%;
    margin-top: -3em;	
}
.footer_follow {
    position: fixed;
    bottom: 0;
    height: auto;
    z-index: 999;
    width: 100%;
    background:rgb(0 33 130 / 77%);
}
.footer_follow .inner {
    width: 900px;
    margin: 0 auto;
}
.pay{
	margin-bottom: 2em;
    }
.labellist{
    font-size: 20px;
    line-height: 2em;
    }
.pay-left{
    width: 50%;
    float: left;
    text-align: center;
    }
.pay-right{
    width: 50%;
    float: left;
    text-align: center;
    }    
.voicebox{
    padding: 1rem;
    margin-top: 1em;
    background-color: white;
	background-image: url("../images/common/ep_naturalwhite.png");
    border-radius: 7px;
    }
.voicebox p{    
    line-height: 150%;
    width: 99%;
    }    
.spimg{
	display: none;
}
.fadein2 {
  opacity : 0;
  transform: translateY(50px);
  transition: all 1s;
}
.arrow {
  opacity : 0;
  transform: translateY(-50px);
  transition: all 1s;
    margin-bottom: -4rem;	
}

.attention{
    text-align: left;
    line-height: 130%;
    padding-bottom: 2em;
    font-size: 17px;
}
.attention2{
    text-align: left;
    line-height: 130%;
    padding-bottom: 0em;
    font-size: 15px;
    color: white;
    width: 100%;
    margin-top: 3em;
}
.knowbox{   
	padding: 1rem;
    margin-bottom: 3em;
}
.nowimg{
width: 15%;
    margin-bottom: 1em;
}
.nowimg2{
    width: 15%;
    margin-bottom: 1em;
    margin-top: 0em;
}
.nowimg3{
	width: 90%;
	margin-bottom: 3em;
	margin-top: 3em;
}
.rightimg{
    width: 49%;
    float: right;
    margin-left: 0em;
}
.knowbox h4{
    font-size: 145%;
    font-weight: bold;
    line-height: 140%;
    margin-bottom: 1em;
    color: #044790;
    letter-spacing: 2px;
 font-family: "kinto-sans", sans-serif;	
    }
.leftimg{
    float: left;
    margin-right: 2em;
	margin-bottom: 1rem;
    width: 49%;		
}
p.pright1{
    width: 45%;
    float: left;
    font-size: 19px;
    line-height: 150%;
    color: black;
    text-align: justify;
    letter-spacing: 2px;
    }
p.pright2{
    width: 47%;
    float: right;
    font-size: 19px;
    line-height: 150%;
    color: black;
    text-align: justify;
    letter-spacing: 2px;	
    }
p.pright3{
    width: 47%;
    float: left;
    font-size: 19px;
    line-height: 150%;
    color: black;
    text-align: justify;
    letter-spacing: 2px;	
	
    }
.rightimg-pr{
    float: right;
    width: 50%;
    position: relative;
    margin-top: -18rem;
    margin-left: 30px;
    }
.leftimg-pr{
float: left;
    margin-right: 20px;
    margin-bottom: 1rem;
    width: 60%;
  }   
.tab{
    padding: 13px;
    background-color: #896232;
    color: white;
    font-size: 22px;
    margin-bottom: 15px;
    display: inline-block;
    width: 20%;
    font-family: "ryo-display-plusn", serif;
    text-align: center;
    }
.tab-an{
    font-size: 32px;
    color: white;
    padding-left: 15px;
    margin-bottom: 2em;
    margin-top: 10px;
    font-family: "ryo-display-plusn", serif;
    font-weight: 700;	
    }    
.whbox{
	padding: 1em;
    background-color: white;
    border-radius: 10px;
    }   
.midashi2 {
    text-align: center;
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 1em;
    font-weight: 700;
    font-style: normal;
    line-height: 155%;
    background-color: rgb(255 255 255);
    width: 500px;
    margin: 0 auto;
   }
.midashi{
    text-align: center;
    font-size: 40px;
    margin-top: 25px;
    margin-bottom: 20px;
letter-spacing: 2px;
	font-weight: 700;
    font-style: normal;
    }
.midashi-frame{
    margin-bottom: 2em;
    margin-top: 3em;
}
.mei-box{
    border: 1px solid white;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-top: 2em;
    }
.mei-box2{    
    background-color: #8c0c0c;
    color: white !important;
    padding-top: 1em;
    padding-bottom: 1em;
    }  

.mei-box2 p{
    color: white;
    padding: 2em;
    padding-bottom: 1em;
}
.boxwh{
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    padding-top: 5em;
    margin-top: -4em;
    padding-bottom: 2em;
    }
.boxwh2{
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    padding-top: 2em;
    padding-bottom: 2em;
    }
.wide{
font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 55px;
    line-height: 4.5rem;
    color: #ffca00;
    }

.midashi01{
font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    color: white;
    line-height: 100%;
   }

.midashi02{
font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 150%;
    color: white;
    text-align: center;
   }

.midashi03{
font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    padding: 10px;
    width: 60%;
    background-color: white;
    color: black;
    margin-left: 17%;
    margin-top: 15px;
    margin-bottom: -25px;
    position: relative;
   }

h3{
    font-size: 41px;
    color: white;
    text-align: center;
    font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;	
	line-height: 145%;
}

.offer .inner h3{
margin-bottom: 1em;
    margin-top: 20px;
    color: black;
}
input[type="submit"] {
-webkit-appearance: none;
}

iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

p{
    font-size: 110%;
    line-height: 33px;
    width: 100%;
    margin: 0 auto;	
font-family: "kinto-sans", sans-serif;
font-weight: 400;
font-style: normal;
}
.mv-bottom {
    width: 100%;
    background-color: #1d9de2;
    padding-bottom: 3em;
}
p.message{
    width: 95%;
    margin: 0 auto;
color: black;	
}
.fa-check:before {
    content: "\f00c";
    margin-right: 1em;
    padding-left: 10px;
    color: #aa0f0f;	
}
.fa-chevron-circle-right:before {
    content: "\f138";
    color: #e24c89;
    margin-right: 12px;
}

li {
    line-height: 2rem;
    padding-left: 2rem;
    text-indent: -1rem;
    margin-bottom: 10px;
}
.box4 li{
margin-bottom: 1rem;
    font-weight: normal;
    line-height: 2rem;
}
p.small{
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 140%;
    margin-top: 2em;
}
.name{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
    margin-top: -25rem;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ryo-display-plusn", serif;
    font-weight: 700;	
}
.name2{
    font-size: 17px;
    margin-top: 1rem;
    display: block;
}
.tag{
    font-size: 12px;
    padding: 5px;
    background-color: #f21a4a;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;	
    margin-left: 1em;
	
}
.formline{
    padding: 2em;
    margin-top: 2em;
    background-color: white;
    border-radius: 15px;
    }
.formlabel{
    font-size: 130%;
    border-left: 5px solid black;
    padding-left: 1em;
    line-height: 200%;	
    }

.formtag{
    background-color: rgb(255 243 200);
    color: rgb(25, 25, 25);
    border: 2px solid rgb(36, 26, 38);
    width: 94%;
    font-size: 20px;
    padding: 3%;
    border-radius: 3px;
    margin-top: 10px;
	}
.laber{
    padding: 10px;
    margin-bottom: 1rem;
    margin-top: 2rem;
	background-image: url("../images/common/pink dust.png");
    color: #ffffff;
    font-size: 120%;	
}
.formbox{
    background-color: #ffe5e7;
    border: 1px solid #241a26;
    color: #191919;
    width: 96%;
    font-size: 21px;
    padding: 2%;
	height: 250px;
    border-radius: 5px;
	}
input[type="email"]{
    background-color: #ffe5e7;
    border: 1px solid #241a26;
    color: #191919;
    width: 96%;
    font-size: 23px;
    padding: 2%;
    border-radius: 5px;	
}
.logo{
width: 25%;	
	margin-top: 2rem;
}
.formtxt{
    line-height: 25px;
    font-size: 100%;
    color: black;	
}
.required{
    padding: 5px;
    background-color: #13a5af;
    border-radius: 3px;
    font-size: 60%;
    margin-left: 1rem;
    color: white;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

h2{
    text-align: center;
    font-size: 34px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    line-height: 150%;
    font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 3px;
}
/* line 24, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 7, ../sass/style.sass */
body {
  width: 100%;
  font-size: 17px;
  line-height: 25px;
}
.fa-user:before {
    content: "\f007";
    margin-right: 10px;
    color: #fedb65;
}

/* line 12, ../sass/style.sass */
body img {
  vertical-align: top;
}

/* line 15, ../sass/style.sass */
.no-mb {
  margin-bottom: 0 !important;
}

.copy{
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 1rem;
	width: 95%;
}
.copy1{
    width: 40%;
	float: left;
	margin-top: 1rem;
}

.copy2{
    width: calc(((85vw - 100px) * .75) + 0px);
    padding-bottom: 1rem;
    position: absolute;
    margin-top: 4em;
    right: 17rem;
}
.mv {
 	width: 100%;
	background-image: url("../images/feature/p6.webp");
    background-size: auto;
}
/* line 25, ../sass/style.sass */	
.mv .inner {
  margin: 0 auto;
  width: 980px;
}

.mv-bottom {
 	width: 100%;
    background-color: #1d9de2;	
}
/* line 25, ../sass/style.sass */	
.mv-bottom .inner {
  margin: 0 auto;
  width: 900px;
	text-align: center;
}

.img50{
	width: 50%;
}

.img80{
	width: 80%;
}
.obi{
	background-image: url("../images/feature/funky-lines.png");
    background-position: center center;	
padding-top: 20px;	
}
.obi2{
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #1d0303;
    border-bottom: 6px solid #786300;	
}

.obi3{
	background-image: url("../images/feature/img_mainbg2.png");
    background-position: center center;	
	padding-top: 20px;	
}
.obi3 .inner{
	width: 980px;
	margin:  0 auto;
}

.mv .inner header .season{
width: 40%;
    margin: 0 auto;
    padding: 1rem;
    background-color: #000000bf;
    color: white;
    text-align: center;
    font-size: 2rem;
    letter-spacing: 6px;	
}
.img90{
width: 70%;
    margin-top: 2em;
}
.qabox{
    border: 1px solid black;
    margin-bottom: 2em;
    }
.qatittle{
padding: 1em;
    background-color: white;
    font-weight: bold;
    font-size: 110%;
    letter-spacing: 2px;
}    
.qaansw{
    padding: 1em;
    background-color: white;
    border-top: 1px solid black;
}    
    

.mv2 .inner {
	width: 940px;
	margin: 0 auto;
}
/* line 29, ../sass/style.sass */
.cv {
	background-image: url(../images/common/funky-lines.png);
  width: 100%;
  padding-top:20px;
}
/* line 36, ../sass/style.sass */
.cv .inner {
  width: 940px;
  margin: 0 auto;
padding: 20px 10px 20px 10px;
}

/* line 65, ../sass/style.sass */
.inner .box2 {
	padding: 2rem;
    background-color: #ffffffd9;
    border:6px solid #ffffff;
    border-radius: 1rem;
    box-shadow: 9px 8px #6161611f;
	margin-bottom: 2rem;
}

.inner .box2 h3 {
    color: black;
    text-align: center;
    font-size: 2rem;
    text-align: left;
    border-left: 10px solid #FD9927;
    padding-left: 1rem;
    line-height: 2.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.copyy{
	width: 85%;
}

.bg{
    margin-top: -10rem;
    width: 95%;
}
/* line 159, ../sass/style.sass */
.offer {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
/* line 163, ../sass/style.sass */
.offer .inner {
  margin: 0 auto;
	width: 900px;
}

.offer-grid {
	background-image: url(../images/common/gplaypattern.png);
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
/* line 163, ../sass/style.sass */
.offer-grid .inner {
  margin: 0 auto;
	width: 940px;
}
.offer .inner2 {
  margin: 0 auto;
	width: 980px;
	position: relative;	
}
.offer-red {
    width: 100%;
    background-color: #550404;	
	padding-top: 2rem;
	padding-bottom: 4rem;
}
/* line 163, ../sass/style.sass */
.offer-red .inner {
  margin: 0 auto;
	width: 900px;
}
.offer .inner .inner-left{
    width: 6%;
    padding-left: 5%;
    float: left;
  opacity : 0;
  transform: translateY(-200px);
  transition: all 1s;		
    }
.offer .inner .inner-right{
    width: 60%;
    float: right;
    background-color: #e99312;
    padding: 4%;
    padding-right: 16%;
	padding-bottom: 10%;
    margin-bottom: -4rem;
  opacity : 0;
  transform: translateX(200px);
  transition: all 1s;	
} 

ul.list{
    padding: 1rem;
    background-color: #f4f4f4;
    margin-top: 1em;
    margin-bottom: 2em;	
	background-image: url("../images/common/gplaypattern.png");
    }
ul.list li{
	    margin-bottom: 0px;
    line-height: 200%;
	font-weight: bold;
    }
    
.movie-right{
width: 30%;
    margin-right: 5%;
    float: left;
    }
.movie-right1{
width: 30%;
    float: left;
    }

.box {
color: black;
    line-height: 1.5rem;
    text-align: justify;
    padding: 3rem;
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    margin-bottom: 3em;	
}


.offer2 .inner2 .box h3 {
    color: black;
    text-align: center;
    font-size: 42px;
    text-align: left;
    margin-top: 70px;
    border-left: 10px solid #FD9927;
    padding-left: 25px;
    line-height: 57px;
    font-weight: bold;
  margin-bottom:30px;
}

.inner .box .box3 {
     padding: 20px;
    background-color: #F7F7F7;
    font-size: 20px;
}
.inner .box .box5 .box6 {
    padding: 20px;
    background-color:#f8edf9;
}
/* line 340, ../sass/style.sass */
.form {
  width: 100%;
/*background-color: #FCBE20;*/
background:#fccc50;
  padding-bottom:100px;
}
/* line 343, ../sass/style.sass */
.form .inner {
  width: 980px;
  margin-top: 40px;
  margin: 0 auto;
  line-height: 40px;
  padding-top: 40px;
}

.contents{
    padding: 2em;
    border: 1px solid black;
    margin-top: 2em;
    }

.con-tab{
    width: 25%;
    display: block;
    padding: 15px;
    background-color: #957d21;
    text-align: center;
    color: white;
    font-size: 22px;
    }
.con-tab2{
    padding: 15px;
    font-size: 32px;
    margin-bottom: 10px;
    background-color: #660a0a;
    color: white;
    letter-spacing: 2px;
    line-height: 120%;
    padding-left: 22px;
    font-family: "ryo-display-plusn", serif;
    }  
.con-tab3{
    font-size: 45px;
    padding-left: 20px;
    font-weight: bold;
    line-height: 130%;
    margin-top: 15px;
    font-family: "ryo-display-plusn", serif;
    font-weight: 700;
    font-style: normal;
    }
.conimg{
    float: left;
    width: 40%;
    margin-top: 2em;
    margin-right: 1em;
    }
.conimg2{
    margin-top: 40px;
    font-size: 16px;
    line-height: 130%;
    width: 40%;
    float: right;
    }
p.pleft{
    margin-top: 30px;
    font-size: 16px;
    line-height: 145%;
    width: 55%;
    float: right;
    }

/* line 363, ../sass/style.sass */
footer {
    width: 100%;
	margin-bottom: 190px;
    padding-top: 10px;
    border-top: 1px solid black;
}
/* line 371, ../sass/style.sass */
footer .footer-inner {
    width: 890px;
    margin: 0 auto;
    padding: 0px 30px 0px 30px;
    text-align: center;	
}
/* line 375, ../sass/style.sass */
footer .link-list li {
  display: inline-block;
  margin-right: 0.2em;
    text-align: center;	
}


/* line 383, ../sass/style.sass */
.impact {
    color: #e8327b;
    font-weight: bold;
}
/* line 383, ../sass/style.sass */
.impact2 {
font-weight: bold;
    background-color: rgb(255 218 135 / 86%);
    padding: 10px;
    line-height: 3em;
    font-size: 160%;
}
.impact3 {
font-weight: bold;
    background-color: rgb(255 218 135 / 86%);
    padding: 10px;
    line-height: 2em;
    font-size: 160%;
}
.impact4 {
font-weight: bold;
    background-color: rgb(255 229 1);
}

table{
padding: 5px;
  width: 100%;
  border: none;
  }
 
th{
	text-align: center;
	padding: 0.6em 20px;
	font-size: 21px;
	border: 1px solid #dbdde2;
	color: rgb(0, 35, 140);
	white-space: nowrap;
	letter-spacing: 2px;
}
  
td{
    background-color: #FFF;
    padding: 25px;
    border: 1px solid #dbdde2;
    font-size: 19px;
    color: rgb(0, 0, 0);
    line-height: 30px;
	text-align: justify;
}

td.td02{
    font-size: 15px;
    line-height: 25px;
    text-align: justify;	
}
input[type="radio"] {
	padding: 14px;
    width: 17px;
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
}
.rajioform{
    text-align: left;
    line-height: 200%;
    padding: 10px;
    background-color: #fff3c8;
    margin-top: 24px;
    font-size: 120%;	
}
.btn{
    padding: 1rem;
    line-height: 3rem;
    background-color: #ff7000;
    border-radius: 3rem;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: white;
    width: 90%;
    text-decoration: none;
    margin-top: 2rem;
    transition-duration: 0.5s;
    letter-spacing: 2px;
    margin-right: 15%;
    margin-left: 15%;
    width: 70%;
    display: inline-block;    
}

.btn:hover {
    background-color: #8a3d00;
}

.btn2 {
    padding: 1rem;
    line-height: 3rem;
    background-color: #ff7000;
    border-radius: 3rem;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border: 2px solid white;	
    color: white;
    width: 80%;
    text-decoration: none;
    margin-top: 2rem;
    transition-duration: 0.5s;
    letter-spacing: 2px;
    display: inline-block;
	margin-bottom: 2rem;
}
.btn2:hover {
    background-color: #8a3d00;
}

.box-info{
	font-size: 20px;
    padding: 0px 30px 30px 30px;
    text-align: justify;
    color: #001363;
}
.headerbottom {
	width: 100%;
    text-align: center;
    background-color:#e6e6e6;
	padding-bottom:2px;
}

.headerbottom  .inner{
	    width: 950px;
    margin: 0 auto;
    margin-top: -20px;
}
.headerbottom2 {
    padding: 3em;
    background-color:#101325;
}
.headerbottom2  .inner{
	    width: 950px;
    margin: 0 auto;
}
.inner .box .midashi {
    background-color: white;
    padding: 1rem;
    margin-bottom: 0px;
    font-size: 120%;
    font-weight: bold;
    color: #29496f;
	margin-bottom: 1rem;
}
.inner .box .box2 {
	padding: 2rem;
    border: none;
    line-height: 2rem;
    font-size: 1.3rem;
    background-color: #F4F4F4;
    font-weight: bold;
    margin-bottom: 2rem;	
	}
.inner .box .box3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 94%;
    background-color: #f5f5f5;
	}
.inner .box .box4 {
    padding: 2rem;
    background-color:#f0f2ff;
    margin-top: 2rem;
    margin-bottom: 2rem;	
	}
p.pre{
    width: 96%;
    color: white;
    margin-top: 2em;
    line-height: 150%;
    }
p.pre3{
    text-align: center;
    margin-bottom: 2em;
}
.rightimg2{
    width: 50%;
    float: right;
    margin-top: 2em;
    margin-left: 1em;
    margin-bottom: 3em;		
	}	
.mark {
background-color: #ffe4a8;
    font-weight: 700;
}
.mark5 {
text-decoration: underline;
    color: #c5005b;
}

.mark2 {
color:#000000;
}
.mark4 {
color:#deb900;
}

 
#accordion {
}
#accordion dt {
    cursor: pointer;
    background-image: url(../img/common/resolution3.png);
    border: solid 1px #d5106a;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    color: #d5106a;
    font-size: 130%;
    box-shadow: 0px 7px 0px;  
}
#accordion dd{
display:none;
font-size:100%;
line-height:140%;
margin:0;
    padding: 20px;
    background-color: #fff4f9;	
}
#accordion dt.active{
box-shadow: 0px 0px 0px #9493ff;
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
}

.mc-field-group label .asterisk {
font-size: 10px;
    background-color: #FC8B20;
    padding: 7px;
    border-radius: 7px;
    color: white;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
	}

.offer .inner .box {
	padding: 2rem;
    background-color: rgb(255, 255, 255);
    margin-bottom: 30px;
    box-shadow:0px 0px 16px 1px rgba(95, 35, 59, 0.16);
    border-radius: 10px;
    border: 5px solid white;
}
.obi .inner,.obi2 .inner {
width: 900px;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: bold;
}
.inner .left{
float: left;
width: 20%;
}

.inner .right{
float: left;
width: 80%;
padding-top: 1rem;	
}
td li{
    list-style: none;	
margin-bottom: 0px;
}	
.fa-check-circle:before {
    content: "\f058";
    margin-right: 10px;
    color: #e34c88;
}


@media screen and (max-width: 980px) {
	
p.small {
    font-size: 21px;
}
	
p {
    font-size: 2.3rem;
    line-height: 54px;
    width: 95%;
}
ul.list li {
font-size: 2.2rem;
    text-indent: -33px;
    padding-left: 63px;
    line-height: 140%;
    margin-bottom: 25px;
font-family: "kinto-sans", sans-serif;	
}
.mv .inner {
  margin: 0 auto;
  width: 940px;
}
	
.offer .inner {
  margin: 0 auto;
  width: 940px;
}
		
.nowimg{
    width: 35%;
}
.nowimg2{
    width: 35%;
}
.nowimg3{
    width: 35%;
}	
.hikakuimg{
    float: none;
    width: 100%;
    margin-bottom: 1em;
   }
	
.rightimg {
    width: 80%;
    float: none;
    margin-left: 10%;
    margin-bottom: 2em;
}

.leftimg {
    width: 80%;
    float: none;
    margin-left: 10%;
    margin-bottom: 2em;
}

.knowbox h4 {
    font-size: 280%;
    font-weight: bold;
    line-height: 140%;
    margin-bottom: 1em;
    color: #044790;
    letter-spacing: 2px;
    padding-left: 25px;
}	
p.pright2 {
    width: 96%;
    float: none;
    font-size:2.4rem;
    line-height: 150%;
    color: black;
}
p.pright3 {
    width: 96%;
    float: none;
    font-size:2.4rem;
    line-height: 150%;
    color: black;
}	
p.pright1 {
    width: 96%;
    float: none;
    font-size:2.4rem;
    line-height: 150%;
    color: black;
}	
.qatittle {
    font-size:2.4rem;
    line-height: 140%;
    letter-spacing: 2px;
    text-align: justify;
font-family: "kinto-sans", sans-serif;	
   }
.qaansw {
    padding: 1em;
    font-size: 28px;
    line-height: 180%;
font-family: "kinto-sans", sans-serif;	
}
.con-tab {
    width: 50%;
    display: block;
    padding: 30px;
    background-color: #957d21;
    text-align: center;
    color: white;
    font-size:2.4rem;
}
.con-tab2 {
    padding: 15px;
    font-size: 50px;
   }
.con-tab3 {
    font-size: 4rem;	
	}
.conimg {
    float: none;
    width: 100%;
    margin-top: 2em;
    margin-right: 0em;
}
p.pleft {
    margin-top: 30px;
    font-size:2.4rem;
    line-height: 145%;
    width: 98%;
    float: right;
	}	
.offer .inner{
width: 940px;		
	}	
.copy2 {
    width: 80%;
    right: 2rem;
}	
h2 {
    text-align: center;
    font-size:3rem;
	}
h3 {
    font-size: 3rem;
	}
.voicebox p{
    font-size: 30px;
    }
.midashi{    
font-size: 44px;
    line-height: 120%;
    text-align: center;
    padding-left: 20px;
}
.fa-check:before {
    content: "\f00c";
    margin-right: 20px;
}
.tab {
    padding: 20px;
    font-size: 2rem;
   }
.tab-an {
    font-size: 2.5rem;
    line-height: 140%;
    }       
.spbtn{
		width: 100%;
	}
	
.btn{
    font-size: 40px;
    display: block;
    width: 100%;
    margin-top: 1em;
    margin-left: 0px;
    margin-right: 0px;
    font-family: "kinto-sans", sans-serif;
    line-height: 200%;
    } 
.btn2{
    font-size: 38px;
    display: block;
    width: 92%;
    margin-top: 1em;
    margin-left: 0px;
    margin-right: 0px;
    font-family: kinto-sans, sans-serif;
    line-height: 130%;
    padding: 4%;
    border-radius: 100px;
	margin-bottom: 4rem;
    } 	
footer {
    margin-bottom: 240px;
}	
.pay {
    margin-bottom: 5em;
}	
.img50 {
    width: 70%;
}
.name {
    font-size: 2.8rem;
	}
.logo{
width: 35%;	
}	
.rightimg2 {
    width: 70%;
    float: none;
    margin-top: 2em;
    margin-left: 15%;
    margin-bottom: 0em;
}
p.pre {
    width: 94%;
    margin-top: 1em;
}	
p.pre3 {
    text-align: left;
    margin-bottom: 2em;
}
.formlabel {
    font-size: 220%;
    border-left: 9px solid #192f6f;
    padding-left: 1em;
    font-weight: bold;
    color: #192f6f;
    line-height: 150%;
    letter-spacing: 3px;
    font-family: monospace;
}
.formtag {
    background-color: rgb(255 243 200);
    color: rgb(25, 25, 25);
    border: 2px solid rgb(36, 26, 38);
    width: 94%;
    font-size: 35px;
    padding: 3%;
    border-radius: 3px;
    margin-top: 10px;
}
.labellist {
    font-size: 33px;
    line-height: 2em;
    margin-left: 1em;	
}
input[type="radio"] {
    width: 30px;
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(2);
}	
.impact2 {
font-weight: bold;
    background-color: rgb(255 218 135 / 86%);
    padding: 10px;
    line-height: 3em;
    font-size: 120%;
}
.impact3 {
    font-weight: bold;
    background-color: rgb(255 218 135 / 86%);
    padding: 10px;
    line-height: 2em;
    font-size: 42px;
}	
.midashi2 {
    text-align: center;
    font-size: 50px;
    margin-top: 40px;
    margin-bottom: 1em;
    font-weight: 700;
    font-style: normal;
    line-height: 155%;
    background-color: rgb(255 255 255);
    width: 600px;
    margin: 0 auto;
}	
.inner .box .box3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 94%;
    background-color: #f5f5f5;
    font-size: 40px;
    line-height: 160% !important;
    font-weight: bold;
}	
}