@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;
}
.impact4{
	font-size:24px;
	font-weight: bold;
}
.spimg{
	display: none;
}
.fadein2 {
  opacity : 0;
  transform: translateY(50px);
  transition: all 1s;
}
.fadein3 {
  opacity : 0;
  transform: translateY(50px);
  transition: all 1s;
	width: 60%;
    margin-top: 2em;
    margin-bottom: 2em;	
}
.arrow {
  opacity : 0;
  transform: translateY(-50px);
  transition: all 1s;
    margin-bottom: -4rem;	
}
.hover:hover{
	opacity: 0.5;
}
.attention{
    text-align: left;
    line-height: 170%;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1em;
}

.leftimg{
    width: 130px;
    float: left;
    margin-right: 20px;
	margin-bottom: 1rem
}

.offer .inner h2{
    font-size: 33px;
    text-align: left;
    margin-top: 1rem;
    line-height: 3rem;
    padding-left: 16px;
    font-weight: bold;
    margin-bottom: 1em;
}

.offer .inner h3{
    font-size: 25px;
    text-align: center;
    margin-top: 1rem;
    line-height: 2.5rem;
    padding-left: 16px;
    font-weight: bold;
	margin-bottom: 2em;
}
input[type="submit"] {
-webkit-appearance: none;
}

iframe[name="google_conversion_frame"] { position: absolute; top: 0; }
.fa-circle-question:before, .fa-question-circle:before {
    content: "\f059";
    color: #d96161;
}
.fa-check-circle:before, .fa-circle-check:before {
    content: "\f058";
    margin-right: 0.5em;
    color: #d96161;
}
.obi3{
    width: 90%;
    margin-left: 5%;	
}
p{
font-size: 20px;
    line-height: 200%;
    text-align: justify;
    font-family: "Sawarabi Gothic";
    letter-spacing: 1px;
}
p.report{
    font-size: 16px;
    line-height: 190%;
    text-align: justify;
    font-family: "Sawarabi Gothic";
    letter-spacing: 1px;
}
p.list{
    font-size: 21px;
    line-height: 155%;
    text-align: justify;
    font-family: "Sawarabi Gothic";
    letter-spacing: 1px;
    text-indent: -1em;
    margin-left: 2em;
}
hr{
    border: 0.5px dashed #976604;
    margin-top: 1em;
    margin-bottom: 1em;	
}
p.message{
    text-align: justify;
    margin-top: 2em !important;
    margin-bottom: 2rem !important;
    width: 95%;
    margin: 0 auto;
color: black;	
}
.fa-check:before {
    content: "\f00c";
	color:#e24c89;
}
.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: 16px;
    color: #000000;
    line-height: 26px;	
}
.name{
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 2rem;	
}
.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;
	
}
.formtag{
    color: rgb(25, 25, 25);
    border: 1px solid rgb(36, 26, 38);
    width: 94%;
    font-size: 20px;
    padding: 3%;
    border-radius: 3px;
    margin-top: 10px;
    background-color: #d7a97412;	
	}
.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;
	}
.select{
    width: 50%;
    display: block;
    margin-top: 20px;
    font-size: 21px;
    padding: 10px;	
}
.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;
	}
/* 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;
 font-family:"Sawarabi Mincho";
    font-feature-settings: "palt";
    letter-spacing: 2px;	
}
.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: 6rem;
    padding-bottom: 1rem;
	width: 95%;
}
.copy2{
    width: 95%;
    margin: 0 auto;
    padding-bottom: 1rem;	
}
.mv {
 	width: 100%;
    position: absolute;	
}
.topmovie{
    width: 80%;
    float: right;
    }
/* line 25, ../sass/style.sass */	
.mv .inner {
    margin: 0 auto;
    float: right;
}

.obi{
	background-image: url("../images/feature/funky-lines.png");
    background-position: center center;	
padding-top: 20px;	
}
.obi2{
    padding-top: calc(55% - 80px);
    padding-bottom: 0rem;
	background-image: url("../images/mv/p0508_2.png");
    background-size: contain;	
}
.mainwth{
    width: 33%;
    position: absolute;
    padding: 20px;
    background-color: #ffffff;
    left: 5%;
    top: 5rem;
    }

.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;	
}
.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;
}
.offer .inner h6 {
    font-size: 16px;
    text-align: left;
    margin-top: 1rem;
    font-weight: bold;
   }
.box .step{
display: inline-block;
    padding: 1rem;
    background-color: #a99007;
    color: white;
    margin-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 23px;
    font-weight: bold;
}
.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;
	text-align: center;
	width: 900px;
}
.offer .inner2 {
  margin: 0 auto;
	text-align: center;
	width: 980px;
	position: relative;	
}

.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;	
} 

.movie-right{
width: 30%;
    margin-right: 5%;
    float: left;
    }
.movie-right1{
width: 30%;
    float: left;
    }


.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;
}


/* line 363, ../sass/style.sass */
footer {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
}
/* 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;	
}

p.reptext{
	font-size: 23px;
}
/* line 383, ../sass/style.sass */
.impact {
    color: #c81950;
    font-weight: bold;
    font-family: none;	
}
.impact3 {
    color: #235fd9;
    font-weight: bold;
    font-family: none;	
}
/* line 383, ../sass/style.sass */
.impact2 {
  font-weight: bold;
background-color: #eaeaa2db;
}

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;
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 2px;
}
p.frame{
    padding: 1em;
    margin-bottom: 2em;
    background-color: #f3efe7;
    border-radius: 5px;
    margin-top: 1em;	
} 
td{
    background-color: #FFF;
    padding: 25px;
    border: 1px solid #af9565;
    font-size: 19px;
    color: rgb(0, 0, 0);
    line-height: 200%;
	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:rgb(255 255 255);
    margin-top: 24px;
    font-size: 120%;	
}
.btn{
padding: 1rem;
    line-height: 3rem;
    background-color: #ea7a16;
    border-radius: 3rem;
    font-size: 25px;
    text-align: center;
    box-shadow: 0px 1px 20px 0px rgb(255 255 255 / 68%);
    border: 2px solid #FFFFFF;
    color: white;
    background-color: rgb(194 136 31);
    width: 80%;
    text-decoration: none;
    margin-top: 2rem;
    transition-duration: 0.5s;
 font-family: "Sawarabi Gothic";
	letter-spacing: 2px;
}

.btn:hover {
    background-color: #227d6c;
}

.offer header {
	width: 100%;
    background-color:#E4E4E4;
    text-align: center;
    padding-top: 35px;
	padding-bottom:60px;
}
.offer2 header {
	width: 100%;
    background-color:#1DB79C;
    text-align: center;
    padding-top: 35px;
	padding-bottom:60px;
}
.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 {
	padding: 2rem;
    border: none;
    line-height: 2rem;
    font-size: 1.2rem;
    background-color: #f5f5f5;
    margin-bottom: 2rem;	
	margin-top: 2rem;
    border: 7px solid #aee4ff;
    border-radius: 1rem;	
	}
.inner .box .box4 {
    padding: 2rem;
    background-color:#f0f2ff;
    margin-top: 2rem;
    margin-bottom: 2rem;	
	}

.mark {
	background-color:rgb(255 244 214);
}
.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;
	}
.rightimg{
    width: 30%;
    float: right;
    margin-left: 5%;
    margin-bottom: 15%;
}
.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;
    font-size: 19px;
    text-align: left;
    margin-bottom: 15px;
}
.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;
}