@charset "UTF-8";

@import url(default.css);

.moneyar {
    float: right;
}

#attention {
	color: red;
}
.simulation_are {
	text-align: center;
	width: 50%;
	margin: 5% auto;
	border: 5px solid #53dbc0;
}
.simulation_are h2 {
	margin: 5% 0;
}
.simulation_are .row {
	width: 65%;
	margin: 0 auto !important;
}
.simulation_are .col-md-3 {
	width: 50%;
	text-align: left;
}
.simulation_are .col-md-9 {
	width: 50%;
	text-align: left;
}
.simulation_are .button.cloud {
	width: 75%;
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin: 1em auto 2em;
}
.simulation_are .button_img::before {
	background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back06.png);
	top: -100px;
	left: -145px;
}
.simulation_are .tel_mail::before {
	background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back07.png);
	top: -100px;
	right: -145px;
}
#menutopButton .ip_only ul {
    display: flex;
    justify-content: space-around;
}
#menutopButton .ip_only ul li {
    width: 48% !important;
    max-width: none !important;
  }
.simulation_are .button.cloud .button_img, .simulation_are .button.cloud .tel_mail {
	width: 45%;
}

h1{ text-align: center; font-size: 36px; margin: 0px; padding: 0px; }

h2{ font-size: 32px; margin: 0px; padding: 0px; font-weight: bold; }

h3{ text-align: center; font-size: 28px; margin: 0px; padding: 0px; }

.defW{ max-width: 1170px; margin: 0px auto; }

.contsBody{ margin: 4vw 0 0 0; }



.nodeco{ text-decoration: none; }

a:hover > img{

    cursor:pointer;

    filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity:0.8;

    zoom:1;

}

.is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

}



html body {

line-height: 1.629;

}





.is-fixed-sp {

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    background-color: rgba(0,178,169,0.8);

    text-align: center;

    padding: 10px 0px;

}



.toplink{

    position: absolute;

    bottom:10px;

    right: 10px;

    z-index: 3;

    padding: 10px;

    border:1px solid #999;

    background-color: rgba(200,200,200,0.8);

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

}



.toplink{

    position: absolute;

    bottom:10px;

    right: 10px;

    z-index: 3;

    padding: 10px;

    border:1px solid #999;

    background-color: rgba(200,200,200,0.8);

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

}

.toplink a{ text-decoration: none; }







.GM{

    background-color: #5dc2b2;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    -o-border-radius: 0px;

    -ms-border-radius: 0px;

    border: none;

}



.navbar-default .navbar-nav > li > a{

    color:#FFF;

    text-decoration: none;

    width: 147px;

    text-align: center;

    font-weight: bold;

    font-size: 16px;

    margin: 0px 10px;

}



.navbar-default .navbar-nav > li > a.small{

    width: 100px;

    text-align: center;

}



.navbar-default .navbar-nav > li > a:hover{

    color:#FFF;

    text-decoration: none;

/*    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/gmBG.png);

    background-repeat: no-repeat;

    background-position: center*/



    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border: none;

    background-color: #00b2a9;

}



.navbar { margin-bottom: 0px; }



.mainImage{

    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/mainImage.png);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    height: 59vw;

    position: relative;

}



.maincomitBtn{

    position: absolute;

    top: 42vw;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 35vw;

}



.box1{

    max-width: 900px;

    margin: 0px auto;

    padding: 10px 0px;

    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);

}

.box1text{

    margin-top: 50px;

    max-width: 100%;

}



.box1>.title{

    background-color: #00b2a9;

    border-bottom: 10px #ffe900 solid;

    color: #FFF;

    padding: 24px;

}

.box1>ul{

    margin: 30px 40px;

}

.box1>ul>li{

    text-align: left;

    list-style: none;

    font-size: 25px;

    line-height: 40px;

}

.box1>ul>li:before{

    content: "\f1db";

    font-family: FontAwesome;

    color: #00b2a9;

    margin-right: 10px;

}



.boxRelative{ position: relative; }



