@charset "utf-8";
/* CSS Document */
a{
color:inherit!important;
text-decoration:none;
}
a:link {
color:inherit!important;
text-decoration:none;
}
a:visited{
color:inherit!important;
text-decoration:none!important;
}
a:hover {
color:inherit!important;
text-decoration:none!important;
}
a:active {
color:inherit!important;
text-decoration:none!important;
}
h1{
margin:0!important;
}
.toplogo{
padding:10px;
}
div.maintop{
padding-top:90px!important;
}
.container-fluid{
max-width:1000px!important;
padding:0!important;
margin:0 auto!important;
}
.row{
padding:0!important;
margin:0!important;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-11,.col-12{
padding:0!important;
margin:0!important;
}
.headMenu{
position:absolute;
top:0;
right:0;
left:0;
margin:0;
}
.simulation {
color:#fff;
    position: relative;
    font-size: 17px;
    width: 100%;
    padding: 20px 0 25px;
    background: #999999;
    text-align: center;
}
.simulation::after {
    top: 3px;
    right: 0px;
    height: 20px;
    width: 20px;
    display: inline-block;
    content: "";
    position: relative;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
				}
.topOrder{
color:#fff;
  position: relative;
    font-size: 17px;
    width: 100%;
    padding: 20px 0 25px;
background:#FF7F00;
text-align:center;
}
.topOrder::after {
    top: 3px;
    right: -15px;
    height: 20px;
    width: 20px;
    display: inline-block;
    content: "";
    position: relative;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
				}
.topCaptionh2{
font-size:2em;
text-align:center;
font-weight:800;
}
.topCaptionP{
font-size:1.5em;
text-align:center;
font-weight:800;
}
/*メイン*/
.main_block {
    position: relative;
}
.animation {
    position: absolute;
    bottom: 10px;
    right: 10px;
animation: fluffy1 3s ease infinite;
}
@keyframes fluffy1 {
  0%{transform:translateY(0)}
  25%{transform:translateY(-10px)}
50%{transform:translateY(0)}
75%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
@media (max-width: 767px) {
.animation {
    position: absolute;
    bottom: 5px;
    left: 533px;
animation: fluffy1 3s ease infinite;
}
	.animation img {
	width:100%;
}
}
@media (max-width: 650px) {
.animation {
    position: absolute;
    bottom: 5px;
    left: 466px;
animation: fluffy1 3s ease infinite;
}
	.animation img {
	width:100%;
}
}
@media (max-width: 575px) {
.animation {
    position: absolute;
    bottom: 5px;
    left: 270px;
animation: fluffy1 3s ease infinite;
}
.animation img {
	width:100%;
}
}
@media (max-width: 340px) {
.animation {
    position: absolute;
    bottom: 5px;
    left: 280px;
animation: fluffy1 3s ease infinite;
}
.animation img {
	width:100%;
}
}

/*ストライプ背景*/
.grstripe{
padding:0!important;
background-image:linear-gradient(
45deg,
#fff 25%,
#EEEEEE 25%,
#EEEEEE 50%,
#fff 50%,
#fff 75%,
#EEEEEE 75%,
#EEEEEE);
background-size:2px 2px;
background-attachment:fixed;
}

/*ストライプ背景*/

.h2wavy{
font-size:2.6em;
text-align:center;
text-decoration:underline wavy #ff7f00;
}
.texto{
font-size:1.3em;
color:#FF7F00;
}
.deg45{
transform:rotate(15deg);
display:inline-block;
}
.point{
font-size:1.5em;
font-weight:bold;
position:relative;
}

.pointText{
font-size:1.5em;
font-weight:bold;
}
.pointText~p{
font-size:1.5em;
}
.pointNo{
font-size:1.6em;
}
.point:after {
  transform: skewX(-45deg); /*transformで曲げる*/
  content: '';
  position:absolute;
  left: 0;
  bottom:7px;
  width:100%;
  height: 7px;
		z-index:-1;
  background: repeating-linear-gradient(-45deg, #4DA6FF, #4DA6FF 2px, #A6D2FF 2px, #A6D2FF 4px);
}
.simulationInput{
width:150px;
font-size:3em;
display:inline-block;
margin:10px;
border:1px solid #0040ff;
}
.simulationText{
font-size:1.7em;
font-weight:600;
}
.simulationText2{
display:inline-block;
font-size:1.9em;
font-weight:600;
}
.total+.simulationText2{
color:#f00;
}
.total{
display:inline-block;
font-size:3em;
font-weight:800;
color:#f00;
}

.orderButton {
margin:100px auto 100px;
    color: #ffff00;
    display: block;
    float: right;
    font-size: 2em;
    background: #008C00;
    padding: 20px;
    border-radius: 35px;
}
.bgg{
background:#eee;
text-align:center;
}
.gohannasi{
margin:5px auto 20px;
text-align:right;
}
.menuM{
font-size:2.5em;
margin:20px auto 5px 40px;
}
.small_txt {
margin: 5px auto 20px 40px;
text-align: center;
font-size: 1.4em;
}

.kodawariM{
font-size:2em;
font-weight:800;
text-align:center;
margin:60px auto 80px;
}
.bsunder{
display:inline-block;
text-align:center;
margin:10% auto 0;
font-size:1.5em;
font-weight:800;
position:relative;
z-index:2;
}
.bsunder::after{
transform: skewX(-45deg); /*transformで曲げる*/
content:"";
width:100%;
height:50%;
position:absolute;
z-index:-2;
bottom:0;
left:0;
right:0;
margin:auto;
background-image:
linear-gradient(-45deg, 
#4DA6FF 25%, 
#A6D2FF 25%, 
#A6D2FF 50%, 
#4DA6FF 50%, 
#4DA6FF 75%, 
#A6D2FF 75%, 
#A6D2FF);
background-size: 5px 5px;
background-attachment: fixed;
}
.kodawariText{
display:block;
width:80%;
margin:5% auto 5%;
text-align:left;
font-size:1.2em;
}
.orangeBorder{
width:80%;
margin:20px auto 10px;
border:3px solid #FF7F00;
padding:10px;
}
.ezsim{
font-size:3em;
font-weight:800;
}
.Qicon{
position:relative;
display:inline-block;
width:25px;
height:25px;
margin:0;
padding:0;
text-align:center;
color:#fff;
font-weight:800;
font-size:1em;
z-index:-1;
}
.Qicon::before{
content:"";
position:absolute;
z-index:20;
bottom:0px;
left:0;
right:0;
margin:auto;
display:flex;
width:100%;
height:100%;
background:#FF7F00;
border-radius:50%;
text-align:center;
}
.Qicon::after{
content:"Q";
position:absolute;
top:0;
left:0;
right:0;
display:block;
width:100%;
height:100%;
margin:auto;
z-index:20;
}
.Aicon{
position:relative;
display:inline-block;
width:25px;
height:25px;
margin:0;
padding:0;
text-align:center;
color:#fff;
float:left;
}
.Aicon::before{
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
display:flex;
width:100%;
height:100%;
background:#4DA6FF;
border-radius:50%;
text-align:center;
}

.qandaQ{
position:relative;
padding:10px;
background-image:
linear-gradient(-45deg, 
#ececec 25%, 
#ddd 25%, 
#ddd 50%, 
#ececec 50%, 
#ececec 75%, 
#ddd 75%, 
#ddd);
background-size: 5px 5px;
background-attachment: fixed;
font-size:1.3em;
z-index:-2;
}

.qandaA{
padding:10px;
font-size:1.3em;
}
.qandaCap{
font-size:41px;
font-weight:800;
}
.QandAIndent{
display:inline-block;
margin-left:5px;
}
.formCap{
margin:15px auto;
font-size:3.5em;
text-align:center;
font-weight:800;
}
/*フォーム整形*/
html{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.46;
	color:#525252;
}
textarea {
display:block;
width:80%;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.46;
	color:#525252;
}
.item {
	float: left;
	line-height: 250%;
}
.req {
	background-color: #FF0004;
	color: #FFFFFF;
	padding: 5px;
	float: right;
}
th{
border:1px solid #D5D5D5;
border-collapse:collapse;
}
td {
border:1px solid #D5D5D5;
border-collapse:collapse;
	clear: both;
}
.priP{
text-align:center;
display:block;
font-size:1.8em;
font-weight:600;
margin:15px auto;
}
.privacyBox{
width:80%;
margin:auto;
}
/*フォーム整形*/
input[type="submit"][disabled]{
background-color:rgba(255,127,0,0.5);
}
.submitarrow{
margin:10px auto;
display:block;
position:relative;
}
.submitarrow::after{
top: -48px;
right: -150px;
height: 20px;
width: 20px;
display: inline-block;
content: "";
position: relative;
border-top: 5px solid #fff;
border-right: 5px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkBox{
text-align:center;
}
.pBox{
text-align:center;
margin:auto;
padding:20px 0 10px;}
.submit{
display:block;
text-decoration:none;
width:380px;
padding:15px;
margin:10px auto;
background:#FF7F00;
border-radius:25px;
color:#fff;
position:relative;
font-size:1.5em;
font-weight:800;
border:none;}   

/* 完了ページ */
.bgy{
    background: #FFFFBF;
    }
.form_title{
    font-weight: 900;
    color: #815126;
    font-size: 2em;
    text-align: center;
    margin-top: 100px;
    }