/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

* {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
}
#header {
    height: 850px;
    text-align: center;
    padding: 8px 0 0 0;
    margin-top: -1px;
}
.bg-image-loop {
    position: relative;
    background-image: url(image/top_bg.png);
    background-repeat: repeat-x;
    background-size: cover;
    /*width: 100vw;*/
    height: 100vh;
    margin: 0;
    padding: 0;
    -webkit-animation: bgscroll 120s linear infinite;
    animation: bgscroll 120s linear infinite;
}
.bg-image-loop::after {
	content: "";
	background: url(image/top_float.png) center top no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
@-webkit-keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -1920px 0;}}
@keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -1920px 0 ;}}
#cslt-bg {
	background:url(image/consultation_bg.png) center center no-repeat;
	text-align: center;
	background-size: cover;
}
#cslt-bg #cslt-right {
	background: url(image/consultation_hito.png) 95% top no-repeat;
	max-width: 1500px;
	margin: 0 auto;
}
#cslt-bg #cslt-right img{
	margin: 0 0 0 -10%;
}
#reason {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-wrap:wrap;
}
#reason img {
	max-width: 590px;
}
#reason .reason-right-point,
#reason .reason-left-point {
	width: 590px;
	height: 305px;
	position: relative;
}
#reason .reason-left-point h3,
#reason .reason-right-point h3 {
	color: #a4d2eb;
    background: -webkit-linear-gradient(0deg, #a4d2eb,#e9bde9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: 400;
	position: absolute;
	top: 5%;
	left: 7%;
}
#reason .reason-right,
#reason .reason-left {
	width: 590px;
	height: 305px;
	overflow: hidden;
	position: relative;
}
#reason .grd-ttl {
	color: #a4d2eb;
    background: -webkit-linear-gradient(0deg, #a4d2eb,#e9bde9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 31px;
    font-weight: 500;
	text-align: center;
	margin: 5% 0 3% 0;
	line-height: 1.6em;
}
#reason p.disc {
	width: 73%;
	color: #7f7f7f;
	font-size: 1.1em;
	text-align: center;
	margin: 0 auto;
	line-height: 1.6em;
}
.section-header span {
    font-size: 35px;
}
.section-header {
    max-width: 830px;
    color: #000;
    line-height: 65px;
    font-size: 46px;
    text-align: center;
	margin: 120px auto 100px auto;
	font-weight: 400;
}
.profile{
	height: 1031px;
	background-image:url(image/prof-bg.png);
}
.w-line{
	background: linear-gradient(135deg,transparent 0%,transparent 41%,#fff 41%, #fff 80%,transparent 80%,transparent 100%);
	height: 1031px;
	position: relative;
}
.w2-line{
	background: linear-gradient(-135deg,transparent 0%,transparent 41%,#fff 41%, #fff 80%,transparent 80%,transparent 100%);
	height: 1031px;
	position: relative;
}
.left-kousi{
	position: absolute;
	left:12%;
	bottom: 0;
}
.right-kousi{
	position: absolute;
	right:11%;
	bottom: 0;
}
.transparent-text{
	font-size: 250px;
	color: #fff;
	opacity: 0.16;
	font-family: FuturaBT;
	font-weight: 100;
	margin: 0;
	width: 900px;
	height: 200px;
	margin-left: 13%;
}
.profile-discripition{
	color: #7f7f7f;
	margin: 0px 0px 0px 48%;
    width: 650px;
    font-size: 26px;
    height: 750px;
	z-index: 9999;
	position: absolute;
	top: 18%;
}
.transparent2-text{
	font-size: 250px;
	color: #fff;
	opacity: 0.16;
	font-family: FuturaBT;
	font-weight: 100;
	margin: 0;
	width: 900px;
	height: 200px;
	margin-left: 30%;
}
.profile2-discripition{
	color: #7f7f7f;
	margin: 0px 0px 0px 22%;
    width: 640px;
    font-size: 26px;
    height: 750px;
	z-index: 9999;
	position: absolute;
	top: 15%;
}
.profile-discripition .pd1,
.profile2-discripition .pd1 {
	color: #7ab6d6;
    background: -webkit-linear-gradient(0deg, #5b85c4, #40d3ca);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 30px;
}
.profile-discripition .pd1 span,
.profile2-discripition .pd1 span {
	font-size: 30px;
}
.profile-discripition p.pd3,
.profile-discripition p.pd4,
.profile-discripition p.pd5,
.profile2-discripition p.pd3,
.profile2-discripition p.pd4,
.profile2-discripition p.pd5 {
	text-shadow: 0 0 7px #fff;
	margin: 0 0 23px 0;
}

.profile-discripition p.pd3,
.profile2-discripition p.pd3 {
	font-size: 23px;
}
.profile-discripition p.pd4,
.profile2-discripition p.pd4 {
	font-size: 38px;
}
.profile-discripition p.pd4 span,
.profile2-discripition p.pd4 span {
	font-size: 18px;
}
.profile-discripition p.pd5,
.profile2-discripition p.pd5 {
	line-height: 1.7em;
}
.subject-box{
	font-size: 23px;
	border: solid 1px #b6d5e5;
	width: 596px;
	list-style-type: none;
	line-height: 1.7em;
	margin: 50px 0 0;
}
.subject-box ul {
	padding: 0 10px;
}
.subject-box ul li{
	text-shadow: 0 0 7px #fff;
	margin: 5px 50px 5px;
}
.voice{
	height: 1037px;
	background: #ececec;
}
.voice-discription{
	width: 1182px;
	height: 700px;
	margin: -80px auto 0;
	font-size: 18px;
	color: #7f7f7f;
}
.voice_R{
	width: 740px;
	float: right;
	margin-top: -82px;
}
.voice_R .v_R1{
	font-size: 35px;
	color: #7ab6d6;
	background:-webkit-linear-gradient(0deg, #5b85c4, #40d3ca);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	text-align: center;
  	position: relative;
}
.voice_R .v_R1:before {
	content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    display: inline-block;
    width: 101px;
    height: 7px;
    transform: translate(-50%);
    background: linear-gradient(90deg, #5b85c4, #40d3ca);
}
.voice_R .v_R2{
	padding: 50px 40px 10px;
	line-height: 1.6em;
}
.voice_R .v_R2 p {
	padding: 14px 0;
}
.voice_L{
	width: 442px;
}
.voice_L .w-box{
	width: 313px;
	height: 161px;
	box-shadow: 0 0 18px #c7c7c7;
	color: #91b1c2;
	background: #fff;
	position: relative;
	margin: 50px;
}
.voice_L .w-box p{
	padding: 27px 27px 27px 40px;
	line-height: 1.6em;
}
.voice_L .w-box .naka-w-box p {
	padding-top: 25px;
}

.special{
	background:linear-gradient(152deg,#a4d2eb,#e9bde9);
	position: relative;
	height: 161px;
}
.naka-w-box{
	background: #fff;
	width: 307px;
	height: 155px;
	position: absolute;
    top: 3px;
    left: 3px;
}
.maru{
	height:95px;
  	width:95px;
  	border-radius:50%;
  	line-height:50px;
  	text-align:center;
  	background:#91b1c2;
  	font-size:20px;
 	color: #fff;
 	position: absolute;
 	top: -35px;
 	left: -55px;
 	font-weight: 100;
	line-height: 1.6em;
}
.maru span:first-child {
	position: absolute;
	top: 8%;
	left: 25%;
}
.maru .number{
	font-size: 36px;
	position: absolute;
	left: 38%;
	top: 45%;
}
.giza {
	width: 111px;
	height: 111px;
	line-height: 111px;
	position: relative;
	top: -35px;
	left: -65px;
	text-align: center;
	color: #FFF;
	background: url(image/bakudan.png) no-repeat;
}
.giza span {
	display: block;
	font-size: 25px;
	transform: rotate(-20deg);
	font-weight: 700;
}
.plan{
	height: 510px;
}
.plan-discripition{
	width: 1180px;
	height: 527px;
	background: linear-gradient(152deg,#bee2f6,#d9c9d9);
	margin: -158px auto 0;
	position: relative;
	box-shadow: 0 0 18px #e2e2e2;
}
.marunaga{
	height:80px;
  	width:412px;
  	border-radius:40px;
  	line-height:80px;
  	text-align:center;
  	background:#fff;
  	font-size:24px;
 	color: #000;
 	position: absolute;
 	top: -8%;
 	left: 32%;
}
.marunaga span{
    color: #a4d2eb;
    background: -webkit-linear-gradient(0deg,#e9bde9,#a4d2eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
	font-weight: 600;
}
.plan-discripition p{
    margin: auto;
    text-align: center;
    font-size: 30px;
    color: #fff;
    padding: 60px 0 0 0;
}
.plan-box{
	width: 1102px;
}
.plan-scbox{
	width: 1180px;
    overflow-x: auto;
    overflow-y: hidden;
	margin-bottom: 15px;
}
.plan-scbox::-webkit-scrollbar {
    height: 15px;
}
.plan-scbox::-webkit-scrollbar-thumb {
    background: #bcbcbc;
	border-radius: 5px;
}
.plan-scbox::-webkit-scrollbar-track {
    background: #ececec;
	border-radius: 5px;
}
.large-box{
	display: flex;
	float: left;
	margin: 25px 0px 15px 18px;
}
.lb_L,
.lb_R{
	width: 310px;
	height: 337px;
	background: rgba(255,255,255,0.6);
	position: relative;
	margin: 5px 39px;
}
.ribbon {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  font-size: 23px;/*フォントサイズ*/
  color: #FFF;/*フォントカラー*/
  background: linear-gradient(115deg,#a3bbc8 50%,#91b1c2 50%);/*背景色*/
  width: 293px;
  text-align: center;
  position: absolute;
  top: 15px;
  left: -12px;
}
.ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 11px #a3bbc8;
}
.ribbon:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 11px #91b1c2;/*折り返し部分*/
}
.lb_1{
	display: block;
	margin: 100px auto 0px;
}
.lb_2{
	display: block;
	margin: 20px auto 0px;
}
.lb_L p.lb_3{
	font-size: 17px;
	color: 	#91b1c2;
	padding: 0;
}
.lb_R p.lb_3{
	font-size: 17px;
	color: 	#91b1c2;
	padding: 0;
}
.lb_L p.lb_3,
.lb_R p.lb_3 {
margin: 15px 0 -5px;
}
.lb_R .naka-box,
.lb_L .naka-box {
	position: absolute;
	bottom: 15px;
    right: 5%;
    left: 5%;
}
.bx-shdw {
	border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,1);
	padding: 0 0 20px;
    margin: 0 15px;
}

.lb_L .naka-box{
	width: 268px;
	height: 43px;
	background:#fff;
	margin: auto;/*あとから上下調整*/
}
.lb_L .naka-box .time-box{
	width: 47px;
	height: 25px;
	background: linear-gradient(115deg,#a3bbc8 50%,#91b1c2 50%);
	float: left;
	margin: 9px 0px 0px 10px;
	color: #fff;
    text-align: center;
}
.lb_L .naka-box span{
	font-weight: bold;
    color: #91b1c2;
    font-size: 27px;
    margin-left: 79px;
}
.lb_L .naka-box span.en{
	font-size: 20px;
	margin: 0;
}
.lb_R .naka-box{
	width: 90%;
	height: 43px;
	background:#fff;
	margin: auto;/*あとから上下調整*/
}
.lb_R .naka-box .time-box{
	width: 47px;
	height: 25px;
	background: linear-gradient(115deg,#a3bbc8 50%,#91b1c2 50%);
	float: left;
	margin: 9px 0px 0px 10px;
	color: #fff;
    text-align: center;
}
.lb_R .naka-box span{
	font-weight: bold;
    color: #91b1c2;
    font-size: 27px;
    margin-left: 79px;
}
.lb_R .naka-box span.en{
	font-size: 20px;
	margin: 0;
}
.plan-discripition .right-box {
	float: right;
	margin-left: 14px;
}
.sb_U,
.sb_D {
	width: 325px;
	height: 54px;
	background: #b7cedc;
	color: #fff;
	font-size: 23px;
	margin: 10px 0;
	line-height: 52px;
}
/* right-box */
.right-box dt {
	float: left;
	margin-left: 30px;
}
.right-box dd {
	float: right;
	font-weight: 699;
	margin-right: 30px;
}
.right-box dd span.price {
	font-size: 1.4em;
	font-weight: 500;
}
.right-box .middle-box {
	width: 305px;
	height: 183px;
	background: #fff;
	margin: 5px 0;
	padding: 10px;
	position: relative;
}
.right-box .middle-box .sogaku {
	border: 1px solid #4fcbcd;
    color: #4fcbcd;
    padding: 10px;
    width: 65px;
    font-size: 1.3em;
    display: inline-block;
    float: left;
}
.right-box .middle-box .sogaku-rt {
	float: right;
    width: 69%;
    text-align: left;
}
.right-box .middle-box .sogaku-rt dl {
	margin: 14px 0 0;
}
.right-box .middle-box .sogaku-rt dt,
.right-box .middle-box .sogaku-rt dd {
	color: #4fcbcd;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}
.right-box .middle-box .sogaku-rt dt {
	float: left;
	margin-top: 13px;
}
.right-box .middle-box .sogaku-rt dd span {
	font-size: 1.6em;
}
.right-box .middle-box .sogaku-rt p.discrpt {
	font-size: 0.8em;
    padding: 0;
    margin: 0;
	color: #91b1c2;
}
.right-box .middle-box .sogaku-rt p.discrpt span {
	color: #bf2000;
	font-weight: bold;
	font-size: 1.3em;
}
.right-box .middle-box .naka-b-box {
	background: #4fcbcd;
    width: 88%;
    height: 70px;
    position: absolute;
    bottom: 10px;
    padding: 10px;
}
.right-box .middle-box .naka-b-box p {
	padding: 0;
	margin:  0;
	text-align: left;
	font-size: 21px;
}
.right-box .middle-box .naka-b-box p span.wht-box {
	display: inline-block;
	padding: 3px 10px;
	background-color: #fff;
	color: #91b1c2;
	font-size: 16px;
	font-weight: 500;
	margin-top: 8px;
}
.right-box .middle-box .naka-b-box .point-maru {
	right: -35px;
    width: 111px;
    height: 111px;
    line-height: 111px;
    position: absolute;
    top: -12px;
	text-align: center;
	color: #FFF;
	background: url(image/bakudan.png) no-repeat;
}
.right-box .middle-box .naka-b-box .point-maru p {
	display: block;
	transform: rotate(20deg);
	line-height: 1.3em;
	font-weight: 600;
	margin-top: 29px;
	text-align: center;
}
.right-box .middle-box .naka-b-box .point-maru span {
	font-size: 25px;
}
/* 料金一覧 */
#section5 .container {
max-width: 1380px;
background: url(image/price-bg-right1.png) right 15% no-repeat,url(image/price-bg-left1.png) left 65% no-repeat,url(image/price-bg-right2.png) right 92% no-repeat;
margin: 0 auto;
}
#price-3 {
padding-bottom: 40px;
}
.dtd {
height: 1px;
position: relative;
}
.dtd::before {
content: "";
background-image: linear-gradient(to right, #91b1c2, #91b1c2 3px, transparent 3px, transparent 8px);
background-size: 8px 1px;
background-repeat: repeat-x;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
p.aligncenter {
text-align: center;
width: 100%;
color: #777;
padding-bottom: 50px;
line-height: 1.8em;
}
#section5 h3.pricettl {
width: 100%;
color: #a4d2eb;
background: -webkit-linear-gradient(0deg,#e9bde9,#a4d2eb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 2em;
font-weight: 400;
padding:0 0 0 0;
position: relative;
margin: 0 0 80px;
}
#section5 h3.pricettl::before {
content: "";
background: url(image/pricettl-bg.png) center top no-repeat;
position: absolute;
top: -35%;
left: 0%;
height: 100px;
width: 100%;
}
#section5 #price-2 h3.pricettl {
margin-top: 100px;
}
#section5 .main-price {
display: flex;
max-width: 1300px;
margin: 0 auto;
justify-content: center;
flex-wrap: wrap;
}
#section5 .main-price .mpr-box {
width: 30%;
position: relative;
border: 1px solid #e4e4e4;
background: #fff;
box-shadow: 0 0 10px #e4e4e4;
margin: 0 20px;
height: max-content;
}
#section5 .main-price .mpr-box:nth-of-type(4) {
margin-top: 55px;
}
#section5 .main-price .mpr-box .main-price-ttl {
color: #fff;
background: -webkit-linear-gradient(0deg,#56b6e9,#9da5e2);
}
#section5 .main-price .mpr-box .main-price-ttl h4 {
padding: 12px 12px 12px 85px;
font-size: 1.2em;
font-weight: 400;
margin: 0;
}
#section5 .main-price .mpr-box .main-price-ttl h4::after {
content: "";
position: absolute;
top: 80px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #79aee6;
}
.osumituki {
height: 110px;
width: 110px;
border-radius: 50%;
text-align: center;
background: linear-gradient(131deg,#555555 50%,#484848 50%);
font-size: 16px;
color: #fff;
position: absolute;
top: -2%;
left: -9%;
font-weight: 100;
line-height: 3.5em;
}
.osumituki span {
position: absolute;
left: 40%;
top: 33%;
font-size: 2.5em;
font-weight: 400;
}
.osusume-box {
border: 1px solid #64b3e8;
width: 90%;
margin: 30px auto 0;
padding: 10px 0;
}
.osusume-box table {
width: 100%;
}
.osusume-box table th {
border-right: 3px solid #64b3e8;
color: #64b3e8;
padding: 0 7px;
font-size: 0.8em;
}
.osusume-box table td {
padding: 0 0px 0 10px;
color: #9ca5e2;
font-size: 0.9em;
}
.mpr-box p {
width: 91%;
margin: 15px auto;
color: #555;
font-size: 0.9em;
}
.meyasu-bg {
width: 91%;
margin: 30px auto 0;
border-radius: 5px;
position: relative;
background: #ececec;
text-align: center;
padding: 3px 0;
}
.meyasu-bg p {
font-weight: 800;
letter-spacing: 0.1em;
}
.meyasu-bg p span {
font-size: 2em;
}
.meyasu-bg .meyasu-ttl {
background: -webkit-linear-gradient(0deg,#56b6e9,#9da5e2);
width: 33%;
margin: 0 auto;
border-radius: 17px;
text-align: center;
color: #fff;
font-size: 0.9em;
padding: 5px;
position: absolute;
top: -20%;
left: 20%;
right: 20%;
}
.mpr-box .card {
display: flex;
flex-direction: column;
}
table.koza-uchiwake,
table.koza-uchiwake2,
table.price-uchiwake {
width: 92%;
margin: 10px auto;
}
table.koza-uchiwake {
	min-height: 85px;
}
table.koza-uchiwake2 {
    min-height: 126px;
}
table.price-uchiwake {
color: #555;
}
table.price-uchiwake th {
border-right: 3px solid #555;
}
table.koza-uchiwake th,
table.koza-uchiwake2 th,
table.price-uchiwake th {
width: 27%;
text-align: left;
font-weight: 400;
}
table.price-uchiwake td:nth-of-type(1) {
padding-left: 10px;
}
table.koza-uchiwake td:nth-of-type(2),
table.koza-uchiwake2 td:nth-of-type(2),
table.price-uchiwake td:nth-of-type(2){
text-align: right;
}
table.koza-uchiwake td,
table.koza-uchiwake2 td {
font-size: 0.8em;
}
table.price-uchiwake td {
font-size: 0.9em;
}
table.koza-uchiwake th,
table.koza-uchiwake td:nth-of-type(1),
table.koza-uchiwake2 th,
table.koza-uchiwake2 td:nth-of-type(1) {
color: #64b3e8;
}
table.koza-uchiwake td:nth-of-type(2),
table.koza-uchiwake2 td:nth-of-type(2) {
color: #9da5e2;
}
p.setwari {
	min-height: 28px;
text-align: right;
font-weight: 800;
font-size: 1.1em;
color: #a4d2eb;
background: -webkit-linear-gradient(0deg,#56b6e9,#9da5e2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: -6px auto 0;
padding: 0;
}
.total-price-box {
color: #fff;
background: -webkit-linear-gradient(0deg,#56b6e9,#9da5e2);
margin-top: auto;
}
p.gokei-price {
padding: 0;
margin: 0;
}
.total-price-box dt {
float: left;
margin: 5px 10px 0;
font-size: 0.9em;
}
.total-price-box dd {
background: #fff;
float: right;
color: #9da5e2;
padding: 3px 20px;
margin: 11px 18px 0;
}
.total-price-box p.gokei-price {
width: 100%;
clear: both;
text-align: right;
color: #fff;
padding-bottom: 5px;
}
.total-price-box p.gokei-price span {
font-size: 2.1em;
font-weight: 600;
padding-left: 20px;
padding-right: 18px;
}
h3.pricettl-sub {
color: #91b1c2;
font-size: 1.8em;
font-weight: 400;
text-align: center;
margin: 120px 0 50px;
}
.opprice {
display: flex;
max-width: 1300px;
margin: 0 auto;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 30px;
}
.opprice .opprice-box {
width: 30%;
position: relative;
background: #fff;
box-shadow: 0 0 10px #e4e4e4;
margin: 30px 20px;
}
.opprice .opprice-box h4.op-ttl {
background: linear-gradient(115deg,#91b1c2 50%,#a3bbc8 50%);
width: 70%;
margin: 0 auto;
border-radius: 35px;
text-align: center;
color: #fff;
font-size: 1.1em;
padding: 10px;
position: absolute;
top: -8%;
left: 10%;
right: 10%;
font-weight: 400;
}
.opprice .opprice-box p {
padding: 42px 42px 30px;
color: #555;
}
.opprice .opprice-box p.op-price {
font-size: 1.1em;
color: #91b1c2;
padding: 0 42px 36px;
}
.opprice .opprice-box p.op-price span {
display: inline-block;
float: right;
background: -webkit-linear-gradient(0deg,#56b6e9,#9da5e2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2em;
padding: 0 0;
margin: -13px 0 0;
font-weight: 600;
}
.container2 {
width: 100%;
background: #f9f9f9;
margin: 50px 0;
}
.container2 #price-st {
max-width: 1380px;
margin: 0 auto;
background: url(image/price-bg-right1.png) right 25% no-repeat;
text-align: center;
}
#price-st h3.pricettl {
width: 100%;
background: -webkit-linear-gradient(0deg,#56b6e9 22%,#9da5e2 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 2em;
font-weight: 400;
padding: 85px 0 0;
position: relative;
margin: 0 0 50px;
}
#price-st h3.pricettl::before{
content: none;
}
#price-st p.intro {
color: #91b1c2;
padding-bottom: 30px;
font-size: 1.2em;
line-height: 1.8em;
font-weight: 300;
}
#price-st .flpr {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
#price-st .pr-box {
background: #fff;
width: 180px;
height: 180px;
border-radius: 50%;
position: relative;
margin: 30px;
}
#price-st .pr-box p:nth-of-type(1) {
color: #555;
font-size: 0.9em;
padding: 7px 11px;
}
#price-st .pr-box p.stpr {
color: #91b1c2;
font-size: 0.8em;
}
#price-st .pr-box p.stpr span {
background: -webkit-linear-gradient(0deg,#56b6e9,#9da5e2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2em;
padding: 0 0;
margin: -13px 0 0;
font-weight: 600;
}
#price-st .pr-box h4 {
color: #91b1c2;
font-weight: 500;
font-size: 1.1em;
margin: -10px 0 0;
}

/* cta */
 .cta {
    background: url(image/cvcta_bg.png) no-repeat center;
    width: 100%;
    min-height: 600px;
    background-attachment: fixed;
	background-size: cover;
	margin: 170px 0 0;
}
.cta .container {
	width: 100%;
    margin: 0 auto;
    padding: 5% 0 2%;
}
.cta .phone {
    margin: 0 auto;
    text-align: center;
    padding: 50px 0px 25px;
	background: #fff;
	border-radius: 10px;
	width: 60%;
}
.cta .container ul {
    text-align: center;
	margin: 50px 0 30px;
}
.cta .container ul li {
    display: inline-block;
}
.cta li.btn_inq a {
    display: block;
}
.cta li.btn_inq a img {
	margin: 0 auto 0 -50px;
}

/* faq */
#section6 .qa {
    padding: 80px 100px 25px;
    border: 1px solid #ddd;
	width: 60%;
	margin: 0 auto;
}
#section6 .qa .que {
    background: url(image/sec6-qicon.png) no-repeat 0 0;
    margin-bottom: 10px;
    padding: 50px 0 0 97px;
    /*color: #00a88a;*/
	color: #4fcbcd;
    font-size: 21px;
}
#section6 .qa .ans {
    background: url(image/sec6-aicon.png) no-repeat 60px 0;
    border-bottom: 1px solid #ddd;
    margin-top: 45px;
    margin-bottom: 55px;
    padding: 47px 0 46px 160px;
    font-size: 21px;
	color: #7f7f7f;
}
#section6 .qa .ans:last-child {
	border-bottom: none;
}
/* company */
#section9 {
    padding: 30px 0;
}
#section9 .campany-bg .container {
    padding: 30px 0 40px;
}
#section9 .campany-bg {
    background: url(image/sec9-cmp-bg.png) no-repeat 0 0;
    background-attachment: fixed;
    background-size: cover;
}
#section9 .campany-bg .container .alph-cont {
    background-color: rgba(255,255,255,0.7);
    padding: 10px 0 40px;
	width: 80%;
    margin: 0 auto;
}
.section-header2 {
    width: 830px;
    color: #555;
    margin: 70px auto 10px auto;
    line-height: 1;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
	font-weight: 400;
}
#section9 .intro {
    width: 900px;
    margin: 0 auto 25px;
    text-align: center;
    color: #555;
}
table.aboutTbl {
    width: 1000px;
    border-collapse: collapse;
    margin: 0 auto 12px;
    background: #fff;
}
table.aboutTbl th.t_top {
    border-top: #4fcbcd 4px solid;
}
table.aboutTbl th {
    border-bottom: #ddd 1px solid;
    border-left: #ddd 1px solid;
    text-align: center;
    padding: 12px;
    font-weight: bold;
    width: 25%;
    color: #4fcbcd;
}
table.aboutTbl td.t_top {
    border-top: #b3b3b3 4px solid;
}
table.aboutTbl td {
    border-bottom: #ddd 1px solid;
    border-right: #ddd 1px solid;
    border-left: #ddd 1px solid;
    text-align: left;
    padding: 10px;
}