.box2{ background-color: #00b2a9; overflow:hidden; color: #FFF; font-size: 15px; padding-top: 2%; }

.box2Title{ }

.box2Strleft{ padding: 0 4% 0 2%; font-weight: bold; line-height: 25px; }

.box2StrRight{ padding: 0 4% 0 4%; font-weight: bold; line-height: 25px; }

.box2Str1Img{

    position: absolute;

    top:10%;

    right: 7%;

}



.box3{ background-color: #ffe900; overflow:hidden; font-size: 15px;  }

.box3Body{ min-height: 190px;}

.box3Title{ padding-top: 40px; text-align: left; }

.box3Strleft{ padding: 0 4% 0 3%; font-weight: bold; line-height: 25px; }

.box3StrRight{ padding: 0 0% 0 4%; font-weight: bold; line-height: 25px; }



.box3Str1Img{

    position: absolute;

    top:-10%;

    left: 9%;

}



.box4{ background-color: #00b2a9; overflow:hidden; color: #FFF; font-size: 15px; padding-top: 2%; padding-bottom: 40px; }

.box4Title{   }

.box4Title2{   }

.box4Strleft{ padding: 1% 4% 0 3%; font-weight: bold; line-height: 25px; }

.box4StrRight{ padding: 1% 0% 0 4%; font-weight: bold; line-height: 25px; }

.box3Str1Img{

    position: absolute;

    top:-10%;

    left: 9%;

}



.backRitsu{ max-width: 47%; width: 47%; margin: 0; padding: 4% 0 0 7%; float: left; text-align: right; }

.bank{ max-width: 53%; width: 53%; margin: 0; padding: 3% 5% 0 2%; float: right; }



.comitArea{

    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/bg1.png);

    padding-top: 50px;

    padding-bottom: 50px;

    margin-top: 50px;

}

.comitFont{

    font-weight: bold;

    font-size:18px;

}



.nagareArea{

    padding-bottom: 50px;

    margin-top: 50px;

}



.nagareBody{

    float: left;

    max-width: 22%;

    margin-left: 4%;

    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);

}

.nagareBody:first-child{

    margin-left: 0;

}

.nagareArrow{

    float: left;

    position: relative;

    padding-top: 10%;

}

.nagareArrow:after {

    content: "\f054";

    font-family: FontAwesome;

    float: left;

    position: absolute;

    top:35%;

    left:3%;

    font-size: 3vw;

    margin-left: 8px;

    color: #CCC;

}



.nagareTitle{

    background-color: #00b2a9;

    padding: 5px 10px;

    color: #FFF;

    font-size: 16px;

    font-weight: bold;

}

.nagareStr{

    padding: 15px;

    text-align: left;

    min-height: 100px;

}



.voiceArea{

    padding: 50px 0;

    padding-bottom: 50px;

    background-color: #00b2a9;

    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/voiceBG.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    color: #FFF;

}



.voiceBody{

    background-color: #FFF;

    margin-top: 50px;

    padding: 0px 10px;

}

.voiceL{ color: #c975c0; font-weight: bold; font-size: 16px; }

.voiceM{ color: #00b2a9; font-weight: bold; font-size: 16px; }

.voiceL:before,

.voiceM:before {

    content: "\f075";

    font-family: FontAwesome;

    font-size: 30px;

    margin-right: 10px;

}

.voiceStr{

    color: #333;

    padding: 5px 10px 5px 40px;

}



.faqArea{

    padding: 50px 0;

    padding-bottom: 50px;

    margin-top: 0px;

    background-color: #deeaea;

}





.faqBody{ box-shadow: 10px 10px 10px rgba(0,0,0,0.2); margin-top: 30px; }

.qTitle{

    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/qTitle.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    background-color: #00b2a9;

    padding: 4% 12% 3% 12%;

    font-size: 16px;

    font-weight: bold;

    color: #FFF;

    position: relative;

    cursor: pointer;

}

.aStr{

    background-color: #FFF;

    padding: 10px;

}



.CamArea{

    padding-top: 50px;

    padding-bottom: 50px;

    margin-top: 50px;

}



.acMenu dt{

    display:block;

    text-align:left;

    cursor:pointer;

}

.acMenu dt:after{

    content: "\f13a";

    font-family: FontAwesome;

    position: absolute;

    top: 15%;

    right:15px;

    font-size:30px;



}

.acMenu dd{

    background:#f2f2f2;

    text-align:cleft;

    display:none;

    padding:10px;

    background-color: #FFF;

}

.acMenu dd>div{

    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/a.png) ;

    background-repeat: no-repeat;

    background-size: 40px auto;

    background-position: top left;

    padding-left: 50px;

}

.acMenu dt.active{



}

.acMenu dt.active:after{

    content: "\f139";

    font-family: FontAwesome;

}



.imgwrap {

    position: relative;

    width: 100%;

    background-color: #ffe900;

    color: #00b2a9;

    -moz-border-radius: 50% 50%;

    -webkit-border-radius: 50% 50%;

    -o-border-radius: 50% 50%;

    -ms-border-radius: 50% 50%;

}

.imgwrap:before {

    content:"";

    display: block;

    padding-top: 100%; /* 高さを幅の75%に固定 */

}

.circleStr {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}



.circle3{

    text-align: center;

    background-color: #ffe900;

    color: #00b2a9;

    -moz-border-radius: 50% 50%;

    -webkit-border-radius: 50% 50%;

    -o-border-radius: 50% 50%;

    -ms-border-radius: 50% 50%;

    width: 100px;

    height: 100px;

    position: absolute;

    top:0;

    right:3%;

    font-size: 25px;

    z-index: 2;

}

.circleStr{

    line-height: 15px;

    padding-top: 19px;

}

.mcenter{ margin: 20px 10px; max-width: 50%; width: auto; height: auto; }



footer a{ color: #999; text-decoration: none; margin-top: 20px; }



div.contactPage{ padding-bottom: 3%;

    color: #999;

}



.subpage_i{

    color:#00b2a9;

}



.notopborder{ border-top: none; }

.bottomborder1 { border-bottom:#00b2a9 1px solid; }



.form-horizontal .form-group{ margin-left: -14px; margin-right: -14px; }

.form-horizontal .form-group .mr-15{ margin-right: -15px !important; }

.form-group{ margin-bottom: 0px;}

.form-horizontal .control-label{ padding-top: 15px;}



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

    .nagareArrow:after {

        top:25%;

    }

}



@media only screen and (max-width:991px){

    .box2Strleft{ padding-left: 5%;}

    .box2StrRight{ padding-top: 0%; padding-left: 5%;}

    .box3Body{ min-height: 0px;}

    .box3Title{ padding-top: 0px; text-align: left; }

    .CamArea{

        padding-top: 20px;

        padding-bottom: 0px;

        margin-top: 0px;

    }



    .mcenter{ margin: 20px 15px; max-width: 90%; width: auto; height: auto; }



    footer{ padding-bottom: 13%; }

    .hyouTitle{ text-align: left; }



}



@media only screen and (max-width:846px){



    .box2Strleft{ padding-left: 5%;}

    .box2StrRight{ padding-top: 0%; padding-left: 5%;}

    .box3Body{ min-height: 0px;}

    .box3Title{ padding-top: 0px; text-align: left; }

    .CamArea{

        padding-top: 20px;

        padding-bottom: 0px;

        margin-top: 0px;

    }



    .nagareArea{ padding-bottom: 20px; margin-top: 20px; }

    .nagareBody{

        float: none;

        max-width: 90%;

        width: 90%;

        margin: -10px 5%;

    }

    .nagareBody:first-child{ margin: -10px 5%; }

    .nagareArrow{ float: none; position: relative; padding-top: 0; }

    .nagareArrow:after {

        content: "\f078";

        font-family: FontAwesome;

        float: none;

        position: relative;

        top: 0%;

        left: 0%;

        margin-left: 0;

        font-size: 13vw;

    }

    .nagareStr{ font-size: 18px; }



    .voiceArea{ padding: 30px 0; margin-top: 30px; }

    .hyouTitle{ text-align: left; }

}

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

    .box2Strleft{ padding-left: 5%;}

    .box2StrRight{ padding-top: 0%; padding-left: 6%;}

    .box3Body{ min-height: 0px;}

    .box3Title{ padding-top: 0px; text-align: left; }



    .CamArea{ padding-top: 20px; padding-bottom: 0px; margin-top: 0px; }

    .backRitsu{ max-width: 94%; width: 94%; margin: 3%; padding: 20px 0 0 0; float: none; text-align: center; }

    .bank{ max-width: 94%; width: 94%; margin: 3%; padding: 0; float: none; text-align: center; }



    .faqBody{ margin-top: 10px;}

    .qTitle{ height: 70px;}

    footer{ padding-bottom: 18%; }

    .hyouTitle{ text-align: left; }



}

@media only screen and (max-width:640px){



    h1{ font-size: 24px; }

    h3{ font-size: 20px; }

    .box1>ul{

        margin: 10px 10px;

        padding: 10px 0px;

    }

    .box1>ul>li{

        text-align: left;

        list-style: none;

        font-size: 16px;

        line-height: 25px;

    }

    .box1text{

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .box2Strleft{ padding-left: 5%;}

    .box2StrRight{ padding-top: 0%; padding-left: 5%;}



    .box3Body{ min-height: 0px;}

    .box3Title{ padding-top: 40px; text-align: left; }

    .box3Strleft{ padding-left: 5%;}

    .box3StrRight{ padding-top: 0%; padding-left: 5%;}

    .box4Title2{ margin-top: 30px; }



    .navbar-default .navbar-nav{ max-width: 100%;}

    .navbar-default .navbar-nav > li{ width: 100%; text-align: center; border-bottom: 1px dotted #FFF;}

    .navbar-default .navbar-nav > li > a{ width: 100%; text-align: center; margin: 0px;}

    .navbar-default .navbar-nav > li > a.small{ width: 100%; text-align: center; margin: 0px;}

    .navbar-default .navbar-nav > li:last-child{ border-bottom: none;}

    .navbar-default .navbar-nav > li > a:hover{ background-image: none; }

    .navbar-default .navbar-nav { margin: 0px; }



    .CamArea{ padding-top: 20px; padding-bottom: 0px; margin-top: 0px; }

    .backRitsu{ max-width: 94%; width: 94%; margin: 3%; padding: 20px 0 0 0; float: none; text-align: center; }

    .bank{ max-width: 94%; width: 94%; margin: 3%; padding: 0; float: none; text-align: center; }



    .qTitle{ min-height: 60px;}



    footer{ padding-bottom: 20%; }

    .hyouTitle{ text-align: left; }

}

td iframe {

width: 100%;

max-width: 100%;

}





img {

width: auto;

height: auto;

max-width: 100%;

}



header {

background-color: #53dbc0;

}

.header_img {

text-align: center;

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/mv_bg.png);

background-size: cover;

background-repeat: no-repeat;

background-position: center;

padding-top: 3em;

padding-bottom: 3em;

position: relative;

overflow: hidden;

}

.header_hr {

position: absolute;

width: 60%;

height: auto;

top: 7%;

right: -20%;

}

.header_hr2 {

position: relative;

}

.img_hr1 {

position: absolute;



}

.img_hr2 {

position: absolute;

z-index: 10;

right: -35%;

left: 0;

margin: auto;

top: 5px;

}

.header_img .inner {

max-width: 700px;

position: relative;

text-align: left;

}









.header_top {

background-color: #53dbc0;

}

.header_bottom {

background-color: #53dbc0;

text-align: center;

padding-bottom: 50px;

}



.inner {

max-width: 1200px;

margin: 0 auto;

width: 100%;

}



.col img {

max-width: 350px;

}



.col {

    padding: 0 25px;

    font-size: 14px;

    position: relative;

    width: 100%;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    letter-spacing: 0.02em;

margin-top: 3em;

}

.section-main#concept .img1 {

    margin-top: 10px;

}

.wipe.standby.cue {

    transform: scaleX(1);

    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.wipe.belt-blue {

    background-color: #69c1ff;

}

.wipe[class*="belt-"] {

    color: #fff;

}

.scroll-cue {

    color: inherit;

}

.wipe {

    display: inline-block;

    transform: scaleX(0);

    transform-origin: left;

    position: relative;

    line-height: 1;

}

.wipe.standby.cue .text, .wipe.standby.cue .image {

    width: 100%;

    transition: width 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;

}

.wipe.standby .text, .wipe.standby .image {

    width: 0;

    will-change: width;

}

.wipe .text, .wipe .image {

    display: block;

    overflow: hidden;

}

.wipe .image img {

    display: block;

}

.img2 {

    text-align: right;

    margin-top: -160px;

    margin-right: -5%;

}

.wipe.standby.cue {

    transform: scaleX(1);

    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.wipe.belt-purple {

    background-color: #B58FFF;

}

.wipe[class*="belt-"] {

    color: #fff;

}

.wipe.standby.cue .text, .wipe.standby.cue .image {

    width: 100%;

    transition: width 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;

}





.youtube {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

}

.youtube iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

}

.youtubebox .youtube iframe {

height: auto;

}

.youtubebox {

padding: 10px;

}

.third .inner {

max-width: 800px;

width: 100%;

padding-top: 50px;

padding-bottom: 50px;

}

.third {

background-color: #fffec3;

background-position: center;

}



.header_top ul {

padding: 0;

margin-bottom: 0;

font-size: 0;

}

.header_top ul li {

list-style: none;

display: inline-block;

width: 20%;

font-size: 16px;

text-align: center;

}

.header_top ul li a {

text-decoration: none;

color: #fff;

font-weight: bold;

display: block;

padding-top: 1em;

padding-bottom: 1em;

}

.header_logo .inner {

display: flex;

margin: 0 auto;

max-width: 1500px;

justify-content: space-between;

align-items: center;

width: 100%;

background-color: #fff;

padding-top: 1em;

padding-bottom: 1em;

}

.header_bottom ul {

list-style: none;

font-size: 0;

padding: 0;

padding-bottom: 50px;

margin-bottom: 0;

}

.header_bottom ul li {

list-style: none;

font-size: 16px;

display: inline-block;

width: calc(33.3% - 10px);

background-color: #fff;

margin-right: 5px;

margin-left: 5px;

padding: 1.5em;

border-radius: 5px;

box-shadow: 0 32px 30px -30px rgb(0, 0, 0);



}

* {

font-family: "kudou","Noto Sans", "Noto Sans JP", "Noto Sans Japanese", "Avenir", "Open Sans", Roboto, "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}





.odometer__text {

background-color: #53dbc0;

position: relative;

min-width: 225px;

padding: 12px 18px;

font-size: 24px;

font-weight: bold;

line-height: 1.27;

letter-spacing: .2em;

color: #fff;

border-radius: 50px;

}

.odometer__text::after {

width: 0;

height: 0;

position: absolute;

bottom: 1px;

left: 50%;

border-top: 10px solid #53dbc0;

border-right: 10px solid transparent;

border-left: 10px solid transparent;

content: "";

-webkit-transform: translate(-50%, 100%);

-ms-transform: translate(-50%, 100%);

transform: translate(-50%, 100%);

}

.odometer__outer {

width: calc(50% - 2%);

float: left;

padding: 40px 30px;

margin-bottom: 40px;

background-color: #fff;

border-radius: 20px;

text-align: center;

margin-right: 1%;

margin-left: 1%;

}

.odometer__border {

background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #ffff66));

background: -o-linear-gradient(transparent 80%, #ffff66 60%);

background: linear-gradient(transparent 80%, #ffff66 60%);

display: inline-block;

margin-top: 1.5em;

}

.four .inner {

max-width: 1060px;

}



.part-od .odometer__outer:nth-child(odd) .odometer__img {

width: 30%;

float: right;

}

.part-od .odometer__outer:nth-child(odd) .odometer__r {

width: 70%;

float: left;

padding-right: 20px;

}

.part-od .odometer__outer:nth-child(even) .odometer__img {

width: 30%;

float: left;

}

.part-od .odometer__outer:nth-child(even) .odometer__r {

width: 70%;

float: right;

padding-left: 20px;

}



.part-od {

content: "";

}

.part-od::before {

content: "";

display: block;

clear:both;

}

.part-od::after {

content: "";

display: block;

clear:both;

}



.four {

position: relative;

padding-bottom: 55px;

background: #f7f7f7;

}



.odometer-inside {

color: #fff;

-webkit-text-stroke-color: #0051a8;

-webkit-text-stroke-width: 1px;

text-shadow: #0051a8 1px 1px 0, #0051a8 -1px 1px 0px, #0051a8 1px -1px 0px, #0051a8 -1px -1px 0px;

font-weight: bold;

font-size: 60px;

line-height: 1.01;

}



.odometer__unit {

display: inline-block;

font-size: 35px;

vertical-align: text-top;

font-weight: bold;

line-height: 1.01;

margin-left: 3px;

}

.back_g {

background-color: #53dbc0;

padding-top: 40px;

}

.back_g p {

margin-bottom: 0 !important;

}

.reviews_box {

max-width: 1000px;

border: 4px double #000;

padding: 4em 2em 2em;

margin: 0 auto;

background-color: #fff;

border-radius: 5px;

width: 95%;

font-size: 1.2em;

position: relative;

}



.review_box {

display: flex;

align-items: stretch;

height: 100%;

padding: 14px;

border-radius: 4px;

border: 2px solid #000;

color: #333;

}

.review_box .img {

width: 100%;

margin-right: 0;

margin-left: 0;

max-width: 140px;

height: auto;

}

.review_box .img .img-wrap {

    padding-top: 100%;

    height: 0;

    position: relative;

}

.review_box .img .img-wrap img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    transition: opacity ease .3s;

}

.review_box .img .name {

    margin-top: 6px;

    color: #888;

    font-size: 14px;

text-align: center;

}

.review_box .txt-wrap {

    position: relative;

    width: calc( 100% - 140px );

font-size: 16px;

}

.review_box .txt-wrap p {

margin-top: .7em;

margin-bottom: 1em;

}





.review_box .txt-wrap .title {

font-size: 18px;

font-weight: 700;

line-height: 1.4444444444;

margin-bottom: 16px;

color: #333;

background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #ffff66));

background: -o-linear-gradient(transparent 80%, #ffff66 60%);

background: linear-gradient(transparent 80%, #ffff66 60%);

display: inline;

}

.five .inner ul {

display: flex;

align-items: stretch;

flex-wrap: wrap;

margin: -30px -15px 40px;

padding: 0 !important;

}

.five .inner li {

list-style: none;

width: calc( 50% - 30px );

margin: 30px 15px 0;

}

.row {

    margin-right: 0 !important;

    margin-left: 0 !important;

padding-top: 15px;

padding-bottom: 15px;

font-size: 1.1em;

}





.col-sm-4.col-sm-offset-4.control-label.comit01 {

    margin: 0 auto;

    float: none;

    width: 100%;

    max-width: 700px;

}

.hyouStr {

border-top: none !important;

}



@media only screen and (max-width:600px){



body .comit-thanks.confirm .col-md-9 {

padding: 1em;

border-radius: 0;

font-size: 13px;

}





.form_area .inner {

border: none !important;

border-radius: 0 !important;

}





.header_l img {

    width: 90%;

}



.header_r {

max-width: 200px !important;

}



}



@media only screen and (max-width:1200px){







body .odometer__outer {

padding: 20px 0 !important;

}









.odometer__text {

min-width: 0 !important;

}





body .merit_r_title {

font-size: 1.2em;

}





.form_title {

font-size: 1.8em !important;

margin-bottom: 10px !important;

}



body .col-md-9 {

padding-right: 0;

padding-left: 0;

}

body .label {

vertical-align: text-top;

}

.col-md-3.formTitle {

    margin-bottom: 10px;

padding-right: 0;

padding-left: 0;

}



.odometer__outer {

width: 95% !important;

padding: 20px !important;

margin-right: auto !important;

margin-left: auto !important;

float: none;

}

.odometer__outer::after {

clear:both;

display: block;

content: "";

}







.odometer__text {

padding: 12px 10px !important;

}

}



.h2_title {

text-align: center;

font-weight: bold;

font-size: 3.7em;

margin-bottom: 1em;

position: relative;

color: #fff;

animation-iteration-count: 2;

}

.h2_title .titlebox {

background-color: #fbe616;

padding: .4em 1.5em .5em;

display: inline-block;

position: relative;

line-height: 1.2em;

font-weight: normal;

border-radius: 5px;

color: #494632;

}





.transaction span {

color: red;

}

.txt-wrap .title i {

margin-right: 5px;

margin-left: 5px;

}



.reviews_box_l {

float: left;

width: 20%;

text-align: center;

}

.reviews_box_l img {

max-width: 150px;

width: 100%;

}

.reviews_box_r_h {

width: 80%;

float: right;

}

.reviews_box_r {

max-width: 100px;

position: absolute;

top: -10%;

right: 0;

left: 0;

margin: auto;

background-color: #fbfad2;

border: 1px solid #000;

border-radius: 100%;

overflow: hidden;

}

.five {

background-color: rgba(83, 219, 192, .3);

padding-top: 50px;

padding-bottom: 100px;



}

.review_box {

background-color: #fff;

}

.procedure .list_t {

padding: 0;

margin: 0;

font-size: 0;

}



.procedure .list_t li {

display: inline-block;

width: 25%;

box-sizing: border-box;

list-style: none;

font-size: 17px;

vertical-align: top;

margin-bottom: 2%;

}



.h2_title::before {

    content: "";

    display: block;

    position: absolute;

    bottom: -1.9vw;

    left: 0;

    right: 0;

    margin: auto;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 2vw 2vw 0 2vw;

    border-color: #fbe616 transparent transparent transparent;

}

.titlebox::before {

    content: "";

    display: block;

    position: absolute;

    background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/character08.png);

    width: 150px;

    height: 150px;

    z-index: 9999;

    right: -50px;

    top: -20px;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}









.reviews_area {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back01.png);

background-repeat: no-repeat;

background-size: contain;

padding-top: 100px;

padding-bottom: 50px;

background-position: bottom center;

background-color: #b4b4b4 !important;

}



.effect-fade {

opacity : 0;

transform : translate(0, 80px);

transition : all 1.5s;

}



.effect-fade.effect-scroll {

opacity : 1;

transform : translate(0, 0);

}

.reviews_box_title {

position: absolute;

font-weight: bold;

font-size: 2em;

background-color: #000;

color: #fff;

border-radius: 5px;

top: -25px;

border: 1px solid #fff;

right: 0;

left: 0;

text-align: center;

max-width: 720px;

margin: auto;

width: 90%;

}



.reviews_box_title i {

margin-right: 10px;

margin-left: 10px;

}



.info {

padding-top: 50px;

padding-bottom: 50px;

}



.info th {

background-color: #53dbc0;

color: #fff;

padding: 10px;

font-size: 18px;

border: 1px solid #fff;

}

.info td {

padding: 10px;

font-size: 18px;

border: 1px solid #ccc;

background-color: #fff;

}

.info table {

width: 100%;

max-width: 1000px;

margin: 0 auto;

}





.info_title {

text-align: center;

font-weight: bold;

font-size: 3em;

margin-bottom: .5em;

}

footer {

background-color: #53dbc0;

color: #fff;

}

footer ul {

padding: 40px 0;

margin-bottom: 0;

text-align: center;

}

footer ul li {

display: inline-block;

list-style: none;

}

footer ul li a {

color: #fff;

}

.reviews_area p {

margin-bottom: 1.5em;

}

.reviews_box ul {

margin-bottom: 1.5em;

}





.reviews_box ul li {

    color: red;

    font-weight: bold;

    margin-top: 5px;

}



.question_text {

display: inline-block;

width: calc(100% - 65px);

}

body {

overflow-x: hidden;

}



@media only screen and (max-width:1200px){

.reviews_area {

padding-bottom: 30% !important;

background-size: contain !important;

background-position: bottom !important;

background-color: #b4b4b4 !important;

}

}





@media only screen and (max-width:500px){

body .procedure .inner {

    padding-top: 20px !important;

}

}





@media only screen and (max-width:1200px){







.step p {

max-width: 360px;

margin-right: auto;

margin-left: auto;

}



.form_title.z::before {

width: 183px !important;

height: 80px !important;

bottom: -65px !important;

right: 0 !important;

}

.form_title_b {

padding-bottom: 30px !important;

}



.form_title.z {

    font-size: 1.3em !important;

padding-bottom: 20px !important;

padding-top: 35px !important;

margin-bottom: 0 !important;

}

.form_title_f {

    font-size: .8em !important;

}







.procedure_img {

top: -70px !important;

}

.procedure .inner {

padding-top: 50px !important;

}

.procedure .list_t li {

margin-top: 60px !important;

}







body .effect-fade {

    opacity: 0;

    transform: translate(0, 50px);

    transition: all 1s;

}

.header_bottom .inner {

width: 95% !important;

}



.inner .merit_rank:last-child {

padding-right: 90px;

}

.merit_rank {

padding: 1em .5em !important;

font-size: 1.2em !important;

}





.header_bottom .inner::before {

width: 150px !important;

height: 112px !important;

right: -35px !important;

}

.procedure .list_t li {

width: 95% !important;

margin-right: auto !important;

margin-left: auto !important;

display: block !important;

}



.question_q {

    height: auto !important;

    font-size: 1.2em !important;

}

.question_a {

    height: auto !important;

    font-size: 1em !important;

}

body .transaction {

font-size: 1.2em;

width: 95%;

margin-right: auto;

margin-left: auto;

}



.question ul li {

width: 95% !important;

margin-right: auto !important;

margin-left: auto !important;

display: block !important;

}

.question_box::before {

width: 50px !important;

height: 100px !important;

}

.question ul li:last-child .question_q,.question ul li:last-child .question_a {

padding-right: 40px !important;

}

.question_img {

max-width: 30px !important;

margin-right: 10px !important;

}









.merit .inner {

padding-right: 1em;

padding-left: 1em;

}

.merit_l {

    float: none !important;

    width: 100% !important;

}

.merit_r {

float: none !important;

width: 100% !important;

margin-top: 1em !important;

padding: 0 !important;

}

















.reviews_box {

padding: 2em 1em !important;

}

.h2_title .titlebox {

padding: .8em 0 .7em !important;

display: block !important;

}

.h2_title {

font-size: 2em !important;

}

.h2_title::before {

bottom: -4.5vw !important;

border-width: 5vw 5vw 0 5vw !important;

}



.titlebox::before {

width: 95px !important;

height: 95px !important;

top: -45px !important;

right: 0;

}

.five .inner li {

width: 95% !important;

margin: 0 auto !important;

}

.five .inner ul {

display: block !important;

margin: 0 !important;

}

.review_box .img {

max-width: 80px !important;

margin-left: 0 !important;

}

.review_box .txt-wrap {

width: 100% !important;

padding-left: 10px !important;

}

.review_box {

margin-top: 2em !important;

margin-bottom: 2em !important;

}

.reviews_box {

max-width: 95% !important;

}

.reviews_box_title {

font-size: 1.3em !important;

}

}



.reviews_box_img {

text-align: center;

margin-top: 50px;

}

.reviews_box_img img {

margin-right: 5px;

margin-left: 5px;

}





.cv {

background-color: #53dbc0;

text-align: center;

}

.h2_title small {

font-size: 70%;

}

.reviews_box_img ul {

list-style: none;

padding: 0;

margin: 0 auto;

max-width: 1200px;

font-size: 0;

}

.reviews_box_img ul li {

display: inline-block;

width: 33.3%;

}

.step {

min-height: 280px;

border-radius: 10px;

padding: 1.8em;

position: relative;

padding-top: 4em;

width: 90%;

margin-right: auto;

margin-left: auto;

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back08.png);

background-size: contain;

background-position: center;

background-repeat: no-repeat;

}

.step .red_big {

margin-bottom: .5em;

}





.list_t li::before {

content: "";

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/arrow.png);

background-position: center;

background-repeat: no-repeat;

background-color: transparent;

background-size: contain;

position: absolute;

width: 100px;

height: 25px;

top: 0;

bottom: 0;

right: -15%;

margin: auto;

z-index: 999;

}

.procedure .list_t li {

position: relative;

}



.list_t li:last-child::before {

display: none;

}

.procedure .list_t {

position: relative;

}



.procedure .inner {

max-width: 1300px;

width: 100%;

position: relative;

padding-top: 110px;

}

.procedure_img {

text-align: center;

position: absolute;

top: -155px;

right: 0;

left: 0;

margin: auto;

}







.reviews_box_text {

margin-top: 1em;

margin-bottom: 1em;

padding-top: 1em;

padding-bottom: 1.5em;

border-bottom: 4px double #ccc;

}

.red_big {

font-size: 1.2em;

font-weight: bold;

display: inline;

border-radius: 5px;

padding-right: 5px;

padding-left: 5px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #ffff66));

background: -o-linear-gradient(transparent 80%, #ffff66 60%);

background: linear-gradient(transparent 80%, #ffff66 60%);

}



.reviews_box_text::after {

content: "";

display: block;

clear:both;

}

.reviews_title {

font-size: 1.2em;

font-weight: bold;

margin-bottom: .2em;

}



.cloud::after {

content: "";

display: block;

clear:both;

}

.merit_l {

float: left;

width: 40%;

}

.merit_r {

float: right;

width: 60%;

padding: 0 0 0 1.5em;

font-size: 18px;

}



.merit_r_title {

color: #0051a8;

font-weight: bold;

font-size: 1.7em;

margin-bottom: .7em;

border-bottom: 1px solid #0051a8;

}



.merit_box {

margin-top: 100px;

margin-bottom: 100px;

}

.merit_box.r .merit_r {

float: left;

padding: 0 1.5em 0 0;

}

.merit_box.r .merit_l {

float: right;

}



.merit_r table {

width: 100%;

max-width: 100%;

margin: 1.5em auto 0;

}

.merit_r table th {

    background-color: #53dbc0;

    color: #fff;

    padding: 10px;

    font-size: 18px;

    border: 1px solid #fff;

}

.merit_r table td {

    padding: 10px;

    font-size: 18px;

    border: 1px solid #ccc;

    background-color: #fff;

}

.merit_r p {

margin-bottom: 1em;

}

.merit_r ul {

margin-top: 1.5em;

margin-bottom: 1.5em;

}



.merit_l {

position: relative;

}

.merit_l img {

border: 1px solid #ccc;

border-radius: 10px;

overflow: hidden;

}





.merit_l::before {

content: "";

position: absolute;

width: 50px;

height: 50px;

background-size: 90%;

background-position: center;

background-repeat: no-repeat;

background-color: #fff;

border-radius: 100%;

left: 10px;

top: 5px;

border: 1px solid #999;

}

.one .merit_l::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/count01.png);

top: 10px;

}

.two .merit_l::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/count02.png);

}

.three .merit_l::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/count03.png);

}

