@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Noto Sans Regular */
@font-face { font-family:'Noto-Regular'; src:url('../fonts/NotoSansCJKjp-Regular.eot');
	src:local('Noto-Regular'), url('../fonts/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'), url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'), url('../fonts/NotoSansCJKjp-Regular.svg#svgFontName') format('svg');
}
@font-face { font-family:'Noto-Bold'; src:url('../fonts/NotoSansCJKjp-Bold.eot');
	src:local('Noto-Bold'), url('../fonts/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'), url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'), url('../fonts/NotoSansCJKjp-Bold.svg#svgFontName') format('svg');
}
@font-face { font-family:'Noto-Black'; src:url('../fonts/NotoSansCJKjp-Black.eot');
	src:local('Noto-Black'), url('../fonts/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansCJKjp-Black.woff') format('woff'), url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'), url('../fonts/NotoSansCJKjp-Black.svg#svgFontName') format('svg');
}


/* common */
* { box-sizing:border-box; }
html { font-size:10px; }
body { position:relative; color:#202020; line-height:1.4; font-size:1.6rem; }
body { font-family:'Roboto','NotoFont','Noto Sans Japanese',sans-serif; }
a { color:inherit; text-decoration:none; }
img { vertical-align:top; }
table { width:100%; border-collapse:collapse; }
.PC { display:none; }
.SP { display:block; }

@keyframes brink { 0% { left:-100%; } 50% { left:400%; } 100% { left:-100%; } }

/* Head */
.Head { position:relative; z-index:201; width:100%; min-width:320px; background:rgba(255,255,255,0.9); box-shadow:0 0 2px 0 rgba(0,0,0,0.15); }
    .HeadInner {  }
    .HeadInner::after { content:''; display:table; clear:both; height:0; }
.Head h1 { position:relative; float:none; width:100%; padding:10px; text-align:center; }
    .Head h1 small { display:block; position:relative; float:right; left:auto; margin-bottom:0.5rem; font-size:0.8rem; text-align:right; }
    .Head h1 img { position:relative; float:left; width:auto; height:30px; margin-bottom:0.5rem; }
.Head aside { position:fixed; float:none; left:0; bottom:0; z-index:202; width:100%; padding:5px 5px 0; text-align:center; background:rgba(255,255,255,0.9); box-shadow:0 0 2px 0 rgba(0,0,0,0.15); }
.Head aside ul { display:block; position:relative; }
.Head aside .tel { display:block; float:left; width:49.5%; margin-right:1%; }
.Head aside .tel a { pointer-events:inherit; }
.Head aside .mail { display:block; position:relative; overflow:inherit; position:relative; float:none; width:100.0%; margin:0 auto; }
.Head aside .mail a { animation:prpr 1s ease -1s infinite alternate; }
.Head aside a { display:block; position:relative; overflow:hidden; max-width:86%; margin:0 auto; border-radius:6px; }
.Head aside img { width:100%; height:auto; transition:0.4s; }
    /* aside a:hover effect */
.Head aside a { transition:0.4s; }
.Head aside .tel a::before { content:''; animation:brink 6.25s infinite; display:block; position:absolute; left:-100%; top:-20px; z-index:2; width:220px; height:80px; transform:rotate(-60deg); background:linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%); }
.Head aside .mail a::before { content:''; animation:brink 6.25s infinite; display:block; position:absolute; left:-100%; top:-20px; z-index:2; width:220px; height:80px; transform:rotate(-60deg); background:linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%); }