/* blog info */
ul.bokijuku-list {
	max-width: 740px;
    margin: 0 auto;
	padding: 0 20px;
}
ul.bokijuku-list li {
	line-height: 1.6rem;
	list-style: none;
	margin-bottom: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #f2f2f2;
}
ul.bokijuku-list li a {
	text-decoration: none;
	font-size: 18px;
	color: #555;
}
ul.bokijuku-list li a span {
	font-size: 12px;
	margin-right: 10px;
	display: inline-block;
	padding: 3px 20px;
}
ul.bokijuku-list li a:hover {
	opacity: 0.6;
}
ul.bokijuku-list li span.catlink a {
	font-size: 12px;
	display: inline-block;
	background: #f2f2f2;
	padding: 0 20px;
	width: 70px;
	text-align: center;
}
/* footer */
/* ----------------------------------------
footer
---------------------------------------- */
#footer {
	text-align: center;
	padding: 25px 0;
	background: #fff;
}
#footer p {
	color: #4fcbcd;
	font-size: 12px;
}

/* ----------------------------------------
page-top
---------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 90%;
	font-family: 'Noto Serif', serif;
}
#page-top a {
	background-color: rgba(0,0,0,0.8);
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 6px;
}
#page-top a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.6);
}

/* ----------------------------------------
clearfix
---------------------------------------- */
.clearfix { min-height:1%; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
* html .clearfix { height:1px; }
.clearfix { display:block; }

/* ----------------------------------------
base
---------------------------------------- */
/** {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}*/
/*body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:16px;
	font-weight:460;
	color:#333;
	line-height:1.8;
}
img {
	vertical-align:middle;
}
ul, li {
	list-style:none;
}
a {
	-ms-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
	color:#00328B;
}
a.link {
	color:#D85219;
}
a.link:hover {
	text-decoration:none;
}
strong {
	font-weight:500;
}
*/

/* ----------------------------------------
heading
---------------------------------------- */
.section-header3 {
	width:100%;
	color:#740978;
	border-bottom:4px solid #740978;
	margin:0 auto;
	font-size:30px;
	font-weight:500;
	text-align:center;
	line-height:1;
	padding-bottom:20px;
}

/* ----------------------------------------
rayout
---------------------------------------- */
.singlecontainer {
	max-width:850px;
	margin:0 auto;
}
.s-ct {
	font-weight: normal;
}
#section10 .s-ct p,#section9 .s-ct p,#section8 .s-ct p {
	padding: 12px;
	text-align: left;
}
#section10 .s-ct h3,
#section10 .s-ct h4,
#section9 .s-ct h3,
#section9 .s-ct h4,
#section8 .s-ct h3,
#section8 .s-ct h4 {
	padding: 15px 0 0;
	font-weight: bold;
	color: #740978;
}
#section10 .s-ct ul,
#section9 .s-ct ul,
#section8 .s-ct ul {
	padding: 3px 28px;
}
#section10 .s-ct li,
#section9 .s-ct li,
#section8 .s-ct li {
	list-style: circle;
}
#scont {
	width: 95%;
    margin: 20px auto;
	overflow-y: scroll;
    height: 300px;
}
.lcontainer {
	margin:0 auto;
	background: #f2f2f2;
	padding: 80px 0;
}