.four2 .merit_l::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/count04.png);

}

.five .merit_l::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/count05.png);

}

.six .merit_l::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/count06.png);

}



.procedure {

background-color: #53dbc0;

padding-top: 50px;

padding-bottom: 50px;

}

.transaction {

    font-size: 2em;

    text-align: center;

    border: 5px solid #000;

    margin-top: 1em;

    border-radius: 5px;

    color: #000;

    font-weight: bold;

    padding: .5em;

    background-color: #fff;

position: relative;

}







.transaction::before {

content: "";

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/star.png);

background-repeat: no-repeat;

background-position: center;

position: absolute;

width: 200px;

height: 200px;

background-size: cover;

right: 0;

top: -55px;

}



.transaction span {

font-size: 1.5em;

}



.img_w {

position: relative;

max-width: 935px;

margin: 0 auto;

width: 100%;

}

.img_r {

position: absolute;

top: 0;

width: 100%;

max-width: 100%;



animation-name: shake;

animation-duration: 1s;

animation-timing-function: ease-in-out;

animation-iteration-count: 15;



}

@font-face{

    font-family:'kudou';

    src:url('YasashisaGothic.woff') format('woff'), /* Modern Browsers */

    url('YasashisaGothic')  format('opentype'); /* Safari, Android, iOS */

}



