/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
/*明朝
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
*/
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 16px;color: #444;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
line-height: 1.8em;-webkit-font-smoothing: antialiased;letter-spacing: 0.05em; background: #FFF;}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}

a{color: #ff1010;}
a:hover{color: #18b36d;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.wmain{width: 1200px; margin: 0 auto; overflow: hidden;}
.left{float: left}
.right{float: right;}
.pc{display: inline-block;}
.sp{display: none;}
br.sp{display: none;}
.center{text-align: center;}
h2{text-align: center;font-size: 40px;line-height: 1.4em;color: #000b31;font-weight: 900;    padding: 2rem 0;}
h2.after span{background: linear-gradient(transparent 50%, #eeff00 50%);padding: 0 14px;font-weight: bold;}
h2.fast{position:relative;}

h2.fast:after{position: relative;content: "";height: 8px;width: 90%;max-width: 600px;bottom: 2px;display: block;text-align: center;background: #ff4444;margin: 0 auto;}
h2.fast::before{position: absolute;content: '';left: 48%;top: 68%;margin-left: -15px;border: 25px solid transparent;border-top: 25px solid #ff4444;}
h2 span{position: relative;}
h2 small{display: block;font-weight: bold;font-size: 20px;line-height: 1.8em;text-transform: uppercase;margin: 0 0 5px;}
.red{color: #ff4444;}
.org_b{background-color: #ff7c3e;}
.red_b{background-color: #ff4444;}
.yellow{color:#eeff00;}
::selection {background: #ff4444;color:#fff;}
::-moz-selection {background: #ff4444;color:#fff;}
.fvbg{background: url(../img/fv-bg.jpg) center bottom no-repeat;background-size: cover;overflow: hidden;}
*:focus {outline: none;}
.pl2{padding-left:20px ;}
.br-pc {display: none;}

/*header
*********************/
#header{overflow: hidden;width: 100%;z-index: 9;transition: .5s;display: block;position: fixed;}
#header.transform{background: rgba(255, 68, 68,1);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc49', endColorstr='#ff1010',GradientType=1 );transition: .5s;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
#header.transform .wmain{padding: 10px 0;transition: .5s}
#header .wmain{padding: 20px 0 10px;transition: .5s}
#header .logo{margin:0;width: 100px;}
#header .head-cta{overflow: hidden; position: relative;margin: 10px 0 0;}
#header ul{text-align: right; overflow: hidden;}
#header .head-cta ul li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;font-size: 15px;}
#header .head-cta ul li a{color: #fff;}
#header .head-cta ul li a:hover{color: #fff000;}
.menu-trigger{display: none;}

/*fv
*********************/
#fv {overflow: hidden;color: #fff;position: relative;}
#fv h1{font-size: 16px;line-height: 1.4em;font-weight: normal;}
#fv h3 img{width: 100%}
#top_key1{position:absolute;top: 46%;width: 70%;}
#top_key2{position:absolute;top: 70%;right: 0;}

/*trouble
*********************/
#trouble{overflow: hidden;padding: 60px 0;}
#trouble .trouble_box{text-align:center;}
#trouble .trouble_box img{padding:1rem;}
#trouble .trouble_box .top_illust{width: 40%;height:auto;}
#trouble .txt{display: flex;justify-content: space-between;}
#trouble .txt li{background: url(../img/c_red.svg) 0 no-repeat;padding: 8px 0 8px 45px;}
#trouble .txt li p{font-size: 20px;line-height: 1.4em;letter-spacing: 0;text-align: justify;}
#trouble .txt li p span{border-bottom: 2px solid #ff4444;}
#trouble .moyamoya_box{background-color: #fdfdfd;padding: 3rem 2rem;margin: 1rem;box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.08);}
#trouble .moyamoya_check_text{font-size: 30px;font-weight: bold;-webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);-o-transform: rotate(-2deg);-ms-transform: rotate(-2deg);transform: rotate(-2deg);padding-bottom: 2rem;text-shadow: 2px 2px 0 #faff00;}

/*solution
*********************/
#solution .wmain{padding: 60px 0;width: 100%;}
#solution .wrap{padding: 60px 0;width: 60%;margin:0 auto}
#solution ul{margin: 40px auto 0;}
#solution ul li{position: relative;}
#solution li p{font-size: 24px;line-height: 1.4em;font-weight: 600;}
#solution li p span{color: #fff000;border-bottom: 2px solid #fff000;}
#solution .cta{text-align: center;padding: 20px;background: #fff;border: 8px solid #2f79d1;width: 85%;margin: 40px auto 0;border-radius: 8px;}
#solution .cta p{color: #444;font-size: 18px;line-height: 1.8em;font-weight: bold;}
#solution .cta .btn{margin: 15px 0 0;}
#solution .cta .btn .inr{overflow: hidden;display: inline-block;position: relative;}
#solution .yi_img{margin: 2rem auto 0;display: block;}
.kaiten img{width:300px;height:auto;}
.kaiten:nth-child(2) img{width:300px;height:auto;}
.kaiten:nth-child(3) img{width:200px;height:auto;}
.kaiten:nth-child(4) img{width:320px;height:auto;}
.wrap{display: block;width: 100%;overflow: hidden;padding-top: 150px;}.kaiten{margin: 0 -50px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;background: #fff4b4;color: #000b31;-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;}
.kaitencontent:nth-child(2){-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);padding: 100px 100px 250px 100px;margin: 0 auto;text-align: center;}
.kaitencontent{padding: 100px 100px 250px 100px;margin: 0 auto;text-align: center;}
.kaitencontent h3{font-size: 60px;position: relative;margin-bottom: 20px;}
.kaitencontent p{font-size: 18px;font-weight: bold;margin: 1rem auto;}
.kaitencontent span{font-size: 23px;font-weight: bold;background: linear-gradient(transparent 50%, #eeff00 50%);padding: 0 14px;}
.kaiten:nth-child(2){margin: 0 -50px;margin-top: -268px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;background:#FACAB0;color: #000;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;}
.kaitencontent:nth-child(2){-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);padding: 150px 100px 250px 100px;margin: 0 auto;text-align: center;}
.kaitencontext_r {-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}
.kaitencontext_l {-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
.kaitencontext_2 {-webkit-transform: rotate(2deg);-moz-transform: rotate(2deg);-o-transform: rotate(2deg);-ms-transform: rotate(2deg);transform: rotate(2deg);}
.kaiten:nth-child(3){margin: 0 -50px;margin-top: -120px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;background:#FF975F;color: #000;-webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);-o-transform: rotate(-2deg);-ms-transform: rotate(-2deg);transform: rotate(-2deg);box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;}
.kaitencontent:nth-child(3){-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);padding: 150px 100px 250px 100px;margin: 0 auto;text-align: center;}.kaiten:nth-child(4){margin: 0 -50px;margin-top: -200px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;background:#F76565;color: #000;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;}
.kaitencontent:nth-child(4){-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);padding: 150px 100px 250px 100px;margin: 0 auto;text-align: center;}
.kaiten:nth-child(5){margin: 0 -50px;margin-top: -35px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;background: #F54A4A;color: #000b31;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(-2deg);box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;}
.kaitencontent:nth-child(5){-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);padding: 150px 100px 250px 100px;margin: 0 auto;text-align: center;}

/*president
*********************/
#president {background-color: #ffffff;}
#president .president_container{border: solid 20px #ff4330;margin: 3rem 0 0;}
#president .img{text-align:center;max-width: 1200px;margin: 0 auto;overflow: hidden;}
#president .txt{padding: 2rem;max-width: 1200px;margin: 0 auto;overflow: hidden;}
#president .txt .ii{padding: 1rem;margin-bottom: 1rem;}
#president .txt .ti{font-weight:bold;font-size:30px;padding:0.5rem;}
#president .txt .ti small{font-weight:bold;font-size:30px;padding:0.5rem;background: linear-gradient(transparent 50%, #eeff00 50%);padding: 0 14px;font-weight: bold;background: linear-gradient(transparent 50%, #eeff00 50%);padding: 0 14px;font-weight: bold;}

/*senior
*********************/
#senior .wmain{display: flex;}
#senior .wmain{display: flex;}
#senior ul li{filter: brightness(0.8);}
#senior .sen-container{padding: 1rem;position: relative;margin: 0.5rem 0;}
#senior .sen-container:nth-child(1){margin-right:0.5rem;}
#senior .img{}
#senior .txt{color:#fff;position: absolute;padding: 1rem;bottom: 0;width: 86%; margin-bottom: 20px;}
#senior .ti{font-weight: bold;font-size: 30px;/* line-height: 1.2; */}
#senior .ti small{font-size: 13px;}

/*strong-point
*********************/
#strong-point{text-align: center;overflow: hidden;padding: 60px 0;background: url(../img/tokai.jpg) center 0 no-repeat;background-size: cover;background-attachment: fixed;}
#strong-point .subtx{margin: 40px 0;font-size: 20px;line-height: 1.8em;}
#strong-point ul{text-align: center;margin: 40px 0 0;overflow: hidden;}
#strong-point ul li{display: inline-block;*zoom: 1;*display: inline;vertical-align: top;margin:10px;width: 70%;ht: 350px;background: #fff;}
#strong-point ul li .txt{padding: 0 10px;}
#strong-point ul li .tx2{font-weight: bold;margin-bottom: 0.2rem;font-size: 17px;}
#strong-point ul li .ti{font-size: 27px;line-height: 1.1em;font-weight: 700;color:#ff4444;margin: 5px 0;text-align: center;padding: 0 0 5px;border-bottom: 5px solid #eef2f5;}
#strong-point ul li .ti small{font-size: 50%;display: block;line-height: 1.4em;}
#strong-point ul li p{text-align: left;letter-spacing: 0;}
#strong-point ul li .tx{height: auto!important; margin-bottom:0.8rem}


/*difference
*********************/
#difference .difference_box{padding: 8px;margin: 2rem auto;max-width: 800px;width: 800p;width: 800;border-radius: 23px;box-sizing: border-box;box-shadow: 0 2px 4px rgba(0,0,0,0.3);transition: .3s;background: #ff1010;background: -moz-linear-gradient(-45deg, #ffbc49 0%, #ff1010 100%);background: -webkit-linear-gradient(-45deg, #ffbc49 0%,#ff1010 100%);background: linear-gradient(135deg, #ffbc49 0%,#ff1010 100%);}
#difference .difference-ti h3{margin-left: 9%;padding-bottom: 2rem;} 
#difference .wmain{}
#difference .difference-ti{padding: 2rem;background-color: #fff;border-radius: 20px;}
#difference ul{display:flex;justify-content:space-around;}
#difference .difference-ti ul li{display: block;width: 146px;height: 85px;text-align: center;line-height: 35px;color: #444;font-weight: bold;font-size: 17px;}
#difference .difference-ti ul li span{display: block;}
#difference h3 span{font-size: 26px;}
#difference .kigou img{width:30%;height:auto;}

/*faq
*********************/
.line-bc {padding: 19px 0px;max-width: 800px;margin: 15px auto;text-align: right;font-size: 14px;}
.balloon6 {width: 100%;margin: 10px 0;overflow: hidden;filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));}
.balloon6 .faceicon {float: left;margin-right: -50px;}.balloon6 .chatting {width: 100%;text-align: left;}
.says {display: inline-block;position: relative;margin: 15px 0 15px 15px;padding: 10px;border-radius: 12px;background: #ff4444;bottom: -7px;color: #fff;font-weight: bold;}
.chatting::before {content: 'Q';text-align: center;line-height: 1.6;width: 30px;height: 30px;background: #ff4444;border-radius: 50%;display: inline-block;font-size: 18px;color: #fff;}
.says:after {content: "";display: inline-block;position: absolute;top: 3px;left: -19px;border: 8px solid transparent;border-right: 18px solid #ff4444;-webkit-transform: rotate(35deg);transform: rotate(35deg);}
.says p {margin: 0;padding: 0;}
.mycomment {margin: 10px 0;filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));}
.mycomment p {display: inline-block;position: relative;margin: 0 16px 0 0;padding: 8px;border-radius: 12px;background: #fff;color: #FF741D;}
.mycomment p:before {content: "A";display: inline-block;padding: 0 0.5rem;font-weight: bold;}
.mycomment p:after {content: "";position: absolute;top: 3px;right: -19px;border: 8px solid transparent;border-left: 18px solid #fff;-webkit-transform: rotate(-35deg);transform: rotate(-35deg);}

/*program
*********************/
#program{overflow: hidden;padding: 60px 0 0;}
#program .program-container{background-color: #FFF6EB;margin-top: 60px;}
#program ul li{width: 92.7%;margin: 1rem auto;padding: 2rem;background-color: #fffbf5;}
#program ul li:nth-child(2),#program ul li:nth-child(3),#program ul li:nth-child(4){width: 26%;text-align: center;}
#program .program-text p{padding:1rem 0;}
#program .program-list img{padding:1rem;}
#program .program-text h2{text-align: left;}
#program .program-list{display:flex;flex-wrap: wrap;}
#program .program-flx{display: flex;align-items: center;}
#program .more-btn{max-width: 250px;padding: 9px 0;color: #fff;margin: 0 auto;font-weight: bold;text-align: center;line-height: 1.6;letter-spacing: 0.2em;border-radius: 30px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);transition: .3s;background: #ff1010;background: -moz-linear-gradient(-45deg, #ffbc49 0%, #ff1010 100%);background: -webkit-linear-gradient(-45deg, #ffbc49 0%,#ff1010 100%);background: linear-gradient(135deg, #ffbc49 0%,#ff1010 100%);}
/*btn~*/
.btn-grad {font-weight: bold;margin: 1rem auto;padding: 0.5rem 0;text-align: center;text-transform: uppercase;transition: 0.5s;max-width: 250px;height: auto;background-size: 200% auto;color: white;box-shadow: 0 0 20px #eee;border-radius: 50px;display: block;}
.btn-grad {position:relative;background-image: linear-gradient(to right, #ffa015 0%, #ff2f00 51%, #ff7816 100%);box-shadow: 0px 5px 7px 0px rgba(246, 127, 92, 0.4);}
.btn-grad:hover { background-position: right center; color:#fff;transform: translateY(0.1875em);box-shadow: 0 2px 4px rgba(0,0,0,0);}
.btn-grad:after {content: "+";position: absolute;top: 6px;right: 40px;display: inline-block;font-size: 18px;padding: 0 0.5rem;}
.prog {overflow: hidden;}
.prog .btn{text-align: center;position: relative;z-index: 0;}
.prog .progtx{padding: 50px;text-align: left;font-size: 14px;line-height: 1.4em;}
.progtx .ti{font-weight: bold;padding: 0 0 10px;margin: 0 0 10px;border-bottom: 1px solid #FF741D;}
.progtx{width:80%;margin:2rem auto;}
.progtx table{border-collapse: collapse;border-spacing: 0;width: 100%;}
.progtx th,#program td{}
.progtx tr td:nth-child(2){font-weight: normal;}
.progtx tr td:nth-child(3){position:relative;}
.progtx tr td:nth-child(3):before{height: auto;position:absolute;content: "";border-bottom: #FF741D dotted 2px;width: 20px;top: 50%;left: -25px;}
.progtx .prog_box{padding:10%;}
.vcpopup {max-width:80%; margin: 0 auto; background: #FFF6EB; padding: 0; position: relative;}
.progtx .price{text-align:right;padding:1rem 2rem;font-weight:bold;}
.progtx .document{background-color:#fff;padding:0.5rem 1rem;border-radius:10px; margin-top: 2rem;}

/*present
*********************/
#present{background: url(../img/back_pre.svg) center no-repeat; background-size: cover;}
#present h3{padding-top: 3rem;}

/*voice
*********************/
#voice{padding-top: 60px;}
#voice .voices{margin-top: 60px;}
#voice .voices_box{max-width: 800px;margin: 1rem auto;background-color: #fbfbfb;padding: 1rem;border: solid rgba(255, 68, 68,1);filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));}
#voice h3{ padding-bottom: 1rem;font-size: 1.4em;}
#voice h3 span{font-size: small;padding-left: 10px;}


/*contact
*********************/
#contact{text-align: center;overflow: hidden;padding: 60px 0;background: #f9f9f9;}
#contact .subtx{margin: 40px 0;font-size: 18px;line-height: 1.8em;color: #ff6600;}
#contact .mailform {padding: 30px; color: #222; width: 70%; margin: 50px auto;-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.08);box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.08);background: #fff;}
#contact table {text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0; margin: 0 0 20px}
#contact table th, #contact table td {padding: 15px 0; vertical-align: middle;}
#contact table th {font-weight: normal;font-size: 16px;text-align: left;width: 35%;}
#contact table td {width: 75%; padding: 10px 0 10px 20px;}
#contact .form-text, #contact .form-textarea {width: 100%;height: 45px;border: 1px solid #D6D6D6; background: #fff;
padding: 3px;box-sizing: border-box;-webkit-appearance: none;border-radius: 4px;font-size: 14px;}
#contact .form-textarea {height: 120px;}
input[type="submit"], input[type="button"] {cursor: pointer;}
#contact .hissu{background-color:#ff4444;color: #FFF;border-radius: 3px;font-size: 12px;margin-right: 10px;padding: 5px 10px;letter-spacing: 0.2em;}
#contact input[type=radio]{display: none;margin: 0;}
#contact input[type=radio] + label{position: relative;display: inline-block;margin-right: 20px;font-size: 16px;line-height: 30px;cursor: pointer;padding: 0 0 0 24px;}
#contact input[type=radio] + label::before{content: "";position: absolute;top: 50%;left: 0;-moz-box-sizing: border-box;box-sizing: border-box;
display: block;width: 18px;height: 18px;margin-top: -9px;background: #FFF;border: 1px solid #999;border-radius: 30px;}
#contact input[type=radio]:checked + label{color:#ff4444; font-weight: bold;}
#contact input[type=radio]:checked + label::after{content: "";position: absolute;top: 50%;-moz-box-sizing: border-box;
box-sizing: border-box;display: block;left: 5px;width: 8px;height: 8px;margin-top: -4px;background: #ff4444;border-radius: 8px;}
#contact input[type=radio]:checked  + label::before {border: 1px solid #ff4444;}

#contact input[type=checkbox] {width: 16px;height: 16px;vertical-align: middle;}
#contact input[type=checkbox] + label{cursor: pointer;}
#contact input[type=checkbox]:checked + label{color:#ff4444; font-weight: bold;}

#contact select{width: 100%;height: 45px;border: 1px solid #D6D6D6;background: #fff;padding: 3px;box-sizing: border-box;border-radius: 4px;font-size: 14px;}
#contact label.error{color: red;font-size: 13px;}
#contact input.error,#contact select.error,#contact textarea.error{background: #ffe8e8;}

#confirm{padding: 150px 0 200px;}
#confirm table {width: 70%;margin: 50px auto;}
#confirm table th,#confirm table td {border-bottom: 1px dotted #CCC;font-weight: normal;text-align: left;padding: 5px 0;}
#confirm table th{width: 40%;color: #999;}
#confirm table td{width: 60%;}
#confirm .center h4{margin: 0 0 40px;}
#confirm .error_messe{color: red;margin: 0 0 5px;}
#confirm .btn{margin: 30px 0 0;}

#complete{padding: 150px 0;text-align: center;}
#complete .complete-box {display: inline-block;position: relative;padding: 20px 30px 30px;border-radius: 12px;background: #ff4444;color: #fff;font-weight: bold;}
#complete .complete-box h2{color: #fff;padding: 10px;}
#complete .complete-box:after {content: "";display: inline-block;position: absolute;top: -40px;left: 44%;border: 20px solid transparent;border-bottom: 30px solid #ff4444;/* -webkit-transform: rotate(35deg); *//* transform: rotate(35deg); */}


.form-btn-conf {background: url(../img/contact-confirm.png) center no-repeat; background-size: contain;}
.form-btn-back {background: url(../img/contact-back.png) center no-repeat; background-size: contain;}
.form-btn-send {background: url(../img/contact-send.png) center no-repeat; background-size: contain;}
.form-btn {width: 366px;height: 61px;text-align: center;line-height: 50px;border: none;font-size: 20px;border-radius: 5px;-webkit-appearance: none;color: #fff;font-weight: bold;}
.form-btn:hover{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";transition: 0.5s;}
.mail-btn{text-align: center;}
.mail-btn li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.ctn_btn{max-width: 375px;background: #ff1010;background: -moz-linear-gradient(-45deg, #ffbc49 0%, #ff1010 100%);background: -webkit-linear-gradient(-45deg, #ffbc49 0%,#ff1010 100%);background: linear-gradient(135deg, #ffbc49 0%,#ff1010 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc49', endColorstr='#ff1010',GradientType=1 );-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;text-decoration: none;box-shadow: 0px 7px 13px 0px rgba(246, 127, 92, 0.4);-webkit-transition: all 0.5s;transition: all 0.5s;margin: 0 auto;}

/*term
*********************/
.term {width: 100%;overflow: hidden;margin: 0 0 20px;}
.term .btn{background: #eee;padding: 10px 0;cursor: pointer;position: relative;}
.term .termtx{background: #f1f5f8;padding: 25px;text-align: left;font-size: 14px;line-height: 1.4em;color: #666;}
.term .termtx .ti{font-weight: bold;padding: 0 0 10px;margin: 0 0 10px;border-bottom: 1px dotted #ccc;}
.term .btn:after {content: "+";position: absolute;top: 11px;right: 13px;background: #fff;border-radius: 100px;height: 30px;width: 30px;font-size: 18px;}
.term .btn:hover:after{background: #333;color: #fff;}
.term .btn.active:after {content: "-";background: #333;color: #fff;}
.term .btn.active{background:#d5d5d5;}
.term .agree{margin: 25px 0 0;}

/*footer
*********************/
table , td, th {border-collapse: collapse;}
#footer{padding: 30px 0;overflow: hidden;color: #fff;    background: #ff1010;background: -moz-linear-gradient(-45deg, #ffbc49 0%, #ff1010 100%);background: -webkit-linear-gradient(-45deg, #ffbc49 0%,#ff1010 100%);background: linear-gradient(135deg, #ffbc49 0%,#ff1010 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc49', endColorstr='#ff1010',GradientType=1 );}
#footer a{color: #fff;text-decoration: underline;}
#footer table{width: 68%;margin: 0 auto;}
#footer table th,#footer table td{text-align: left;vertical-align: middle;padding: 10px 0;border-bottom: 1px solid #fff;font-size: 14px;font-weight: normal;line-height: 1.8em;}
#footer table th{width: 20%;}
#footer table td{width: 80%;}
.copyright {padding: 14px 0;text-align: center;font-size: 12px;background-color: rgba(255, 68, 68,1);color: #fff;}
.gotop{position: fixed; bottom: 30%; right: 0; z-index:10;cursor: pointer;}

.reflection {height      :100%;width       :30px;position    :absolute;top         :-180px;left        :0;background-color: #fff;opacity     :0;transform: rotate(45deg);animation: reflection 3s ease-in-out infinite;-webkit-transform: rotate(45deg);-webkit-animation: reflection 3s ease-in-out infinite;-moz-transform: rotate(45deg);-moz-animation: reflection 3s ease-in-out infinite;-ms-transform: rotate(45deg);-ms-animation: reflection 3s ease-in-out infinite;-o-transform: rotate(45deg);-o-animation: reflection 3s ease-in-out infinite;}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.1; }
    81% { transform: scale(4) rotate(45deg); opacity: 0.3; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.1; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.3; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.1; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 0.3; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.1; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 0.3; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.1; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 0.3; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*アニメーションするプロパティを設定します*/
.text-container{text-align: center;}
.text-container__title{overflow: hidden;position: relative;z-index: 0;}
.text-container__title:before{background-image: linear-gradient(to right, #ff4444 0%, #fe8100 100%);
content: '';display: block;height: 100%;position: absolute;transform: translateX(-100%);transition:all .5s .1s ease; width: 100%;z-index: 1;}
.text-container__title__inner{opacity: 0;transition: all .5s .3s ease;}
.text-container.active .text-container__title:before{transform: translateX(100%);}
.text-container.active .text-container__title__inner{opacity: 1;}
/*****************************************************************
max-width 1215
******************************************************************/
@media screen and (max-width: 1215px) {
.wmain{width: 98%;}
h2{font-size:35px;}
#header .wmain{padding: 10px;}
#fv .wmain{width: 98%;padding: 150px 0 75px;}
#fv .fv-cta{position: relative;margin: 20px 0 0;bottom: inherit;right: inherit;}
#top_key1{top: 34%;width: 58%;}
#top_key2{top: 55%;width: 50%;}
#trouble{padding:0;}
#trouble .moyamoya_box{padding: 3rem 4rem;}
#trouble .moyamoya_check_text{font-size: 27px;}
#senior .wmain{display: block;width: 100%;}
#senior .org_b .img{text-align: right;}
#senior .sen-container:nth-child(1){margin-right: 0;}
#senior .sen-container{padding: 1rem;}
#senior .org_b .txt{width: 58%;}
#senior .red_b .txt{width: 60%;text-align: right;right: 2%;}
.cta p .sp{display: block;}
.cta p .pc{display: none;}
#senior .txt{width: 90%;}
.wkpopup {max-width:85%;}
#voice .slick-prev {left: -35px;}
#voice .slick-next {right: -35px;}
#voice .slick-slide{margin: 0 3px;}
#about .ctn{width: 95%;}
#contact .mailform{width: 85%;}
#trouble .txt li p{font-size: 14px;}
#confirm table {width: 85%;}
}
/*****************************************************************
max-width 888
******************************************************************/
@media screen and (max-width: 888px) {
h2{font-size:30px;}
br.sp{display: block;}
#header{background: #ffffff80;}
#header .head-cta ul li{font-size: 10px;}
#header .logo img{width:90px;}
#fv .wmain {padding: 95px 0 35px;}
/* #fv h2 img{width: 70%;} */
/* #fv h1{font-size: 11px;} */
#fv .fv-cta img{width: 60%;}
#trouble .txt{display: block}
#trouble .txt ul{padding: 0;width: 70%;margin: 0 auto;}
#president .txt .ti small{font-size: 20px;}
#president .txt .ti {font-size: 18px;padding: 0;}
#president .txt{padding: 1rem 0.5rem;}
#program ul li{width: 90%;    text-align: center;}
#program .program-flx{display: block;}
#program .program-text h2{text-align: center;}
#program .program_sp_flex{}
#program ul li:nth-child(2),#program ul li:nth-child(3),#program ul li:nth-child(4){width: 90%;}
#senior .red_b .txt{width: 89%;text-align: right;right: 2%;}
#senior .org_b .txt{width: 88%;}
#voice .voices{width: 95%;margin: 0 auto;}
#skill .subtx .pc,#works .subtx .pc{display: none;}
#skill .subtx .sp,#works .subtx .sp{display: block;}
#skill ul li p{font-size: 14px;letter-spacing: 0;}
#strong-point .subtx .sp{display: block;}
#strong-point ul li .ti{font-size: 26px;}
#strong-point ul li{ margin: 0.5rem 0; width: 90%;height: auto;}
#difference .difference-ti ul li{font-size: 12px;}
.wkpopup {max-width:95%;}
.wkpopup .inr .tx{padding: 30px 10px;}
#faq .wmain{width: 90%;}
#footer table{width: 90%;}
.copyright .pc{display: none;}
.copyright .sp{display: block;}
}
/*****************************************************************
max-width 590
******************************************************************/
@media screen and (max-width: 590px) {
.br-pc {display: block;}
body{font-size: 14px;line-height: 1.6em;}
h2{line-height: 1.6em;font-size: 24px;}
h2 small{font-size: 14px;}
#header{text-align: center;background: rgba(255,255,255,0.1);}
#header .wmain{padding: 10px 0;}
#header.transform .wmain {padding: 10px 0;}
#header .head-cta{float: none;width: 100%;margin: 0;display: none;}
#header .head-cta ul li{display: block;width: 100%;padding: 3px 0 8px;text-align: center;margin: 3px 0 5px;font-size: 14px;border-bottom: 1px dotted #fff;}
#header .head-cta ul li:last-child{border: none;}
.menu-trigger{display: block;position: absolute;width: 35px;height: 26px; right: 7px;top: 10px;}
.menu-trigger,.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #fff;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 11px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
.sp{display: block;}
.pc{display: none;}
.fvbg{background: none;}
#present .pre_sf{margin: 2rem auto;}
#fv .wmain{width: 100%;padding: 0;}
#fv .fv-cta a{background-image: linear-gradient(to right, #ffa015 0%, #ff2f00 51%, #ff7816 100%);font-weight: bold;margin: 0.5rem 0;padding: 0.5rem 2rem;text-align: center;transition: 0.5s;height: auto;background-size: 200% auto;color: white;box-shadow: 0 0 20px #eee;border-radius: 50px;display: block;}
#top_key1{position:absolute;top: 44%;width: 88%;}
#fv .fv-cta{position: fixed;bottom: 0;right: 0;z-index: 9;}
#fv .fv-cta .inr{}
#solution .wmain{padding: 60px 0 0;width: 100%;}
#solution .wrap{padding: 60px 0;width: 100%;}
#trouble{padding: 20px 0 60px;}
#trouble .ctn{width: 97%;margin: 20px auto 0;}
#trouble .ctn .img{float: none;width: 65%;margin: 0 auto;display: none;}
#trouble .ctn .txt{float: none;width: 100%;}
#trouble .moyamoya_box{padding: 3rem 1rem;}
#trouble .ctn ul{padding: 0;margin: 15px 0 0;}
#trouble .txt ul { width: 85%;}
#trouble .moyamoya_check_text{font-size: 21px;}
#trouble .txt li{background-size: 28px;padding: 8px 0 8px 33px;}
#trouble .txt li p {font-size: 15px;}
#president .txt .ii{padding: 0;}
#strong-point {    padding: 20px 0;}
#strong-point .subtx{font-size: 15px;}
#strong-point ul li{overflow: hidden;margin: 0 0 15px;width: 90%;padding: 10px;}
#strong-point ul li .img{float: left;width: 30%;}
#strong-point ul li .txt{padding: 0;}
#strong-point .tx{height: inherit!important;}
#strong-point ul li .ti {font-size: 24px;text-align: left;margin: 0 0 5px;padding: 0 0 5px;}
#difference .difference-ti{padding: 0.5rem;}
#difference .difference-ti h3{margin-left: 4%;padding-bottom: 1rem;} 
#faq .wmain{width: 95%;}
.prog .progtx{padding: 25px 10px;}
.prog .btn:after{line-height: 1.5em;top: 7px;}
.wkpopup {max-width:98%;}
.wkpopup .inr .tx{padding: 15px 10px;max-height: 210px;overflow-y: scroll;}
.wkbx.img,.wkbx.txt{width: 100%;float:none;}
.vcpopup{max-width: 98%;}
.vcpopup .txt{padding: 30px 10px;}
.progtx .ti {    display: grid;}
.progtx tr td:nth-child(3){padding-left: 12%;}
.progtx tr td:nth-child(3):before {left: 10px;}
#president .txt .ti {line-height: 1.3;    font-size: 16px;}
#contact .mailform{padding: 25px 10px;width: 90%;}
#contact table th,#contact table td{display: block;overflow: hidden;width: 100%;padding: 0;}
#contact table th:before{right: 1px;}
#contact table th{margin: 0 0 5px;}
#contact table td{padding: 0 0 15px;margin: 0 0 15px;border-bottom: 1px dotted #ddd;}
.term .termtx{padding: 25px 10px;}
.term .btn:after{line-height: 1.5em;top: 7px;}
#footer table th,#footer table td{width: 100%;overflow: hidden;display: block;}
#footer th a{display: block;width: 100%;text-align: center;}
#footer table th, #footer table td{border: none;padding: 1px 0;}
#footer table tr{border-bottom: 1px dotted #fff;margin: 5px 0;padding: 5px 0;display: block;width: 100%;overflow: hidden;}
#footer table {width: 95%;}
.copyright{padding: 15px 0 55px;}
.gotop{bottom: 20%;}
.gotop img{width: 38px;}
.mail-btn li{width: 90%;margin: 0 0 3px;}
.form-btn{width: 100%;}
.progtx .prog_box{padding: 10% 0%;}
}

@media screen and (max-width: 410px) {
  h2{font-size: 23px;}
  #difference .difference-ti h3{padding-top: 0.5rem;}
  #difference .difference-ti{padding: 1rem 0px;}
  #difference .difference-ti ul li{font-size: 10px;}
  #senior .red_b .txt{width: 85%;right: 5%;}
  #senior .org_b .txt{width: 83%;}
  #senior .txt{padding: 2rem 1rem;}
  #senior .ti {font-size: 23px;;}
  /* #senior .sen-container {padding: 1rem 1rem 8rem;} */
  #trouble .txt ul{width: 100%;}
  .says {margin: 0px 0 15px 15px;}
}
@media screen and (max-width: 376px) {
  #president .txt .ti small{font-size: 17px;}
}
@media screen and (max-width: 321px) {
  #trouble .moyamoya_check_text{font-size: 18px;}
  #difference .difference-ti .del{display: none;}
  #senior .ti {font-size: 14px;}
  #senior p {font-size: 11px;}
  #senior .txt{padding: 0rem 1rem;}
}
















