@charset "UTF-8";
   * {
transition: opacity 0.2s ease-out, color 0.1s ease-out, background-color 0.2s ease-out, border-radius 0.2s ease-out, box-shadow 0.2s ease-out, text-shadow 0.2s ease-out, transform 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out, color 0.1s ease-out, background-color 0.2s ease-out, border-radius 0.2s ease-out, box-shadow 0.2s ease-out, text-shadow 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
*, *:before, *:after {
box-sizing: border-box;
}
html {
font-size: 16px;
}
body {
color: #111;
font-size: 100%;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
background: #fff;
line-height: 1.8;
-webkit-text-size-adjust: none;
} a {
text-decoration: none;
color: #111;
}
a:hover {
text-decoration: none;
color: #111;
}
a img {
background-color: rgba(255, 255, 255, 0.01);
}
a:hover img {
opacity: 0.8;
} .cf {
zoom: 1;
}
.cf, .cf:before {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.clear {
clear: both;
} ul, ol {
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
.svg_fff {
fill: #fff;
}
.svg_yellow {
fill: #DCC473;
}
.svg_green {
fill: #154300;
}
input[type=text], input[type=email], input[type=tel], input[type=submit], input[type=button], textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media screen and (min-width: 769px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.pc {
display: none !important;
}
} @media screen and (min-width: 769px) { #main {
width: calc(100% - 300px);
margin-left: 300px;
}
.inner {
max-width: 1020px;
min-width: 960px;
margin: 0 auto;
padding: 0 30px;
position: relative;
}
.inner_700 {
width: 760px;
margin: 0 auto;
padding: 0 30px;
}
#goTop {
position: fixed;
bottom: 40px;
right: 40px;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease, visibility 0.8s ease;
}
#goTop.is-show {
opacity: 1;
visibility: visible;
}
.underHeadline {
font-size: 32px;
font-weight: bold;
color: #154300;
position: relative;
text-align: center;
margin-bottom: 50px;
letter-spacing: 0.1em;
}
.underHeadline small {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 12px;
margin-top: 5px;
}
.simpleHeadline {
color: #154300;
font-size: 28px;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 50px;
}
.leftHeadline {
color: #1C8403;
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
border-left: 7px solid #1C8403;
padding-left: 25px;
}
.btn {
text-align: center;
color: #fff;
font-weight: bold;
width: 320px;
padding: 20px;
font-size: 16px;
font-weight: bold;
background: #154300;
position: relative;
display: flex;
justify-content: center;
border-radius: 0;
line-height: 1.2;
}
.btn:after {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow.svg) no-repeat;
width: 6px;
height: 11px;
align-self: center;
position: absolute;
right: 15px;
}
.btn:hover {
background: rgb(36.9850746269, 118, 0);
color: #fff;
}
.ctaBg {
background: #749D4B;
color: #fff !important;
border: none;
}
.ctaBg:hover {
background: rgb(141.5, 181.6163793103, 101.3836206897);
color: #fff;
}
.ctaBg:hover:after {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow.svg) no-repeat;
} #header {
background: #154300;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
width: 300px;
padding: 60px 25px 25px;
overflow-y: auto;
}
#header h1.logo {
margin-bottom: 30px;
}
#header .tel h2 {
color: #DCC473;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
line-height: 1;
}
#header .tel a {
pointer-events: none;
}
#header .tel svg {
margin: 10px 0 20px;
}
#header .btnNavi .contact a {
width: 100%;
}
.gNavi {
margin-top: 10px;
}
.gNavi > ul li.main {
position: relative;
border-bottom: 1px solid #2B5318;
}
.gNavi > ul li.main:nth-of-type(n+2) {
position: relative;
}
.gNavi > ul li.main a {
display: block;
color: #DCC473;
padding: 15px 0;
line-height: 1.4;
}
.gNavi > ul li.main a b {
font-size: 18px;
font-weight: bold;
letter-spacing: 0.1em;
display: inline-block;
vertical-align: bottom;
}
.gNavi > ul li.main a small {
font-size: 14px;
letter-spacing: 0.1em;
display: inline-block;
vertical-align: bottom;
}
.gNavi > ul li.main a:hover b, .gNavi > ul li.main a:hover small {
color: #749D4B;
text-shadow: 0px 0px 5px rgba(116, 157, 75, 0.2);
}
.gNavi > ul li.sub {
margin-top: 20px;
}
.gNavi > ul li.sub a {
color: #DCC473;
font-size: 14px;
}
.gNavi > ul li.sub a:hover {
color: #749D4B;
text-shadow: 0px 0px 5px rgba(116, 157, 75, 0.2);
}
.gNavi .btnNavi02 {
margin-top: 30px;
} #mvSub {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/mv_sub.jpg) no-repeat center center;
background-size: cover;
height: 270px;
}
#mvSub .inner {
height: 100%;
}
#mvSub .pageTit {
color: #fff;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.6;
margin-bottom: 10px;
}
#mvSub .en {
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #fff;
font-size: 18px;
letter-spacing: 0.15em;
margin-bottom: 0;
}
.breadcrumb {
background: none;
}
.breadcrumb li {
line-height: 1.5;
}
.breadcrumb a {
color: #666;
font-size: 14px;
position: relative;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb .current {
color: #666;
font-size: 14px;
}
.breadcrumb .breadcrumb-item {
position: relative;
padding: 0;
}
.breadcrumb .breadcrumb-item:after {
content: ">";
padding: 10px;
} #footer {
background: #DCC473;
padding: 40px 0;
}
#footer p, #footer li, #footer a, #footer h2 {
color: #154300;
}
#footer .lead {
font-weight: bold;
font-size: 20px;
letter-spacing: 0.1em;
}
#footer .lead a {
text-decoration: underline;
}
#footer .lead a:hover {
text-decoration: none;
}
#footer .cta h2 {
font-size: 16px;
font-weight: bold;
}
#footer .cta .tel h2 {
margin-bottom: 0;
}
#footer .cta .tel svg {
margin: 15px 0 20px;
}
#footer .cta .tel a {
pointer-events: none;
}
#footer .cta .tel .txt {
font-weight: bold;
}
#footer .cta .contact {
margin-top: 10px;
}
#footer .cta .contact .btn {
width: 300px;
padding: 30px 0;
font-size: 20px;
}
.copy {
padding: 20px;
text-align: center;
font-size: 14px;
margin-bottom: 0;
} .conditionSec ul li {
padding: 10px;
}
.conditionSec ul li a {
display: block;
width: 150px;
height: 150px;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.conditionSec ul li a:hover .ico:before {
transform: scale(4);
}
.conditionSec ul li a:hover img {
opacity: 1;
transform: scale(1.5);
}
.conditionSec ul li a:hover .name {
color: #fff;
}
.conditionSec ul li .ico {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background: #ccc;
}
.conditionSec ul li .ico img {
position: relative;
z-index: 10;
}
.conditionSec ul li .ico:before {
content: "";
width: 70px;
height: 70px;
border-radius: 50%;
background: #ccc;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: all 0.4s cubic-bezier(0.17, 0.67, 0.56, 0.94);
}
.conditionSec ul li .name {
margin-bottom: 0;
font-weight: bold;
position: relative;
z-index: 20;
}
.conditionSec ul li.con01 .ico {
background: #319FA8;
}
.conditionSec ul li.con01 .ico:before {
background: #319FA8;
}
.conditionSec ul li.con01 .name {
color: #319FA8;
}
.conditionSec ul li.con02 .ico {
background: #30878E;
}
.conditionSec ul li.con02 .ico:before {
background: #30878E;
}
.conditionSec ul li.con02 .name {
color: #30878E;
}
.conditionSec ul li.con03 .ico {
background: #67AD8A;
}
.conditionSec ul li.con03 .ico:before {
background: #67AD8A;
}
.conditionSec ul li.con03 .name {
color: #67AD8A;
}
.conditionSec ul li.con04 .ico {
background: #92AC70;
}
.conditionSec ul li.con04 .ico:before {
background: #92AC70;
}
.conditionSec ul li.con04 .name {
color: #92AC70;
}
.conditionSec ul li.con05 .ico {
background: #AC9E70;
}
.conditionSec ul li.con05 .ico:before {
background: #AC9E70;
}
.conditionSec ul li.con05 .name {
color: #AC9E70;
}
.conditionSec ul li.con06 .ico {
background: #5995C1;
}
.conditionSec ul li.con06 .ico:before {
background: #5995C1;
}
.conditionSec ul li.con06 .name {
color: #5995C1;
}
.conditionSec ul li.con07 .ico {
background: #5A7BA8;
}
.conditionSec ul li.con07 .ico:before {
background: #5A7BA8;
}
.conditionSec ul li.con07 .name {
color: #5A7BA8;
}
.conditionSec ul li.con08 .ico {
background: #8776AD;
}
.conditionSec ul li.con08 .ico:before {
background: #8776AD;
}
.conditionSec ul li.con08 .name {
color: #8776AD;
}
.conditionSec ul li.con09 .ico {
background: #BA95B2;
}
.conditionSec ul li.con09 .ico:before {
background: #BA95B2;
}
.conditionSec ul li.con09 .name {
color: #BA95B2;
font-size: 15px;
} #pager {
padding: 60px 0 0;
}
#pager .wp-pagenavi {
display: flex;
justify-content: center;
}
#pager .wp-pagenavi span, #pager .wp-pagenavi a {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
padding: 5px;
border: 1px solid #154300;
margin: 0 5px;
}
#pager .wp-pagenavi span.current {
background: #154300;
color: #fff;
}
#pager .wp-pagenavi a {
background: #fff;
color: #154300;
}
#pager .wp-pagenavi a:hover {
background: #154300;
color: #fff;
}
} @media screen and (max-width: 768px) { body {
margin-top: 60px;
font-size: 13px;
}
.inner {
padding: 0 15px;
position: relative;
}
.inner_700 {
padding: 0 15px;
position: relative;
}
#goTop {
position: fixed;
bottom: 60px;
right: 10px;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease, visibility 0.8s ease;
}
#goTop img {
width: 60px;
}
#goTop.is-show {
opacity: 1;
visibility: visible;
}
.underHeadline {
font-size: 5.3vw;
font-weight: bold;
color: #154300;
position: relative;
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.1em;
line-height: 1.6;
}
.underHeadline small {
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 3.2vw;
margin-top: 5px;
}
.simpleHeadline {
color: #154300;
font-size: 4.8vw;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 30px;
line-height: 1.6;
}
.leftHeadline {
color: #1C8403;
font-size: 4.8vw;
font-weight: bold;
margin-bottom: 20px;
border-left: 4px solid #1C8403;
padding-left: 15px;
}
.btnArea {
display: flex;
justify-content: center;
}
.btn {
text-align: center;
color: #fff;
font-weight: bold;
width: 100%;
max-width: 320px;
padding: 20px;
font-size: 14px;
font-weight: bold;
background: #154300;
position: relative;
display: flex;
justify-content: center;
border-radius: 0;
border: 1px solid #154300;
}
.btn:after {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow.svg) no-repeat;
width: 6px;
height: 11px;
align-self: center;
position: absolute;
right: 15px;
}
.btn:hover {
background: transparent;
color: #154300;
}
.btn:hover:after {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow_green.svg) no-repeat;
}
.ctaBg {
background: #749D4B;
color: #fff !important;
border: none;
}
.ctaBg:hover {
background: rgb(141.5, 181.6163793103, 101.3836206897);
color: #fff;
}
.ctaBg:hover:after {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow.svg) no-repeat;
} #headerSP {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 60px;
background: #154300;
}
#headerSP .logo {
padding: 10px;
height: 100%;
margin-bottom: 0;
}
#headerSP .logo span {
font-size: 10px;
padding-bottom: 3px;
}
#headerSP .logo a img {
vertical-align: top;
height: 40px;
}
#headerSP .logo .txtClm {
display: inline-block;
font-size: 2.6vw;
margin-left: 2.6vw;
color: #1f1615;
vertical-align: middle;
line-height: 1.2;
}
#headerSP .logo .txtClm strong {
font-size: 4.8vw;
font-weight: normal;
display: block;
}
#menuBtn {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: #154300;
cursor: pointer;
}
#menuBtn span {
transition: 0.3s ease-out;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 1px;
background: #fff;
display: inline-block;
}
#menuBtn span:before, #menuBtn span:after {
transition: 0.3s ease-out;
position: absolute;
content: "";
width: 20px;
height: 1px;
background: #fff;
left: 0;
}
#menuBtn span:before {
top: -6px;
}
#menuBtn span:after {
bottom: -6px;
}
#menuBtn.open span {
background: transparent;
}
#menuBtn.open span:before {
top: 0;
transform: rotate(-225deg);
}
#menuBtn.open span:after {
top: 0;
transform: rotate(225deg);
} .gNavi {
transition: 0.3s ease-out;
position: fixed;
top: 60px;
width: 100%;
height: 0;
overflow-y: auto;
background: rgba(21, 67, 0, 0.9);
z-index: 9999;
}
.gNavi .logo {
display: none;
}
.gNavi .tel {
padding: 40px 40px 0;
}
.gNavi .tel h2 {
color: #DCC473;
font-size: 13px;
font-weight: bold;
margin-bottom: 0;
line-height: 1;
}
.gNavi .tel svg {
margin: 10px 0 20px;
}
.gNavi .btnNavi {
padding: 0 40px;
}
.gNavi .btnNavi .contact a {
width: 100%;
max-width: 100%;
}
.gNavi ul {
width: 100%;
padding: 0 40px;
}
.gNavi ul > li > a {
font-weight: bold;
font-size: 13px;
display: block;
color: #DCC473;
padding: 10px 15px;
letter-spacing: 0.16em;
border-bottom: 1px solid #2B5318;
position: relative;
display: flex;
}
.gNavi ul > li.sub {
margin-top: 10px;
margin-bottom: 5px;
}
.gNavi ul > li.sub a {
font-size: 2.6vw;
border: none;
}
.gNavi .btnNavi02 {
padding-bottom: 80px;
}
.gNavi .btnNavi02 a {
border: none;
}
.gNavi.open {
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.gNavi.open ul li {
opacity: 1;
transform: translate(0, 0);
}
#overlay {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
#overlay.open {
display: block;
opacity: 1;
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: rgba(21, 67, 0, 0.5);
} #mvSub {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/mv_sub.jpg) no-repeat center center;
background-size: cover;
height: 130px;
}
#mvSub .inner {
height: 100%;
}
#mvSub .pageTit {
color: #fff;
font-size: 5.8vw;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.6;
margin-bottom: 0;
}
#mvSub .en {
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #fff;
font-size: 3.2vw;
letter-spacing: 0.15em;
margin-bottom: 0;
}
.breadcrumb {
background: none;
padding: 10px 15px 0;
margin: 0;
}
.breadcrumb ol {
margin: 0;
}
.breadcrumb li {
line-height: 1.5;
}
.breadcrumb a {
color: #666;
font-size: 3.2vw;
position: relative;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb .current {
color: #666;
font-size: 3.2vw;
}
.breadcrumb .breadcrumb-item {
position: relative;
padding: 0;
}
.breadcrumb .breadcrumb-item:after {
content: ">";
font-size: 3.2vw;
padding: 2.6vw;
} #footer {
background: #DCC473;
padding: 40px 0 20px;
}
#footer p, #footer li, #footer a, #footer h2 {
color: #154300;
}
#footer .lead {
font-weight: bold;
font-size: 4.8vw;
letter-spacing: 0.1em;
margin-bottom: 40px;
}
#footer .lead a {
text-decoration: underline;
}
#footer .lead a:hover {
text-decoration: none;
}
#footer .cta h2 {
font-size: 4.2vw;
font-weight: bold;
}
#footer .cta .tel h2 {
margin-bottom: 0;
}
#footer .cta .tel svg {
margin: 15px 0 20px;
width: 100%;
}
#footer .cta .tel .txt {
font-weight: bold;
}
#footer .cta .contact {
margin-top: 10px;
}
#footer .cta .contact .btn {
padding: 30px 0;
font-size: 5.3vw;
}
.copy {
padding: 10px;
text-align: center;
font-size: 3.2vw;
margin-bottom: 50px;
}
#fixCta {
background: #154300;
position: fixed;
bottom: 0;
width: 100%;
transition: 0.4s;
border-top: 1px solid #fff;
z-index: 999;
}
#fixCta a {
width: 100%;
padding: 10px 0;
position: relative;
color: #fff;
font-size: 12px;
display: block;
text-align: center;
line-height: 1.5;
}
#fixCta li.tel {
background: #154300;
}
#fixCta li.mail {
background: #749D4B;
} .conditionSec ul li {
padding: 5px;
}
.conditionSec ul li a {
display: block;
width: 40vw;
height: 40vw;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.conditionSec ul li a:hover .ico:before {
transform: scale(4);
}
.conditionSec ul li a:hover img {
opacity: 1;
transform: scale(1.5);
}
.conditionSec ul li a:hover .name {
color: #fff;
}
.conditionSec ul li .ico {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background: #ccc;
margin-bottom: 10px;
}
.conditionSec ul li .ico img {
position: relative;
z-index: 10;
}
.conditionSec ul li .ico:before {
content: "";
width: 70px;
height: 70px;
border-radius: 50%;
background: #ccc;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: all 0.4s cubic-bezier(0.17, 0.67, 0.56, 0.94);
}
.conditionSec ul li .name {
margin-bottom: 0;
font-weight: bold;
position: relative;
z-index: 20;
}
.conditionSec ul li.con01 .ico {
background: #319FA8;
}
.conditionSec ul li.con01 .ico:before {
background: #319FA8;
}
.conditionSec ul li.con01 .name {
color: #319FA8;
}
.conditionSec ul li.con02 .ico {
background: #30878E;
}
.conditionSec ul li.con02 .ico:before {
background: #30878E;
}
.conditionSec ul li.con02 .name {
color: #30878E;
}
.conditionSec ul li.con03 .ico {
background: #67AD8A;
}
.conditionSec ul li.con03 .ico:before {
background: #67AD8A;
}
.conditionSec ul li.con03 .name {
color: #67AD8A;
}
.conditionSec ul li.con04 .ico {
background: #92AC70;
}
.conditionSec ul li.con04 .ico:before {
background: #92AC70;
}
.conditionSec ul li.con04 .name {
color: #92AC70;
}
.conditionSec ul li.con05 .ico {
background: #AC9E70;
}
.conditionSec ul li.con05 .ico:before {
background: #AC9E70;
}
.conditionSec ul li.con05 .name {
color: #AC9E70;
}
.conditionSec ul li.con06 .ico {
background: #5995C1;
}
.conditionSec ul li.con06 .ico:before {
background: #5995C1;
}
.conditionSec ul li.con06 .name {
color: #5995C1;
}
.conditionSec ul li.con07 .ico {
background: #5A7BA8;
}
.conditionSec ul li.con07 .ico:before {
background: #5A7BA8;
}
.conditionSec ul li.con07 .name {
color: #5A7BA8;
}
.conditionSec ul li.con08 .ico {
background: #8776AD;
}
.conditionSec ul li.con08 .ico:before {
background: #8776AD;
}
.conditionSec ul li.con08 .name {
color: #8776AD;
}
.conditionSec ul li.con09 .ico {
background: #BA95B2;
}
.conditionSec ul li.con09 .ico:before {
background: #BA95B2;
}
.conditionSec ul li.con09 .name {
color: #BA95B2;
font-size: 12px;
} #pager {
padding: 30px 0 0;
}
#pager .wp-pagenavi {
display: flex;
justify-content: center;
}
#pager .wp-pagenavi span, #pager .wp-pagenavi a {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
padding: 5px;
border: 1px solid #154300;
margin: 0 5px;
}
#pager .wp-pagenavi span.current {
background: #154300;
color: #fff;
}
#pager .wp-pagenavi a {
background: #fff;
color: #154300;
}
#pager .wp-pagenavi a:hover {
background: #154300;
color: #fff;
}
}  @media screen and (min-width: 769px) {
#mvTop {
position: relative;
height: 37.6vw;
min-height: 530px;
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/mv_top.jpg) no-repeat top center;
background-size: cover;
}
#mvTop .txtClm {
background: rgba(79, 131, 66, 0.8);
padding: 50px;
width: 610px;
height: 360px;
position: absolute;
right: 80px;
bottom: 60px;
}
#mvTop .txtClm p {
color: #fff;
letter-spacing: 0.1em;
}
#mvTop .txtClm .logo {
text-align: center;
margin-bottom: 30px;
}
#mvTop .txtClm .lead {
font-size: 29px;
letter-spacing: 0.1em;
line-height: 1.4;
font-weight: bold;
}
#mvTop .txtClm .txt {
margin-bottom: 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
#mvTop .txtClm {
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
}
@media screen and (min-width: 769px) {
#topSec01 {
background: #F2EDE7;
padding: 50px 0;
}
#topSec01 .inner {
width: 1084px;
max-width: 1084px;
}
#topSec01 .inner .list {
background: #fff;
padding: 40px 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
#topSec01 h2 {
font-size: 24px;
font-weight: bold;
color: #154300;
text-align: center;
position: relative;
margin-bottom: 40px;
letter-spacing: 0.1em;
}
#topSec01 h2:before {
content: "";
width: 90%;
height: 1px;
background: #154300;
display: inline-block;
position: absolute;
top: 50%;
left: 5%;
z-index: 0;
}
#topSec01 h2 span {
display: inline-block;
background: #fff;
padding: 0 20px;
position: relative;
z-index: 10;
}
#topSec01 ul li {
color: #643824;
font-size: 17px;
font-weight: bold;
position: relative;
margin-bottom: 10px;
}
#topSec01 ul li:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/check.svg) no-repeat;
width: 24px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#topSec01 .concept {
position: relative;
text-align: center;
color: #1C8403;
font-size: 24px;
font-weight: bold;
line-height: 1.4;
padding-top: 80px;
margin-bottom: 0;
}
#topSec01 .concept strong {
font-size: 30px;
background: linear-gradient(transparent 50%, rgba(168, 201, 153, 0.5) 50%);
}
#topSec01 .concept:before {
content: "";
width: 40px;
height: 40px;
border: 20px solid #A8C999;
border-top-color: transparent;
border-right-color: transparent;
transform: rotate(-45deg) translateX(-50%);
display: block;
position: absolute;
left: 50%;
top: -10px;
}
#topSec02 {
background: #43792B;
padding: 50px 0;
}
#topSec02 h2 {
color: #DCC473;
font-weight: bold;
font-size: 24px;
text-align: center;
margin-bottom: 30px;
}
#topSec02 h2 strong {
font-size: 40px;
}
#topSec02 .txtClm p {
margin-bottom: 30px;
color: #fff;
}
#topSec02 .btn {
background: #DCC473;
border-color: #DCC473;
width: 400px;
}
#topSec02 .btn:hover {
background-color: transparent;
color: #DCC473;
}
#topSec03 {
padding: 80px 0 80px;
}
#topSec04 {
padding: 80px 0 80px;
}
#topSec05 {
padding: 50px 0 50px;
}
#topSec05 .lead {
margin-bottom: 30px;
font-size: 16px;
text-align: center;
}
#topSec05 .btnArea {
margin-top: 30px;
}
#topSec06 {
padding: 80px 0 80px;
}
#topSec06 .faqBox {
width: 680px;
margin: 0 auto;
}
#topSec06 .imgClm {
text-align: center;
margin-bottom: 20px;
}
#topSec06 .txt {
text-align: center;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
}
#topSec06 .btnArea {
margin-bottom: 0;
}
#topSec06 span.btn {
background: #fff;
color: #319FA8;
border: 1px solid #fff;
}
#topSec06 span.btn:after {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow_blue.svg);
background-size: cover;
}
#topSec06 a {
display: block;
padding: 25px 0 30px;
background: #319FA8;
}
#topSec06 a img {
opacity: 1;
}
#topSec06 a:hover {
background: rgb(54.7580645161, 177.6843317972, 187.7419354839);
}
#topSec06 a:hover span.btn {
background: transparent;
color: #fff;
}
#topSec06 a:hover span.btn:after {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow.svg);
}
#topSec07 {
padding: 80px 0 80px;
}
#topSec07 .txtClm h4 {
color: #154300;
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
line-height: 1.6;
}
#topSec07 .txtClm p {
margin-top: 20px;
}
#topSec07 .txtClm .btn {
width: 100%;
}
#topSec08 {
padding: 50px 0 50px;
background: #f7f7f7;
}
#topSec08 .btnArea {
margin-top: 30px;
}
} @media screen and (max-width: 768px) {
#mvTop {
position: relative;
height: 400px;
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/mv_top.jpg) no-repeat top center;
background-size: cover;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
#mvTop .txtClm {
background: rgba(79, 131, 66, 0.8);
padding: 30px;
}
#mvTop .txtClm p {
color: #fff;
letter-spacing: 0.1em;
}
#mvTop .txtClm .logo {
text-align: center;
margin-bottom: 30px;
}
#mvTop .txtClm .lead {
font-size: 4.8vw;
letter-spacing: 0.1em;
line-height: 1.4;
font-weight: bold;
}
#mvTop .txtClm .txt {
margin-bottom: 0;
}
#topSec01 {
background: #F2EDE7;
padding: 50px 0;
}
#topSec01 .inner .list {
background: #fff;
padding: 30px 20px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
#topSec01 h2 {
font-size: 5.3vw;
font-weight: bold;
color: #154300;
text-align: center;
margin-bottom: 20px;
letter-spacing: 0.1em;
line-height: 1.6;
}
#topSec01 ul {
margin: 0;
}
#topSec01 ul li {
color: #643824;
font-size: 3.7vw;
font-weight: bold;
position: relative;
margin-bottom: 10px;
padding-left: 30px;
text-indent: -30px;
padding-right: 0;
}
#topSec01 ul li:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/check.svg) no-repeat;
width: 24px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#topSec01 .concept {
position: relative;
text-align: center;
color: #1C8403;
font-size: 4.8vw;
font-weight: bold;
line-height: 1.4;
padding-top: 55px;
margin-bottom: 0;
}
#topSec01 .concept strong {
font-size: 5.8vw;
background: linear-gradient(transparent 50%, rgba(168, 201, 153, 0.5) 50%);
}
#topSec01 .concept:before {
content: "";
width: 30px;
height: 30px;
border: 15px solid #A8C999;
border-top-color: transparent;
border-right-color: transparent;
transform: rotate(-45deg) translateX(-50%);
display: block;
position: absolute;
left: 50%;
top: -10px;
}
#topSec02 {
background: #43792B;
padding: 30px 0;
}
#topSec02 h2 {
color: #DCC473;
font-weight: bold;
font-size: 5.3vw;
text-align: center;
margin-bottom: 30px;
line-height: 1.4;
}
#topSec02 h2 strong {
font-size: 6.4vw;
}
#topSec02 .txtClm p {
margin-bottom: 30px;
color: #fff;
}
#topSec02 .btn {
background: #DCC473;
border-color: #DCC473;
}
#topSec02 .btn:hover {
background-color: transparent;
color: #DCC473;
}
#topSec03 {
padding: 40px 0;
}
#topSec04 {
padding: 40px 0;
}
#topSec05 {
padding: 50px 0 50px;
}
#topSec05 .lead {
margin-bottom: 30px;
font-size: 13px;
text-align: center;
}
#topSec05 .btnArea {
margin-top: 30px;
}
#topSec06 {
padding: 40px 0 40px;
}
#topSec06 .faqBox {
margin: 0 auto;
background: #319FA8;
}
#topSec06 .imgClm {
text-align: center;
margin-bottom: 20px;
}
#topSec06 .txt {
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
}
#topSec06 .btnArea {
margin-bottom: 0;
}
#topSec06 span.btn {
background: #fff;
color: #319FA8;
border: 1px solid #fff;
}
#topSec06 span.btn:after {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow_blue.svg);
background-size: cover;
}
#topSec06 a {
display: block;
padding: 25px 10px 20px;
}
#topSec07 {
padding: 40px 0;
}
#topSec07 .gMap iframe {
width: 100%;
height: 250px;
}
#topSec07 .txtClm {
padding-top: 20px;
}
#topSec07 .txtClm h4 {
color: #154300;
font-size: 4.8vw;
font-weight: bold;
margin-bottom: 0;
line-height: 1.6;
}
#topSec07 .txtClm p {
margin-top: 20px;
}
#topSec07 .txtClm .btn {
width: 100%;
}
#topSec08 {
padding: 40px 0;
background: #f7f7f7;
}
#topSec08 .btnArea {
margin-top: 30px;
}
}  @media screen and (min-width: 769px) {
#conceptSec01 {
padding: 60px 0 50px;
}
#conceptSec01 .txtClm {
margin-top: 30px;
}
#conceptSec01 .txtClm .tit {
color: #1C8403;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
#conceptSec02 {
padding: 50px 0 120px;
}
#conceptSec02 h4 {
color: #1C8403;
font-size: 20px;
font-weight: bold;
margin: 40px 0 20px;
text-align: center;
}
#conceptSec02 .check {
color: #154300;
font-size: 24px;
font-weight: bold;
position: relative;
text-align: center;
margin: 50px 0 40px;
}
#conceptSec02 .check:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/ico_finger.svg) no-repeat;
width: 35px;
height: 50px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
}
#conceptSec02 ul {
width: 500px;
margin: 0 auto 50px;
padding: 40px 50px;
background: #f4f4f4;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
#conceptSec02 ul li {
color: #643824;
font-size: 17px;
font-weight: bold;
position: relative;
}
#conceptSec02 ul li:nth-of-type(n+2) {
margin-top: 20px;
}
#conceptSec02 ul li:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/check.svg) no-repeat;
width: 24px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
} @media screen and (max-width: 768px) {
#conceptSec01 {
padding: 30px 0 30px;
}
#conceptSec01 .txtClm {
margin-top: 30px;
}
#conceptSec01 .txtClm .tit {
color: #1C8403;
font-size: 4.8vw;
font-weight: bold;
margin-bottom: 10px;
}
#conceptSec02 {
padding: 30px 0 40px;
}
#conceptSec02 h4 {
color: #1C8403;
font-size: 4.8vw;
font-weight: bold;
margin: 40px 0 20px;
line-height: 1.6;
}
#conceptSec02 .check {
color: #154300;
font-size: 5.3vw;
font-weight: bold;
position: relative;
text-align: center;
margin: 40px 0 20px;
}
#conceptSec02 .check:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/ico_finger.svg) no-repeat;
background-size: cover;
width: 21px;
height: 30px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
}
#conceptSec02 ul {
margin: 0 auto 30px;
padding: 20px;
background: #f4f4f4;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
#conceptSec02 ul li {
color: #643824;
font-size: 3.7vw;
font-weight: bold;
position: relative;
padding-left: 30px;
text-indent: -30px;
}
#conceptSec02 ul li:nth-of-type(n+2) {
margin-top: 20px;
}
#conceptSec02 ul li:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/check.svg) no-repeat;
width: 24px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
}  @media screen and (min-width: 769px) {
#conditionSec01 {
padding: 60px 0 50px;
}
#conditionSec02 {
padding: 50px 0 120px;
}
#conditionSec02 .simpleHeadline {
font-size: 24px;
}
#conditionSec02 .conditionList > li:nth-of-type(n+2) {
margin-top: 60px;
}
#conditionSec02 .conditionList > li dl:nth-of-type(n+2) {
margin-top: 30px;
}
#conditionSec02 .conditionList > li dt {
font-size: 18px;
margin-bottom: 20px;
}
#conditionSec02 .conditionList > li dd ul {
margin-bottom: 25px;
}
} @media screen and (max-width: 768px) {
#conditionSec01 {
padding: 30px 0 30px;
}
#conditionSec02 {
padding: 30px 0 40px;
}
#conditionSec02 .conditionList > li:nth-of-type(n+2) {
margin-top: 60px;
}
#conditionSec02 .conditionList > li dl:nth-of-type(n+2) {
margin-top: 30px;
}
#conditionSec02 .conditionList > li dt {
font-size: 4.8vw;
margin-bottom: 10px;
}
#conditionSec02 .conditionList > li dd ul {
margin-bottom: 10px;
}
}  @media screen and (min-width: 769px) {
.voiceList a {
padding: 20px;
display: block;
background: #fff;
border: 1px solid #ccc;
}
.voiceList a:hover {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
transform: translateY(-10px);
}
.voiceList a:hover .txtClm .link {
text-decoration: underline;
}
.voiceList .tit {
padding: 10px 0 0;
border-bottom: 1px solid #1C8403;
}
.voiceList .tit h4 {
font-size: 18px;
font-weight: bold;
color: #1C8403;
}
.voiceList .tit .profile {
text-align: right;
}
.voiceList .txtClm {
padding-top: 20px;
}
.voiceList .txtClm .condition h5 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.voiceList .txtClm .condition .content {
color: #1C8403;
font-weight: bold;
margin-bottom: 10px;
}
.voiceList .txtClm p {
margin: 0;
}
.voiceList .txtClm .link {
margin-top: 10px;
text-align: right;
font-weight: bold;
color: #1C8403;
position: relative;
}
.voiceList .txtClm .link:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow_green.svg) no-repeat;
width: 8px;
height: 12px;
display: inline-block;
margin-right: 10px;
}
.voiceListSec {
background: #E6EDE4;
}
.voiceListSec .lead {
font-size: 16px;
text-align: center;
margin-bottom: 40px;
}
.voiceListSec .voiceList li {
width: 315px;
margin-right: 8px;
}
.voiceListSec .voiceList:nth-of-type(3n) {
margin-right: 0;
}
.voiceListSec .voiceList a {
border: none;
}
#voiceSec01 {
padding: 60px 0 120px;
}
#voiceSec01 .lead {
font-size: 16px;
text-align: center;
margin-bottom: 40px;
}
#voiceSec01 .voiceList li {
max-width: 49%;
}
#voiceSec01 .voiceList li:nth-of-type(n+3) {
margin-top: 20px;
}
#voiceSec01 .voiceDetail .simpleHeadline {
font-size: 24px;
margin-bottom: 20px;
}
#voiceSec01 .voiceDetail .profile {
text-align: center;
margin-bottom: 30px;
}
#voiceSec01 .voiceDetail .condition {
background: #f4f4f4;
padding: 30px;
}
#voiceSec01 .voiceDetail .condition h4 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#voiceSec01 .voiceDetail .condition .content {
color: #1C8403;
font-weight: bold;
}
#voiceSec01 .voiceDetail .comment {
margin-top: 50px;
}
#voiceSec01 .voiceDetail .comment h4 {
color: #154300;
font-size: 18px;
font-weight: bold;
margin-bottom: 25px;
}
#voiceSec01 .voiceDetail .message {
margin-top: 60px;
padding: 30px;
background: #67AD8A;
border-radius: 10px;
}
#voiceSec01 .voiceDetail .message h4, #voiceSec01 .voiceDetail .message .txt p {
color: #fff;
}
#voiceSec01 .voiceDetail .message h4 {
font-size: 20px;
font-weight: bold;
position: relative;
margin-bottom: 20px;
}
#voiceSec01 .voiceDetail .message h4:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/ico_speak.svg) no-repeat;
width: 31px;
height: 30px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
#voiceSec01 .voiceDetail .message .txt p:last-of-type {
margin-bottom: 0;
}
#voiceSec01 .btnArea {
margin-top: 60px;
}
#voiceSec02 {
padding: 60px 0 60px;
}
} @media screen and (max-width: 768px) {
.voiceList li {
width: 100%;
}
.voiceList li:nth-of-type(n+2) {
margin-top: 20px;
}
.voiceList a {
padding: 20px;
display: block;
background: #fff;
border: 1px solid #ccc;
}
.voiceList a:hover {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
transform: translateY(-10px);
}
.voiceList a:hover .txtClm .link {
text-decoration: underline;
}
.voiceList .tit {
padding: 10px 0 0;
border-bottom: 1px solid #1C8403;
}
.voiceList .tit h4 {
font-size: 4.8vw;
font-weight: bold;
color: #1C8403;
}
.voiceList .tit .profile {
text-align: right;
}
.voiceList .txtClm {
padding-top: 20px;
}
.voiceList .txtClm .condition {
background: #f4f4f4;
padding: 20px;
margin-bottom: 20px;
}
.voiceList .txtClm .condition h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.voiceList .txtClm .condition .content {
color: #1C8403;
font-weight: bold;
}
.voiceList .txtClm p {
margin: 0;
}
.voiceList .txtClm .link {
margin-top: 10px;
text-align: right;
font-weight: bold;
color: #1C8403;
position: relative;
}
.voiceList .txtClm .link:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/arrow_green.svg) no-repeat;
width: 8px;
height: 12px;
display: inline-block;
margin-right: 10px;
}
.voiceListSec {
background: #E6EDE4;
}
.voiceListSec .voiceList a {
border: none;
}
#voiceSec01 {
padding: 30px 0 40px;
}
#voiceSec01 .lead {
font-size: 13px;
margin-bottom: 40px;
}
#voiceSec01 .voiceList li:nth-of-type(n+2) {
margin-top: 20px;
}
#voiceSec01 .voiceDetail.inner_700 {
padding: 0;
}
#voiceSec01 .voiceDetail .simpleHeadline {
font-size: 5.8vw;
margin-bottom: 20px;
text-align: left;
}
#voiceSec01 .voiceDetail .profile {
margin-bottom: 30px;
}
#voiceSec01 .voiceDetail .condition {
background: #f4f4f4;
padding: 20px;
}
#voiceSec01 .voiceDetail .condition h4 {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
#voiceSec01 .voiceDetail .condition .content {
color: #1C8403;
font-weight: bold;
}
#voiceSec01 .voiceDetail .comment {
margin-top: 30px;
}
#voiceSec01 .voiceDetail .comment h4 {
color: #154300;
font-size: 4.8vw;
font-weight: bold;
margin-bottom: 15px;
}
#voiceSec01 .voiceDetail .message {
margin-top: 40px;
padding: 20px;
background: #67AD8A;
border-radius: 10px;
}
#voiceSec01 .voiceDetail .message h4, #voiceSec01 .voiceDetail .message .txt p {
color: #fff;
}
#voiceSec01 .voiceDetail .message h4 {
font-size: 4.8vw;
font-weight: bold;
position: relative;
margin-bottom: 20px;
}
#voiceSec01 .voiceDetail .message h4:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/ico_speak.svg) no-repeat;
width: 31px;
height: 30px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
#voiceSec01 .voiceDetail .message .txt p:last-of-type {
margin-bottom: 0;
}
#voiceSec01 .btnArea {
margin-top: 60px;
}
#voiceSec02 {
padding: 30px 0 30px;
}
}  @media screen and (min-width: 769px) {
.courseSec .basic-price > li {
margin-bottom: 40px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
.courseSec .basic-price h4 {
font-size: 20px;
font-weight: bold;
color: #154300;
}
.courseSec .basic-price h4 strong {
font-size: 26px;
color: #1C8403;
}
.courseSec .basic-price .chu {
font-weight: bold;
padding-left: 1em;
text-indent: -1em;
}
.courseSec .basic-price .osusume-list {
background: #F2EDE7;
width: 50%;
padding: 30px;
color: #154300;
margin-bottom: 30px;
}
.courseSec .basic-price .osusume-list .leftHeadline {
font-size: 20px;
margin-bottom: 10px;
}
.courseSec .basic-price .osusume-list li {
font-weight: bold;
}
.courseSec .basic-price .osusume-list li:before {
content: "・ ";
}
.courseSec .basic-price .point3 {
gap: 10px;
margin-bottom: 30px;
}
.courseSec .basic-price .point3 li {
flex: 1;
background: #f7f7f7;
padding: 20px;
}
.courseSec .basic-price .point3 li strong {
color: #1C8403;
}
.courseSec .attention {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #1C8403;
letter-spacing: 0.1em;
position: relative;
margin-bottom: 40px;
}
.courseSec .attention:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/headline_ashirai.svg) no-repeat top left;
transform: scale(-1, 1);
width: 17px;
height: 20px;
display: inline-block;
margin-right: 10px;
}
.courseSec .attention:after {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/headline_ashirai.svg) no-repeat top left;
width: 17px;
height: 20px;
display: inline-block;
margin-left: 10px;
}
.courseSec .bnr {
width: 580px;
height: 300px;
padding-left: 20px;
margin: 0 auto 30px;
}
.courseSec .bnr .box {
width: 45%;
}
.courseSec .bnr .box p, .courseSec .bnr .box h4 {
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.8;
margin-bottom: 15px;
}
.courseSec .bnr .box .tit {
font-size: 36px;
border-bottom: 1px solid #fff;
}
.courseSec .bnr .box .txt small {
font-size: 12px;
}
.courseSec .bnr.kaisu {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/bnr_kaisuken.jpg) no-repeat;
}
.courseSec .bnr.pass {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/bnr_pass.jpg) no-repeat;
}
.courseSec .bnr.kaiin {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/bnr_kaiin.jpg) no-repeat;
background-size: cover;
}
.courseSec .banners .bnr {
margin-bottom: 30px;
}
.courseSec .banners .txtClm {
max-width: 580px;
margin: auto;
padding-right: 20px;
}
.courseSec .banners .txtClm h3 {
margin: 15px 0;
}
.courseSec .banners .txtClm .btn {
width: 250px;
}
.courseSec .banners .txtClm .priceList li .priceCard {
background: #f4f4f4;
padding: 10px 0;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #154300;
margin-bottom: 0;
line-height: 1.6;
}
.courseSec .banners .txtClm .priceList li .priceCard strong {
color: #1C8403;
font-size: 26px;
}
.courseSec .banners .txtClm .priceList li .priceCard strong span {
font-size: 20px;
}
.courseSec .banners .txtClm .priceList li .priceCard small {
font-size: 18px;
font-weight: bold;
}
.courseSec .banners .txtClm .priceList li .txtClm {
padding: 20px;
}
.courseSec .banners .txtClm .priceList li .txtClm .tit {
color: #154300;
font-weight: bold;
margin-bottom: 15px;
}
#courseSec01 {
padding: 60px 0 120px;
}
#courseSec01 .inner > .txt {
margin-bottom: 60px;
}
#courseSec01 .banners > li:nth-of-type(n+2) {
margin-top: 50px;
}
#courseSec01 .banners > li .bnr {
margin-bottom: 30px;
}
#courseSec01 .banners > li > .txtClm .txt {
margin-bottom: 30px;
}
} @media screen and (max-width: 768px) {
.courseSec .basic-price > li {
margin-bottom: 30px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
.courseSec .basic-price h4 {
font-size: 4.8vw;
font-weight: bold;
color: #154300;
}
.courseSec .basic-price h4 strong {
font-size: 6.4vw;
color: #1C8403;
}
.courseSec .basic-price .chu {
font-weight: bold;
padding-left: 1em;
text-indent: -1em;
}
.courseSec .basic-price .osusume-list {
background: #F2EDE7;
width: 100%;
padding: 20px;
color: #154300;
margin-bottom: 30px;
}
.courseSec .basic-price .osusume-list .leftHeadline {
font-size: 16px;
margin-bottom: 10px;
}
.courseSec .basic-price .osusume-list li {
font-weight: bold;
margin-bottom: 0;
}
.courseSec .basic-price .osusume-list li:before {
content: "・ ";
}
.courseSec .basic-price h5.point {
font-size: 16px;
}
.courseSec .basic-price .point3 {
margin-bottom: 30px;
}
.courseSec .basic-price .point3 li {
flex: 1;
background: #f7f7f7;
padding: 20px;
margin-bottom: 10px;
}
.courseSec .basic-price .point3 li strong {
color: #1C8403;
}
.courseSec .attention {
font-size: 4.8vw;
font-weight: bold;
text-align: center;
color: #1C8403;
letter-spacing: 0.1em;
position: relative;
margin-bottom: 30px;
padding: 0 25px;
line-height: 1.5;
}
.courseSec .attention:before {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/headline_ashirai.svg) no-repeat top left;
transform: scale(-1, 1) translateY(-50%);
width: 17px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
}
.courseSec .attention:after {
content: "";
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/headline_ashirai.svg) no-repeat top left;
width: 17px;
height: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.courseSec .bnr {
width: 100%;
height: 47vw;
padding-left: 10px;
}
.courseSec .bnr .box {
width: 45%;
}
.courseSec .bnr .box p, .courseSec .bnr .box h4 {
font-weight: bold;
color: #fff;
text-align: center;
}
.courseSec .bnr .box .tit {
font-size: 5.3vw;
border-bottom: 1px solid #fff;
}
.courseSec .bnr .box .txt {
margin-bottom: 0;
}
.courseSec .bnr .box .txt small {
font-size: 3.2vw;
}
.courseSec .bnr.kaisu {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/bnr_kaisuken.jpg) no-repeat;
background-size: cover;
}
.courseSec .bnr.pass {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/bnr_pass.jpg) no-repeat;
background-size: cover;
}
.courseSec .bnr.kaiin {
background: url(//seitai-corail.jp/wp/wp-content/themes/corail_cms/images/bnr_kaiin.jpg) no-repeat;
background-size: cover;
}
.courseSec .banners > li:nth-of-type(n+2) {
margin-top: 30px;
}
.courseSec .banners .bnr {
margin-bottom: 30px;
}
.courseSec .banners .txtClm h3 {
margin: 15px 0;
}
.courseSec .banners .txtClm .btn {
width: 250px;
}
.courseSec .banners .txtClm .priceList li {
margin-bottom: 10px;
}
.courseSec .banners .txtClm .priceList li .priceCard {
background: #f4f4f4;
padding: 10px 0;
text-align: center;
font-size: 4.8vw;
font-weight: bold;
color: #154300;
margin-bottom: 0;
line-height: 1.6;
}
.courseSec .banners .txtClm .priceList li .priceCard strong {
color: #1C8403;
font-size: 5.8vw;
}
.courseSec .banners .txtClm .priceList li .priceCard strong span {
font-size: 20px;
}
.courseSec .banners .txtClm .priceList li .priceCard small {
font-size: 4.2vw;
font-weight: bold;
}
.courseSec .banners .txtClm .priceList li .txtClm {
padding: 10px;
}
.courseSec .banners .txtClm .priceList li .txtClm .tit {
color: #154300;
font-weight: bold;
margin-bottom: 15px;
}
#courseSec01 {
padding: 30px 0 40px;
}
#courseSec01 .inner > .txt {
margin-bottom: 60px;
}
#courseSec01 .banners > li:nth-of-type(n+2) {
margin-top: 50px;
}
#courseSec01 .banners > li > .txtClm .txt {
margin-bottom: 30px;
}
}  @media screen and (min-width: 769px) {
#faqSec01 {
padding: 60px 0 120px;
}
#faqSec01 dl {
margin: 50px 0 0;
}
#faqSec01 dt {
background: #E6EDE4;
padding: 15px 20px;
color: #154300;
font-size: 18px;
margin-bottom: 10px;
}
#faqSec01 dd {
line-height: 2;
}
} @media screen and (max-width: 768px) {
#faqSec01 {
padding: 30px 0 40px;
}
#faqSec01 dl {
margin: 30px 0 0;
}
#faqSec01 dt {
background: #E6EDE4;
padding: 10px 10px;
color: #154300;
font-size: 16px;
margin-bottom: 10px;
}
#faqSec01 dd {
line-height: 2;
}
}  @media screen and (min-width: 769px) {
#aboutSec01 {
padding: 60px 0 50px;
}
#aboutSec01 .txt {
margin-bottom: 30px;
}
#aboutSec01 .detail {
width: 540px;
margin: 0 auto;
}
#aboutSec01 .detail th {
color: #1C8403;
text-align: left;
width: 125px;
vertical-align: top;
}
#aboutSec01 .detail td p:nth-of-type(n+2) {
margin-top: 30px;
}
#aboutSec01 th, #aboutSec01 td {
padding-bottom: 40px;
}
#aboutSec02 {
padding: 50px 0;
}
#aboutSec02 .btn.outer {
background: #8776AD;
}
#aboutSec02 .address {
width: 100%;
}
#aboutSec02 .address th {
color: #1C8403;
text-align: left;
width: 100px;
vertical-align: top;
}
#aboutSec02 .address td {
font-weight: bold;
}
#aboutSec02 th, #aboutSec02 td {
padding-bottom: 40px;
}
#aboutSec03 {
padding: 50px 0 120px;
}
#aboutSec03 .job, #aboutSec03 .name {
font-weight: bold;
color: #154300;
}
#aboutSec03 .name {
font-size: 24px;
margin-top: 10px;
}
#aboutSec03 .greeting {
padding: 20px 0 0;
}
#aboutSec03 .greeting h4 {
color: #1C8403;
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
}
#aboutSec03 .greeting p:nth-of-type(n+2) {
margin-top: 30px;
}
#aboutSec03 .history {
margin-top: 50px;
}
#aboutSec03 .history dl {
margin-bottom: 0;
}
#aboutSec03 .history dt {
flex: 0 1 5em;
font-weight: normal;
}
#aboutSec03 .history dd {
flex: 1 0 auto;
}
} @media screen and (max-width: 768px) {
#aboutSec01 {
padding: 30px 0;
}
#aboutSec01 .txt {
margin-bottom: 30px;
}
#aboutSec01 .detail {
margin: 0 auto;
}
#aboutSec01 .detail th {
color: #1C8403;
text-align: left;
width: 25%;
vertical-align: top;
}
#aboutSec01 .detail td p:nth-of-type(n+2) {
margin-top: 10px;
}
#aboutSec01 th, #aboutSec01 td {
padding-bottom: 20px;
}
#aboutSec02 {
padding: 30px 0;
}
#aboutSec02 .gMap iframe {
width: 100%;
}
#aboutSec02 .btn.outer {
background: #8776AD;
border: none;
}
#aboutSec02 .address {
width: 100%;
}
#aboutSec02 .address th {
color: #1C8403;
text-align: left;
width: 20%;
vertical-align: top;
}
#aboutSec02 .address td {
font-weight: bold;
}
#aboutSec02 th, #aboutSec02 td {
padding-bottom: 20px;
}
#aboutSec03 {
padding: 30px 0 40px;
}
#aboutSec03 .txtClm {
padding: 0;
}
#aboutSec03 .job, #aboutSec03 .name {
font-weight: bold;
color: #154300;
}
#aboutSec03 .name {
font-size: 24px;
margin-top: 10px;
}
#aboutSec03 .greeting {
padding: 20px 0 0;
}
#aboutSec03 .greeting h4 {
color: #1C8403;
font-size: 5.3vw;
font-weight: bold;
margin-bottom: 30px;
line-height: 1.6;
}
#aboutSec03 .greeting p:nth-of-type(n+2) {
margin-top: 20px;
}
#aboutSec03 .history {
margin-top: 30px;
}
#aboutSec03 .history dl {
margin-bottom: 0;
}
#aboutSec03 .history dt {
width: 20%;
font-weight: normal;
}
#aboutSec03 .history dd {
width: 80%;
}
}  @media screen and (min-width: 769px) {
#contactSec01 {
padding: 60px 0 120px;
}
#contactSec01 .intro {
border: 5px solid #DCC473;
padding: 30px;
margin: 50px auto 100px;
width: 100%;
}
#contactSec01 .intro .label {
background: #154300;
width: 300px;
color: #DCC473;
font-size: 24px;
font-weight: bold;
text-align: center;
padding: 20px;
margin-bottom: 30px;
}
#contactSec01 .intro .tit {
color: #643824;
font-weight: bold;
margin-bottom: 20px;
}
#contactSec01 .intro .tel {
text-align: center;
margin-bottom: 20px;
}
#contactSec01 .intro .tel a {
pointer-events: none;
}
#contactSec01 .intro p {
text-align: center;
color: #643824;
}
#contactSec01 .intro p.form {
margin-top: 20px;
text-align: left;
}
#contactSec01 .formSec {
width: 960px;
margin: 0 auto;
}
#contactSec01 .formSec .tit {
margin-bottom: 0;
}
#contactSec01 .formSec table {
width: 100%;
}
#contactSec01 .formSec table th {
text-align: left;
font-size: 18px;
color: #154300;
padding: 30px 10px 20px;
width: 250px;
vertical-align: top;
}
#contactSec01 .formSec table th b {
font-size: 13px;
font-weight: normal;
color: #fff;
background: #E86161;
display: inline-block;
padding: 1px 5px;
margin-left: 10px;
}
#contactSec01 .formSec table td {
padding: 20px;
font-size: 14px;
line-height: 1.4;
}
#contactSec01 .formSec table td p b {
font-size: 18px;
color: #154300;
}
#contactSec01 .formSec table td input, #contactSec01 .formSec table td textarea {
width: 100%;
padding: 15px;
font-size: 18px;
border: 1px solid #ccc;
}
#contactSec01 .formSec table td .wpcf7-not-valid-tip {
color: #E86161;
font-weight: bold;
}
#contactSec01 .formSec table td input.date {
width: 250px;
}
#contactSec01 .formSec table td select {
width: 250px;
padding: 15px;
font-size: 18px;
border: 1px solid #ccc;
background: transparent;
border-radius: 0 !important;
outline: none;
}
#contactSec01 .formSec table td span.time {
position: relative;
}
#contactSec01 .formSec table td span.time:after {
content: "▼";
position: absolute;
top: 4px;
right: 15px;
font-size: 14px;
}
#contactSec01 .formSec table td .first {
margin-bottom: 15px;
}
#contactSec01 .formSec table td .attention {
margin-top: 5px;
font-size: 14px;
}
#contactSec01 .formSec table td label {
display: block;
line-height: 20px;
font-size: 18px;
}
#contactSec01 .formSec table td label:last-of-type {
padding-bottom: 0;
}
#contactSec01 .formSec .wpcf7-validation-errors {
color: #E86161;
font-weight: bold;
text-align: center;
border: 2px solid #E86161;
margin-top: 20px;
}
#contactSec01 .formSec .wpcf7-mail-sent-ok {
color: green;
font-weight: bold;
text-align: center;
border: 2px solid green;
margin-top: 20px;
}
#contactSec01 .formSec .screen-reader-response {
display: none;
}
#contactSec01 .formSec .preSubmit {
padding: 40px 0 0;
font-weight: bold;
font-size: 18px;
color: #E86161;
text-align: center;
}
#contactSec01 .formSec .wpcf7c-conf {
background: #E6EDE4 !important;
color: #1C8403;
}
#contactSec01 .formSec .return {
margin-top: 50px;
background: #666;
color: #fff;
padding: 10px 20px;
}
#contactSec01 .btnArea {
margin-bottom: 0;
display: flex;
justify-content: center;
}
#contactSec01 .attention {
margin-top: 60px;
}
#ui-datepicker-div {
transition: none;
}
} @media screen and (max-width: 768px) {
#contactSec01 {
padding: 30px 0 40px;
}
#contactSec01 .inner {
padding: 0 15px;
}
#contactSec01 .intro {
border: 3px solid #DCC473;
padding: 20px;
margin: 30px auto 50px;
width: 100%;
}
#contactSec01 .intro .label {
background: #154300;
color: #DCC473;
font-size: 6.4vw;
font-weight: bold;
text-align: center;
padding: 10px 20px;
margin-bottom: 20px;
}
#contactSec01 .intro .tit {
color: #643824;
font-weight: bold;
margin-bottom: 10px;
}
#contactSec01 .intro .tel {
text-align: center;
margin-bottom: 10px;
}
#contactSec01 .intro .tel a {
display: block;
width: 100%;
}
#contactSec01 .intro .tel a img {
width: 8%;
}
#contactSec01 .intro .tel a svg {
width: 87%;
}
#contactSec01 .intro p {
text-align: center;
color: #643824;
}
#contactSec01 .intro p.form {
margin: 20px 0 0;
text-align: left;
}
#contactSec01 .formSec .tit {
margin-bottom: 0;
}
#contactSec01 .formSec table {
width: 100%;
}
#contactSec01 .formSec table th {
text-align: left;
font-size: 16px;
color: #154300;
padding: 20px 0 10px;
vertical-align: middle;
display: block;
}
#contactSec01 .formSec table th b {
font-size: 10px;
font-weight: normal;
color: #fff;
background: #E86161;
display: inline-block;
padding: 1px 5px;
margin-left: 10px;
vertical-align: middle;
}
#contactSec01 .formSec table td {
padding: 0 0 20px;
font-size: 14px;
line-height: 1.4;
display: block;
}
#contactSec01 .formSec table td p b {
color: #154300;
}
#contactSec01 .formSec table td input, #contactSec01 .formSec table td textarea {
width: 100%;
padding: 15px;
font-size: 14px;
border: 1px solid #ccc;
}
#contactSec01 .formSec table td .wpcf7-not-valid-tip {
color: #E86161;
font-weight: bold;
}
#contactSec01 .formSec table td input.date {
width: 250px;
margin-bottom: 10px;
}
#contactSec01 .formSec table td select {
width: 250px;
padding: 15px;
font-size: 14px;
border: 1px solid #ccc;
background: #fff;
border-radius: 0;
}
#contactSec01 .formSec table td span.time {
position: relative;
}
#contactSec01 .formSec table td span.time:after {
content: "▼";
position: absolute;
top: 4px;
right: 15px;
font-size: 14px;
}
#contactSec01 .formSec table td p > b {
display: inline-block;
}
#contactSec01 .formSec table td p > b + span {
display: block;
}
#contactSec01 .formSec table td .first {
margin-bottom: 15px;
}
#contactSec01 .formSec table td .attention {
margin-top: 5px;
font-size: 14px;
}
#contactSec01 .formSec .wpcf7-validation-errors {
color: #E86161;
font-weight: bold;
text-align: center;
border: 2px solid #E86161;
margin-top: 20px;
}
#contactSec01 .formSec .wpcf7-mail-sent-ok {
color: green;
font-weight: bold;
text-align: center;
border: 2px solid green;
margin-top: 20px;
}
#contactSec01 .formSec .screen-reader-response {
display: none;
}
#contactSec01 .formSec .ajax-loader {
display: block;
}
#contactSec01 .formSec .preSubmit {
padding: 80px 0 0;
font-weight: bold;
font-size: 16px;
color: #E86161;
text-align: center;
}
#contactSec01 .formSec .wpcf7c-conf {
background: #E6EDE4 !important;
color: #1C8403;
}
#contactSec01 .formSec .return {
margin-top: 30px;
background: #666;
color: #fff;
padding: 10px 20px;
}
#contactSec01 .btnArea {
margin-bottom: 0;
flex-direction: column;
align-items: center;
}
#contactSec01 .attention {
margin-top: 60px;
}
}  @media screen and (min-width: 769px) {
.newsSec .newsList li {
padding: 10px 0 0;
border-bottom: 1px solid #e0e0e0;
}
.newsSec .newsList a {
width: 100%;
}
.newsSec .newsList p {
letter-spacing: 0.1em;
}
.newsSec .newsList time {
color: #1C8403;
font-weight: bold;
letter-spacing: 0.1em;
}
.newsSec .newsList a:hover p {
text-decoration: underline;
}
#newsSec01 {
padding: 60px 0 120px;
}
.singleSec .mc_tit {
color: #154300;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.singleSec .date {
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #154300;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.singleSec .newsContent {
margin: 50px 0 120px;
}
} @media screen and (max-width: 768px) {
.newsSec .newsList li {
padding: 10px 0 0;
border-bottom: 1px solid #e0e0e0;
}
.newsSec .newsList time {
color: #1C8403;
font-weight: bold;
letter-spacing: 0.1em;
}
}  @media screen and (min-width: 769px) {
#policySec01 {
padding: 60px 0 120px;
}
#policySec01 h3 {
color: #154300;
font-size: 18px;
font-weight: bold;
margin: 30px 0 10px;
}
} @media screen and (max-width: 768px) {
#policySec01 {
padding: 30px 0 40px;
}
#policySec01 h3 {
color: #154300;
font-size: 16px;
font-weight: bold;
margin: 30px 0 10px;
}
}  @media screen and (min-width: 769px) {
#notfoundSec01 {
padding: 60px 0 50px;
}
#notfoundSec01 .headline, #notfoundSec01 .top {
text-align: center;
font-size: 18px;
font-weight: bold;
}
#notfoundSec01 .headline a, #notfoundSec01 .top a {
color: #154300;
text-decoration: underline;
}
#notfoundSec01 .headline a:hover, #notfoundSec01 .top a:hover {
text-decoration: none;
}
#notfoundSec01 .top {
margin-top: 40px;
}
#notfoundSec02 {
padding: 50px 0;
}
#notfoundSec03 {
padding: 50px 0 120px;
}
#notfoundSec03 .btnArea {
margin-top: 30px;
}
} @media screen and (max-width: 768px) {
#notfoundSec01 {
padding: 30px 0 0;
}
#notfoundSec01 .headline, #notfoundSec01 .top {
font-size: 16px;
font-weight: bold;
}
#notfoundSec01 .headline a, #notfoundSec01 .top a {
color: #154300;
text-decoration: underline;
}
#notfoundSec01 .headline a:hover, #notfoundSec01 .top a:hover {
text-decoration: none;
}
#notfoundSec01 .top {
margin-top: 30px;
}
#notfoundSec02 {
padding: 30px 0;
}
#notfoundSec03 {
padding: 30px 0 40px;
}
#notfoundSec03 .btnArea {
margin-top: 30px;
}
}