@-webkit-keyframes buruburu {

    0% {-webkit-transform:translate(0, 0) rotate(-3deg);}

    50% {-webkit-transform:translate(0, -1px) rotate(0deg);}

    100% {-webkit-transform:translate(0, 0)rotate(3deg);}

}



@keyframes buruburu {

    0% {transform:translate(0, 0) rotate(-3deg);}

    50% {transform:translate(0, -1px) rotate(0deg);}

    100% {transform:translate(0, 0)rotate(3deg);}

}





.question_q {

background-color: #53dbc0;

color: #fff;

font-weight: bold;

padding: .5em;

font-size: 1.5em;

padding-left: 20px;

}



.question ul li:last-child .question_q {

padding-right: 80px;

}

.question ul li:last-child .question_a {

padding-right: 80px;

}









.question_a {

background-color: #fff;

padding: .5em;

padding-left: 20px;

font-size: 1.2em;

padding-bottom: 1.5em;

min-height: 140px;

}



.question_box {

position: relative;

margin-bottom: 0;



}











.question ul li:last-child .question_box::before {

content: "";

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/question01.png);

position: absolute;

width: 70px;

height: 140px;

z-index: 999;

background-size: cover;

background-position: center;

background-repeat: no-repeat;

top: 0;

right: 0;

}







