/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}html{font-size:62.5%}body,table,input,textarea,select,option,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700}table,input,textarea,select,option{line-height:1.1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}img{max-width:100%;vertical-align:top}a{color:inherit;text-decoration:none;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}a:hover{opacity:.7}.c-header__inner{padding:16px 60px 16px 0}.c-header__logo{padding-left:7.8125vw}.c-header__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.c-header__sns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.c-header__sns a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:240px;height:75px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.2);box-shadow:5px 5px 5px rgba(0,0,0,.2)}.c-header__sns a p{font-size:2rem;line-height:1.5;margin-left:13px;font-weight:bold}.c-header__menu{background-color:#476973;padding:15px 0px}.c-header__phone{color:#476973;margin-right:40px}.c-header__phone p:first-child{font-size:4.5rem;line-height:1.2;font-weight:bold;letter-spacing:1.5px}.c-header__phone p:last-child{font-size:2.4rem;line-height:1.125;font-weight:500}.c-header__mail{background-color:#476973;margin-right:20px}.c-header__line{background-color:#06c755}.c-footer__copyright{background:#476973;color:#fff;font-size:1.4rem;line-height:1.5;text-align:center;padding:15px 20px;font-weight:500}.c-sidebar{font-size:inherit}.c-breadcrumb{font-size:inherit}body{color:#111;font-family:"Noto Sans JP",sans-serif;font-size:1.6rem;line-height:1.5;word-wrap:break-word}@media only screen and (max-width: 767px){body{min-width:320px}}.l-container{margin:0 auto;max-width:92%;width:1300px}.c-btn1{background-color:#476973;width:354px;height:112px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 110px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.2);box-shadow:10px 10px 10px rgba(0,0,0,.2);position:relative}.c-btn1:before{content:"";position:absolute;width:71px;height:48px;left:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:url("../images/ico-mail.svg") no-repeat;background-size:cover}.c-btn1--1{padding:0 65px 0 35px}.c-btn1--1:before{width:23px;height:34px;right:15px;left:auto;background:url("../images/ico-arrowright.svg") no-repeat}.c-btn1 p{font-size:3rem;line-height:1.3;color:#fff;font-weight:bold;text-align:center}.c-btn1--1{margin-left:65px;background-color:#f16583}.c-btn1--2{margin-left:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c-title1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#476973;font-weight:bold}.c-title1__text{margin-left:35px}.c-title1__text p{font-size:5rem;line-height:1.6}.c-title1__text h2{font-size:6rem;line-height:1.33333}.c-title1--1 .c-title1__text{margin-left:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.c-page-title{background-color:#051a2b;color:#fff;padding:50px 20px;text-align:center}.c-page-title__heading{font-size:4rem;font-weight:700}.c-gnav li{display:inline-block}.c-gnav li+li{margin-left:30px}.c-gnav a{color:#fff;font-size:3rem;line-height:1.5;font-weight:500}.c-gnav__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.c-mv1__inner{position:relative}.c-mv1__inner img{width:100%}.c-mv1__text{position:absolute;left:50%;top:75px}.c-mv1__text h2{font-size:6rem;line-height:1.3;color:#f16583}.c-mv1__text p{font-size:3rem;line-height:1.8;font-weight:500;color:#476973;padding-top:30px}.c-post1__title{font-size:2.4rem;line-height:1.5833333333;font-weight:bold;padding-top:20px}.c-post1__date{text-align:center;font-size:2.2rem;line-height:1.7272727273}.p-top1{padding-top:90px}.p-top1__box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.p-top1__box img:first-child{margin-right:60px}.p-top1__inner{padding-top:80px}.p-top1__cnt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.p-top1__left{width:63%;position:relative;z-index:1}.p-top1__left img{width:100%;height:auto}.p-top1__right{width:37%;position:relative;z-index:2}.p-top1__right__box{margin-left:-7.8125vw}.p-top1__right__box h2{font-size:5rem;line-height:1.6;color:#476973;padding-top:32px;padding-bottom:17px}.p-top1__right__box p{font-size:3rem;line-height:1.8;font-weight:500;color:#476973}.p-top1__right__box h3{font-size:3.6rem;line-height:1.6666666667;color:#f16583;padding-top:15px;padding-bottom:15px}.p-top1__heart{position:absolute;left:0;bottom:115px;z-index:100}.p-top2{padding-top:100px}.p-top2__cnt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:80px}.p-top2__left{width:66.875%;padding-left:9.375vw;padding-right:3.125vw}.p-top2__right{width:33.125%}.p-top2__right img{width:100%}.p-top2__text{color:#476973;border-left:4px solid #476973;padding-left:30px}.p-top2__text h3{font-size:3.6rem;line-height:1.0555555556}.p-top2__text+.p-top2__text{margin-top:75px}.p-top2__text--1{margin:40px 9.375vw 0px}.p-top2__txt{font-size:3rem;line-height:1.8;font-weight:500;padding-top:20px}.p-top2__txt span{font-size:3.6rem;line-height:1.5;color:#f16583;font-weight:bold}.p-top2__txt ul li{padding-left:30px;position:relative}.p-top2__txt ul li:before{content:"・";position:absolute;top:0;left:0}.p-top2__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:115px}.p-top3{padding-top:125px;padding-bottom:90px}.p-top3__description{font-size:3rem;line-height:1.8;margin:0px 9.375vw 0px;color:#476973;padding-top:85px}.p-top3__cnt{padding-top:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.p-top3__left{width:41.25%}.p-top3__left img{width:100%}.p-top3__right{width:58.75%;padding-right:9.375vw;padding-left:3.125vw}.p-top3__text{color:#476973;border-left:4px solid #476973;padding-left:30px}.p-top3__text h3{font-size:3.6rem;line-height:1.0555555556;color:#f16583}.p-top3__text+.p-top3__text{margin-top:50px}.p-top3__text--1{margin:40px 9.375vw 0px}.p-top3__txt{font-size:3rem;line-height:1.8;font-weight:500;padding-top:20px}.p-top3__txt span{font-size:3.6rem;line-height:1.5;color:#f16583;font-weight:bold}.p-top3__about{color:#476973;margin:55px 9.375vw 0px;font-size:3rem;line-height:1.8;font-weight:500}.p-top3__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:115px}.p-top3__gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:135px}.p-top3__item{width:31.25%}.p-top3__item img{width:100%}.p-top4{background-color:#f0f0f0;padding-top:70px;padding-bottom:65px;color:#476973}.p-top4__cnt{width:1120px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:75px}.p-top4__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:85px}.p-top5{padding-top:134px;padding-bottom:95px}.p-top5__cnt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.p-top5__inner{padding-top:110px}.p-top5__left{width:63.75%;padding-left:9.375vw;padding-right:3.125vw}.p-top5__right{width:36.25%}.p-top5__right img{width:100%}.p-top5__text{color:#476973;border-left:4px solid #476973;padding-left:30px}.p-top5__text h3{font-size:3.6rem;line-height:1.0555555556}.p-top5__text+.p-top5__text{margin-top:30px}.p-top5__text--1{margin:40px 9.375vw 0px}.p-top5__text--2{padding-left:0;border-left:none}.p-top5__txt{font-size:3rem;line-height:1.8;font-weight:500;padding-top:20px}.p-top5__txt span{font-size:3.6rem;line-height:1.5;color:#f16583;font-weight:bold}.p-top5__txt ul li{padding-left:30px;position:relative}.p-top5__txt ul li:before{content:"・";position:absolute;top:0;left:0}.p-top5__note{font-size:2.4rem}.p-top5__about{margin:40px 9.375vw 0px;font-size:3.6rem;line-height:1.5;color:#476973;font-weight:500}.p-top5__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:85px;padding-bottom:135px}.p-top5__gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.p-top5__item{width:48.4375%}.p-top5__item img{width:100%}.p-404{line-height:1.8;font-size:inherit;text-align:center}.p-404__heading{font-size:4rem;font-weight:700}.p-404__content{font-size:2rem;margin-bottom:20px}.u-sp-only{display:none}@media only screen and (max-width: 767px){.u-pc-only{display:none}.u-sp-only{display:initial}}*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
display: block;
}
html {
font-size: 62.5%;
}
body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
table,
input,
textarea,
select,
option {
line-height: 1.1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
img {
max-width: 100%;
vertical-align: top;
}
a {
color: inherit;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover {
opacity: 0.7;
}
.c-header__inner {
padding: 16px 60px 16px 0;
}
@media only screen and (max-width: 1599px) {
.c-header__inner {
padding: 16px 3.75vw 16px 0;
}
}
@media only screen and (max-width: 1599px) {
.c-header__inner {
padding: 8px 10px 8px 10px;
}
}
@media only screen and (max-width: 1199px) {
.c-header__inner {
border-bottom: 10px solid #476973;
}
}
.c-header__logo {
padding-left: 7.8125vw;
}
@media only screen and (max-width: 1199px) {
.c-header__logo {
padding-left: 0px;
width: 30%;
}
}
@media only screen and (max-width: 1599px) {
.c-header__logo img{
width: 13.625vw;
}
}
@media only screen and (max-width: 1199px) {
.c-header__logo img{
width: 100px;
}
}
.c-header__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-header__sns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.c-header__inner > .c-header__sns {
width: 70%;
justify-content: flex-end;
}
}
.c-header__sns > a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 240px;
height: 75px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1199px) {
.c-header__sns--sp{
margin-top: 30px;
justify-content: center;
}
}
@media only screen and (max-width: 1199px) {
.c-header__sns > a {
display: none;
}
}
@media only screen and (max-width: 1199px) {
.c-header__sns--sp > a {
display: flex;
width: auto;
height: auto;
padding: 15px;
}
}
.c-header__sns > a p {
font-size: 2rem;
line-height: 1.5;
margin-left: 13px;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.c-header__sns--sp > a p {
font-size: 1.3rem;
margin-left: 10px;
}
}
.c-header__menu {
background-color: #476973;
padding: 15px 0px;
}
@media only screen and (max-width: 1199px) {
.c-header__menu {
display: none;
}
}
.c-header__phone {
color: #476973;
margin-right: 40px;
}
@media only screen and (max-width: 1599px) {
.c-header__phone {
margin-right: 2.5vw;
}
}
@media only screen and (max-width: 1599px) {
.c-header__phone {
margin-right: 65px;
}
}
.c-header__phone a {
font-size: 4.5rem;
line-height: 1.2;
font-weight: bold;
letter-spacing: 1.5px;
color: #476973;
}
@media only screen and (max-width: 1199px) {
.c-header__phone a {
font-size: 2.3rem;
letter-spacing: 0.1px;
display: block;
}
}
.c-header__phone p {
font-size: 2.4rem;
line-height: 1.125;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.c-header__phone p {
font-size: 1.2rem;
}
}
.c-header__mail {
background-color: #476973;
margin-right: 20px;
}
.c-header__sns--sp .c-header__mail{
margin-right: 10px;
}
.c-header__sns--sp .c-header__mail img{
width: 36px;
height: 24px;
}
.c-header__sns--sp .c-header__mail p{
font-size: 1.3rem;
}
.c-header__line {
background-color: #06c755;
}
.c-header__sns--sp .c-header__line img{
width: 40px;
height: 38px;
}
.c-headersp {
display: none;
position: fixed;
height: 100%;
width: 100%;
top: 0;
}
.c-headersp.is-headersp{
overflow-y: scroll;
display: block;
z-index: 1501;
}
.c-headersp .c-gnavisp {
background-color: #ecfbff;
height: 100%;
overflow: scroll;
z-index: 999;
padding: 95px 20px 27px 20px;
}
.c-headersp .c-gnavisp ul li {
position: relative;
}
.c-headersp .c-gnavisp ul li a {
padding: 22px 20px 18px;
display: block;
border-bottom: 1px solid #476973;
font-size: 1.6rem;
line-height: 1;
font-weight: 500;
color: #000000;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.c-headersp .c-gnavisp ul li:first-child a {
border-top: 1px solid #476973;
}
.c-headersp__social{
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 27px 0px 0px;
}
.c-headersp__social a{
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
box-sizing: border-box;
width: 100%;
height: 75px;
color: #ffffff;
}
.c-menu {
position: absolute;
top: 0;
right: 20px;
width: 35px;
height: 100%;
background-color: transparent;
display: none;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 1502;
cursor: pointer;
}
@media only screen and (max-width: 1199px) {
.c-menu {
display: -webkit-box;
display: flex;
height: 84px;
}
}
.c-menu__icon {
width: 35px;
height: 6px;
border-radius: 2px;
background-color: #476973;
position: absolute;
-webkit-transition: background-color .5s ease,-webkit-transform .2s ease;
transition: background-color .5s ease,-webkit-transform .2s ease;
transition: transform .2s ease,background-color .5s ease;
transition: transform .2s ease,background-color .5s ease,-webkit-transform .2s ease;
}
.c-menu__icon:nth-child(1) {
top: 28px;
}
.c-menu__icon:nth-child(2) {
top: 41px;
}
.c-menu__icon:nth-child(3) {
top: 54px;
}
body.menu-open{
overflow: hidden;
}
body.menu-open .c-menu__icon {
top: 41px;
}
body.menu-open .c-menu__icon:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
body.menu-open .c-menu__icon:nth-child(2) {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
body.menu-open .c-menu__icon:nth-child(3) {
display: none;
}
.c-footer1 {
background-color: #fff4ce;
padding-top: 80px;
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.c-footer1 {
padding-top: 40px;
padding-bottom: 40px;
}
}
.c-footer1__inner {
max-width: 900px;
margin: 0 auto;
color: #476973;
}
@media only screen and (max-width: 1199px) {
.c-footer1__inner {
width: 100%;
padding: 0 20px;
}
}
.c-footer1__text {
border-top: 4px solid #476973;
border-bottom: 4px solid #476973;
text-align: center;
padding-top: 15px;
padding-bottom: 23px;
}
@media only screen and (max-width: 1199px) {
.c-footer1__text {
border-top: 2px solid #476973;
border-bottom: 2px solid #476973;
padding-top: 10px;
padding-bottom: 13px;
}
}
.c-footer1__text h2 {
font-size: 5rem;
line-height: 1.5;
padding-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
.c-footer1__text h2 {
font-size: 2.5rem;
padding-bottom: 7px;
}
}
.c-footer1__text p {
font-size: 3rem;
line-height: 1.2666666667;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.c-footer1__text p {
font-size: 1.5rem;
line-height: 1.8;
}
}
.c-footer1__phone {
text-align: center;
padding-top: 40px;
padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
.c-footer1__phone {
padding-top: 15px;
padding-bottom: 25px;
}
}
.c-footer1__phone a {
font-size: 6rem;
line-height: 1.2;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.c-footer1__phone a {
font-size: 3.7rem;
}
}
.c-footer1__phone p {
font-weight: 500;
}
.c-footer1__phone p:nth-child(2) {
font-size: 3rem;
line-height: 1.2666666667;
padding-top: 14px;
}
@media only screen and (max-width: 1199px) {
.c-footer1__phone p:nth-child(2) {
font-size: 2rem;
padding-top: 7px;
}
}
.c-footer1__phone p:nth-child(3) {
font-size: 2.4rem;
line-height: 1.5833333333;
padding-top: 9px;
}
@media only screen and (max-width: 1199px) {
.c-footer1__phone p:nth-child(3) {
font-size: 1.5rem;
}
}
.c-footer1__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-footer2 {
margin: 55px 9.375vw 47px;
color: #476973;
}
@media only screen and (max-width: 1199px) {
.c-footer2 {
margin: 28px auto 24px;
width: 100%;
padding: 0 20px;
}
}
.c-footer2__inner {
position: relative;
}
@media only screen and (max-width: 1199px) {
.c-footer2__inner {
padding-bottom: 30px;
}
}
.c-footer2__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 110px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__cnt {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 1199px) {
.c-footer2__left {
width: 95px;
}
}
.c-footer2__right {
margin-left: 50px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__right {
margin-left: 20px;
width: calc(100% - 115px);
}
}
.c-footer2__right h2 {
font-size: 4.7rem;
line-height: 1.4;
font-weight: 900;
padding-bottom: 5px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__right h2 {
font-size: 2.5rem;
line-height: 1;
padding-bottom: 7px;
}
}
.c-footer2__text {
font-size: 2.4rem;
line-height: 1.5833333333;
}
@media only screen and (max-width: 1199px) {
.c-footer2__text {
font-size: 1.5rem;
line-height: 1.5;
}
}
.c-footer2__text p {
letter-spacing: 2.5px;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.c-footer2__text p {
letter-spacing: 0;
}
}
.c-footer2__link ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul {
flex-wrap: wrap;
}
}
.c-footer2__link ul li {
position: relative;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul li {
margin-bottom: 20px;
}
}
.c-footer2__link ul li:first-child {
width: 150px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul li:first-child {
width: 50%;
}
}
.c-footer2__link ul li:nth-child(2) {
width: 250px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul li:nth-child(2) {
width: 50%;
}
}
.c-footer2__link ul li:nth-child(3) {
width: 240px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul li:nth-child(3) {
width: 50%;
}
}
.c-footer2__link ul li:before {
content: "";
position: absolute;
width: 2px;
height: 24px;
background-color: #476973;
top: 0;
left: 0;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul li:before {
height: 100%;
width: 1px;
}
}
.c-footer2__link ul + ul {
margin-top: 15px;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link ul + ul {
margin-top: 0;
}
}
.c-footer2__link a {
font-size: 2.4rem;
line-height: 0.9166666667;
font-weight: bold;
padding-left: 15px;
display: block;
}
@media only screen and (max-width: 1199px) {
.c-footer2__link a {
font-size: 1.7rem;
line-height: 1.2;
height: 40px;
display: flex;
align-items: center;
}
}
.c-footer2__insta {
position: absolute;
bottom: 0;
right: 0;
}
@media only screen and (max-width: 1199px) {
.c-footer2__insta {
left: 0;
}
}
@media only screen and (max-width: 1199px) {
.c-footer2__insta img{
width: 32px;
height: 32px;
}
}
.c-footer__copyright {
background: #476973;
color: #fff;
font-size: 1.4rem;
line-height: 1.5;
text-align: center;
padding: 15px 20px;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.c-footer__copyright {
font-size: 1.1rem;
}
}
.c-sidebar {
font-size: inherit;
}
/* Breadcrumb
------------------------------------------------------------*/
.c-breadcrumb {
margin-bottom: 80px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.c-breadcrumb {
margin-bottom: 40px;
}
}
.c-breadcrumb--diff {
padding-bottom: 0px;
}
.c-breadcrumb:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #cbcbcb;
bottom: 0px;
left: 0;
}
@media only screen and (max-width: 1199px) {
.c-breadcrumb:before {
bottom: 0px;
}
}
.c-breadcrumb--diff:before {
bottom: 0px;
}
.c-breadcrumb__inner {
padding: 10px 0px 11px;
color: #4d4d4d;
font-size: 1.6rem;
line-height: 1.2;
font-weight: 400;
font-family: "noto-sans-cjk-jp", sans-serif;
max-width: 1200px;
margin: 0 auto;
}
.c-breadcrumb--subpage .c-breadcrumb__inner{
color: #cccccc;
}
.c-breadcrumb__inner a {
padding-right: 30px;
cursor: pointer;
position: relative;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 16px;
}
.c-breadcrumb__inner h1{
font-size: 1.6rem;
font-weight: 400;
margin: 0;
line-height: 1;
}
.c-breadcrumb__inner a:before {
content: "";
position: absolute;
width: 5px;
height: 10px;
background: url("../images/ico-right.png") no-repeat;
background-size: cover;
right: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-breadcrumb--subpage .c-breadcrumb__inner a:before{
background: url("../images/ico-rightwhite.png") no-repeat;
}
.c-breadcrumb__inner a i {
font-size: 1.5rem;
}
body {
color: #111;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.6rem;
line-height: 1.5;
word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
body {
min-width: 320px;
}
}
.l-container {
margin: 0 auto;
max-width: 92%;
width: 1300px;
}
@media only screen and (max-width: 1199px) {
.l-container {
width: 100%;
max-width: 100%;
padding: 0 20px;
}
}
.l-container1 {
margin: 0 auto;
max-width: 92%;
width: 1200px;
}
@media only screen and (max-width: 1199px) {
.l-container1 {
width: 100%;
max-width: 100%;
padding: 0 20px;
}
}
.c-btn1 {
background-color: #476973;
width: 354px;
height: 112px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 30px 0 110px;
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
position: relative;
}
@media only screen and (max-width: 1199px) {
.c-btn1 {
width: auto;
height: auto;
padding: 16px 15px 16px 55px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
}
.c-btn1:before {
content: "";
position: absolute;
width: 71px;
height: 48px;
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url("../images/ico-mail.svg") no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1199px) {
.c-btn1:before {
width: 36px;
height: 24px;
left: 10px;
}
}
.c-btn1--1 {
padding: 0 65px 0 35px;
margin-left: 65px;
background-color: #f16583;
}
@media only screen and (max-width: 1199px) {
.c-btn1--1 {
padding: 16px 30px 16px 15px;
margin-left: 15px;
}
}
.c-btn1--1:before {
width: 23px;
height: 34px;
right: 15px;
left: auto;
background: url("../images/ico-arrowright.svg") no-repeat;
}
@media only screen and (max-width: 1199px) {
.c-btn1--1:before {
width: 12px;
height: 17px;
background: url("../images/ico-arrowright.svg") no-repeat;
background-size: cover;
right: 10px;
}
}
.c-btn1 p {
font-size: 3rem;
line-height: 1.3;
color: #fff;
font-weight: bold;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.c-btn1 p {
font-size: 1.3rem;
}
}
.c-btn1--2 {
margin-left: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1199px) {
.c-btn1--2 {
width: 160px;
height: 65px;
}
}
.c-btn1--3 {
margin-left: 65px;
background-color: #06c755;
padding: 0 30px 0 125px;
}
@media only screen and (max-width: 1199px) {
.c-btn1--3 {
margin-left: 15px;
padding: 0 15px 0 62.5px;
}
}
.c-btn1--3:before {
width: 79px;
height: 75px;
left: 25px;
background: url("../images/ico-line.svg") no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1199px) {
.c-btn1--3:before {
width: 40px;
height: 38px;
left: 15px;
}
}
.c-btn__top {
position: fixed;
bottom: 80px;
right: 30px;
width: 60px;
height: 60px;
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #476973;
border-radius: 3px;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: 1000;
color: #fff;
font-size: 2rem;
}
@media only screen and (max-width: 1199px) {
.c-btn__top {
bottom: 60px;
right: 20px;
width: 50px;
height: 50px;
}
}
.c-btn__top--none {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.c-title1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #476973;
font-weight: bold;
}
.c-title1__text {
margin-left: 35px;
}
@media only screen and (max-width: 1199px) {
.c-title1__text {
margin-left: 18px;
}
}
.c-title1__text p {
font-size: 5rem;
line-height: 1.6;
}
@media only screen and (max-width: 1199px) {
.c-title1__text p {
font-size: 2.5rem;
}
}
.c-title1__text h2 {
font-size: 6rem;
line-height: 1.33333;
}
@media only screen and (max-width: 1199px) {
.c-title1__text h2 {
font-size: 3rem;
}
}
.c-title1--1 .c-title1__text {
margin-left: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.c-title1--1 .c-title1__text {
margin-left: 30px;
}
}
@media only screen and (max-width: 1199px) {
.c-title1--2{
align-items: center;
}
}
.c-title2 {
font-size: 16px;
font-weight: 600;
color: #ffffff;
height: 55px;
background-color: #4b6974;
line-height: 1.8;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding-left: 15px;
}
.c-title3 {
color: #476973;
font-weight: bold;
text-align: center;
}
.c-title3 h2 {
font-size: 6rem;
line-height: 1.3333333333;
}
@media only screen and (max-width: 1199px) {
.c-title3 h2 {
font-size: 2rem;
line-height: 1.3333333333;
}
}
@media only screen and (max-width: 1199px) {
.c-title3--1 h2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (max-width: 1199px) {
.c-title3--1 h2 span:first-child{
font-size: 2rem;
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.c-title3--1 h2 span:last-child{
font-size: 3rem;
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.c-title3--2 h2 {
font-size: 3rem;
}
}
.c-title3 p {
font-size: 3.6rem;
line-height: 1.0555555556;
padding-top: 65px;
}
@media only screen and (max-width: 1199px) {
.c-title3 p {
font-size: 2.4rem;
line-height: 1.2;
padding-top: 25px;
}
}
.c-page-title {
background-color: #051a2b;
color: #fff;
padding: 50px 20px;
text-align: center;
}
.c-page-title__heading {
font-size: 4rem;
font-weight: 700;
}
.c-gnav li {
display: inline-block;
}
.c-gnav li + li {
margin-left: 30px;
}
.c-gnav a {
color: #fff;
font-size: 3rem;
line-height: 1.5;
font-weight: 500;
}
.c-gnav__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-mv1__inner {
position: relative;
}
.c-mv1__inner img {
width: 100%;
}
.c-mv1__text {
position: absolute;
left: 50%;
top: 75px;
}
@media only screen and (max-width: 1199px){
.c-mv1__text {
position: relative;
width: 100%;
padding: 35px 20px 0px;
left: 0px;
top: 0px;
}
}
.c-mv1__text h2 {
font-size: 6rem;
line-height: 1.3;
color: #f16583;
}
@media only screen and (max-width: 1599px){
.c-mv1__text h2 {
font-size: 3.75vw;
}
}
@media only screen and (max-width: 1199px){
.c-mv1__text h2 {
font-size: 3rem;
}
}
.c-mv1__text p {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
color: #476973;
padding-top: 30px;
}
@media only screen and (max-width: 1599px){
.c-mv1__text p {
font-size: 1.875vw;
}
}
@media only screen and (max-width: 1199px){
.c-mv1__text p {
font-size: 1.5rem;
padding-top: 15px;
}
}
.c-post1{
width: 27.2321428571%;
margin-right: 9.15178571435%;
}
@media only screen and (max-width: 1199px){
.c-post1{
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width: 1199px){
.c-post1 + .c-post1{
margin-top: 30px;
}
}
.c-post1:last-child{
margin-right: 0;
}
.c-post1__title {
font-size: 2.4rem;
line-height: 1.5833333333;
font-weight: bold;
padding-top: 20px;
text-align: center;
}
@media only screen and (max-width: 1199px){
.c-post1__title {
font-size: 1.8rem;
padding-top: 10px;
}
}
.c-post1__image{
position: relative;
padding-top: 75%;
background-color: #D8D8D8;
}
.c-post1__image img{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.c-post1__date {
text-align: center;
font-size: 2.2rem;
line-height: 1.7272727273;
}
@media only screen and (max-width: 1199px){
.c-post1__date {
font-size: 1.6rem;
}
}
.c-post2 {
width: 100%;
padding: 20px 15px;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
display: -webkit-box;
display: flex;
}
.c-post2:nth-child(1) {
border-top: 1px solid #dddddd;
}
.c-post2__image {
width: 100px;
height: 100px;
margin-right: 20px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.c-post2__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.c-post2__text {
width: 150px;
}
.c-post2__date {
position: relative;
padding-left: 25px;
font-size: 14px;
line-height: 1.2;
margin-bottom: 10px;
}
.c-post2--1 .c-post2__date{
color: #ffffff;
}
.c-post2__date:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
background: url(../images/ico-clock.png) no-repeat;
width: 16px;
height: 16px;
}
.c-post2--1 .c-post2__date:before{
background: url(../images/ico-clockwhite.svg) no-repeat;
width: 14px;
height: 14px;
top: 2px;
}
.c-post2__text a {
overflow: hidden;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 1.5;
color: #333333;
}
.c-post2--1 .c-post2__text a {
color: #ffffff;
}
.c-box1 {
margin-left: 9.375vw;
margin-right: 9.375vw;
margin-top: 50px;
margin-bottom: 50px;
background-color: #fff4ce;
padding: 40px 40px 50px 40px;
color: #476973;
}
@media only screen and (max-width: 1199px){
.c-box1 {
margin-left: 0;
margin-right: 0;
padding: 28px 40px 36px 40px;
margin-top: 35px;
margin-bottom: 25px;
}
}
.c-box1 h3 {
font-size: 3.6rem;
line-height: 1.0555555556;
}
@media only screen and (max-width: 1199px){
.c-box1 h3 {
font-size: 2.4rem;
}
}
.c-box1 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding-left: 25px;
margin-top: 30px;
}
@media only screen and (max-width: 1500px){
.c-box1 ul {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1199px){
.c-box1 ul {
padding-left: 13px;
margin-top: 22px;
}
}
.c-box1 ul:before {
content: "";
position: absolute;
left: 0;
width: 4px;
height: 100%;
top: 0;
background-color: #476973;
}
@media only screen and (max-width: 1199px){
.c-box1 ul:before {
width: 2px;
}
}
.c-box1 ul li {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
padding-left: 34px;
position: relative;
}
@media only screen and (max-width: 1500px){
.c-box1 ul li {
width: 50%;
}
}
@media only screen and (max-width: 1199px){
.c-box1 ul li {
font-size: 1.5rem;
width: 100%;
padding-left: 17px;
}
}
.c-box1 ul li:before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.c-box1 ul li + li {
margin-left: 40px;
}
@media only screen and (max-width: 1500px){
.c-box1 ul li + li {
margin-left: 0;
}
}
.p-top1 {
padding-top: 90px;
}
@media only screen and (max-width: 1199px){
.p-top1 {
padding-top: 25px;
}
}
.p-top1__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1199px) {
.p-top1__box img{
width: 160px;
}
}
.p-top1__box img:first-child {
margin-right: 60px;
}
@media only screen and (max-width: 1199px) {
.p-top1__box img:first-child {
margin-right: 10px;
}
}
.p-top1__inner {
padding-top: 80px;
}
@media only screen and (max-width: 1199px) {
.p-top1__inner {
padding-top: 30px;
}
}
.p-top1__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
.p-top1__cnt {
width: 100%;
padding: 0 20px;
}
}
.p-top1__left {
width: 63%;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.p-top1__left {
width: 100%;
}
}
.p-top1__left img {
width: 100%;
height: auto;
}
.p-top1__right {
width: 37%;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1199px) {
.p-top1__right {
width: 100%;
}
}
.p-top1__right__box {
margin-left: -7.8125vw;
}
@media only screen and (max-width: 1199px) {
.p-top1__right__box {
margin-left: 0;
}
}
.p-top1__right__box h2 {
font-size: 5rem;
line-height: 1.6;
color: #476973;
padding-top: 32px;
padding-bottom: 17px;
}
@media only screen and (max-width: 1199px) {
.p-top1__right__box h2 {
font-size: 2.5rem;
padding-top: 16px;
padding-bottom: 9px;
}
}
.p-top1__right__box p {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
color: #476973;
}
@media only screen and (max-width: 1199px) {
.p-top1__right__box p {
font-size: 1.5rem;
}
}
.p-top1__right__box h3 {
font-size: 3.6rem;
line-height: 1.6666666667;
color: #f16583;
padding-top: 15px;
padding-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
.p-top1__right__box h3 {
font-size: 1.8rem;
}
}
.p-top1__heart {
position: absolute;
left: 0;
bottom: 0px;
z-index: 100;
}
@media only screen and (max-width: 1199px) {
.p-top1__heart {
right: -4%;
left: auto;
bottom: -6.66666666667vw;
}
}
@media only screen and (max-width: 1199px) {
.p-top1__heart img {
width: 28.5333333333vw;
}
}
.p-top2 {
padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
.p-top2 {
padding-top: 30px;
}
}
.p-top2__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 80px;
}
@media only screen and (max-width: 1199px) {
.p-top2__cnt {
flex-direction: column-reverse;
padding: 15px 20px 0px;
width: 100%;
}
}
.p-top2__left {
width: 66.875%;
padding-left: 9.375vw;
padding-right: 3.125vw;
}
@media only screen and (max-width: 1199px) {
.p-top2__left {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-top: 25px;
}
}
.p-top2__right {
width: 33.125%;
}
@media only screen and (max-width: 1199px) {
.p-top2__right {
width: 100%;
}
}
.p-top2__right img {
width: 100%;
}
.p-top2__text {
color: #476973;
border-left: 4px solid #476973;
padding-left: 30px;
}
@media only screen and (max-width: 1199px) {
.p-top2__text {
border-left: 2px solid #476973;
padding-left: 12px;
}
}
.p-top2__text h3 {
font-size: 3.6rem;
line-height: 1.0555555556;
}
@media only screen and (max-width: 1199px) {
.p-top2__text h3 {
font-size: 2rem;
line-height: 1.4;
}
}
.p-top2__text + .p-top2__text {
margin-top: 75px;
}
@media only screen and (max-width: 1199px) {
.p-top2__text + .p-top2__text {
margin-top: 30px;
}
}
.p-top2__text--1 {
margin: 40px 9.375vw 0px;
}
@media only screen and (max-width: 1199px) {
.p-top2__text--1 {
margin: 30px auto 0px;
width: calc(100% - 40px);
}
}
.p-top2__txt {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
.p-top2__txt {
font-size: 1.5rem;
padding-top: 10px;
}
}
.p-top2__txt span {
font-size: 3.6rem;
line-height: 1.5;
color: #f16583;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.p-top2__txt span {
font-size: 1.8rem;
}
}
.p-top2__txt ul li {
padding-left: 30px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.p-top2__txt ul li {
padding-left: 15px;
}
}
.p-top2__txt ul li:before {
content: "・";
position: absolute;
top: 0;
left: 0;
}
.p-top2__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 115px;
width: 92%;
margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
.p-top2__btn {
padding-top: 37px;
}
}
@media only screen and (max-width: 1199px) {
.p-top2 .c-title1 img{
width: 84px;
}
}
.p-top3 {
padding-top: 125px;
padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
.p-top3 {
padding-top: 30px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 1199px) {
.p-top3 .c-title1 img{
width: 95px;
height: 70px;
}
}
.p-top3__image{
display: none;
}
@media only screen and (max-width: 1199px) {
.p-top3__image{
display: block;
width: 100%;
margin: 32px auto 0px;
padding: 0 20px;
}
}
.p-top3__image img{
width: 100%;
}
.p-top3__description {
font-size: 3rem;
line-height: 1.8;
margin: 0px 9.375vw 0px;
color: #476973;
padding-top: 85px;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.p-top3__description {
font-size: 1.5rem;
margin: 0px auto 0px;
width: 100%;
padding: 25px 20px 0px;
}
}
.p-top3__cnt {
padding-top: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
.p-top3__cnt {
padding: 0px 20px;
width: 100%;
}
}
.p-top3__left {
width: 41.25%;
}
@media only screen and (max-width: 1199px) {
.p-top3__left {
width: 100%;
}
}
.p-top3__left img {
width: 100%;
}
@media only screen and (max-width: 1199px) {
.p-top3__left img {
display: none;
}
}
.p-top3__right {
width: 58.75%;
padding-right: 9.375vw;
padding-left: 3.125vw;
}
@media only screen and (max-width: 1199px) {
.p-top3__right {
width: 100%;
margin-top: 30px;
padding-right: 0;
padding-left: 0;
}
}
.p-top3__text {
color: #476973;
border-left: 4px solid #476973;
padding-left: 30px;
}
@media only screen and (max-width: 1199px) {
.p-top3__text {
border-left: 2px solid #476973;
padding-left: 12px;
}
}
.p-top3__text h3 {
font-size: 3.6rem;
line-height: 1.0555555556;
color: #f16583;
}
@media only screen and (max-width: 1199px) {
.p-top3__text h3 {
font-size: 2rem;
line-height: 1.2;
}
}
.p-top3__text + .p-top3__text {
margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
.p-top3__text + .p-top3__text {
margin-top: 30px;
}
}
.p-top3__text--1 {
margin: 40px 9.375vw 0px;
}
@media only screen and (max-width: 1199px) {
.p-top3__text--1 {
margin: 30px auto 0px;
width: 92%;
}
}
.p-top3__txt {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
.p-top3__txt {
font-size: 1.5rem;
padding-top: 10px;
}
}
.p-top3__txt span {
font-size: 3.6rem;
line-height: 1.5;
color: #f16583;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.p-top3__txt span {
font-size: 2.4rem;
}
}
.p-top3__about {
color: #476973;
margin: 55px 9.375vw 0px;
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.p-top3__about {
margin: 25px auto 0px;
width: 100%;
padding: 0 20px;
font-size: 1.5rem;
}
}
.p-top3__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 115px;
}
@media only screen and (max-width: 1199px) {
.p-top3__btn {
width: 92%;
margin: 0 auto;
padding-top: 40px;
}
}
.p-top3__gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 135px;
}
@media only screen and (max-width: 1199px) {
.p-top3__gallery {
flex-wrap: wrap;
width: 100%;
padding: 0 20px;
margin-top: 40px;
}
}
.p-top3__item {
width: 31.25%;
}
@media only screen and (max-width: 1199px) {
.p-top3__item {
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.p-top3__item + .p-top3__item {
margin-top: 20px;
}
}
.p-top3__item img {
width: 100%;
}
.p-top4 {
background-color: #f0f0f0;
padding-top: 70px;
padding-bottom: 65px;
color: #476973;
}
@media only screen and (max-width: 1199px) {
.p-top4 {
padding-top: 35px;
padding-bottom: 55px;
}
}
@media only screen and (max-width: 1199px) {
.p-top4 .c-title1 img{
width: 82px;
height: 62px;
}
}
.p-top4__cnt {
max-width: 1120px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
padding-top: 75px;
}
@media only screen and (max-width: 1199px) {
.p-top4__cnt {
padding: 35px 20px 0px;
}
}
.p-top4__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 85px;
}
@media only screen and (max-width: 1199px) {
.p-top4__btn {
padding-top: 40px;
}
}
.p-top5 {
padding-top: 134px;
padding-bottom: 95px;
}
@media only screen and (max-width: 1199px) {
.p-top5 {
padding-top: 55px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 1199px) {
.p-top5 .c-title1 img {
width: 85px;
height: 80px;
}
}
.p-top5__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
.p-top5__cnt {
flex-direction: column-reverse;
width: 100%;
padding: 0 20px;
}
}
.p-top5__inner {
padding-top: 110px;
}
@media only screen and (max-width: 1199px) {
.p-top5__inner {
padding-top: 45px;
}
}
.p-top5__left {
width: 63.75%;
padding-left: 9.375vw;
padding-right: 3.125vw;
}
@media only screen and (max-width: 1199px) {
.p-top5__left {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
}
}
.p-top5__right {
width: 36.25%;
}
@media only screen and (max-width: 1199px) {
.p-top5__right {
width: 100%;
}
}
.p-top5__right img {
width: 100%;
}
.p-top5__text {
color: #476973;
border-left: 4px solid #476973;
padding-left: 30px;
}
@media only screen and (max-width: 1199px) {
.p-top5__text {
border-left: 2px solid #476973;
padding-left: 15px;
}
}
.p-top5__text h3 {
font-size: 3.6rem;
line-height: 1.0555555556;
}
@media only screen and (max-width: 1199px) {
.p-top5__text h3 {
font-size: 2rem;
line-height: 1.5;
}
}
.p-top5__text + .p-top5__text {
margin-top: 30px;
}
.p-top5__text--1 {
margin: 40px 9.375vw 0px;
}
@media only screen and (max-width: 1199px) {
.p-top5__text--1 {
margin: 30px auto 0;
width: 92%;
}
}
.p-top5__text--2 {
padding-left: 0;
border-left: none;
}
.p-top5__txt {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
.p-top5__txt {
font-size: 1.5rem;
padding-top: 10px;
}
}
.p-top5__txt span {
font-size: 3.6rem;
line-height: 1.5;
color: #f16583;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.p-top5__txt span {
font-size: 1.8rem;
}
}
.p-top5__txt ul li {
padding-left: 30px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.p-top5__txt ul li {
padding-left: 15px;
}
}
.p-top5__txt ul li:before {
content: "・";
position: absolute;
top: 0;
left: 0;
}
.p-top5__note {
font-size: 2.4rem;
line-height: 1.66666666667;
position: relative;
padding-left: 25px;
}
@media only screen and (max-width: 1199px) {
.p-top5__note {
font-size: 1.2rem;
padding-left: 15px;
}
}
.p-top5__note:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.p-top5__about {
margin: 40px 9.375vw 0px;
font-size: 3rem;
line-height: 1.8;
color: #476973;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.p-top5__about {
margin: 30px auto 0px;
width: 100%;
padding: 0 20px;
font-size: 1.5rem;
}
}
.p-top5__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 85px;
padding-bottom: 135px;
}
@media only screen and (max-width: 1199px) {
.p-top5__btn {
padding-top: 40px;
padding-bottom: 50px;
}
}
.p-top5__gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
.p-top5__gallery {
width: 92%;
margin: 0 auto;
}
}
.p-top5__item {
width: 48.4375%;
}
@media only screen and (max-width: 1199px) {
.p-top5__item {
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.p-top5__item + .p-top5__item {
margin-top: 20px;
}
}
.p-top5__item img {
width: 100%;
}
.p-404 {
line-height: 1.8;
font-size: inherit;
text-align: center;
}
.p-404__heading {
font-size: 4rem;
font-weight: 700;
}
.p-404__content {
font-size: 2rem;
margin-bottom: 20px;
}
.u-sp-only {
display: none;
}
@media only screen and (max-width: 767px) {
.u-pc-only {
display: none;
}
.u-sp-only {
display: initial;
}
}
.archive_wrap{
position: relative;
}
.archive_inner {
max-width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
padding-bottom: 160px;
}
@media only screen and (max-width: 1199px){
.archive_inner {
padding: 0 0 60px;
}
}
.archive_inner--1 {
display: block;
max-width: 1000px;
margin: 0 auto;
color: #ffffff;
}
.archive_main {
width: 830px;
margin-right: 70px;
}
@media only screen and (max-width: 1500px){
.archive_main {
margin-right: 5%;
width: 65%;
}
}
@media only screen and (max-width: 1199px){
.archive_main {
margin-right: 0;
width: 100%;
}
}
.archive_side{
width: 300px;
}
@media screen and (max-width: 1500px) {
.archive_side{
width: 30%;
}
}
@media screen and (max-width: 1199px) {
.archive_side{
width: 100%;
}
}
.c-widget + .c-widget{
margin-top: 50px;
}
.c-widget form {
margin-bottom: 50px;
margin-top: 20px;
position: relative;
overflow: hidden;
}
.c-widget form input[type="search"] {
width: 100%;
border: none;
background: #f2f2f2;
height: 40px;
padding: 0px 10px;
font-size: 18px;
line-height: 1;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
padding-right: 40px;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
outline: none;
}
.c-form__search {
width: 40px;
height: 40px;
position: absolute;
right: 0px;
top: 0px;
background-color: #222222;
overflow: hidden;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.c-form__search input[type="submit"] {
border: 0;
background: url(../images/ico-search.png) no-repeat;
text-indent: 40px;
width: 16px;
height: 16px;
cursor: pointer;
}
.c-widget__cnt ul {
/*padding: 10px 15px 25px;*/
}
.c-widget__cnt ul li a {
font-size: 1.6rem;
line-height: 1.8;
padding: 5px 0px;
display: block;
font-family: "Meiryo";
font-weight: 500;
text-transform: capitalize;
color: #333333;
padding: 11px 20px 11px 20px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
box-sizing: border-box;
}
.archive_side--1 .c-widget__cnt ul li a {
color: #ffffff;
}
.c-widget--modify2 .c-widget__cnt ul {
padding: 0;
}
.c-widget--modify2 .c-widget__cnt ul li a {
padding: 10px 18px;
border-top: none;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
display: block;
}
.c-widget--modify2 .c-widget__cnt ul li:nth-child(1) a {
border-top: 1px solid #dddddd;
}
.blog_wrap {
width: 100%;
overflow: auto;
position: relative;
display: flex;
padding-bottom: 40px;
padding-top: 40px;
border-bottom: 1px solid #e6e6e6;
}
@media only screen and (max-width: 767px){
.blog_wrap {
flex-direction: column;
}
}
.blog_wrap:first-child {
padding-top: 0px;
}
.blog_img {
width: 35%;
height: 100%;
margin-right: 5%;
}
@media only screen and (max-width: 767px){
.blog_img {
width: 100%;
max-width: 100%;
margin-right: 0;
}
}
.blog_img a{
display: block;
position: relative;
padding-top: 75%;
}
.blog_txt {
width: 60%;
position: relative;
padding-bottom: 50px;
position: relative;
}
@media only screen and (max-width: 767px){
.blog_txt {
width: 100%;
max-width: 100%;
margin-top: 25px;
}
}
.blog__title {
line-height: 1.2;
text-align: left;
font-size: 21px;
color: #4d4d4d;
font-weight: 600;
display: block;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.blog_wrap--1 .blog__title a{
color: #ffffff;
}
.blog_txt_top {
font-size: 1.6rem;
line-height: 1.8em;
color: #333333;
font-weight: 500;
max-height: 140px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
text-align: justify;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.blog_wrap--1 .blog_txt_top{
color: #ffffff;
}
.blog_txt_bottom {
display: flex;
position: absolute;
bottom: 0px;
}
.blog_cat {
background-color: #058778;
font-size: 1.2rem;
line-height: 0.5714;
padding: 0 20px;
height: 25px;
margin-right: 12px;
color: #ffffff;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
}
.blog_cat a {
color: #ffffff;
}
.blog_date {
position: relative;
font-size: 1.4rem;
line-height: 1.75;
color: #333333;
font-weight: 500;
padding-left: 20px;
}
.blog_wrap--1 .blog_date{
color: #ffffff;
}
.blog_date::before {
content: "";
position: absolute;
left: 0px;
top: 4px;
background: url(../images/ico-clock.png) no-repeat;
width: 16px;
height: 16px;
}
.blog_wrap--1 .blog_date:before{
background: url(../images/ico-clockwhite.svg) no-repeat;
width: 14px;
height: 14px;
top: 6px;
}
.blog__title a {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color: #4d4d4d;
font-weight: 600;
}
.blog_img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.c-pagination{
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
margin-top: 50px;
position: relative;
}
.c-pagination a, .c-pagination a:hover, .c-pagination span{
padding: 16px 19.5px;
line-height: 100%;
margin: 0;
display: block;
margin: 0 8px 0px 0;
border: 1px solid #4b6974;
color: #333333;
}
@media only screen and (max-width: 1199px){
.c-pagination a, .c-pagination a:hover, .c-pagination span{
font-size: 1.4rem;
margin: 0 4px 0px 0;
padding: 14px 17.5px;
}
}
.c-pagination a small{
font-size: 1.8rem;
}
@media only screen and (max-width: 1199px){
.c-pagination a small{
display: none;
}
}
.c-pagination .current{
background-color: #4b6974;
color: #fff;
}
.c-pagination a:hover{
background-color: #4b6974;
color: #ffffff;
}
.c-pagination .prev, .c-pagination .next{
background-color: #ffffff;
border: none;
display: flex!important;
align-items: center;
justify-content: center;
padding: 0!important;
margin-bottom: 0;
position: absolute;
top: 0;
}
@media only screen and (max-width: 1199px){
.c-pagination .prev span img, .c-pagination .next span img{
width: 7px;
}
}
.c-pagination .prev:hover, .c-pagination .next:hover{
background-color: transparent;
border: none;
color: inherit;
}
.c-pagination .prev span, .c-pagination .next span{
background-color: #4b6974;
}
@media only screen and (max-width: 1199px){
.c-pagination .prev span, .c-pagination .next span{
margin: 0;
}
}
.c-pagination .next span{
margin: 0 0 0 8px;
}
.c-pagination .prev{
left: 0;
}
.c-pagination .next{
right: 0;
}
.c-line{
position: relative;
}
.c-pages {
width: 100%;
margin-top: 50px;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
font-family: "Arial", serif;
font-weight: 500;
color: #534741;
}
.c-pages li span{
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
background-color: #4b6974;
}
.c-pages li.prev_link span{
margin-right: 15px;
}
.c-pages li.next_link span{
margin-left: 15px;
}
.c-pages li a {
color: #333;
font-size: 1.6rem;
line-height: 1;
display: flex;
align-items: center;
}
/* Blog page */
.p-blog2__left {
width: 830px;
margin-right: 70px;
}
@media only screen and (max-width: 1500px){
.p-blog2__left {
width: 65%;
margin-right: 5%;
}
}
@media only screen and (max-width: 1220px){
.p-blog2__left {
width: 100%;
margin-right: 0;
}
}
.p-blog2__inner {
width: 100%;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.p-blog2__image {
position: relative;
overflow: hidden;
padding-top: 56.26%;
margin-bottom: 20px;
}
.p-blog2__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.p-blog2__box {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.p-blog2__box span {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: #009245;
color: #ffffff;
font-size: 12px;
line-height: 1.5;
height: 24px;
padding: 0 24px;
text-transform: capitalize;
}
.p-blog2__box p {
font-size: 14px;
line-height: 1.75;
font-family: "Arial";
margin-left: 13px;
padding-left: 25px;
position: relative;
}
.p-blog2__box p::before {
content: "";
position: absolute;
width: 16px;
height: 15px;
background: url(../images/ico-clock.png) no-repeat;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-blog2__title {
padding-top: 28px;
padding-bottom: 14px;
border-bottom: 1px solid #00a99d;
font-size: 21px;
line-height: 1.2;
font-weight: 600;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
color: #4d4d4d;
}
.p-blog2__cnt {
padding: 40px 0 40px 0;
font-size: 16px;
line-height: 1.8em;
color: #333;
font-family: "メイリオ", "Meiryo", "ＭＳ ゴシック",
"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.p-blog2__cnt p {
display: block;
min-height: 28px;
}
.p-blog2__cnt img{
width: 100%;
height: auto;
}
.p-blog2__cnt h2.u-mt {
margin-top: 31px;
}
.p-blog2__cnt .highlight,
.p-blog2__cnt mark {
display: inline;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, #ffffff),
color-stop(50%, #ffff00)
);
background-image: -webkit-linear-gradient(#ffffff 50%, #ffff00 50%);
background-image: linear-gradient(#ffffff 50%, #ffff00 50%);
background-size: auto 100%;
font-style: normal;
}
.p-blog2__cnt ul {
margin-top: 20px;
margin-bottom: 20px;
}
.p-blog2__cnt ul li {
margin-bottom: 4px;
padding-left: 30px;
position: relative;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.p-blog2__cnt ul li::before {
content: "";
width: 11px;
height: 11px;
border-radius: 50px;
background: #f15a24;
position: absolute;
top: 7px;
left: 3px;
}
.p-blog2__cnt ul.index {
padding: 15px 27px 12px 17px;
border: 1px solid #ccc;
}
.p-blog2__cnt ul.index li::before{
background: #00a99d;
}
.p-blog2__cnt h1 {
margin: 44px 0 36px 0;
padding: 10px 15px;
border-left: 15px solid #00a99d;
font-size: 18px;
color: #333;
text-align: left;
}
.p-blog2__cnt h2 {
padding: 10px 15px;
border-left: 15px solid #00a99d;
font-size: 18px;
color: #333;
text-align: left;
}
.p-blog2__cnt h3 {
padding: 5px 0 5px 0;
border-bottom: 1px solid #00a99d;
font-size: 18px;
line-height: 1.8;
text-align: left;
color: #4d4d4d;
margin-bottom: 10px;
}
.p-blog2__cnt > h4 {
margin: 24px 0 9px 0;
padding: 5px 0 5px 0;
border-color: #00a99d;
font-size: 18px;
line-height: 1.2;
font-weight: 600;
text-align: left;
color: #4d4d4d;
}
.p-blog2__cnt h5 {
font-size: 1.4rem;
color: #666;
line-height: 1.7142857143;
font-family: "noto-sans-cjk-jp", sans-serif;
font-weight: 400;
border: 1px solid #ccc;
padding: 20px;
margin: 35px 0px 35px;
}
.p-blog2__cnt ol {
border: 1px solid #ccc;
padding: 20px;
margin: 25px 0px 30px;
}
.p-blog2__cnt ol li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-left: 27px;
font-size: 1.5rem;
line-height: 1.2;
}
.p-blog2__cnt ol li + li {
margin-top: 10px;
}
.p-blog2__cnt ol li:before {
content: "●";
position: absolute;
left: 0;
top: 0;
font-size: 1.5rem;
color: #f7931e;
line-height: 1.2;
font-weight: bold;
}
.p-blog2__cnt ol li h4 {
font-size: 1.6rem;
color: #1b1464;
line-height: 2;
font-family: "noto-sans-cjk-jp", sans-serif;
margin-bottom: 5px;
}
@media only screen and (max-width: 1199px){
.p-blog1__notfound{
padding-bottom: 30px;
}
}
.c-line span {
position: relative;
}
.c-line span:before {
content: "";
position: absolute;
bottom: 4px;
height: 11px;
width: 100%;
left: 0;
background-color: #fcee21;
z-index: -1;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance:none;
}
.p-mobile1 {
padding-top: 80px;
}
@media only screen and (max-width: 1199px){
.p-mobile1 {
padding-top: 29px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1 .c-title1 img{
width: 84px;
}
}
.p-mobile1--1 {
padding-top: 105px;
}
@media only screen and (max-width: 1199px){
.p-mobile1--1 {
padding-top: 50px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1--2 {
padding-top: 24px;
}
}
.p-mobile1--1 .p-mobile1__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 100px;
}
@media only screen and (max-width: 1199px){
.p-mobile1--1 .p-mobile1__inner {
padding-bottom: 40px;
}
}
.p-mobile1__image {
margin-left: 9.375vw;
margin-right: 9.375vw;
padding-top: 45px;
position: relative;
}
@media only screen and (max-width: 1199px){
.p-mobile1__image {
width: 100%;
margin: 0 auto;
padding: 13px 20px 0px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1--2 .p-mobile1__image{
padding: 30px 20px 0px;
}
}
.p-mobile1__image__text {
position: absolute;
top: 10vw;
left: 3.4375vw;
}
@media only screen and (max-width: 1199px){
.p-mobile1__image__text {
position: relative;
padding-top: 30px;
top: 0;
left: 0;
}
}
.p-mobile1__image__text h2{
font-size: 3.125vw;
line-height: 1.4;
color: #F16583;
}
@media only screen and (max-width: 1199px){
.p-mobile1__image__text h2{
font-size: 3rem;
line-height: 1.3;
}
}
.p-mobile1__image__text p{
font-size: 1.5vw;
line-height: 1.58333333333;
color: #476973;
font-weight: 500;
padding-top: 40px;
}
@media only screen and (max-width: 1199px){
.p-mobile1__image__text p{
font-size: 1.5rem;
padding-top: 25px;
line-height: 1.8;
}
}
.p-mobile1__image img {
width: 100%;
height: 100%;
}
.p-mobile1__inner {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner {
padding-top: 35px;
padding-bottom: 30px;
}
}
.p-mobile1__inner--1 {
padding-top: 95px;
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 {
padding-top: 42px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1--2 .p-mobile1__inner--1 {
padding-bottom: 25px;
}
}
.p-mobile1__inner--1 .p-mobile1__left {
width: 65.625%;
padding-right: 2.8125vw;
padding-left: 9.375vw;
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 .p-mobile1__left {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
}
}
.p-mobile1__inner--1 .p-mobile1__right {
position: relative;
width: 34.375%;
padding: 0;
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 .p-mobile1__right {
width: 100%;
}
}
.p-mobile1__inner--1 .p-mobile1__right img {
width: 100%;
position: absolute;
height: auto;
bottom: 0;
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 .p-mobile1__right img {
position: relative;
}
}
.p-mobile1__inner > p {
margin-left: 9.375vw;
margin-right: 9.375vw;
font-size: 2.4rem;
line-height: 1.6666666667;
color: #476973;
font-weight: 500;
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner > p {
font-size: 1.2rem;
width: 100%;
padding: 0 35px;
margin: 0 auto;
}
}
.p-mobile1__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1199px){
.p-mobile1__cnt {
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 .p-mobile1__cnt {
flex-direction: column-reverse;
}
}
.p-mobile1__left {
width: 29.6875%;
}
@media only screen and (max-width: 1199px){
.p-mobile1__left {
width: 100%;
}
}
.p-mobile1__left img {
width: 100%;
height: auto;
}
.p-mobile1__left > h2 {
font-size: 3.6rem;
line-height: 1.0555555556;
color: #476973;
padding-top: 80px;
padding-bottom: 55px;
}
@media only screen and (max-width: 1199px){
.p-mobile1__left > h2 {
font-size: 2.4rem;
padding-top: 0;
padding-bottom: 30px;
}
}
.p-mobile1__right {
width: 70.3125%;
padding-left: 5vw;
padding-right: 9.375vw;
}
@media only screen and (max-width: 1199px){
.p-mobile1__right {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 .p-mobile1__right {
padding-top: 0;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1__inner--1 .p-mobile1__right--1{
padding-top: 30px;
}
}
.p-mobile1__box {
background-color: #fff4ce;
padding-right: 9.375vw;
padding-left: 9.375vw;
padding-top: 70px;
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px){
.p-mobile1__box {
padding-right: 0;
padding-left: 0;
padding-top: 33px;
padding-bottom: 33px;
}
}
.p-mobile1__box__inner {
position: relative;
}
@media only screen and (max-width: 1199px){
.p-mobile1__box__inner {
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
}
.p-mobile1__box__image{
position: absolute;
right: -120px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 1500px){
.p-mobile1__box__image{
position: relative;
right: auto;
top: 0;
transform: none;
text-align: center;
padding-top: 20px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile1__box__image img{
width: 200px;
}
}
.p-mobile2 {
background-color: #f0f0f0;
padding-top: 95px;
}
@media only screen and (max-width: 1199px){
.p-mobile2 {
padding-top: 45px;
}
}
.p-mobile2--1 {
padding-bottom: 155px;
}
@media only screen and (max-width: 1199px){
.p-mobile2--1 {
padding-top: 30px;
padding-bottom: 35px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile2__inner{
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
}
.p-mobile2__cnt {
padding-top: 90px;
padding-right: 9.375vw;
padding-left: 9.375vw;
}
@media only screen and (max-width: 1199px){
.p-mobile2__cnt {
padding-right: 0;
padding-left: 0;
padding-top: 45px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile2--1 .p-mobile2__cnt {
padding-top: 25px;
}
}
.p-mobile2__qa {
border-top: 2px solid #476973;
border-bottom: 2px solid #476973;
padding-top: 50px;
padding-bottom: 60px;
}
@media only screen and (max-width: 1199px){
.p-mobile2__qa {
border-top: 1px solid #476973;
border-bottom: 1px solid #476973;
padding-top: 25px;
padding-bottom: 25px;
}
}
.p-mobile2__qa dl dt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.p-mobile2__qa dl dt p {
margin-left: 35px;
font-size: 3.6rem;
line-height: 1.5;
font-weight: 500;
color: #476973;
}
@media only screen and (max-width: 1199px){
.p-mobile2__qa dl dt p {
font-size: 1.8rem;
margin-left: 20px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile2__qa dl dt img {
width: 45px;
}
}
.p-mobile2__qa dl dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
align-items: flex-start;
}
@media only screen and (max-width: 1199px){
.p-mobile2__qa dl dd {
margin-top: 15px;
}
}
.p-mobile2__qa dl dd p {
margin-left: 35px;
font-size: 3.6rem;
line-height: 1.5;
font-weight: 500;
color: #f16583;
}
@media only screen and (max-width: 1199px){
.p-mobile2__qa dl dd p {
font-size: 1.8rem;
margin-left: 20px;
line-height: 1.94444444444;
}
}
@media only screen and (max-width: 1199px){
.p-mobile2__qa dl dd img {
width: 44px;
}
}
.p-mobile3 {
padding-top: 95px;
padding-bottom: 140px;
}
@media only screen and (max-width: 1199px){
.p-mobile3 {
padding-top: 75px;
padding-bottom: 45px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile3__inner {
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
}
.p-mobile3__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 95px;
}
@media only screen and (max-width: 1199px){
.p-mobile3__cnt {
padding-top: 40px;
}
}
.p-mobile3__left {
width: 68.75%;
padding-right: 5vw;
padding-left: 9.375vw;
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
color: #476973;
padding-top: 80px;
}
@media only screen and (max-width: 1199px){
.p-mobile3__left {
width: 100%;
font-size: 1.5rem;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
}
.p-mobile3__left p + p {
padding-top: 40px;
}
@media only screen and (max-width: 1199px){
.p-mobile3__left p + p {
padding-top: 30px;
}
}
@media only screen and (max-width: 1199px){
.p-mobile3__left p:last-child{
display: flex;
flex-direction: column;
}
}
.p-mobile3__left span{
font-size: 2.8rem;
}
@media only screen and (max-width: 1199px){
.p-mobile3__left span{
font-size: 1.4rem;
}
}
.p-mobile3__right {
width: 31.25%;
}
@media only screen and (max-width: 1199px){
.p-mobile3__right {
width: 100%;
padding-top: 35px;
}
}
.p-mobile3__right img {
width: 100%;
}
.c-text {
color: #476973;
border-left: 4px solid #476973;
padding-left: 30px;
position: relative;
}
@media only screen and (max-width: 1199px){
.c-text {
border-left: 2px solid #476973;
padding-left: 15px;
}
}
.c-text + .c-text {
margin-top: 75px;
}
@media only screen and (max-width: 1199px){
.c-text + .c-text {
margin-top: 30px;
}
}
.c-text h3 {
font-size: 3.6rem;
line-height: 1.0555555556;
}
@media only screen and (max-width: 1199px){
.c-text h3 {
font-size: 2rem;
line-height: 1.2;
}
}
.c-text--1 {
margin-left: 9.375vw;
margin-right: 9.375vw;
}
@media only screen and (max-width: 1199px){
.c-text--1 {
margin: 0 auto;
width: calc(100% - 40px);
}
}
.c-text--2 {
margin-left: 9.375vw;
margin-right: 9.375vw;
border-left: none;
padding-left: 0;
}
@media only screen and (max-width: 1199px){
.c-text--2 {
margin: 0 auto;
width: 100%;
}
}
.c-text--3 h3 {
color: #f16583;
line-height: 1.5;
}
.c-text--4 {
margin-top: 50px;
}
@media only screen and (max-width: 1199px){
.c-text--4 {
margin-top: 30px;
}
}
.c-text dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
}
@media only screen and (max-width: 1199px){
.c-text dl {
font-size: 1.5rem;
}
}
.c-text dl dt {
width: 170px;
position: relative;
}
@media only screen and (max-width: 1199px){
.c-text dl dt {
width: 85px;
}
}
.c-text dl dt:before{
content: "：";
position: absolute;
right: 0;
top: 0;
}
.c-text dl dd {
width: calc(100% - 170px);
}
@media only screen and (max-width: 1199px){
.c-text dl dd {
width: calc(100% - 85px);
}
}
.c-text__txt {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
padding-top: 25px;
}
@media only screen and (max-width: 1199px){
.c-text__txt {
font-size: 1.5rem;
padding-top: 15px;
}
}
.p-mobile1--2 .c-text__txt {
padding-top: 40px;
}
@media only screen and (max-width: 1199px){
.p-mobile1--2 .c-text__txt {
padding-top: 18px;
}
}
.p-mobile1__box .c-text__txt{
font-weight: bold;
}
.c-text__txt ul li {
padding-left: 65px;
position: relative;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul li {
padding-left: 30px;
}
}
.c-text__txt ul li:before {
content: "";
position: absolute;
background: url("../images/ico-check.svg") no-repeat;
background-size: cover;
width: 52px;
height: 42px;
top: 7px;
left: 0;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul li:before {
width: 26px;
height: 21px;
top: 3px;
transform: none;
}
}
.c-text__txt ul li + li {
margin-top: 10px;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul li + li {
margin-top: 7px;
}
}
.c-text__txt ul.c-number li {
padding-left: 45px;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul.c-number li {
padding-left: 23px;
}
}
.c-text__txt ul.c-number li:nth-child(1):before {
top: 7px;
background: url("../images/mobile-number1.png") no-repeat;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul.c-number li:nth-child(1):before {
top: 2px;
background-size: cover;
}
}
.c-text__txt ul.c-number li:nth-child(2):before {
top: 7px;
background: url("../images/mobile-number2.png") no-repeat;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul.c-number li:nth-child(2):before {
top: 2px;
background-size: cover;
}
}
.c-text__txt ul.c-number li:nth-child(3):before {
top: 7px;
background: url("../images/mobile-number3.png") no-repeat;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul.c-number li:nth-child(3):before {
top: 2px;
background-size: cover;
}
}
@media only screen and (max-width: 1199px){
.c-text__txt ul.c-number li:before{
width: 20px;
height: 23px;
}
}
.c-text__txt ul.c-number li span {
color: #f16583;
}
.c-text__txt ul.c-disc li {
padding-left: 30px;
}
@media only screen and (max-width: 1199px){
.c-text__txt ul.c-disc li {
padding-left: 15px;
}
}
.c-text__txt ul.c-disc li:before {
content: "・";
top: 0px;
left: 0px;
background: none;
}
.c-text__notice {
font-size: 2.4rem;
}
@media only screen and (max-width: 1199px){
.c-text__notice {
font-size: 1.5rem;
padding-top: 10px;
}
}
.c-table1 {
background-color: #f0f0f0;
padding-left: 9.375vw;
padding-right: 9.375vw;
padding-top: 80px;
padding-bottom: 130px;
color: #476973;
}
@media only screen and (max-width: 1199px){
.c-table1 {
padding-left: 0;
padding-right: 0;
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 1199px){
.c-table1--1 {
padding-top: 40px;
}
}
.c-table1__inner {
padding-left: 35px;
border-left: 4px solid #476973;
}
@media only screen and (max-width: 1199px){
.c-table1__inner {
padding-left: 0;
border-left: none;
width: 92%;
margin: 0 auto;
}
}
@media only screen and (max-width: 1199px){
.c-table1--1 .c-table1__inner {
width: 100%;
}
}
.c-table1__inner p {
font-size: 2.4rem;
line-height: 1.6666666667;
font-weight: 500;
padding-top: 30px;
}
@media only screen and (max-width: 1199px){
.c-table1__inner p {
font-size: 1.4rem;
padding-top: 20px;
}
}
.c-table1 h3 {
font-size: 3.6rem;
line-height: 1.0555555556;
padding-bottom: 45px;
}
@media only screen and (max-width: 1199px){
.c-table1 h3 {
font-size: 2rem;
padding-bottom: 23px;
}
}
.c-table1 table {
width: 100%;
border-collapse: collapse;
}
.c-table1 table th,
.c-table1 table td {
border: 2px solid #476973;
text-align: left;
padding: 35px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 3rem;
line-height: 1.2666666667;
}
@media only screen and (max-width: 1199px){
.c-table1 table th, .c-table1 table td {
font-size: 1.5rem;
padding: 15px 10px;
border: 1px solid #476973;
}
}
.c-table1 table th {
background-color: #476973;
color: #fff;
border-right: 2px solid #fff;
font-weight: bold;
}
.c-table1 table th:last-child {
border-right: 2px solid #476973;
}
.c-table1 table td {
background-color: #ffffff;
font-weight: 500;
}
.c-table1 table td:last-child {
color: #f16583;
font-weight: bold;
}
@media only screen and (max-width: 1199px){
.c-table1 table td:last-child {
font-weight: bold;
}
}
@media only screen and (max-width: 1199px) {
.c-table1--1 .c-table1__inner > table{
display: none;
}
}
.c-table1--1 table td:last-child {
color: inherit;
font-weight: 500;
}
.c-table1--1 p {
padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
.c-table1--1 p {
padding-top: 5px;
font-size: 1.2rem;
}
}
.c-table1 ul {
padding-top: 35px;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.c-table1 ul {
padding-top: 20px;
}
}
.c-table1 ul li {
font-size: 2.4rem;
position: relative;
padding-left: 25px;
}
@media only screen and (max-width: 1199px) {
.c-table1 ul li {
font-size: 1.5rem;
padding-left: 15px;
}
}
.c-table1 ul li:before {
content: "・";
position: absolute;
top: 0px;
left: 0px;
background: none;
}
.c-table1__list{
display: none;
}
@media only screen and (max-width: 1199px) {
.c-table1__list{
display: block;
}
}
.c-table1__list table + table{
margin-top: 20px;
}
.c-table1__list table td:first-child{
width: 44.776119403%;
background-color: #476973;
color: #ffffff;
border-bottom: 1px solid #ffffff;
font-weight: bold;
}
.c-table1__list table tr:last-child td:first-child{
border-bottom: 1px solid #476973;
}
.c-table1__list table td:last-child{
width: calc(100% - 44.776119403%);
font-weight: 500;
}
.p-contact1 {
padding-top: 100px;
color: #476973;
padding-bottom: 95px;
}
@media only screen and (max-width: 1199px) {
.p-contact1 {
padding-top: 50px;
padding-bottom: 30px;
}
}
.p-contact1__cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1199px) {
.p-contact1__cnt {
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
}
.p-contact1__text {
padding-top: 70px;
}
@media only screen and (max-width: 1199px) {
.p-contact1__text {
padding-top: 30px;
}
}
.p-contact1__text h3 {
text-align: center;
font-size: 3.6rem;
line-height: 1.0555555556;
}
@media only screen and (max-width: 1199px) {
.p-contact1__text h3 {
font-size: 2.1rem;
}
}
.p-contact1__txt {
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
padding-top: 35px;
}
@media only screen and (max-width: 1199px) {
.p-contact1__txt {
font-size: 1.5rem;
padding-top: 25px;
}
}
.p-contact1__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
.p-contact1__info {
flex-wrap: wrap;
text-align: center;
padding-top: 25px;
}
}
.p-contact1__info a {
font-size: 5.4rem;
line-height: 1.2;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.p-contact1__info a {
font-size: 3.1rem;
width: 100%;
}
}
.p-contact1__info p{
font-size: 3rem;
line-height: 1.8;
font-weight: 500;
margin-left: 45px;
}
@media only screen and (max-width: 1199px) {
.p-contact1__info p{
font-size: 1.5rem;
margin-left: 0;
width: 100%;
}
}
.p-contact2 {
background-color: #f0f0f0;
padding-top: 95px;
padding-bottom: 115px;
color: #476973;
}
@media only screen and (max-width: 1199px) {
.p-contact2 {
padding-top: 35px;
padding-bottom: 60px;
}
}
.p-contact2__inner {
max-width: 1300px;
width: 92%;
margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner {
width: 100%;
padding: 0 20px;
}
}
.p-contact2__inner h3 {
text-align: center;
font-size: 3.6rem;
line-height: 1.0555555556;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner h3 {
font-size: 2rem;
}
}
.p-contact2__inner dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner dl {
flex-wrap: wrap;
}
}
.p-contact2__inner dl dt {
width: 410px;
font-size: 3.6rem;
line-height: 1.0555555556;
font-weight: 500;
height: 100%;
padding-top: 35px;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner dl dt {
width: 100%;
font-size: 1.8rem;
padding-top: 0;
padding-bottom: 10px;
}
}
.p-contact2__inner dl dt span {
color: #f16583;
}
.p-contact2__inner dl dd {
width: calc(100% - 410px);
height: 100%;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner dl dd {
width: 100%;
}
}
.p-contact2__inner dl dd * {
height: 100%;
width: 100%;
}
.p-contact2__inner dl dd input[type="text"],
.p-contact2__inner dl dd textarea,
.p-contact2__inner dl dd input[type="email"] {
border: 3px solid #476973;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 35px 15px;
font-size: 2.4rem;
color: #476973;
background-color: #ffffff;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner dl dd input[type="text"], .p-contact2__inner dl dd textarea, .p-contact2__inner dl dd input[type="email"] {
font-size: 1.8rem;
border: 1px solid #476973;
padding: 15px;
}
}
.p-contact2__inner dl dd textarea {
height: 380px;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner dl dd textarea {
height: 200px;
}
}
.p-contact2__inner dl + dl {
margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
.p-contact2__inner dl + dl {
margin-top: 30px;
}
}
.p-contact2__form {
padding-top: 70px;
}
@media only screen and (max-width: 1199px) {
.p-contact2__form {
padding-top: 35px;
}
}
.p-contact2__form .c-contact__submit {
padding-top: 105px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 1199px) {
.p-contact2__form .c-contact__submit {
padding-top: 35px;
}
}
.p-contact2__form .c-contact__submit input[type="submit"] {
width: 355px;
height: 110px;
border-radius: 10px;
background-color: #476973;
color: #fff;
border: none;
cursor: pointer;
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
font-size: 3.6rem;
line-height: 1.2;
font-weight: bold;
}
@media only screen and (max-width: 1199px) {
.p-contact2__form .c-contact__submit input[type="submit"] {
font-size: 1.8rem;
width: 160px;
height: 65px;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
}
.p-contact2__form .c-contact__submit .wpcf7-spinner {
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
}
.p-policy1 {
padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
.p-policy1 {
padding-top: 50px;
}
}
.p-policy1__cnt {
padding-top: 100px;
padding-bottom: 165px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__cnt {
padding-top: 50px;
padding-bottom: 85px;
}
}
.p-policy1__desc {
font-size: 2.4rem;
line-height: 1.6666666667;
color: #333;
font-weight: 500;
padding-bottom: 85px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__desc {
font-size: 1.5rem;
padding-bottom: 45px;
}
}
.p-policy1__text h3 {
font-size: 3.6rem;
line-height: 1.2;
color: #4b6974;
border-bottom: 1px solid #4b6974;
padding-bottom: 32px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__text h3 {
font-size: 2rem;
padding-bottom: 16px;
}
}
.p-policy1__text + .p-policy1__text {
padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__text + .p-policy1__text {
padding-top: 50px;
}
}
.p-policy1__item {
padding-top: 65px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item {
padding-top: 30px;
}
}
.p-policy1__item h4 {
font-size: 2.6rem;
line-height: 1.2;
color: #4b6974;
padding-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item h4 {
font-size: 1.7rem;
padding-bottom: 15px;
}
}
.p-policy1__item p {
font-size: 2.4rem;
line-height: 1.6666666667;
color: #333;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item p {
font-size: 1.5rem;
}
}
.p-policy1__item ul {
font-size: 2.4rem;
line-height: 1.6666666667;
color: #333;
font-weight: 500;
list-style: decimal;
padding-left: 25px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item ul {
font-size: 1.5rem;
padding-left: 15px;
}
}
.p-policy1__item ul.p-policy1__disc {
list-style: disc;
padding-top: 35px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item ul.p-policy1__disc {
padding-top: 18px;
}
}
.p-policy1__item ul.p-policy1__disc--1 {
padding-bottom: 35px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item ul.p-policy1__disc--1 {
padding-bottom: 18px;
}
}
.p-policy1__item ul.p-policy1__decimal {
padding-top: 35px;
}
@media only screen and (max-width: 1199px) {
.p-policy1__item ul.p-policy1__decimal {
padding-top: 18px;
}
}
.p-policy1__edit {
font-size: 2.4rem;
color: #333;
line-height: 1.75;
text-align: right;
padding-top: 140px;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.p-policy1__edit {
font-size: 1.5rem;
padding-top: 70px;
}
}