/* ----------------------------------------
section-single
投稿ページ
---------------------------------------- */
span.breadcrumb_last,
#section-single #breadcrumbs a {
	font-size: 0.7rem;
}
header#sghead {
	text-align: center;
    padding: 10px 0 20px;
}
.single-footer {
	padding: 30px 0;
}
h1.entry-title {
	font-size: 2rem;
	font-family: 'Noto Sans Japanese', sans-serif;
	text-align: center;
	color: #007776;
}
#section-single {
	padding: 0;
	color: #555;
}
#section-single nav {
	position: relative;
}
#section-single img {
	max-width: 740px;
	height: auto;
	margin-bottom: 15px;
}
#section-single a {
	color: #3681b0;
	text-decoration: underline;
	font-size: 14px;
}
#section-single p {
	width: 100%;
	margin-bottom: 20px;
}
#section-single strong {
	font-weight: bold;
    color: #e15181;
}
#section-single b{
	background:linear-gradient(transparent 80%, #ffcece 80%);
}
#section-single .sp {
	display: none;
}
#section-single .pc img {
	width: 100%;
}
#section-single .inq-bg {
	background: #f2f2f2;
	padding: 0;
}
#section-single .singlecontainer {
	background: #fff;
	padding: 15px 55px;
	box-sizing: border-box;
}
#section-single .lst-box {
	margin: 20px 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
    font-size: 0.9rem;
}
#section-single .lst-box::after {
	content: "";
	display: block;
	clear: both;
}
#section-single .lst-box .date {
	font-size: 11px;
	margin: 0;
}
#section-single .lst-box .ttl {
	margin-bottom: 0;
}
#section-single .lst-box .ttl a {
	font-size: 1.2rem;
}
#section-single .lst-box img {
	max-width: 150px;
    float: left;
    margin-right: 20px;
}
#section-single .page-numbers {
	display: flex;
    justify-content: center;
    background: none !important;
    border: none !important;
}
#section-single .page-numbers li {
	width: auto;
    line-height: 30px;
    text-align: center;
	margin-right: 20px;
    background: none !important;
    border-bottom: none !important;
}
#section-single .intro {
	text-align:center;
	margin:40px 0;
	color: #007776;
}
#section-single .intro figure {
	margin:40px 0;
}
#section-single h2 {
    color: #003567;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2rem;
	width: auto;
	padding: 30px 0;
	background: linear-gradient(90deg, #007776 0%, #4fcbcd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#section-single h3 {
    color: #003567;
	font-size: 1.5rem;
	margin: 50px 0 30px;
	background: linear-gradient(90deg, #007776 0%, #4fcbcd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#section-single h4 {
	font-size: 1.2rem;
    position: relative;
    padding: 10px 10px 10px 82px;
}
#section-single h4:before {
	font-size: 0.8rem;
    position: absolute;
    top: 15px;
    left: 0;
    height: 20px;
    padding: 0 15px;
    content: 'POINT';
    color: #ffffff;
    background: #007776;
    border-radius: 3px;
}
#section-single table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 92%;
	margin: 30px auto;
}
#section-single table th,
#section-single table td {
	padding: 10px;
	border: 1px solid #ccc;
}
#section-single table th {
	background: #f2f2f2;
	color: #333;
}
#toc_container {
	margin: 30px auto;
	padding: 30px !important;
}
#toc_container ul {
	line-height: 1.8rem;
}
#section-single ul:not(ul.toc_list,ul.toc_list ul,ul.related_post) {
	margin-bottom: 30px;
    font-weight: bold;
    line-height: 1.7em;
    background: #f1f1f1;
    border-radius: 3px;
    padding: 30px 20px 20px 40px;
    border: 1px solid #ddd;
}
#section-single ul li:not(ul.toc_list li) {
	margin-bottom: 15px;
}
#section-single ul li:last-child {
	margin-bottom: 0;
}
#section-single .ttl-meta {
    background: #f2f2f2;
    padding: 3px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 12px;
}
#section-single .ttl-meta a {
	font-size: 12px;
	color: #555;
	font-weight: 700;
	text-decoration: none;
}
.entry-footer,
.entry-footer span.cat-links a {
	font-size: 0.7rem !important;
}
div#ez-toc-container {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 30px;
}
div#ez-toc-container p.ez-toc-title {
	text-align: center;
}
#section-single #ez-toc-container ul {
	border: none;
	padding-left: 30px;
}
#section-single #ez-toc-container nav ul li {
	width: 100%;
	text-align: left;
	border: none;
}
#section-single #ez-toc-container nav ul li a {
	font-weight: normal;
}
#section-single #ez-toc-container nav ul li a:hover {
	background: none;
}
/* ----------------------------------------
section8
お申込み
---------------------------------------- */
#mw_wp_form_mw-wp-form-7 {
	width: 80%;
	margin: 0 auto;
}
#section10,
#section9,
#section8 {
	padding:80px 0 15px;
}
#section10 a,
#section9 a,
#section8 a {
	color: #3681b0;
	text-decoration: underline;
	font-size: 14px;
}
#section10 p,
#section9 p,
#section8 p {
	width: 100%;
	text-align: center;
}
#section9 .sp,
#section8 .sp {
	display: none;
}
#section9 .pc,
#section8 .pc {
	text-align: center;
}
.inq-bg {
	background: linear-gradient(152deg,#bee2f6,#d9c9d9);
	padding: 35px 0;
}
#section10 .container,
#section9 .container,
#section8 .container {
	background: #fff;
	padding: 30px 0 20px;
	width: 70%;
	margin: 0 auto;
}
#section10 .inq-bg .container,
#section9 .inq-bg.container,
#section8 .inq-bg .container {
	background: #fff;
	padding: 30px 0 150px;
	width: 70%;
	margin: 0 auto;
}
#section8 .container ul li {
	/*list-style: none;*/
}
#section10 .intro,
#section9 .intro,
#section8 .intro {
	text-align:center;
	margin:40px 0;
	color: #4fcbcd;
}
#section9 .intro figure,
#section8 .intro figure {
	margin:40px 0;
}
#section8 ul#inquery li.selectcourse {
	width: 100%;
    display: block;
    text-align: center;
    line-height: 2.5em;
}
li.selectcourse label {
	display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 31%;
}
/*li.selectcourse label:hover {
	background: #4fcbcd;
	color: #fff;
		display: block;
}*/
li.slct {
	width: 42.5%;
}
/* inquery */
ul#inquery {
	padding: 0;
    width: 100%;
	margin: 0 auto;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 0 auto;
}
ul#inquery li {
	float: left;
	margin-bottom: 35px;
	width: 46%;
	list-style: none;
}
ul#inquery li:nth-child(even) {
	margin-left: 19px;
	margin-right: 24px;
}
ul#inquery li.req-txarea {
	width: 100%;
}
ul#inquery li.req-privacy {
	margin: 0 auto;
	width: 94%;
	text-align: center;
	background: #fff8da;
	padding: 10px 0px;
	border-radius: 5px;
}
ul#inquery li.req-privacy label{
	color: #bbbbbb;
}
input[type=checkbox] {
	background-color: #fff8da;
}
ul#inquery li label {
	color: #4fcbcd;
	margin-bottom: 11px;
}
ul#inquery li label span.kome {
	color: #e15181;
	font-size: 12px;
	margin-left: 14px;
}
#section8 input {
	border-bottom: 3px solid #ddd;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-top: 10px;
	-webkit-transition: border-bottom 0.5s ease;
	-moz-transition: border-bottom 0.5s ease;
	-o-transition: border-bottom 0.5s ease;
	-ms-transition: border-bottom 0.5s ease;
	transition: border-bottom 0.5s ease;
	height: 35px;
    width: 100%;
}
#section8 input:focus {
    outline: none;
    border-bottom: 3px solid #4fcbcd;
	color: #4fcbcd;
}
input::-webkit-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #aaa;
    font-weight: normal;
}
#section8 input.calender-text {
	background: url(images/form_calendericon.png) no-repeat left center;
	padding-left: 60px;
	width: 85%;
}
#section8 input.check-privacy {
	height: 13px;
    width: 7%;
}
#section8 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-bottom: 3px solid #ddd;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-top: 10px;
	width: 100%;
	background: url(images/form_selecticon.png) no-repeat left center;
	padding-left: 15px;
	height: 40px;
}
#section8 select:focus {
    outline: none;
    border-color: #4fcbcd;
	color: #4fcbcd;
}
#section8 textarea {
	resize: none;
	background: #f2f2f2;
	border: none;
	width: 97%;
    height: 200px;
	padding: 11px;
	margin: 15px 0 0 0px;
}
#section8 textarea:focus {
	color: #4fcbcd;
}
#section8 .chkside {
	text-align: center;
	width: 100%;
	float: left;
}
#section8 .req-smt {
	text-align: center;
	width: 100%;
	float: left;
	margin: 10px auto 40px;
}
#section8 input[type="submit"] {
	background: #00a88a;
	color:#fff;
	height: auto;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:24px;
	font-weight:500;
	border:none;
	border-bottom:4px solid #00916a;
	line-height:56px;
	width:400px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	outline:2px solid transparent;
	outline-offset:50px;
	transition:0.5s all ease;
}
#section8 input[type="submit"]:hover {
	background:#00916a;
}
#section8 input[type="submit"]:focus {
	outline:1px dotted #003567;
	outline-offset:0;
}
#section8 .end {
	text-align:center;
	height: 555px;
	font-size: 18px;
}
#section8 .end img {
	margin-bottom:40px;
}
#section8 .error_msg {
	color:#d00;
	font-weight:500;
	font-size:1.2em;
}
#section8 img.phone {
	width: 100%;
}
#section8 .formTbl span.req {
	display:inline-block;
	background:#ddd;
	width:60px;
	text-align:center;
	margin-right:20px;
}