.question_img {

float: left;

max-width: 40px;

width: 100%;

margin-right: 20px;

}



.question ul {

margin: 0;

padding: 0;

font-size: 0;

}

.question ul li {

list-style: none;

display: inline-block;

width: calc(50% - 3%);

margin-right: 1.5%;

margin-left: 1.5%;

font-size: 14px;

margin-bottom: 2.5em;

border: 2px solid #000;

vertical-align: top;

}



.question_a .question_text {

color: #000;

}

.question_q {

min-height: 90px;

}

.question ul li {

border-radius: 5px;

overflow: hidden;

}

.question {

background: #f7f7f7;

padding-top: 0;

padding-bottom: 3em;

}



.header_bottom .inner {

max-width: 800px;

position: relative;

width: 100%;

border: 2px solid #000;

border-radius: 5px;

overflow: hidden;

}

.header_bottom .inner::before {

content: "";

position: absolute;

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/merit01.png);

width: 250px;

height: 187px;

background-size: cover;

background-repeat: no-repeat;

background-position: center;

bottom: 0;

right: -20px;

}



.merit_rank {

text-align: left;

padding: 1em;

font-size: 1.5em;

}



.merit_rank.f {

background-color: #fff;

}

.merit_rank.b {

background-color: #e9dee3;

}