.Head aside .mail span { display:inline-block; position:absolute; z-index:2; top:-5.5rem; left:-1.5rem; padding:1.2rem 2.0rem; border-radius:100%; color:#fff; line-height:1.2; font-size:1.2rem; font-weight:600; text-align:center; background:#f00; transform:rotate(-4deg); }

/* Slide */
.Slide {  }
.SlideInner { position:relative; width:100%; min-width:320px; }
.SlideInner::after { content:''; display:table; clear:both; height:0; }
.Slide h2 {  }
.Slide h2 a { display:block; position:absolute; top:85.65%; left:14.8%; width:45%; height:10.75%; border-radius:0.2rem; background:rgba(255,255,255,0.0); }
.Slide h2 a:hover { background:inherit; }
.Slide h2 img { width:100%; }
.Slide .catch { display:none; width:100%; padding:20px; color:#fff; line-height:1.3; font-size:1.8rem; font-weight:600; font-weight:800; text-align:center; /*text-shadow:0 0 5px rgba(0,0,0,0.25);*/ background:#399fce; box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.25),inset 0 -2px 4px 0 rgba(0,0,0,0.25); }
.Slide .catch span { background:-webkit-linear-gradient(#fff, #fcff35); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.Slide .catch span + br + span { background:-webkit-linear-gradient(#fcff35, #fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* cvarea */
.cvarea { position:relative; z-index:2; top:0; }
.cvareaInner { position:relative; }
.cvareaInner::after { content:''; display:table; clear:both; height:0; }
.cvarea img { width:100%; border-radius:0; }
.cvarea a.mail { display:block; position:absolute; top:64.0%; left:5%; width:90%; height:15.0%; background:rgba(0,0,0,0.0); animation:prpr 1s ease -1s infinite alternate; }
.cvarea a.mail img { transition:0.4s; /*display:none;*/ }
.cvarea a.tel { display:block; position:absolute; top:58.0%; left:5%; width:90%; height:15.0%; background:rgba(0,0,0,0.0); }
.cvarea a.tel img { /*display:none;*/ }
    /* cvarea a:hover effect */
.cvarea a { border-radius:5px; overflow:hidden; }
.cvarea a::before { content:''; animation:brink 6.25s infinite; display:block; position:absolute; left:-100%; top:-20px; z-index:2; width:220px; height:80px; transform:rotate(-60deg); background:linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%); }

@keyframes prpr {
    0% { transform:scale(1.0, 1.0); }
    100% { transform:scale(1.1, 1.1); }
}

/* check */
.check { position:relative; overflow:hidden; padding:3.0rem 0; background:url('../images/check_bg.jpg') no-repeat center center; background-size:cover; }
.checkInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.checkInner::after { content:''; display:table; clear:both; height:0; }
.check header { margin-bottom:1.0rem; text-align:center; }
.check header h2 { margin-bottom:1.0rem; font-size:2.0rem; font-weight:600; font-weight:800; text-align:center; }
.check header h2 b { color:#399fce; font-size:2.2rem; }
.checkWrap { position:relative; max-width:100%; margin:0 auto 2.0rem; padding:1.5rem; border-radius:0.5rem; background:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,0.15); }
.check ul::after { content:''; display:table; clear:both; height:0; }
.check li { position:relative; float:none; width:100%; margin:0 0 1.0rem; padding:0 0 1.0rem; border-bottom:#ddd 1px dotted; line-height:1.4; font-size:1.3rem; text-align:justify; }
.check li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.check li i { margin-right:0.3rem; color:#5fb8bb; }
.check .catch { position:relative; z-index:20; font-size:1.4rem; font-weight:600; text-align:center; text-shadow:0px 0px 3px #fff , 0px 0px 5px #fff ,0px 0px 10px #fff; }
.check .catch b { font-weight:600; font-size:1.4rem; }
.check .catch strong { font-weight:600; font-size:2.0rem; }
.check figure { position:absolute; bottom:0; right:0; width:100px; height:188px; }
.check figure img { width:100%; }

/* reason */
.reason { padding:3.0rem 0; background:url('../images/bg04.jpg') no-repeat; background-size:cover; }
.reasonInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.reasonInner::after { content:''; display:table; clear:both; height:0; }
.reason header { margin-bottom:1.0rem; text-align:center; }
.reason header h2 { margin-bottom:1.0rem; font-size:1.6rem; font-weight:600; font-weight:800; text-align:center; }
.reason header h2 b { color:#f00/*399fce*/; font-size:2.2rem; }
.reason header h2 span { display:inline-block; position:absolute; z-index:2; top:-6.0rem; left:40%; padding:1.0rem 1.8rem; border-radius:100%; color:#fff; font-size:1.3rem; font-weight:800; transform:rotate(-4deg); background:#f00; zoom:0.7; }
.reason header h2 span b { color:#fcff35; font-size:1.8rem; }
.reason header h2 span::before { content:''; position:absolute; bottom:-1.5rem; left:55%; border:transparent 10px solid; border-top:#f00 18px solid; transform:rotate(-4deg); }
.reason header h2 img { position:relative; top:-0.6rem; margin-bottom:-0.6rem; width:50%; height:auto; }
.reason ul { max-width:100%; margin:0 auto 4.0rem; color:#202020; }
.reason ul::after { content:''; display:table; clear:both; height:0; }
.reason li { position:relative; float:none; width:100%; margin:0 0 2.0rem 0; padding-bottom:0; border-bottom:0; line-height:1.6; font-size:1.4rem; text-align:justify; }
.reason li:last-child { margin-right:0; margin-bottom:0; padding-bottom:0; border-bottom:0; }
.reason li::after { content:none; display:table; clear:both; height:0; }
    .reason li:nth-child(1)::before { content:'1'; display:block; position:absolute; z-index:2; top:0rem; left:0.0rem; width:3.5rem; height:6.0rem; color:#fff; line-height:3.0rem; font-size:1.8rem; font-weight:600; text-indent:1.2rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:3.5rem auto; }
    .reason li:nth-child(2)::before { content:'2'; display:block; position:absolute; z-index:2; top:0rem; left:0.0rem; width:3.5rem; height:6.0rem; color:#fff; line-height:3.0rem; font-size:1.8rem; font-weight:600; text-indent:1.2rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:3.5rem auto; }
    .reason li:nth-child(3)::before { content:'3'; display:block; position:absolute; z-index:2; top:0rem; left:0.0rem; width:3.5rem; height:6.0rem; color:#fff; line-height:3.0rem; font-size:1.8rem; font-weight:600; text-indent:1.2rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:3.5rem auto; }
    .reason li:nth-child(4)::before { content:'4'; display:block; position:absolute; z-index:2; top:0rem; left:0.0rem; width:3.5rem; height:6.0rem; color:#fff; line-height:3.0rem; font-size:1.8rem; font-weight:600; text-indent:1.2rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:3.5rem auto; }
    .reason li:nth-child(5)::before { content:'5'; display:block; position:absolute; z-index:2; top:0rem; left:0.0rem; width:3.5rem; height:6.0rem; color:#fff; line-height:3.0rem; font-size:1.8rem; font-weight:600; text-indent:1.2rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:3.5rem auto; }
.reason li figure { display:block; float:right; width:30%; height:auto; margin:0 0 0 1.5rem; }
.reason li figure img { width:100%; }
.reason li h3 { margin-bottom:1.0rem; padding-left:4.5rem; font-size:1.6rem; font-weight:600; text-align:left; }
.reason li h3 b { color:#f00; }
.reason .catch { max-width:100%; margin:0 auto 3.0rem; font-size:1.6rem; font-weight:600; font-weight:800; text-align:center; }
.reason .catch img { position:relative; top:-1.2rem; margin-bottom:-1.2rem; width:50%; height:auto; }
.reason .catch b { color:#f00; font-size:2.1rem; }


/* hikaku */
.Hikaku { padding:3.0rem 0; background:url('../images/Hikaku_bg.jpg'); background-size:cover; }
.HikakuInner { position:relative; width:100%; min-width:100%; max-width:100%; margin:0 auto; }
.HikakuInner::after { content:''; display:table; clear:both; height:0; }
.Hikaku header { margin-bottom:2.0rem; text-align:center; }
.Hikaku header h2 { position:relative; line-height:1.0; font-size:2.0rem; font-weight:600; }
.Hikaku header h2 span { position:absolute; top:-12.0rem; left:30%; }
.Hikaku header h2 b { color:#399fce; font-size:2.2rem; }
.Hikaku header + p { margin-bottom:3.0rem; font-size:1.4rem; font-weight:600; text-align:center; }
.Hikaku table { position:relative; width:100%; min-width:100%; font-size:1.2rem; margin:0 auto 3.0rem; border-collapse:collapse; border-top:rgba(255,255,255,0.9) 2px solid; border-bottom:rgba(255,255,255,0.9) 2px solid; }
.Hikaku table::after {  }
.Hikaku table thead { border-bottom:rgba(255,255,255,0.9) 1px solid; }
.Hikaku table tbody { background:#fff; }
.Hikaku table tr {  }
.Hikaku table tr:nth-child(even) { background:rgba(255,255,255,0.15); }
    .Hikaku table tr th:nth-child(2) { position:relative; top:-10px; border-right:#ff9000 10px solid; border-left:#ff9000 10px solid; border-bottom:#ff9000 1px solid; color:#000; line-height:1.0; font-size:1.4em; background:#ffcc00; }
    .Hikaku table tr th:nth-child(2) img { position:relative; top:-7px; height:20px; }
        .Hikaku table tr th:nth-child(2)::before { content:''; display:block; position:absolute; top:0; left:-10px; border:transparent 5px solid; border-right:#ff9000 5px solid; border-bottom:#ff9000 5px solid; }
        .Hikaku table tr th:nth-child(2)::after { content:''; display:block; position:absolute; top:0; right:-10px; border:transparent 5px solid; border-left:#ff9000 5px solid; border-bottom:#ff9000 5px solid; }
    .Hikaku table tr td:nth-child(2) { position:relative; top:-10px; border-right:#ff9000 10px solid; border-left:#ff9000 10px solid; color:#000; line-height:1.4; font-size:1.1em; font-weight:600; background:#fff; background:#fff; }
    .Hikaku table tr td:nth-child(2) b { font-weight:600; }
    .Hikaku table tr:last-child td:nth-child(2)::before { content:''; display:block; position:absolute; bottom:-20px; left:-10px; border:transparent 5px solid; border-top:#ff9000 5px solid; border-right:#ff9000 5px solid; }
    .Hikaku table tr:last-child td:nth-child(2)::after { content:''; display:block; position:absolute; bottom:-20px; right:-10px; border:transparent 5px solid; border-top:#ff9000 5px solid; border-left:#ff9000 5px solid; background:#fff; }
    .Hikaku table tr:last-child td:nth-child(2) b::before { content:''; display:block; position:absolute; bottom:-20px; left:0; width:100%; height:17px; border-bottom:#ff9000 5px solid; background:#fff; }
    .Hikaku table tr:last-child td:nth-child(2) b::after { content:''; display:block; position:absolute; bottom:-18px; left:0; width:100%; height:17px; background:#fff; }

.Hikaku table thead th { padding:20px; border-left:rgba(255,255,255,0.3) 1px solid; color:#fff; font-size:1.1em; font-weight:600; text-align:center; vertical-align:middle; background:#2b2b2b; }
.Hikaku table tbody th { position:relative; padding:10px; border-bottom:#ddd 1px solid; font-weight:600; text-align:left; vertical-align:middle; background:#fff; }
.Hikaku table tbody th::before { content:''; display:inline-block; position:relative; top:-0.1em; margin-right:0.3em; border:transparent 3px solid; border-left:#000 3px solid; }
.Hikaku table td { position:relative; padding:10px; border-left:rgba(255,255,255,0.15) 1px solid; border-bottom:rgba(255,255,255,0.15) 1px solid; text-align:center; vertical-align:middle; background:#fff; }
    .Hikaku table thead th:nth-child(1) { border-left:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table thead th:last-child { border-right:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table tbody th:nth-child(1) { border-left:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table tbody td:last-child { border-right:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table tbody td .ng { display:inline-block; position:relative; margin-top:-0.25em; margin-bottom:-0.75em; font-size:1.5em; color:#ea0c0c; }
.Hikaku table td span { display:block; font-size:1.4em; font-weight:bold; color:#fe7500; }

.Hikaku table + p { font-size:1.4rem; font-weight:600; text-align:center; }
.Hikaku table + p b { color:#fd6408; }


/* result */
.result { padding:3.0rem 0; background:url('../images/result_bg.jpg'); background-size:cover; }
.resultInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.resultInner::after { content:''; display:table; clear:both; height:0; }
.result figure { display:block; float:none; width:100%; margin:0 auto 2.0rem; }
.result figure img { width:100%; }
.result header { margin-bottom:1.0rem; text-align:center; }
.result header h2 { margin-bottom:1.0rem; font-size:2.0rem; font-weight:600; font-weight:800; text-align:center; color:#fff; }
.result header h2 b { font-size:2.2rem; }
.result header h2 img { position:relative; top:-1.4rem; margin-bottom:-1.4rem; width:auto; height:3.6rem; }
.result ul { max-width:100%; margin:0 auto 1.0rem; }
.result ul::after { content:''; display:table; clear:both; height:0; }
/*.result ul li { float:left; width:49%; margin-right:1%; margin-bottom:1.0rem; text-align:left; font-size:1.4rem; }
.result ul li:nth-child(2) { margin-right:0; }
.result ul li:last-child { margin-right:0; }*/
.result ul li { margin:0 0.5rem 1.0rem 0; }
.result ul li h3 { margin-bottom:1.0rem; padding-left:0; font-size:1.6rem; font-weight:600; text-align:left; }
.result ul li h3 b { color:#5fb8bb; }
.result .catch { font-size:1.8rem; text-align:center; color:#fff; }
.result .catch b {  font-weight:600; }
.slick-dots { bottom:-5px !important; }

/* teacher */
.teacher { padding:3.0rem 0; background:url('../images/teacher_bg.jpg'); background-size:cover; }
.teacherInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.teacherInner::after { content:''; display:table; clear:both; height:0; }
.teacher figure { display:block; float:none; width:100%; margin:0 auto 2.0rem; }
.teacher figure img { width:100%; }
.teacher header { margin-bottom:1.0rem; text-align:center; }
.teacher header h2 { margin-bottom:1.0rem; font-size:2.0rem; font-weight:600; font-weight:800; text-align:center; color:#fff; }
.teacher header h2 b { font-size:2.2rem; }
.teacher ul { max-width:100%; margin:0 auto 1.0rem; }
.teacher ul::after { content:''; display:table; clear:both; height:0; }
.teacher ul li { float:none; width:100%; margin-right:0; margin-bottom:2.5rem; text-align:left; font-size:1.4rem; color:#fff; }
.teacher ul li:last-child { margin-right:0; }
.teacher ul li::after { content:''; display:table; clear:both; height:0; }
.teacher ul li img { height:auto; float:right; width:40%; height:auto; margin:0 0 0 1.5rem; }
.teacher .catch { font-size:1.8rem; text-align:center; color:#fff; }
.teacher .catch b {  font-weight:600; }

/* voice */
.voice { padding:3.0rem 0; background:url('../images/bg01.jpg'); box-shadow:0 0 5px 0 rgba(0,0,0,0.15); }
.voiceInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.voiceInner::after { content:''; display:table; clear:both; height:0; }
.voice header { margin-bottom:2.0rem; text-align:center; }
.voice header h2 { position:relative; line-height:1.0; font-size:2.0rem; font-weight:600; }
.voice header h2 b { color:#399fce; font-size:2.2rem; }
.voice ul {  }
.voice li { margin-bottom:1.0rem; padding:1.0rem; border:#eee 1px solid; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.075); }
.voice li::after { content:''; display:table; clear:both; height:0; }
.voice li figure { display:block; float:right; width:35%; margin:0 0 0 1.0rem; }
.voice li figure img { width:100%; }
.voiceTxt { font-size:1.4rem; }
.voiceTxt h3 { position:relative; margin-bottom:1.0rem; color:#5fb8bb; font-size:1.6rem; font-weight:600; padding-left:2.5rem; }
    .voiceTxt h3::before { content:'…'; display:block; position:absolute; z-index:2; top:-1.0rem; left:-1.0rem; width:3.0rem; height:3.0rem; color:#fff; line-height:2.0rem; font-size:1.8rem; font-weight:600; text-indent:0.7rem; background:url('../images/icon-balloon.png') no-repeat; background-size:3.0rem auto; }
.voiceTxt h3 small { display:block; margin-top:0.35rem; color:#666; font-size:1.4rem; font-weight:400; }
.voiceTxt p { font-size:1.4rem; text-align:justify; }

/* access */
.access { padding:3.0rem 0; background:url('../images/bg01.gif'); }
.accessInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.accessInner::after { content:''; display:table; clear:both; height:0; }
.access header { margin-bottom:2.0rem; text-align:center; }
.access header h2 { position:relative; line-height:1.0; font-size:2.0rem; font-weight:600; }
.access header h2 b { color:#399fce; font-size:2.2rem; }
.access p { font-size:1.4rem; text-align:center; margin-bottom:2.0rem; }

/* flow */
.flow { padding:3.0rem 0; }
.flowInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.flowInner::after { content:''; display:table; clear:both; height:0; }
.flow header { margin-bottom:2.0rem; text-align:center; }
.flow header h2 { position:relative; line-height:1.0; font-size:2.0rem; font-weight:600; }
.flow header h2 b { color:#399fce; font-size:2.2rem; }
.flow ul { text-align:center; }
.flow li { position:relative; float:none; width:100%; margin-right:0; margin-bottom:2.0rem; padding-bottom:0; border-bottom:0; text-align:center; }
.flow li:last-child { margin-right:0.0rem; margin-bottom:0.0rem; padding-bottom:0.0rem; border-bottom:0; }
.flow li::after { content:''; display:table; clear:both; height:0; }
.flow figure { display:block; position:relative; overflow:hidden; float:right; width:30%; height:auto; margin:0 0 0 1.0rem; border:1px solid #dedede; border-radius:3px; }
.flow figure img { width:100%; height:auto; }
.flow h3 { position:relative; margin-bottom:0.65rem; padding-left:3.5rem; color:#5fb8bb; font-size:1.6rem; font-weight:600; text-align:left; }
    .flow li:nth-child(1)::before { content:'1'; display:block; position:absolute; z-index:2; top:-1.0rem; left:0rem; width:3.0rem; height:3.0rem; color:#fff; line-height:3.0rem; font-size:1.4rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:3.0rem auto; }
    .flow li:nth-child(2)::before { content:'2'; display:block; position:absolute; z-index:2; top:-1.0rem; left:0rem; width:3.0rem; height:3.0rem; color:#fff; line-height:3.0rem; font-size:1.4rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:3.0rem auto; }
    .flow li:nth-child(3)::before { content:'3'; display:block; position:absolute; z-index:2; top:-1.0rem; left:0rem; width:3.0rem; height:3.0rem; color:#fff; line-height:3.0rem; font-size:1.4rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:3.0rem auto; }
    .flow li:nth-child(4)::before { content:'4'; display:block; position:absolute; z-index:2; top:-1.0rem; left:0rem; width:3.0rem; height:3.0rem; color:#fff; line-height:3.0rem; font-size:1.4rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:3.0rem auto; }
.flow p { line-height:1.6; font-size:1.4rem; text-align:left; padding-left:3.5rem; }

/* faq */
.faq { padding:3.0rem 0 0; background:url('../images/faq_bg.jpg') no-repeat; background-size:cover; box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.25); }
.faqInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.faqInner::after { content:''; display:table; clear:both; height:0; }
.faq header { margin-bottom:2.0rem; text-align:center; }
.faq header h2 { position:relative; line-height:1.0; font-size:2.0rem; font-weight:600; }
.faq header h2 b { color:#399fce; font-size:2.2rem; }
.faq ul { text-align:center; }
.faq li { margin-bottom:1.0rem; padding-bottom:1.0rem; border-bottom:#ddd 1px solid; }
.faq li:last-child { margin-bottom:0.0rem; padding-bottom:0.0rem; border-bottom:0; }
.faq h3 { margin-bottom:1.0rem; color:; font-size:1.6rem; font-weight:600; text-align:left; }
.faq h3 i { color:#5fb8bb; }
.faq p { line-height:1.6; font-size:1.4rem; text-align:left; }
.faq .catch { width:100%; padding:20px; margin-top:3.0rem; color:#fff; line-height:1.3; font-size:1.8rem; font-weight:600; font-weight:800; text-align:center; /*text-shadow:0 0 5px rgba(0,0,0,0.25);*/ background:#f00 url('../images/bg06.png') no-repeat center center; box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.25),inset 0 -2px 4px 0 rgba(0,0,0,0.25); }
.faq .catch span { background:-webkit-linear-gradient(#fff, #fcff35); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.faq .catch span + br + span { background:-webkit-linear-gradient(#fcff35, #fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }


/* Form */
.Form { margin-bottom:30px; }
.FormInner { position:relative; width:90%; margin:0 auto; }

.Form header { width:90%; margin:0 auto 15px; padding:30px 0 0; font-weight:600; text-align:center; }
.Form header h3 { margin-bottom:0.7rem; line-height:1.0; font-size:1.2em; color:#202020; }
.Form header h3 i { position:relative; top:-0.01em; margin-right:0.3em; font-size:1.1em; color:#3a8fef; }
.Form header p { color:#ff0000; font-size:1.5rem; }
.Form header p b { color:#ff3636; }

.Form dl { margin-bottom:10px; }
.Form dl::after { content:''; display:table; clear:both; height:0; }
.Form dt { float:none; width:100%; padding-top:0; font-size:1.3rem; font-weight:600; text-align:left; margin-bottom:1.0rem; }
.Form dt small { font-size:0.7em; }
.Form dt .must { display:inline-block; position:relative; top:-0.1em; float:none; margin:0 1.0em 0 0.5em; padding:0.25em; border-radius:2px; color:#fff; line-height:1.0; font-size:1.1rem; background:#f12800; }
.Form dt .nini { display:inline-block; position:relative; top:-0.1em; float:none; margin:0 1.0em 0 0.5em; padding:0.25em; border-radius:2px; color:#fff; line-height:1.0; font-size:1.1rem; background:#4456b1; }
.Form dd { float:none; width:100%; margin-bottom:5px; font-size:1.3rem; }
.Form dd input[type='text'],
.Form dd textarea { display:block; width:100%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd textarea { min-height:5em; }
.Form dd textarea + .note { margin-top:0.5em; font-size:0.8em; text-align:left; }
.Form dd select { display:inline-block; min-width:32%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd .select { display:inline-block; position:relative; }
.Form dd .select::before { content:'▼'; position:absolute; top:50%; right:1.5em; margin-top:-0.5em; font-size:0.5em; }
.Form dd label { display:block; margin:0 0 0.25rem 0; }
.Form dd label input[type='radio'] { position:relative; top:0.4em; float:; width:1.4em; height:1.4em; margin-right:0.25em; border:#dadada 1px solid; border-radius:1.4em; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd label input[type='radio']:checked { border:#666 6px solid; }
.Form form p { margin-top:1em; text-align:center; }
.Form form p input[type='submit'] { display:block; position:relative; min-width:40%; width:100%; margin:0; padding:0; border-radius:5px; border:#ff3813 1px solid; color:#fff; line-height:60px; font-size:24px; font-weight:600; text-align:center; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form form p input[type='submit'] { box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.35), 0 5px 0 0 rgba(0,0,0,0.1); text-shadow:0 1px 0 rgba(0,0,0,0.25); transition:0.4s;
    background:#ff0000;
    background:-moz-linear-gradient(top, #ff0000 0%, #ff3333 100%);
    background:-webkit-linear-gradient(top, #ff0000 0%,#ff3333 100%);
    background:linear-gradient(to bottom, #ff0000 0%,#ff3333 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c3a', endColorstr='#ff3333',GradientType=1 );
}
.btn_back { display:block; min-width:36%; width:100%; margin:0 0 10px 0; padding:0; border:0; border-top:#eee 1px solid; border-radius:5px; color:#404040; line-height:50px; font-size:21px; font-weight:600; text-align:center; background:#ddd; outline:0; box-shadow:0 0 0 1px #ccc; transition:0.4s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.btn_back:hover { background:#aaa; }

.formTable{ width:100%; }
.formTable th{ width:25%; }
.formTable th, .formTable td { padding:1.0em; border-bottom:1px solid #dedede; text-align:left; }

.Form .date li{ float:left; width:100%; }
.Form .date li input[type='text']{ width:100%; float:left; margin:-5px 5px 0 0; }
.Form dd p { margin-top:1.0rem; text-align:left; }

/* Foot */
.Foot { padding:2.0rem 0 0; color:#606060; font-size:1.0rem; text-align:center; background:#f8f8f8; }
.FootInner { min-width:90%; width:90%; margin:0 auto 1.0rem; }
.FootInner::after { content:''; display:table; clear:both; height:0; }
.FootInner { }
.FootInner dt { position:relative; margin-bottom:2.0rem; }
.FootInner dt img { height:1.5rem; display:inline; margin-right:0.5rem; margin-bottom:0.5rem; }
.FootInner dt b { margin-right:0.5rem; font-size:1.3rem; font-weight:600; }
.FootInner dt::before { content:''; display:block; position:absolute; bottom:-10px; left:50%; width:100px; height:1px; margin-left:-50px; background:#ff6600; }
.FootInner dd {  }
.Foot .copyright { display:block; padding-bottom:50px; color:rgba(255,255,255,0.6); line-height:50px; font-size:0.9rem; font-style:italic; text-align:center; letter-spacing:0.0rem; background:#000; }
.pageTop { display:block; position:fixed; right:0; bottom:50px; z-index:201; width:50px; height:50px; background:rgba(110,110,110,0.75); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }





/* for PC */
@media (min-width:769px) {

/* common */
* { box-sizing:border-box; }
html { font-size:10px; }
body { position:relative; color:#202020; line-height:1.4; font-size:1.5rem; }
body { font-family:'Roboto','NotoFont','Noto Sans Japanese','YuGothic','Yu Gothic','游ゴシック','游ゴシック体','Meiryo','メイリオ',sans-serif; }
a { color:inherit; text-decoration:none; }
img { vertical-align:top; }
table { width:100%; border-collapse:collapse; }
.PC { display:block; }
.SP { display:none; }
@keyframes brink { 0% { left:-100%; } 50% { left:400%; } 100% { left:-100%; } }

/* Head */
.Head { position:relative; z-index:201; width:100%; min-width:1000px; background:rgba(255,255,255,0.9); box-shadow:0 0 2px 0 rgba(0,0,0,0.15); }
    .HeadInner {  }
    .HeadInner::after { content:''; display:table; clear:both; height:0; }
.Head h1 { position:relative; float:left; width:30%; padding:5px 0 0 15px; text-align:left; }
    .Head h1 small { display:block; position:relative; top:18px; left:10px; float:none; font-size:1.2rem; text-align:left; }
    .Head h1 img { position:relative; float:left; width:auto; top:10px; height:48px; margin-bottom:0.5rem; }
.Head aside { position:relative;overflow:hidden; float:left; width:70%; padding:5px 5px 0 0; text-align:right; box-shadow:none; }
.Head aside ul { display:block; position:relative; }
.Head aside a { display:block; position:relative; overflow:hidden; border-radius:6px; }
.Head aside img { width:auto; width:auto; height:65px; transition:0.4s; }
.Head aside .tel { display:inline-block; float:none; width:auto; margin-right:5px; }
.Head aside .tel a { pointer-events:none; }
.Head aside .mail { display:inline-block; overflow:inherit; float:right; width:auto; margin-right:35px; }
    /* aside a:hover effect */
.Head aside .mail a { max-width:auto; animation:prpr 1s ease -1s infinite alternate; }
.Head aside .mail:hover img { -webkit-filter:brightness(1.25); filter:brightness(1.25); transition:0.4s; }
.Head aside a { overflow:inherit; transition:0.4s; }
.Head aside a:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,0.4); transition:0.4s; }
.Head aside .mail a::before { content:''; animation:brink 6.25s infinite; display:block; position:absolute; left:-100%; top:-20px; z-index:2; width:220px; height:80px; transform:rotate(-60deg); background:linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%); }
.Head aside .mail span { display:none; }

/* Slide */
.Slide {  }
.SlideInner { position:relative; width:100%; min-width:1100px; }
.SlideInner::after { content:''; display:table; clear:both; height:0; }
.Slide h2 {  }
.Slide h2 img { width:100%; }
.Slide .catch { display:block; width:100%; padding:20px; color:#fff; line-height:1.3; font-size:4.8rem; font-weight:600; font-weight:800; text-align:center; /*text-shadow:0 0 5px rgba(0,0,0,0.25);*/ background:#f00 url('../images/bg06.png') no-repeat center center; box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.25),inset 0 -2px 4px 0 rgba(0,0,0,0.25); }
.Slide .catch span { background:-webkit-linear-gradient(#fff, #fcff35); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.Slide .catch span + br + span { background:-webkit-linear-gradient(#fcff35, #fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* cvarea */
.cvarea { position:relative; z-index:2; }
.cvareaInner { position:relative; }
.cvareaInner::after { content:''; display:table; clear:both; height:0; }
.cvarea img { width:100%; }
.cvarea a.tel { display:block; position:absolute; top:59.5%; left:19.0%; width:30.0%; height:25.4%; background:rgba(0,0,0,0.0); pointer-events:none; }
.cvarea a.mail { display:block; position:absolute; top:59.5%; left:/*51*/36.0%; width:30.0%; height:25.4%; background:rgba(0,0,0,0.0); animation:prpr 1s ease -1s infinite alternate; }
.cvarea a.mail img { border-radius:8px; transition:0.4s; }
    /* cvarea a:hover effect */
.cvarea a { border-radius:8px; overflow:hidden; }
.cvarea a.mail:hover img,
.cvarea a.reserve:hover img { -webkit-filter:brightness(1.25); filter:brightness(1.25); transition:0.4s; }
.cvarea a:hover { box-shadow:0 3px 8px 0 rgba(0,0,0,0.4); }
.cvarea a::before { content:''; animation:brink 6.25s infinite; display:block; position:absolute; left:-100%; top:-20px; z-index:2; width:220px; height:80px; transform:rotate(-60deg); background:linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%); }

@keyframes prpr {
    0% { transform:scale(1.0, 1.0); }
    100% { transform:scale(1.1, 1.1); }
}

/* check */
.check { position:relative; overflow:hidden; padding:5.0rem 0 7.0rem; background:url('../images/check_bg.jpg') no-repeat center center; background-size:cover; }
.checkInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.checkInner::after { content:''; display:table; clear:both; height:0; }
.check header { margin-bottom:3.0rem; text-align:center; }
.check header h2 { margin-bottom:1.0rem; font-size:3.6rem; font-weight:600; font-weight:800; text-align:center; }
.check header h2 b { color:#399fce; font-size:4.8rem; }

.checkWrap { position:relative; max-width:840px; margin:0 auto 2.0rem; padding:3.0rem 6.0rem; border-radius:0.5rem; background:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,0.15); }
.check ul::after { content:''; display:table; clear:both; height:0; }
.check li { position:relative; float:none; width:100%; margin:0 0 1.0rem; padding:0 0 1.0rem; border-bottom:#ddd 1px dotted; line-height:1.4; font-size:2.0rem; text-align:justify; }
.check li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.check li i { margin-right:0.3rem; color:#5fb8bb; }
.check .catch { position:relative; z-index:20; font-size:1.8rem; font-weight:600; text-align:center; text-shadow:0px 0px 3px #fff , 0px 0px 5px #fff ,0px 0px 10px #fff; }
.check .catch b { font-weight:600; font-size:2.6rem; margin-bottom:0.5rem; }
.check .catch strong { font-weight:600; font-size:3.5rem; margin-bottom:0.5rem; }
.check .catch img { position:relative; top:-0.5rem; height:3.0rem; margin-bottom:-0.5rem; }
.check figure { position:absolute; bottom:0; right:-20px; width:213px; height:400px; }
.check figure img { width:100%; }

/* reason */
.reason { padding:6.0rem 0; background:url('../images/bg04.jpg') no-repeat; background-size:cover; }
.reasonInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.reasonInner::after { content:''; display:table; clear:both; height:0; }
.reason header { margin-bottom:4.0rem; text-align:center; }
.reason header h2 { display:inline-block; position:relative; line-height:1.4; font-size:3.6rem; font-weight:600; }
.reason header h2 span { position:absolute; top:-12.0rem; left:30%; }
.reason header h2 b { color:#f00/*ff3c00*//*399fce*/; font-size:4.8rem; }
.reason header h2 span { display:inline-block; position:absolute; z-index:2; top:-7.0rem; left:50%; padding:1.8rem 2.8rem; border-radius:100%; color:#fff; font-size:1.8rem; font-weight:800; transform:rotate(-4deg); background:#f00; }
.reason header h2 span b { color:#fcff35; font-size:2.1rem; }
.reason header h2 span::before { content:''; position:absolute; bottom:-1.6rem; left:55%; border:transparent 10px solid; border-top:#f00 18px solid; transform:rotate(-4deg); }
.reason header h2 img { position:relative; top:-2.5rem; margin-bottom:-2.5rem; width:auto; height:auto; }
.reason ul { max-width:80%; margin:0 auto 7.0rem; color:#202020; }
.reason ul::after { content:''; display:table; clear:both; height:0; }
.reason li { position:relative; float:left; width:32%; margin:0 2.0% 0 0; padding-bottom:0; border-bottom:0; line-height:1.6; font-size:1.4rem; text-align:justify; }
.reason li:last-child { margin-right:0; margin-bottom:0; padding-bottom:0; border-bottom:0; }
.reason li::after { content:none; display:table; clear:both; height:0; }
    .reason li:nth-child(1)::before { content:'1'; display:block; position:absolute; z-index:2; top:-1.25rem; left:3.0rem; width:5.0rem; height:9.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:2.0rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:5.0rem auto; }
    .reason li:nth-child(2)::before { content:'2'; display:block; position:absolute; z-index:2; top:-1.25rem; left:3.0rem; width:5.0rem; height:9.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:2.0rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:5.0rem auto; }
    .reason li:nth-child(3)::before { content:'3'; display:block; position:absolute; z-index:2; top:-1.25rem; left:3.0rem; width:5.0rem; height:9.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:2.0rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:5.0rem auto; }
    .reason li:nth-child(4)::before { content:'4'; display:block; position:absolute; z-index:2; top:-1.25rem; left:3.0rem; width:5.0rem; height:9.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:2.0rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:5.0rem auto; }
    .reason li:nth-child(5)::before { content:'5'; display:block; position:absolute; z-index:2; top:-1.25rem; left:3.0rem; width:5.0rem; height:9.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:2.0rem; text-shadow:0 0 5px rgba(0,0,0,0.75),0 0 5px rgba(0,0,0,0.75); background:url('../images/icon-trophy.png') no-repeat; background-size:5.0rem auto; }
.reason li figure { display:block; position:relative; overflow:hidden; float:none; width:90%; height:20.0rem; margin:0 auto 2.0rem auto; }
.reason li figure img { width:100%; transform:translate(0,-15%); }
.reason li h3 { margin-bottom:1.0rem; padding-left:0; font-size:2.1rem; font-weight:600; text-align:center; }
.reason li h3 b { color:#f00; }
.reason .catch { max-width:100%; margin:0 auto 3.0rem; font-size:3.0rem; font-weight:600; font-weight:800; text-align:center; }
.reason .catch img { position:relative; top:-4.3rem; margin-bottom:-4.3rem; width:auto; height:auto; }
.reason .catch b { color:#f00; font-size:4.2rem; }


/* hikaku */
.Hikaku { padding:6.0rem 0; background:url('../images/Hikaku_bg.jpg'); background-size:cover; }
.HikakuInner { position:relative; width:80%; min-width:80%; max-width:80%; margin:0 auto; }
.HikakuInner::after { content:''; display:table; clear:both; height:0; }
.Hikaku header { margin-bottom:4.0rem; text-align:center; }
.Hikaku header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; }
.Hikaku header h2 span { position:absolute; top:-12.0rem; left:30%; }
.Hikaku header h2 b { color:#399fce; font-size:4.8rem; }
.Hikaku header + p { margin-bottom:3.0rem; font-size:2.4rem; font-weight:600; text-align:center; }
.Hikaku table { position:relative; width:100%; min-width:1080px; font-size:1.5rem; margin:0 auto 5.0rem; border-collapse:collapse; border-top:rgba(255,255,255,0.9) 2px solid; border-bottom:rgba(255,255,255,0.9) 2px solid; }
.Hikaku table::after {  }
.Hikaku table thead { border-bottom:rgba(255,255,255,0.9) 1px solid; }
.Hikaku table tbody {  background:#fff; }
.Hikaku table tr {  }
.Hikaku table tr:nth-child(even) { background:rgba(255,255,255,0.15); }
    .Hikaku table tr th:nth-child(2) { position:relative; top:-20px; border-right:#ff9000 20px solid; border-left:#ff9000 20px solid; border-bottom:#ff9000 1px solid; color:#000; line-height:1.0; font-size:1.4em; background:#ffcc00; }
    .Hikaku table tr th:nth-child(2) img { position:relative; top:-2px; height:30px; }
        .Hikaku table tr th:nth-child(2)::before { content:''; display:block; position:absolute; top:0; left:-20px; border:transparent 10px solid; border-right:#ff9000 10px solid; border-bottom:#ff9000 10px solid; }
        .Hikaku table tr th:nth-child(2)::after { content:''; display:block; position:absolute; top:0; right:-20px; border:transparent 10px solid; border-left:#ff9000 10px solid; border-bottom:#ff9000 10px solid; }
    .Hikaku table tr td:nth-child(2) { position:relative; top:-20px; border-right:#ff9000 20px solid; border-left:#ff9000 20px solid; color:#000; line-height:1.4; font-size:1.1em; font-weight:600; background:#fff; background:#fff; }
    .Hikaku table tr td:nth-child(2) b { font-weight:600; }
    .Hikaku table tr:last-child td:nth-child(2)::before { content:''; display:block; position:absolute; bottom:-40px; left:-20px; border:transparent 10px solid; border-top:#ff9000 10px solid; border-right:#ff9000 10px solid; }
    .Hikaku table tr:last-child td:nth-child(2)::after { content:''; display:block; position:absolute; bottom:-40px; right:-20px; border:transparent 10px solid; border-top:#ff9000 10px solid; border-left:#ff9000 10px solid; background:#fff; }
    .Hikaku table tr:last-child td:nth-child(2) b::before { content:''; display:block; position:absolute; bottom:-40px; left:0; width:100%; height:37px; border-bottom:#ff9000 3px solid; background:#fff; }
    .Hikaku table tr:last-child td:nth-child(2) b::after { content:''; display:block; position:absolute; bottom:-38px; left:0; width:100%; height:37px; background:#fff; }

.Hikaku table thead th { padding:20px; border-left:rgba(255,255,255,0.3) 1px solid; color:#fff; font-size:1.1em; font-weight:600; text-align:center; vertical-align:middle; background:#2b2b2b; }
.Hikaku table tbody th { position:relative; padding:10px; border-bottom:#ddd 1px solid; font-weight:600; text-align:left; vertical-align:middle; background:#fff; }
.Hikaku table tbody th::before { content:''; display:inline-block; position:relative; top:-0.1em; margin-right:0.3em; border:transparent 3px solid; border-left:#000 3px solid; }
.Hikaku table td { position:relative; padding:10px; border-left:rgba(255,255,255,0.15) 1px solid; border-bottom:rgba(255,255,255,0.15) 1px solid; text-align:center; vertical-align:middle; background:#fff; }
    .Hikaku table thead th:nth-child(1) { border-left:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table thead th:last-child { border-right:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table tbody th:nth-child(1) { border-left:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table tbody td:last-child { border-right:rgba(255,255,255,0.15) 2px solid; }
    .Hikaku table tbody td .ng { display:inline-block; position:relative; margin-top:-0.25em; margin-bottom:-0.75em; font-size:1.5em; color:#ea0c0c; }
.Hikaku table td span { display:block; font-size:1.8em; font-weight:bold; color:#fe7500; }

.Hikaku table + p { font-size:1.8rem; font-weight:600; text-align:center; }
.Hikaku table + p b { color:#fd6408; }


/* result */
.result { padding:6.0rem 0; background:url('../images/result_bg.jpg'); background-size:cover; }
.resultInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.resultInner::after { content:''; display:table; clear:both; height:0; }
.result figure { display:block; float:none; width:100%; margin:0 auto 2.0rem; }
.result figure img { width:100%; }
.result header { margin-bottom:4.0rem; text-align:center; }
.result header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; color:#fff; }
.result header h2 b { color:#fff; font-size:4.8rem; }
.result header h2 img { position:relative; top:-1.4rem; margin-bottom:-1.4rem; width:auto; height:5.4rem; }
.result header p { margin-bottom:2.0rem; font-size:1.4rem; text-align:center; }
.result ul { max-width:100%; margin:0 auto 3.0rem; }
.result ul::after { content:''; display:table; clear:both; height:0; }
/*.result ul li { float:left; width:23%; margin-right:0.5%; margin-bottom:1.5rem; text-align:left; }
.result ul li:nth-child(2) { margin-right:0.5%; }
.result ul li:last-child { margin-right:0; }*/
.result ul li { margin:0 1.0rem; }
.result ul li img { width:100%; height:auto; margin:0 0 2.0rem 0; }
.result ul li h3 { margin-bottom:1.0rem; padding-left:0; font-size:1.6rem; font-weight:600; text-align:center; }
.result ul li h3 b { color:#5fb8bb; }
.result .catch { font-size:2.4rem; text-align:center; color:#fff; }
.result .catch b { font-weight:600; }
.slick-dots { bottom:-55px !important; }

/* result */
.teacher { padding:6.0rem 0; background:url('../images/teacher_bg.jpg'); background-size:cover; }
.teacherInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.teacherInner::after { content:''; display:table; clear:both; height:0; }
.teacher figure { display:block; float:none; width:100%; margin:0 auto 2.0rem; }
.teacher figure img { width:100%; }
.teacher header { margin-bottom:4.0rem; text-align:center; }
.teacher header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; color:#fff; }
.teacher header h2 b { color:#fff; font-size:4.8rem; }
.teacher header p { margin-bottom:2.0rem; font-size:1.4rem; text-align:center; }
.teacher ul { max-width:100%; margin:0 auto 3.0rem; }
.teacher ul::after { content:''; display:table; clear:both; height:0; }
.teacher ul li { float:left; width:18%; margin-right:2.5%; margin-bottom:1.5rem; text-align:left; color:#fff; }
.teacher ul li:last-child { margin-right:0; }
.teacher ul li img { width:100%; height:auto; margin:0 0 2.0rem 0; }
.teacher ul li h3 { margin-bottom:1.0rem; padding-left:0; font-size:1.6rem; font-weight:600; text-align:center; }
.teacher ul li h3 b { color:#5fb8bb; }
.teacher .catch { font-size:2.4rem; text-align:center; color:#fff; }
.teacher .catch b { font-weight:600; }

/* voice */
.voice { padding:5.0rem 0; background:url('../images/voice_bg.jpg'); box-shadow:0 0 5px 0 rgba(0,0,0,0.15); }
.voiceInner { position:relative; width:80%; min-width:80%; max-width:90%; margin:0 auto; }
.voiceInner::after { content:''; display:table; clear:both; height:0; }
.voice header { margin-bottom:4.0rem; text-align:center; }
.voice header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; }
.voice header h2 span { position:absolute; top:-12.0rem; left:30%; }
.voice header h2 b { color:#399fce; font-size:4.8rem; }
.voice ul {  }
.voice li { margin-bottom:1.0rem; padding:2.5rem; border:#eee 1px solid; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.075); }
.voice li::after { content:''; display:table; clear:both; height:0; }
.voice li figure { display:block; float:right; width:25%; margin:0 0 0 2.0rem; }
.voice li figure img { width:100%; }
.voiceTxt { font-size:1.4rem; }
.voiceTxt h3 { position:relative; margin-bottom:1.0rem; color:#5fb8bb; font-size:2.4rem; font-weight:600; padding-left:3.5rem; }
/*.voiceTxt h3::before { content:''; display:inline-block; position:relative; top:0.4rem; width:2.4rem; height:2.4rem; margin-right:0.4rem; background:url('../images/icon-balloon.png') no-repeat; background-size:2.4rem auto; }*/
    .voiceTxt h3::before { content:'…'; display:block; position:absolute; z-index:2; top:0; left:0; width:3.0rem; height:3.0rem; color:#fff; line-height:2.0rem; font-size:1.8rem; font-weight:600; text-indent:0.7rem; background:url('../images/icon-balloon.png') no-repeat; background-size:3.0rem auto; }

.voiceTxt h3 small { display:block; margin-top:0.35rem; color:#666; font-size:1.4rem; font-weight:400; }
.voiceTxt p { font-size:1.5rem; text-align:justify; }

/* flow */
.flow { padding:8.0rem 0; }
.flowInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.flowInner::after { content:''; display:table; clear:both; height:0; }
.flow header { margin-bottom:4.0rem; text-align:center; }
.flow header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; }
.flow header h2 b { color:#399fce; font-size:4.8rem; }
.flow ul { text-align:center; }
.flow li { position:relative; float:left; width:23%; margin-right:2.6666%; margin-bottom:0; padding-bottom:0; border-bottom:0; text-align:center; }
.flow li:last-child { margin-right:0.0rem; margin-bottom:0.0rem; padding-bottom:0.0rem; border-bottom:0; }
.flow li::after { content:''; display:table; clear:both; height:0; }
.flow figure { display:block; position:relative; overflow:hidden; float:none; width:100%; height:auto; margin:0 0 2.0rem 0; border:1px solid #dedede; border-radius:3px; }
.flow figure img { width:100%; height:auto; }
.flow h3 { position:relative; margin-bottom:0.65rem; padding-left:0; color:#5fb8bb; font-size:2.0rem; font-weight:600; text-align:center; }
    .flow li:nth-child(1)::before { content:'1'; display:block; position:absolute; z-index:2; top:-1.25rem; left:-1.0rem; width:4.0rem; height:4.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:4.0rem auto; }
    .flow li:nth-child(2)::before { content:'2'; display:block; position:absolute; z-index:2; top:-1.25rem; left:-1.0rem; width:4.0rem; height:4.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:4.0rem auto; }
    .flow li:nth-child(3)::before { content:'3'; display:block; position:absolute; z-index:2; top:-1.25rem; left:-1.0rem; width:4.0rem; height:4.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:4.0rem auto; }
    .flow li:nth-child(4)::before { content:'4'; display:block; position:absolute; z-index:2; top:-1.25rem; left:-1.0rem; width:4.0rem; height:4.0rem; color:#fff; line-height:4.0rem; font-size:1.8rem; font-weight:600; text-indent:0.0rem; background:url('../images/icon-balloon.png') no-repeat; background-size:4.0rem auto; }
.flow p { line-height:1.6; font-size:1.4rem; text-align:center; }

/* access */
.access { padding:8.0rem 0; background:url('../images/bg01.gif'); }
.accessInner { position:relative; width:90%; min-width:90%; max-width:90%; margin:0 auto; }
.accessInner::after { content:''; display:table; clear:both; height:0; }
.access header { margin-bottom:4.0rem; text-align:center; }
.access header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; }
.access header h2 b { color:#399fce; font-size:4.8rem; }
.access p { line-height:1.6; font-size:1.4rem; text-align:center; margin-bottom:2.0rem; }

/* faq */
.faq { padding:6.0rem 0 0; background:url('../images/faq_bg.jpg') no-repeat; background-size:cover; box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.25); }
.faqInner { position:relative; width:90%; min-width:960px; max-width:1000px; margin:0 auto; }
.faqInner::after { content:''; display:table; clear:both; height:0; }
.faq header { margin-bottom:4.0rem; text-align:center; }
.faq header h2 { position:relative; line-height:1.0; font-size:3.6rem; font-weight:600; }
.faq header h2 b { color:#399fce; font-size:4.8rem; }
.faq ul { text-align:center; }
.faq li { margin-bottom:1.0rem; padding-bottom:1.0rem; border-bottom:#ddd 1px solid; }
.faq li:last-child { margin-bottom:0.0rem; padding-bottom:0.0rem; border-bottom:0; }
.faq h3 { margin-bottom:1.0rem; color:; font-size:2.1rem; font-weight:600; text-align:center; }
.faq h3 i { color:#5fb8bb; }
.faq p { line-height:1.6; font-size:1.5rem; text-align:center; }
.faq .catch { width:100%; padding:20px; margin-top:4.0rem; color:#fff; line-height:1.3; font-size:4.8rem; font-weight:600; font-weight:800; text-align:center; /*text-shadow:0 0 5px rgba(0,0,0,0.25);*/ background:#f00 url('../images/bg06.png') no-repeat center center; box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.25),inset 0 -2px 4px 0 rgba(0,0,0,0.25); }
.faq .catch span { background:-webkit-linear-gradient(#fff, #fcff35); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.faq .catch span + br + span { background:-webkit-linear-gradient(#fcff35, #fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* Form */
.Form { padding:3.0rem 0 0.0rem; }
.FormInner { position:relative; width:960px; margin:0 auto; }
.Form header { margin-bottom:30px; font-weight:600; text-align:center; }
.Form header h3 { line-height:1.0; font-size:4.0rem; color:#202020; }
.Form header h3 i { position:relative; top:-0.2rem; margin-right:1.0rem; color:#ff0000; font-size:4.8rem; transform:scale(1.1,1.0); }
.Form header p { margin-bottom:1.0rem; color:#ff0000; font-size:2.4rem; font-weight:600; }

.Form dl { margin-bottom:5px; }
.Form dl::after { content:''; display:table; clear:both; height:0; }
.Form dt { float:left; width:30%; padding-top:1.1rem; font-size:1.6rem; font-weight:400; text-align:left; margin-bottom:0; }
.Form dt small { font-size:0.7em; }
.Form dt .must { display:block; position:relative; top:-0.1em; float:right; margin:0 1.0em 0 1.0em; padding:0.25em; border-radius:2px; color:#fff; line-height:1.0; font-size:0.8em; background:#f12800; }
.Form dt .nini { display:block; position:relative; top:-0.1em; float:right; margin:0 1.0em 0 1.0em; padding:0.25em; border-radius:2px; color:#fff; line-height:1.0; font-size:0.8em; background:#4456b1; }
.Form dd { position:relative; float:left; width:70%; font-size:inherit; }
.Form dd input[type='text'],
.Form dd textarea { display:block; width:100%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd textarea { min-height:8rem; }
.Form dd select { display:inline-block; min-width:32%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd .select { display:inline-block; position:relative; }
.Form dd .select::before { content:'▼'; position:absolute; top:50%; right:1.5em; margin-top:-0.5em; font-size:0.5em; }
.Form dd label { display:inline-block; clear:both; margin-top:0.25em; margin-right:0.6em; margin-bottom:0.5em; }
.Form dd label input[type='radio'] { position:relative; top:0.4em; float:; width:1.4em; height:1.4em; margin-right:0.25em; border:#dadada 1px solid; border-radius:1.4em; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd label input[type='radio']:checked { border:#666 6px solid; }
.Form form p { margin-top:1.0rem; text-align:center; }
.Form form p input[type='submit'] { display:inline-block; position:relative; min-width:40%; width:40%; margin:0; padding:0; border-radius:5px; border:#ff3813 1px solid; color:#fff; line-height:60px; font-size:24px; font-weight:600; text-align:center; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form form p input[type='submit'] { box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.35), 0 5px 0 0 rgba(0,0,0,0.1); text-shadow:0 1px 0 rgba(0,0,0,0.25); transition:0.4s;
    background:#ff0000;
    background:-moz-linear-gradient(top, #f00 0%, #ec0000 100%);
    background:-webkit-linear-gradient(top, #f00 0%,#ec0000 100%);
    background:linear-gradient(to bottom, #f00 0%,#ec0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ec0000',GradientType=1 );
}
.Form form p input[type='submit']:hover { top:3px; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.35), 0 2px 0 0 rgba(0,0,0,0.1); transition:0.4s; cursor:pointer;
    background:#cc0000;
    background:-moz-linear-gradient(top, #f00 0%, #cc0000 100%);
    background:-webkit-linear-gradient(top, #f00 0%,#cc0000 100%);
    background:linear-gradient(to bottom, #f00 0%,#cc0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000',GradientType=1 );
}
.btn_back { display:inline-block; min-width:36%; width:36%; margin:0 4% 0 0; padding:0; border:0; border-top:#eee 1px solid; border-radius:5px; color:#404040; line-height:60px; font-size:24px; font-weight:600; text-align:center; background:#ddd; outline:0; box-shadow:0 0 0 1px #ccc; transition:0.4s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.btn_back:hover { background:#aaa; }

.formTable{ width:100%; }
.formTable th{ width:25%; }
.formTable th, .formTable td { padding:1.0em; border-bottom:1px solid #dedede; text-align:left; }

.Form .date li{ float:left; width:43%; }
.Form .date li input[type='text']{ width:75%; float:left; margin:-5px 5px 0 0; }
.Form dd p { margin-top:1.0rem; text-align:left; }

.Form .formError + input{ border:#fff 1px solid; }

/* Foot */
.Foot { padding:3.0rem 0 0; color:#606060; font-size:1.1rem; text-align:center; background:#f8f8f8; }
.FootInner { min-width:1000px; margin-bottom:2.0rem; }
.FootInner::after { content:''; display:table; clear:both; height:0; }
.FootInner { }
.FootInner dt { position:relative; margin-bottom:3.0rem; }
.FootInner dt img { height:1.5rem; display:inline; margin-right:0.5rem; margin-bottom:0.5rem; }
.FootInner dt b { font-size:1.3rem; font-weight:600; }
.FootInner dt::before { content:''; display:block; position:absolute; bottom:-14px; left:50%; width:100px; height:1px; margin-left:-50px; background:#ff6600; }
.FootInner dd {  }
.Foot .copyright { display:block; padding:0; color:rgba(255,255,255,0.6); line-height:50px; font-size:0.9em; font-style:italic; text-align:center; letter-spacing:0.1rem; background:#000; }
.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:201; width:50px; height:50px; background:rgba(110,110,110,0.75); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }

}