/* ----------------------------------------
section-map
アクセスマップ
---------------------------------------- */
#section-map {
	padding:30px 0 50px;
	text-align: center;
}
#section-map .lcontainer {
    padding: 30px 0;
}
#section-map .map {
}
#section-map .map iframe {
	width: 100%;
	height: 500px;
}
}
#section-map .map p a {
	color: #3681b0;
}
/* --------------------------------------------------
modal
-------------------------------------------------- */

.modal-content {
	width:1000px;
	height:600px;
	overflow:auto;
	margin:0;
	padding:40px;
	background:#fff;
	position:fixed;
	display:none;
	z-index:2;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	font-size:13px;
}

#modal-overlay {
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba( 0,0,0, 0.75 );
}

.button-link {
	text-decoration:underline;
}

.button-link:hover {
	cursor:pointer;
	color:#f00;
}

.modal-content h3 {
	font-weight:600;
	font-size:15px;
	margin:40px 0 10px 0;
}

.modal-content ul li {
	list-style:circle;
	margin-left:20px;
}
a.close {
	background:#ddd;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:10px 0;
	color:#333;
	display:block;
	width:120px;
	text-align:center;
	margin-top:40px;
	cursor: pointer;
}
a:hover.close {
	background:#000;
	color:#fff;
}