.merit_img {

    float: left;

    max-width: 35px;

    width: 100%;

    margin-right: 5px;

}

.merit_text {

    display: inline-block;

    width: calc(100% - 40px);

}

.cv {

padding-top: 50px;

padding-bottom: 50px;

}



.buruburu {

    animation-name:buruburu;

animation-iteration-count: 2;

}



@-webkit-keyframes buruburu {

    0% {-webkit-transform:translate(0, 0) rotate(-3deg);}

    50% {-webkit-transform:translate(0, -1px) rotate(0deg);}

    100% {-webkit-transform:translate(0, 0)rotate(3deg);}

}



@keyframes buruburu {

    0% {transform:translate(0, 0) rotate(-3deg);}

    50% {transform:translate(0, -1px) rotate(0deg);}

    100% {transform:translate(0, 0)rotate(3deg);}

}



.form_area {

background-color: #53dbc0;

padding-top: 50px;

}

.form_area .inner {

background-color: #fff;

padding: 1em;

border: 2px solid #000;

max-width: 900px;

border-radius: 5px;

    font-size: 16px;

}

.form_title {

    margin-top: 20px;

    margin-bottom: 40px;

    text-align: center;

    font-weight: bold;

    font-size: 2.5em;

    padding-bottom: 20px;

}

.form-control {

margin-bottom: 10px;

}



.contact_box {

border: 1px solid #000;

border-radius: 10px;

overflow: hidden;

max-width: 800px;

margin-right: auto;

margin-left: auto;

margin-bottom: 2.5em;

}

.contact_title {

text-align: center;

background-color: #53dbc0;

padding-top: 10px;

padding-bottom: 10px;

}

.contact_text {

padding: 1em

}

body .col-sm-offset-4 {

    margin-left: auto;

    float: none;

    margin-right: auto;

}

.contsBody.comit-bb.thanks_hp {

    background-color: #53dbc0;

padding-bottom: 30px;

padding-top: 30px;

}

.contsClear.thanks01 {

border: 2px solid #000;

max-width: 700px;

margin-right: auto;

margin-left: auto;

background-color: #fff;

padding: 1.5em;

}

.btn.btn-success.btn-lg.btn-block.mt30 {

    color: #449d44;

    background-color: #fff;

    border: 3px solid #449d44;

    text-decoration: none;

}



.contsBody.comit-bb.thanks_hp .form_title {

margin-bottom: 20px !important;

}

.question .form_title {

font-size: 3em;

}



.odometer__text span {

font-size: .6em;

}







.form_title_b {

background-color: #53dbc0;

font-weight: bold;

padding-bottom: 0;

padding-top: 80px;

}

.form_title.z {

max-width: 800px;

width: 95%;

margin: 0 auto;

background-color: #fff;

padding-bottom: 40px;

padding-top: 55px;

position: relative;

border: 2px solid #000;

border-radius: 10px;

color: #494632;

}



.form_title_f {

font-size: .7em;

position: absolute;

right: 0;

left: 0;

margin: auto;

top: -30px;

max-width: 500px;

padding-top: 15px;

padding-bottom: 14px;

width: 100%;

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/ttl42.png);

background-size: contain;

background-position: center;

background-repeat: no-repeat;

}





.form_title.z::before {

content: "";

position: absolute;

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back04.png);

width: 300px;

height: 131px;

background-position: center;

background-size: cover;

background-repeat: no-repeat;

bottom: -60px;

right: -150px;

}





.cv .button_img {

float: left;

width: 50%;

z-index: 999;

position: relative;

}



.cloud::after {

content: "";

clear:both;

display: block;

}

.cv .button {

background-color: #fff;

padding: 1em;

position: relative;

}



.button_img::before,.tel_mail::before {

content: "";

position: absolute;

width: 150px;

height: 150px;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

}

.button_img::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back06.png);

top: -135px;

left: -80px;

}

.tel_mail::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back07.png);

top: -135px;

right: -80px;

}







.cv .button a {

color: #fff;

font-size: 2em;

text-decoration: none;

display: block;

font-weight: bold;

}

.tel_mail {

float: right;

width: 50%;

}

.tel,.mail {

width: 100%;

margin: 0 auto;

background-color: #fff;

font-size: 3em;

text-align: left;

padding: .5em;

}

.tel a,.mail a {

text-decoration: none;

}

.mail {

border-top: 1px solid #999;

}





.img {

max-width: 100%;

margin: 0 auto;

}



.cv .inner {

max-width: 980px;

}



.button_img img,.tel_mail img {

max-width: 450px;

width: 95%;

}

.button_img,.tel_mail {

text-align: center;

position: relative;

}

.cv ul {

padding: 0;

margin-bottom: 0;

}



.cv ul li {

display: inline-block;

background: #fff;

font-size: 2.5rem;

padding: 6px 30px;

border-radius: 25px;

margin: 0 10px 20px;

list-style: none;

}

.cv ul li span {

font-size: 3rem;

color: #d02626;

}

.lead {

    font-size: 5rem;

    color: #fff;

    margin-bottom: 15px;

    position: relative;

    z-index: 1;

}

.disp-tab {

    display: none;

}

.lead span {

    color: #f5ed93;

}



.text {

display: inline-block;

position: relative;

font-size: 3rem;

padding: 0 60px;

margin-bottom: 20px;

font-weight: bold;

margin-top: 15px;

}



.text span {

background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #ffff66));

background: -o-linear-gradient(transparent 80%, #ffff66 60%);

background: linear-gradient(transparent 80%, #ffff66 60%);

}



.text::before {

    left: 0;

    -webkit-transform: rotate(-30deg);

    transform: rotate(-30deg);

}

.text::after {

    right: 0;

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

}

.text::before,.text::after {

    content: "";

    width: 2px;

    height: 100%;

    background: #191919;

    position: absolute;

    top: 0;

}



.header_img .img_hl {

margin-left: -7%;

max-width: 700px;

}



.ex_img {

text-align: center;

width: 80%;

max-width: 500px;

margin: 0 auto;

}

@media only screen and (max-width:500px){

.contact_text {

    padding: 1em 0 !important;

}

.contact_box {

    border: none !important;

}

.form-control {

    display: inline-block !important;

}





}





@media only screen and (max-width:1200px){







.procedure_img {

max-width: 700px;

}





body .procedure {

padding-top: 0;

}





body .transaction::before {

display: none;

}







body .list_t li::before {

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/arrow2.png);

width: 25px;

height: 100px;

right: 0;

left: 0;

top: auto;

bottom: -30px;

}





body .cv .button_img {

    float: none;

    width: 100%;

    max-width: 500px;

}

body .tel_mail {

    float: none;

    width: 100%;

    max-width: 500px;

margin-top: 1em;

}







body .cv .button {

width: 95% !important;

margin-right: auto;

margin-left: auto;
overflow: hidden;
}

body .text::before,body .text::after {

height: 90%;

}

body .text::before {

    left: 15px;

}

body .text::after {

    right: 15px;

}





.tel_mail::before {

display: none;

}

body .button_img::before {

display: none;

}



.cv .inner.cloud ul::before {

content: "";

background-image: url(https://tascalu.net/wp-content/themes/tascalu/images/back06.png);

background-position: center;

background-size: contain;

background-repeat: no-repeat;

width: 100px;

height: 100px;

display: block;

position: absolute;

left: 10px;

top: -30px;



}









body .cv ul {

padding-left: 100px;

position: relative;

}



body .cv ul li {

font-size: 1.5rem;

padding: 3px 10px;

margin: 0 10px 10px 0;

}

body .cv ul li span {

font-size: 1.5rem;

}

body .lead {

    font-size: 2rem;

    letter-spacing: 0;

    margin-bottom: 10px;

}





}





h3 {

margin-top: 2em;

margin-bottom: 1em;

border-bottom: 1px solid #555;

padding-bottom: .5em;

}



.first .inner.f_img {

max-width: 800px;

}

.first .inner ul {

font-size: 0;

margin: 0;

padding: 0;

}

.first .inner ul li {

list-style: none;

width: 50%;

display: inline-block;

text-align: center;

}

.first {

padding-top: 2em;

}





.contsBody {

margin-bottom: 30px;

}



.contsClear.thanks01 .form_title {

margin-bottom: 10px;

}





.third {

display: none !important;

}







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

    .ip_only {

    display: none;

    }

    }

    @media only screen and (max-width:999px){

    .pc_only {

    display: none;

    }

    body .review_box {

        height: auto;

    }

    }





@media only screen and (max-width:1500px){

body #menutopButton .pc_only {

max-width: 40px;

top: 0;

}



}





@media only screen and (max-width:1200px){

.header_img .ip_only .img_hl {

margin-left: -7%;

max-width: 700px;

width: 90%;

}

.img_ipl {

width: 45%;

position: absolute;

right: -7%;

bottom: -10%;

}



}







#menutopButton .pc_only {

    position: fixed;

    top: 15%;

    right: 0;

    width: 50px;

    z-index: 9999;

}

#menutopButton .ip_only {

position: fixed;

bottom: 0;

right: 0;

width: 100%;

z-index: 9999;

}

#menutopButton .ip_only ul {

padding: 0;

margin: 0;

list-style: none;

font-size: 0;

}



#menutopButton .ip_only ul li {

display: inline-block;

width: 33.333333333333333333333%;

padding-right: .2%;

padding-left: .2%;

max-width: 170px;

}









#menutopButton .pc_only .over {

display: block;

margin-bottom: .5em;

}



/****--------- ボール ---------****/

.ball{

    animation: ball 0.6s alternate;

    -webkit-animation: ball 0.6s alternate;

    -moz-animation: ball 0.6s alternate;

animation-iteration-count: 10;

}

@keyframes ball{

    0%   { transform:translate(0%, 0%) rotateX(25deg); }

    100% { transform:translate(0%, -60px); }

}

@-webkit-keyframes ball{

    0%   { -webkit-transform:translate(0%, 0%) rotateX(25deg); }

    100% { -webkit-transform:translate(0%, -60px); }

}



@-moz-keyframes ball{

    0%   { -moz-transform:translate(0%, 0%) rotateX(25deg); }

    100% { -moz-transform:translate(0%, -60px); }

}



.Twitter_text {

text-align: center;

font-size: 5rem;

margin-bottom: 1.5em;

}