/* ----------------------------------------
scrollspy
---------------------------------------- */

nav {
	position:fixed;
	top:0px;
	right:0px;
	z-index:1;
	font-size: 0.8em;
}
nav ul {
	list-style: none;
}
nav li {
	width:160px;
	line-height:30px;
	text-align:center;
	background-color: rgba(0,0,0,0.8);
	border-bottom:1px solid #000;
}
nav li.schedule {
	width:160px;
	line-height:40px;
	text-align:center;
	background-color: rgba(54,129,176,0.8);
	border-bottom:1px solid #000;
	background-image:url(images/nav_schedule.png);
	background-repeat:no-repeat;
	background-position:left;
}
nav li.contact {
	width:160px;
	line-height:40px;
	text-align:center;
	background-color: rgba(0,168,138,0.8);
	border-bottom:1px solid #000;
	background-image:url(images/nav_contact.png);
	background-repeat:no-repeat;
	background-position:left;
}
nav a {
	display:block;
	color:#fff;
	text-decoration:none;
}
nav a:hover {
	background-color: rgba(0,0,0,0.2);
}
.active {
	color:#D85219;
}

/* contact form */
.wpfs-w-60 {
	max-width: 750px !important;
}
.wpfs-form {
    text-align: left;
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px;
	margin: 0 auto;
}
.entry-content {
	margin: 0 auto;
    /*width: 65%;*/
	padding: 0 0 50px;
}
.hd-wrap {
	text-align: center;
	margin: 20px 0;
}
.hd-wrap h2 {
	font-size: 1.8em;
}
.wpfs-btn-primary, button.wpfs-btn-primary[type=submit], .no-touch button.wpfs-btn-primary[type=submit] {
	width: 60%;
	height: 55px !important;
}
.wpfs-form-actions {
	display: inherit !important;
	text-align: center;
}
.wpfs-mr-2, .wpfs-mx-2 {
	margin-right: 0 !important;
}
.entry-content .container-s {
    width: 750px;
    margin: 0 auto 40px;
    text-align: center;
}
.intro-s p {
	text-align: center;
}