.Twitter_text span {

background: linear-gradient(transparent 85%, #fff799 85%);

font-weight: bold;

}

@media (min-width: 700px){

.Twitter_text {

font-size: 5rem;

margin-bottom: 1.5em;

}

}

@media (max-width: 699px){

.Twitter_text {

font-size: 25px;

margin-bottom: 0;

padding-right: 10px;

padding-left: 10px;

}

}

.Twitter_time {

text-align: center;

margin: auto !important;

border: #1da1f2 3px solid !important;

border-radius: 10px !important;

max-width: 900px;

padding: 90px 20px 30px;

background-color: #1da1f2;

position: relative;

overflow: hidden !important;

}

.Twitter_time:before {

content: "";

background-image: url(https://tascalu.net/wp-content/themes/tascalu/imagess/Twitter_Social_Icon_Circle_Color.png);

position: absolute;

top: -13px;

right: 0;

left: 0;

margin: auto;

width: 110px;

height: 90px;

background-size: cover;

}

@media (max-width: 834px){

.Twitter_time {

margin-top: 5em;

}

.cv .text {
    padding: 0 30px;
    width: 100%;
}
body .text::before, body .text::after {
    height: 60%;
    bottom: 0;
    top: auto;
  }



}

@media (max-width: 834px){

.Twitter_time {

padding: 70px 20px 20px !important;

}

.Twitter_time::before {

width: 90px;

height: 70px;

}

}

.Twitter_area {

background: #f7f7f7;

padding-top: 50px;

padding-bottom: 50px;

}

.ol_list {

margin-top: 2em;

margin-bottom: 2em;

}

.ol_list li {

margin-bottom: 1.5em;

}







@media screen and (min-width:700px) and ( max-width:1199px) {



body .cv .button_img {

width: 50% !important;

float: left !important;

}

body .tel_mail {

    float: right !important;

    width: 50% !important;

margin-top: 0 !important;

}

body .cv ul li {

font-size: 2rem !important;

}

body .cv ul li span {

    font-size: 2.5rem !important;

}

body .header_bottom .inner::before {

    width: 250px !important;

    height: 187px !important;

}

body .form_title.z::before {

    width: 250px !important;

    height: 110px !important;

}

.five .inner {

width: 95% !important;

}





}



.merit_r p b span {

color: red;

}



.header_logo {

background-color: #fff;

}



.comit-thanks.confirm .col-md-9 {

width: 100%;

float: none;

margin-top: 2em;

font-family: メイリオ;

border: 1px solid #333;

padding: 1.5em;

border-radius: 5px;

}

.form-horizontal .control-label {

width: 100%;

max-width: 600px;

margin-right: auto;

margin-left: auto;

float: none;

}

.contsBody {

    margin-top: 0 !important;

}

.row p span {

font-weight: bold;

color: red;

font-size: .9em;

}

.scroll {

margin: auto;

width: 100%;

font-size: 1em;

line-height: 1.5em;

text-align: center;

color: #000000;

background: #fff;

overflow: hidden;

padding: 7px 0;

border-top: 1px solid #ccc;

}

.scroll .animation{

  display     : inline-block;

  padding-left: 100%;

  white-space : nowrap;

  line-height : 1em;

  animation   : scrollAnime 50s linear infinite;

}

@keyframes scrollAnime{

    0% { transform: translateX(0)}

  100% { transform: translateX(-100%)}

}

.scroll .animation .notice{

background-color: #009688;

color: #fff;

font-size: .8em;

padding: 3px;

border-radius: 5px;

margin-right: 5px;

}



.text_message {

  display: none;

}

.text_none {

  display: block;

}

.attention_text {

display: none;

}



.attention_text {

font-size: .9em;

margin-top: 10px;

}

.attention_text input {

margin-top: 10px;

}

.attention_text .label-primary {

margin-right: 5px;

}







.scroll .animation .notice.red {

background-color: #e50000;

}

#text-select {

display: none;

}





.popup {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  opacity: 0;

  visibility: hidden;

  transition: .6s;

}

.popup.is-show {

  opacity: 1;

  visibility: visible;

}

.popup-inner {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 80%;

  max-width: 500px;

  padding: 0;

  background-color: #fff;

  z-index: 999999;

border-top: none;

}

.popup-inner a {

display: block;

}

.cv_pop {

max-width: 500px;

margin-right: auto;

margin-left: auto;

margin-top: 15px;

margin-bottom: 15px;

}

.title_pop {

text-align: center;

max-width: 420px;

margin-right: auto;

margin-left: auto;

margin-bottom: 15px;

}

#CDT {

color: #fff;

background-color: #F9265C;

text-align: center;

font-size: 3.3em;

font-weight: bold;

margin-bottom: 0;

line-height: 1.2em;

letter-spacing: 0;

}



#CDT * {

font-family: 'Lora', serif;

}



.Timer_area {

position: relative;

}

.time_text {

position: absolute;

top: 0;

bottom: 0;

margin: auto;

height: 20px;

left: 10px;

color: #fff;

font-size: 14px;

}

.popup-inner img {

  width: 100%;

}

.close-btn {

  position: absolute;

  right: 7px;

  top: 14px;

  width: 30px;

  height: 30px;

  line-height: 35px;

  text-align: center;

  cursor: pointer;



}

.close-btn i {

font-size: 25px;

color: #fff;

z-index: 99999999;

position: relative;

}

.black-background {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,.8);

  z-index: 999998;

  cursor: pointer;

}

.is-none {

  opacity: 0;

  visibility: visible;

  transition: all 0.5s;

}

.is-none.is-show {

display: none;

opacity: 0;

}

@media only screen and (max-width:800px){

    .simulation_are, .simulation_are .col-md-9, .simulation_are .col-md-3 {
        width: 100%;
    }
    .simulation_are h2 {
        font-size: 8vw;
      }

body .popup-inner {

padding-right: 0;

padding-left: 0;

width: 95%;

}

body .popup-inner .title_pop img {

max-width: 97%;

margin-right: auto;

margin-left: auto;

}

body .popup-inner a {

display: block;

max-width: 97%;

margin-right: auto;

margin-left: auto;

text-align: center;

}

#CDT {

font-size: 3em;

line-height: 1.1em;

}

.close-btn {

right: 0;

top: 6px;

}

.close-btn i {

    font-size: 20px;

}

.time_text {

font-size: 12px;

height: 15px;

}

.title_pop {

max-width: 250px;

margin-bottom: 10px;

}





}



.news {

max-width: 800px;

margin-right: auto;

margin-left: auto;

margin-top: 40px;

margin-bottom: 40px;

background-color: #E5FFE5;

padding: 20px;

font-size: 1.1em;

}

.news_title {

color: #00b900;

font-weight: bold;

margin-bottom: 12px;

font-size: 1.5em;

}

.news_title i {

margin-right: 5px;

font-size: 1.7em;

color: #00b900;

vertical-align: bottom;

}

.red {

color: red;

}





.news.blue {

background-color: #eef7ff;

}

.news.blue .news_title {

color: #6bb6ff;

}

.news.blue .news_title i {

font-size: 1.3em;

vertical-align: inherit;

color: #6bb6ff;

}

.scroll .animation .notice {

margin-left: 20px;

}





.calc_number span {

font-size: 1.3em;

color: #0397ea;

font-weight: bold;

margin-right: 2px;

}



.calc_title {

min-width: 90px;

display: inline-block;

}

.calc_number {

min-width: 100px;

display: inline-block;

text-align: right;

}

.attention_calc {

    color: red

}

#attention {

font-size: 14px;

}

.attention_calc span {

font-size: 14px;

}

.line_text span.red {

    font-weight: normal;

    font-size: 1em;

    display: inline-block;



}

.line_text {

    margin-top: 40px;

    margin-bottom: 5px;

}



.line_button {

display: block;

max-width: 400px;

background-color: #00B900;

color: #fff;

text-align: center;

text-decoration: none;

padding-top: 10px;

padding-bottom: 10px;

font-size: 17px;

margin-right: auto;

margin-left: auto;

border-radius: 5px;

width: 100%;

}

.line_button:hover {

    color: #fff;

    text-decoration: none;

  }

.line_border {

  max-width: 400px;

margin-right: auto;

padding: 2px;

border: 1px solid #ddc;

border-radius: 5px;

margin-top: 25px;

margin-bottom: 30px;

}

.error_block .text_message.attention_text {

    display: block !important;

    }

    .row p.mb20 span {

        font-weight: normal;

      }



.step {

background-size: 100% 100% !important;

}