/**** レスポンシブ　 ****/
/*スマホ*/
@media screen and (max-width:767px) {
	ul.bokijuku-list li a span {
	display: block;
	}
	#section-single img {
		width: 100%;
		height: auto;
	}
	#section-single .singlecontainer {
		padding: 20px;
	}
	#header {
    	height: 100vh;
    }
	.section-header {
	    max-width: 830px;
	    color: #000;
	    line-height: 52px;
	    font-size: 30px;
	    text-align: center;
	    margin: 50px auto 40px auto;
	    font-weight: 400;
	    padding: 0 10px;
	}
	.section-header span {
    	font-size: 20px;
	}
	#reason {
	  flex-direction: column;
	}
	#reason img {
		width: 100%;
	}
	#reason .reason-right, #reason .reason-left {
		width: 100%;
		height: auto;
	}
	#reason .reason-right-point, #reason .reason-left-point {
	    width: 95%;
	    height: auto;
		margin: 0 auto 50px;
	}
	#reason .grd-ttl {
		font-size: 25px;
	}
	#reason p.disc {
		width: 90%;
		padding-bottom: 30px;
		font-size: 15px;
	}
	#reason .reason-left-point h3, #reason .reason-right-point h3 {
		position: unset;
		padding: 20px 10px 0;
		margin: -15px auto;
		width: 25px;
	}
	.flbox:nth-child(1){order:2;}
	.flbox:nth-child(2){order:1;}
	.flbox:nth-child(3){order:3;}
	.flbox:nth-child(4){order:4;}
	.flbox:nth-child(5){order:6;}
	.flbox:nth-child(6){order:5;}
	.bg-image-loop {
		height: 100vh;
    	width: 100vw;
	}
	.bg-image-loop::after {
		background: url(image/sptop_float.png) center 50% no-repeat;
	    background-size: 100% auto;
	}
	#cslt-bg {
		background: url(image/consultation_bg.png) center center no-repeat;
		height: 70vh;
		width: 100%;
		overflow: hidden;
	}
	#cslt-bg #cslt-right {
		background: url(image/consultation_hito.png)100% 4% no-repeat;
	    background-size: 80% auto;
	}
	#cslt-bg #cslt-right img {
		margin: 92px -20px 0;
		width: 111%;
	}
	.cta {
		background: url(image/spcvcta_bg.png) no-repeat center;
	    min-height: 100px;
	    background-attachment:local;
	    background-size: cover;
	    margin: 60px 0 0;
		clear: both;
	}
	.cta .container {
	    width: 100%;
	    margin: 0 auto;
	    padding: 8% 0 2%;
	}
	.cta .phone {
		padding: 20px 6px;
	    width: 85%;
	}
	.cta .phone img {
		width: 95%;
	}
	.cta .container ul {
	    text-align: center;
	    margin: 20px 0 30px;
	}
	.cta li.btn_inq a img {
		margin: 0 auto 0 -15px;
    	width: 85%;
	}
	.profile {
    	height: auto;
		min-height: 700px;
		width: 100%;
		overflow: hidden;
	}
	.w-line {
		background: linear-gradient(135deg,transparent 0%,transparent 12%,#fff 12%, #fff 65%,transparent 65%,transparent 100%);
		height: 100vh;
	}
	#nakata .w-line {
		height: 95vh;
	}
	.w2-line {
		background: linear-gradient(45deg,transparent 0%,transparent 30%,#fff 12%, #fff 88%,transparent 88%,transparent 100%);
		height: 86vh;
	}

	.transparent-text {
	    font-size: 65px;
	    margin: 0;
	    width: auto;
	    height: auto;
	    margin-left: -1%;
	}
	.transparent2-text {
		font-size: 65px;
		margin: 0;
		width: auto;
		height: auto;
		margin-left: 24%;
	}
	.left-kousi {
		position: absolute;
		left: -6%;
		/*bottom: 0%;*/
		top: 61%;
		z-index: 1;
		width: 116%;
	}
	.right-kousi {
		position: absolute;
		left: 0%;
		/*bottom: 0%;*/
		top: 61%;
		z-index: 1;
		width: 116%;
	}
	.profile-discripition,
	.profile2-discripition {
	    margin: -45px auto 0;
	    width: 95%;
	    font-size: 14px;
	    position: unset;
	}
	.profile-discripition .pd1 {
	    font-size: 25px;
		text-align: right;
	}
	.profile2-discripition .pd1 {
	    font-size: 25px;
	    text-align: left;
	}
	.profile-discripition .pd1 span, .profile2-discripition .pd1 span {
	    font-size: 20px !important;
	}
	.profile-discripition p.pd3, .profile2-discripition p.pd3 {
		font-size: 16px;
	}
	.profile-discripition p.pd4, .profile2-discripition p.pd4 {
	    font-size: 28px;
	}
	.profile-discripition p.pd4 span, .profile2-discripition p.pd4 span {
		font-size: 16px;
	}
	.subject-box {
	    font-size: 14px;
	    border: solid 1px #b6d5e5;
	    max-width: 596px;
	    list-style-type: none;
	    line-height: 1.2em;
	    margin: 0;
	    width: 98%;
	}
	.subject-box ul {
	    position: unset;
	}
	.subject-box ul li {
	    margin: 5px 3px 5px 126px;
	}
	.profile2-discripition .subject-box ul li {
		margin: 5px 3px 5px 20px;
	}
	.voice {
		height: 100%;
	    padding-bottom: 25px;
	}
	.transparent-text {
		width: auto;
		height: auto;
		margin-left: -1%;
		margin-top: 0;
	}
	.voice-discription {
		width: 95%;
		height: auto;
		margin: -80px auto 0;
		font-size: 18px;
		color: #7f7f7f;
	}
	.voice_R {
		float: none;
	    width: 98%;
	    margin-top: 0;
	}
	.voice_R .v_R1 {
		font-size: 24px;
	}
	.voice_R .v_R1:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -25px;
		display: inline-block;
		width: 70px;
		height: 3px;
		transform: translate(-50%);
		background: linear-gradient(90deg, #7ab6d6, #40d3ca);
	}
	.voice_R .v_R2 {
		padding: 35px 10px 0;
		font-size: 16px;
		line-height: 1.6em;
	}
	.voice_L {
		width: auto;
		margin-top: 50px;
	}
	.voice_L .w-box {
		width: 88%;
		height: auto;
		margin: 50px 50px 50px 30px;
	}
	.maru {
    font-size: 24px;
	left: -11%;
	top: -44px;
	}
	.voice_L .w-box p {
        padding: 27px 10px 27px 52px;
    	line-height: 1.6em;
	}
	.naka-w-box {
	    width: 98%;
	    height: 155px;
	    position: absolute;
	    top: 3px;
	    left: 3px;
	}
	.voice_L .w-box .naka-w-box p{
		padding-top: 37px;
	}
	.giza{
		left: -39px;
		top: -49px;
	}
	.plan {
		height: auto;
	}
	.plan-discripition {
		width: 100%;
		height: auto;
		margin: 0;
		box-shadow: none;
		float: left;
	}
	.marunaga {
		height: 60px;
		width: 300px;
		line-height: 56px;
		position: unset;
		margin: -30px auto 0;
		font-size: 24px;
	}
	.plan-discripition p {
		font-size: 21px;
		padding: 18px 0 5px;
	}
	.plan-scbox {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.plan-scbox::before {
		content: "";
	    background: url(image/swipe.png) right center no-repeat;
		background-size: 100%;
	    width: 60px;
	    height: 60px;
	    position: absolute;
	    z-index: 1;
	    right: 1%;
	    bottom: 35%;
	}
	.large-box {
	    display: flex;
	    float: left;
	    margin: 25px 0px 30px;
	}
	p.aligncenter {
	padding: 30px 0 50px;
	}
	.introduction::after {
		content: "";
		height: 1px;
		clear: both;
	}
	#section5 h3.pricettl {
		font-size: 1.4em;
	}
	h3.pricettl-sub {
		font-size: 1.4em;
	}
	#section5 .main-price {
	display: table-row;
	width: 95%;
	float: left;
	margin: 0 auto 0 3%;
	}
	#section5 .main-price .mpr-box{
		width: 98%;
		margin: 0 auto 40px;
	}
	#section5 .main-price .mpr-box .main-price-ttl h4 {
		font-size: 1.2em;
		padding-left: 100px;
	}
	#section5 .main-price .mpr-box .main-price-ttl h4::after {
		top: 77px;
	}
	.osumituki {
		left: -5%;
		top: -17px;
	}
	.osusume-box {
		padding: 3px 0;
		width: 95%;
	}
	.osusume-box table td {
		font-size: 13.5px;
		padding: 0 0 0 5px;
	}
	.opprice .opprice-box {
		width: 95%;
		float: left;
	}
	.opprice .opprice-box h4.op-ttl {
		width: 80%;
		left: 7%;
		top: -13%;
	}
	.opprice .opprice-box p {
		padding: 42px 18px 30px;
	}
	.opprice .opprice-box p.op-price span {
		font-size: 1.8em;
	}
	#price-st p.intro {
		font-size: 1em;
    	padding: 0 10px 30px;
		font-weight: 500;
	}
	#price-st .flpr {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	#price-st .pr-box {
		width: 160px;
		height: 160px;
		margin: 30px 10px 50px;
	}
	#section6 .qa {
	    padding: 0 10px 25px;
	    border: none;
	    width: 88%;
	}
	#section6 .qa .que {
		background-size: 20% auto;
		font-size: 20px;
		padding: 26px 0 0 90px;
	}
	#section6 .qa .ans {
		background-size: 20% auto;
		font-size: 16px;
		padding: 26px 0 40px 105px;
		min-height: 55px;
		background-image: url(image/sec6-aicon.png);
		background-repeat: no-repeat;
		background-position: 20px 0;
		margin-top: 18px;
		margin-bottom: 40px;
	}
	#section-map .map {
		width: 95%;
		margin:  0 auto;
	}
	#section-map .lcontainer p {
		padding: 30px 0;
	}
	/* ----------------------------------------
	section8
	お申込み
	---------------------------------------- */
	#section8,#section9,#section10 {
		padding: 30px 0;
	}
	#mw_wp_form_mw-wp-form-7 {
    	width: 95%;
	}
	#section8 a {
		color: #3681b0;
		text-decoration: underline;
		font-size: 80%;
	}
	#section8 p,#section9 p,#section10 p {
	    width: 94%;
	    margin: 0 auto;
	}
	#section8 .pc {
		display: none;
	}
	#section8 .sp{
	    display: unset;
	}
	#section8 .sp img {
		width: 100%;
	}
	#section8 .inq-bg {
		background: linear-gradient(152deg,#bee2f6,#d9c9d9);
		padding: 35px 0;
	}
	#section8 .container,#section9 .container,#section10 .container {
		background: #fff;
		padding: 30px 0 20px;
		width: 90%;
	}
	#section8 .inq-bg .container,#section9 .inq-bg .container,#section10 .inq-bg .container {
		background: #fff;
		padding: 30px 0 150px;
		width: 90%;
	}

	#section8 .intro,#section9 .intro,#section10 .intro {
		text-align:center;
		margin: 0 0 15px;
		color: #4fcbcd;
		font-size: 14px;
	}
	#section8 .intro figure {
		margin: 15px 0;
	}
	#section8 .intro figure img {
		width: 100%;
	}
	#section8 .form-box {
		width: 90%;
		margin: 0 auto;
	}

	/* inquery */
	ul#inquery {
		width: 100%;
		margin: 0 auto;
		display:-webkit-box;
		display:-moz-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	ul#inquery li {
		margin-bottom: 30px;
		width: 100%;
	}
	ul#inquery li.req-txarea {
		width: 100%;
	}
	ul#inquery li.req-privacy {
		margin-left: 0;
		margin-bottom: 5px;
		width: 100%;
		background: #fff8da;
		padding: 0 0 5px;
	}
	ul#inquery li.req-privacy label{
		color: #bbbbbb;
	}
	ul#inquery li.req-privacy .mwform-checkbox-field-text {
		font-size: 80%;
	}
	input[type=checkbox] {
		background-color: #fff8da;
	}
	ul#inquery li label {
		color: #4fcbcd;
	    margin-bottom: 11px;
	    width: 100%;
	    font-size: 0.9em;
	}
	.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
	}
	ul#inquery li:nth-child(even) {
    margin-left: 0px;
    margin-right: 0px;
	}
	#section8 input.calender-text {
    width: 79%;
	}
	ul#inquery li label span.kome {
		color: #e15181;
		font-size: 12px;
		margin-left: 14px;
	}
	#section8 input {
		border-bottom: 3px solid #ddd;
		border-top: none;
		border-left: none;
		border-right: none;
		margin-top: 10px;
		-webkit-transition: border-bottom 0.5s ease;
		-moz-transition: border-bottom 0.5s ease;
		-o-transition: border-bottom 0.5s ease;
		-ms-transition: border-bottom 0.5s ease;
		transition: border-bottom 0.5s ease;
		height: 35px;
		width: 100%;
		font-size: 16px;
	}
	#section8 input[type="text"] {
		-webkit-appearance: none;
		border-radius: 0;
	}
	#section8 input[type="checkbox"] {
		border-radius: 1px;
		height: 15px;
		width: 15px
	}

	#section8 input:focus {
	    outline: none;
	    border-bottom: 3px solid #4fcbcd;
		color: #4fcbcd;
	}
	input::-webkit-input-placeholder {
	    color: #aaa;
	    font-weight: normal;
	}
	input:-ms-input-placeholder {
	    color: #aaa;
	    font-weight: normal;
	}
	input::-moz-placeholder {
	    color: #aaa;
	    font-weight: normal;
	}
	#section8 input.calender-text {
		background: url(images/form_calendericon.png) no-repeat left center;
		padding-left: 60px;
	}
	#section8 input.check-privacy {
		height: 14px;
	    width: 5%;
	    margin-left: 10px;
	    margin-right: 5px;
	}
	#section8 ul#inquery li.selectcourse {
	    width: 100%;
	    display: flex;
	    text-align: left;
	    line-height: 2.5em;
	    justify-content: center;
	    flex-flow: column;
	}
	#section8 select {
		-webkit-appearance: none;
		border-radius: 0;
		-moz-appearance: none;
		appearance: none;
		border-bottom: 3px solid #ddd;
		border-top: none;
		border-left: none;
		border-right: none;
		margin-top: 10px;
		width: 100%;
		background: url(images/form_selecticon.png) no-repeat left center;
		padding-left: 15px;
		height: 35px;
		font-size: 16px;
	}
	#section8 select:focus {
	    outline: none;
	    border-color: #4fcbcd;
		color: #4fcbcd;
	}
	#section8 textarea {
		resize: none;
		background: #f2f2f2;
		border: none;
		width: 92%;
		padding: 11px;
		margin: 15px 0 0 0px;
		font-size: 16px;
	}
	#section8 textarea:focus {
		color: #4fcbcd;
	}
	#section8 .chkside {
		text-align: center;
		width: 100%;
		float: left;
	}
	#section8 .req-smt {
		text-align: center;
		width: 100%;
		float: left;
		margin: 10px auto 25px;
	}
	#section8 input[type="submit"] {
		background: #00a88a;
		color:#fff;
		height: auto;
		width: 100%;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 125%;
		font-weight:500;
		border:none;
		border-bottom:4px solid #00916a;
		line-height:56px;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		outline:2px solid transparent;
		outline-offset:50px;
		transition:0.5s all ease;
		-webkit-appearance: none;
	}
	#section8 input[type="submit"]:hover {
		background:#00916a;
	}
	#section8 input[type="submit"]:focus {
		outline:1px dotted #003567;
		outline-offset:0;
	}
	#section8 .end {
		text-align:center;
		height: 200px;
		font-size: 100%;
		width: 90%;
		margin: 0 5%;
	}
	#section8 .end img {
		margin-bottom:40px;
	}
	#section8 .error_msg {
		color:#d00;
		font-weight:500;
		font-size:1.2em;
	}
	#section8 img.phone {
		width: 100%;
	}
	#section8 .formTbl span.req {
		display:inline-block;
		background:#ddd;
		width:60px;
		text-align:center;
		margin-right:20px;
	}
	/* ----------------------------------------
	section10
	株式会社ソフトキャンパスについて
	---------------------------------------- */
	#section9 .campany-bg {
		    background-size: contain;
			background-attachment: unset;
	}
	#section9 .campany-bg .container .alph-cont {
		width: 95%;
		padding: 190px 0 0;
    	background-color: unset;
	}
	#section9 { width:100%; padding:40px 0 10px; }
	#section9 .section-header2 {
		border-bottom: none; padding-bottom: 0; width: 100%; line-height: 1.5em;
	}
	#section9 .intro { width:100%; margin:0 auto 25px; text-align: center; color: #555; font-size: 85%;}
	#section9 .intro p { padding: 10px 5px 1px; }
	table.aboutTbl { width:95%; border-collapse:collapse; margin:0 2.5% 20px 2.5%; font-size:0.8em; }
	table.aboutTbl th.t_top { border-top:#4fcbcd 4px solid; }
	table.aboutTbl th { border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; text-align:left; background:#fff; padding:10px; font-weight:bold; width:30%; }
	table.aboutTbl td.t_top { border-top:#b3b3b3 4px solid; }
	table.aboutTbl td { border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; border-left:#ddd 1px solid; text-align:left; padding:10px; }
	table.aboutTbl td a { color:#4fcbcd; }

	nav:not(.navigation.pagination) {
		display: none;
	}
	/* ----- fnav ----- */
	nav#fnav {
		position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 101%;
	    display: unset;
	    top: auto;
	}
	nav#fnav li {
		float:left;
		width:50%;
		border: none;
	}
	nav#fnav li.wd100 {
		width:100%;
	}
	nav#fnav li a {
		display:block;
		background-color: rgba(65,108,172,0.5);
		color: #fff;
		text-align:center;
		line-height:30px;
		padding-top:30px;
	}
	nav#fnav li a.reqfnav {
		background-color: rgba(57,200,192,0.5);
	}
	nav#fnav li.wd100 a {
		background-color: rgba(57,200,192,0.5);
		border-right:none;
	}
	nav#fnav li:nth-child(1) a {
		background-image:url(image/fnav3.png);
		background-repeat:no-repeat;
		background-position:top 6px left 50%;
	}
	nav#fnav li:nth-child(2) a {
		background-image:url(image/fnav1.png);
		background-repeat:no-repeat;
		background-position:top 6px left 50%;
	}
	#page-top {
		position: fixed;
		bottom: 70px;
		right: 7px;
		font-size: 0.85em;
		font-family: 'Noto Serif', serif;
	}
	#page-top a {
		background-color: rgba(0,0,0,0.8);
		text-decoration: none;
		color: #fff;
		width: 80px;
		padding: 30px 0;
		text-align: center;
		display: block;
		border-radius: 50%;
	}
}
.card-input-txt {
	text-align: center;
	font-size:12px;
	margin: 20px 0;
}
/* 決済フォームの送信ボタン */
button.kessai-submit {
  display: inline-block;
  min-width: 260px;
  padding: 16px 40px;
  background-color: #17a398 !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  border: none !important;
  border-radius: 8px;
  box-shadow: 0 4px 0 #0e7a72;
  cursor: pointer;
  transition: background-color .2s, transform .1s, box-shadow .1s;
}

/* マウスを乗せたとき */
button.kessai-submit:hover {
  background-color: #1bb8ab !important;
}

/* 押したとき（ボタンが沈む動き） */
button.kessai-submit:active {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #0e7a72;
}

/* キーボードで選んだとき */
button.kessai-submit:focus-visible {
  outline: 3px solid #ffd54f;
  outline-offset: 2px;
}

/* 押せない状態 */
button.kessai-submit:disabled {
  background-color: #b5b5b5 !important;
  box-shadow: none;
  cursor: not-allowed;
}

/* スマホでは横いっぱいに */
@media (max-width: 600px) {
  button.kessai-submit {
    width: 100%;
    min-width: 0;
  }
}
.asp_all_buttons_container{
	margin:30px auto;
	width: fit-content;
}