@charset "utf-8";

/*******************************
/* リセット
*******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: normal;
}
em, strong {
    background: linear-gradient(transparent 60%, #f8dd49 60%);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.object-fit-img {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'
}
*{margin:0;padding:0;}
html {
overflow: auto;
}
body{
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color: #303030;
font-size: 16px;
line-height: 1.8;
letter-spacing:0.1rem;
overflow-x: hidden;
}


a{color: #303030;text-decoration:none;transition: all 300ms ease-out 0s;
    will-change: transform;}
a:hover{color:#303030;}
a:active, a:focus {outline: 0;}
img{border:0; vertical-align:bottom;}
p{ line-height: 2;}
p:nth-of-type(n+2){ margin-top: 20px;}
.clear{clear:both;}
p.center{text-align:center; padding-bottom: 40px;}
.right{text-align:right;}
li{ list-style:none;}
h2,h3,h4{ font-weight: bold;}
strong{ font-weight: bold;}
.en{font-family: 'Lato', sans-serif; font-weight: 900;}

.none_pc{ display:none;}
.none_sp{ display: inline-block;}
.tel {
    cursor: default;
    pointer-events: none;
}
.number{font-family: 'Lato', cursive;}
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
@media screen and (max-width:767px) {
html {
overflow: auto;
}
body{
font-size: 3.8vw;
line-height: 1.8;
letter-spacing:0.1rem;
overflow-x: hidden;
}
p{ line-height: 2; font-size: 3.8vw;}
.center{text-align:center; font-size: 3.6vw;}
img{ width: 100%; }
.none_pc{ display: block;}
.none_sp{ display: none;}
.tel {
    pointer-events: auto;
}
}

/*******************************
/* 共通
*******************************/
.border-radius{ border-radius: 3px;}
.text_center{ text-align: center; padding-bottom: 50px;}

/*******************************
/* ヘッダー
*******************************/
header{  width:100%;  height:150px;box-sizing: border-box; z-index:9999;background: #fff; position: fixed;box-sizing: border-box;}
.header_inner{ width: 1200px; margin: 0 auto;display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap;padding-top: 20px; box-sizing: border-box;}
header::after {
    background:#23415E;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 5px;
    content: "";
}
header .logo{ width: auto;}
header .logo img{ height:43px;}
header .logo h1{font-size: .7rem; padding-bottom: 3px; letter-spacing: .5px;}
header .logo p{font-size: .7rem; padding-bottom: 1px; letter-spacing: .5px;}

.header_contact_area{ display: flex; align-items: center; }
.hed_tel{}
.hed_tel span{ display: block; font-size: .75rem; font-weight: bold; padding-bottom: 5px;}
.hed_tel a{ font-size: 2rem; font-weight: bold;font-family: 'Lato', sans-serif;line-height: 1;}
.hed_tel a::before{content:"";display:inline-block;background:url("images/free.png") no-repeat; width:45px; height: 28px;background-size:contain; padding-right: 5px; display: none;}
.fa-phone{ margin-right: 7px;}

.hed_contact{ margin-left: 20px;}
.hed_contact a{ color: #fff; display: inline-block;background-color:#a77b45;border-bottom: 5px solid #684d2c;border-radius: 7px; padding: 10px 15px;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;font-weight: bold; }
.hed_contact a:hover{background: #fae77d;border-bottom: 2px solid #b19600; margin-top: 3px;}
.hed_contact a .fa-envelope{ padding-right: 10px;}

.hed_line{ margin-left: 20px;}
.hed_line a{ display: inline-block;color: #fff;background-color: #07b53b;border-bottom: 5px solid #347648;border-radius: 7px; padding: 10px 15px;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;font-weight: bold;}
.hed_line a:hover{background: #1dcd52;border-bottom: 2px solid #347648; margin-top: 3px;}
.hed_line a .fa-comments{ padding-right: 10px;}

header nav{ width: 100%; padding-top: 14px;}
header nav ul{display: flex; justify-content: space-between; align-items: center;}
header nav ul li{ font-size:.85rem; width: calc(100% / 7); box-sizing: border-box; }
header nav ul li a{display:block; text-align: center; font-weight: bold; padding: 13px 0;}
header nav ul li a:hover{ background: #e8f6ff;}
header nav ul li a span{border-right: 1px solid #ccc; display: block; font-weight: bold;}
header nav ul li:nth-of-type(1) a span{ border-left:1px solid #ccc; }

ul.menu__second-level {visibility: hidden;opacity: 0;z-index: 1;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.menu__second-level li {width: 23%; background: #fff; border-radius: 3px;overflow: hidden;font-size: .8rem;}
.menu__second-level li img{ width: 100%;}
.menu__second-level li a{ line-height: 1; padding: 0;}
.menu__second-level li a:hover { background: #fff;}
.menu__second-level li a span{ border:none !important; display: block; padding: 10px; font-size: 1.1rem;}
li.menu__mega ul.menu__second-level {position: absolute;top: 150px;left: 50%;width: 1200px;box-sizing: border-box;transform: translateY(0%) translateX(-50%);padding: 25px;box-sizing: border-box;}
li.menu__mega ul.menu__second-level::after {background:#e9fbf8;position: absolute;z-index: -1;bottom: 0;left: 0;display: inline-block;width: 100%;height: 100%;content: "";}
li.menu__mega:hover ul.menu__second-level {top: 150px;visibility: visible;opacity: 1;}

@media screen and (max-width:767px) {
	header{ padding:0 3%; height:50px; position: fixed;}
    .header_inner{ width:100%;display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap;padding-top: 0px; box-sizing: border-box; height: 50px;}
    header::after { display: none;}
	header .logo{ position: relative; z-index:999;}
	header .logo img{ height:25px; width: auto; vertical-align: middle;}
	header .logo .hed_text{display: none;}
    header .logo h1{ display: none;}
	header .logo p{ display: none;}
	.header_contact_area{ display: none;}
	.hed_tel{display: none;}
	nav{position: fixed;top:50px;right: 0;width: 100vw;min-height: 100vh;height: 100vh;width: 100%;text-align: left;background:#fff;box-sizing:border-box;padding:10px 5% 60vw 5%;opacity:0;transform: translateX(100vw);transition: .4s all;visibility: visible;overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
    nav.open{transform: translateX(0);opacity:1;visibility: visible;overflow:hidden; overflow-y: scroll;-webkit-overflow-scrolling:touch;z-index:10;}
    header nav ul li{ width: 100%;}
	header nav ul li a{font-weight:500; display:block; text-align: left; line-height:2; padding: 10px 10px;}
    header nav ul li a span{ border: none;}
    header nav ul li:nth-of-type(1) a span{ border: none;}
	header nav ul li:nth-of-type(n+2){ margin-left:0px; border-top: 1px solid #F2F9FA;}
	header nav ul li.recruit{ margin: 20px 0;}
	header nav ul li.contact a,header nav ul li.recruit a{ padding: 0;}
    .menu-trigger_oya{ position: fixed; right:2%; top:3px; z-index:11;width: 50px; height: 50px;transition: all .3s ease-in-out;}
    .menu-trigger,.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
    .menu-trigger {position: relative;top:14px;right:-12px;width: 25px;height: 20px}
    .menu-trigger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #303030;border-radius: 4px;}
    .menu-trigger span:nth-of-type(1) {top: 0;}
    .menu-trigger span:nth-of-type(2) {top: 9px;}
    .menu-trigger span:nth-of-type(3) {bottom: 0;background-color:#303030;}
    
    .sp_contact_area .hed_tel{ display: block !important; text-align: center; margin: 15px 0;}
    .hed_tel{}
    .hed_tel span{ display: block; font-size: .75rem; font-weight: bold; padding-bottom: 5px;}
    .hed_tel a{ font-size: 2rem; font-weight: bold;font-family: 'Lato', sans-serif;line-height: 1;}
    .hed_tel a::before{content:"";display:inline-block;background:url("images/free.png") no-repeat; width:45px; height: 28px;background-size:contain; padding-right: 5px; display: none;}
    .fa-phone{ margin-right: 7px;}
    .hed_contact{ margin-left: 0px; margin-top: 10px;}
    .hed_contact a{ text-align: center; display:block;background-color:#a77b45;border-bottom: 5px solid #684d2c;border-radius: 7px; padding: 10px 20px;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;}
    .hed_contact a:hover{background: #fae77d;border-bottom: 2px solid #a73535; margin-top: 3px;}
    .hed_contact a .fa-envelope{ padding-right: 10px;}
    .hed_line{ margin-left:0px;}
    .hed_line a{ text-align: center; display:block;color: #fff;background-color: #07b53b;border-bottom: 5px solid #347648;border-radius: 7px; padding: 10px 20px;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;}
    .hed_line a:hover{background: #1dcd52;border-bottom: 2px solid #347648; margin-top: 3px;}
    .hed_line a .fa-comments{ padding-right: 10px;}


/*click蠕後�繧ｹ繧ｿ繧､繝ｫ*/
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
    100% {
        height: 0;
    }
}
@keyframes active-menu-bar02 {
    100% {
        height: 0;
    }
}
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
}
	header nav ul{display: block;}

ul.menu__second-level {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}
.menu__second-level li {width: 49%;background: #fff;border-radius: 3px;overflow: hidden;font-size: 2.6vw;height:10vw;}
.menu__second-level li:nth-of-type(n+3){ margin-top: 5px;}
    .menu__second-level li:nth-of-type(n+2){border-top: none;}
.menu__second-level li img{ width: 30%; padding-right: 1vw; height: 10vw; object-fit: cover;}
.menu__second-level li a{ line-height: 1;display: flex; align-items: center; }
    .menu__second-level li a span{ font-size: 3.3vw; padding:0px 2vw;}
.menu__second-level li a:hover {color: #e60012;}

li.menu__mega ul.menu__second-level { width: 100%; position: relative;top: 0px;box-sizing: border-box;padding: 2%; }
li.menu__mega ul.menu__second-level::after {background:#00a68d;position: absolute;z-index: -1;bottom: 0;left: 0;display: inline-block;width: 100%;height: 100%;content: "";}
li.menu__mega:hover ul.menu__second-level {
    top: 0px;
   visibility: visible;
    opacity: 1;
}
    
}
/*******************************
/* メインビジュアル
*******************************/
.main_v_mask img{ position: absolute; bottom: 0; right: 8%; z-index: 2;}
.main_v{ margin-top: 150px; padding-right: 0%; position: relative;height: 700px;background:url("images/23599196_m.webp") no-repeat ; background-size: cover; background-position: center;}
.main_v .inner{ position: absolute;top:0px;left: 50%;transform: translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);  z-index: 3; height: 700px; display: flex; align-items: center;}
.main_v .inner .main_v_price{position: absolute; z-index: 1; bottom: -50px;; left: 0;}
.main_v .inner .main_v_price img{width:auto; border-radius: 10px; overflow: hidden; border: 1px solid #23415E; box-sizing: border-box;}
.main_v .inner .main_up_area{position: absolute; z-index: 2; }
.main_v .inner .main_up_area img{width: ;}
.buddhist_altar{position: absolute; z-index: 1; right: -50px; bottom: 20px;}
.buddhist_altar img{width:230px;}
.rakuten_pay{position: absolute; z-index: 3; right:0px; top: 20px;}
.rakuten_pay img{ width: 170px; border-radius: 10px;}

.main_v.area_v{height: 450px;}
.main_v.area_v .inner{ height: 450px; display: flex; align-items: center;}
.main_v.area_v .inner .monk{position: absolute; z-index: 1; right: 0;}
.main_v.area_v .inner .monk img{width: 350px;}
.main_v.area_v .main_up_area img{ height: 300px;}
.main_v.area_v .main_up_area h1{ }
.main_v.area_v .main_up_area h1 span{ background: #23415E; color: #fff; display: inline-block; padding: 2px 15px; border-radius: 7px; font-weight: bold; margin-bottom: 15px; font-size: 1.2rem;}
.main_v.area_v .buddhist_altar{position: absolute; z-index: 1; right: -50px; bottom: 20px;}
.main_v.area_v .buddhist_altar img{width:170px;}

@media screen and (max-width:767px) {
    .main_v_mask img{ position: absolute; bottom: 0; right: 8%; z-index: 2;}
    .main_v{ padding-top: 50px; margin-top: 0px; padding-right: 0%; position: relative;height: 80vw;}
    .main_v .inner{ width: 100%; top:50px;left: 50%;transform: translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);  z-index: 3;height: 80vw; padding: 0 3vw;}
	.main_v .inner .main_v_price{ bottom: -5vw;; left: 3%;}
	.main_v .inner .main_v_price img{width:60%; border-radius: 10px; overflow: hidden; border: 1px solid #23415E; box-sizing: border-box;}
	.main_v .inner .monk img{width:55vw;}
	.main_v .inner .main_up_area img{width:85%;}
	.main_v .inner .monk{position: absolute; z-index: 1; right: -10vw;}
	.buddhist_altar{position: absolute; z-index: 1; right: -5vw; bottom:-7vw;}
	.buddhist_altar img{width:27vw;}
	.rakuten_pay{position: absolute; z-index: 3; right:25vw; top:62vw;}
	.rakuten_pay img{ width: 19vw; border-radius: 10px;}
	
	.main_v.area_v{padding-top: 50px; padding-right: 0%; position: relative;height: 70vw;}
	.main_v.area_v .inner{ width: 100%; top:50px;left: 50%;transform: translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);  z-index: 3;height: 70vw; padding: 0 3vw;}
	.main_v.area_v .main_up_area img{ width:85%; height: auto;}
	.main_v.area_v .inner .monk img{width:55vw;}
	.main_v.area_v .main_up_area h1 span{padding: 0px 2vw; margin-bottom: 15px; font-size: 3.2vw;}
	.main_v.area_v .monk img{width:55vw;}
	
	.main_v.area_v .inner .monk{position: absolute; z-index: 1; right: -10vw;}
	.main_v.area_v .buddhist_altar{position: absolute; z-index: 1; right: -6vw; bottom:-3vw;}
	.main_v.area_v .buddhist_altar img{width:27vw;}
}



.underlayer_v{ height: 200px; padding-top:150px;background:#fcf4e9; }
.underlayer_v .inner{ display: flex; align-items: center; justify-content: center; height: 200px;}
.underlayer_v .inner h1{font-size: 2.3rem; font-weight: bold; color: #23415E;}
@media screen and (max-width:767px) {
    .underlayer_v{ height:35vw; padding-top:50px;}
    .underlayer_v .inner{height: 35vw;}
    .underlayer_v .inner h1{ color: #23415E; font-size: 6vw; font-weight: bold;}
}

.pankuzu{ padding-top: 10px; font-size: .9rem;}
.pankuzu a{ color:#23415E; }
.pankuzu .fa-angle-right{ padding: 0 8px;}
@media screen and (max-width:767px) {
    .pankuzu{ font-size: 3vw;}
}

.underlayer_v_area{ height: 450px; padding-top:150px;background:url("images/pixta_38993385_M.webp") no-repeat ; background-position: center; background-size: cover;}
.underlayer_v_area .inner{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 450px;}
.underlayer_v_area .inner .in_box{}
.underlayer_v_area .inner h1{ display: block; text-align: center;}
.underlayer_v_area .inner h1 span{ display: inline-block; background:#f4810e; color: #fff; font-size: 2.3rem; font-weight: bold; line-height: 1.8; padding: 0 25px; border-radius: 7px; margin-bottom: 20px;}

.column_v .inner{ justify-content: flex-start;}
@media screen and (max-width:767px) {
	.column_v .inner h1{ font-size: 5vw;}
}
/*******************************
/* セクション・枠
*******************************/
.contents{ padding: 80px 0; position: relative;}
.contents_p_0{ padding:0 0 80px 0 ;position: relative;}
.inner{ margin: 0 auto; width: 1200px; position: relative;}

.bg_contact_area{ background:#fcf4e9; }
.curve {background: #fff;border-bottom-left-radius: 1000px 200px;border-bottom-right-radius: 1000px 200px;margin-left: -200px;margin-right: -200px;padding-left: 200px;padding-right: 200px;margin-bottom: -80px;position: relative;z-index: 1;padding-bottom: 160px;}
.curve_02{background: url(images/22407515_m.jpg) no-repeat; background-position: center; background-size: cover; padding-top: 160px;}
@media screen and (max-width:767px) {
    .contents{ padding: 50px 0; position: relative;}
    .contents_p_0{ padding:0 0 50px 0 ;position: relative;}
    .inner{width: 100%; padding: 0 5%; box-sizing: border-box;}
    .bg_contact_area{ padding: 50px 0 !important; }
	.curve {border-bottom-left-radius: 1000px 200px;border-bottom-right-radius: 1000px 200px;margin-left: -200px;margin-right: -200px;padding-left: 200px;padding-right: 200px;margin-bottom: -50px;position: relative;z-index: 1;padding-bottom: 100px;}
	.curve_02{padding-top: 100px;}
}
/*******************************
/* 見出し
*******************************/
h2.contents_title {font-size: 2rem; text-align: center;margin-bottom: 60px;font-weight: bold;position: relative;}
h2.contents_title:before {position: absolute; bottom: -10px;left: calc(50% - 30px);width: 60px;height: 4px; content: '';border-radius: 3px; background:#23415E;}
h2.contents_title strong{ color:#00a68d; font-size: 3.5rem; }
.contents_sub_text{ text-align: center; padding-bottom: 40px;}
@media screen and (max-width:767px) {
	h2.contents_title {font-size: 5.5vw;margin-bottom: 40px;}
    h2.contents_title:before {width: 60px;}
    h2.contents_title strong{ color:#00a68d; font-size: 3.5rem; }
}
/*******************************
/* フロントページ
*******************************/
.worry{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.worry_box{ width: 55%; display: flex; align-items: center;}
.worry_box:nth-of-type(2){ width: 45%;}
.worry_box h2{ font-size: 2rem; padding-bottom: 20px;}
.worry_box ul{}
.worry_box ul li{ font-size: 1.2rem;}
.worry_box ul li i{ margin-right: 5px; color: #23415E;}
.leave{ font-size: 2rem; font-weight: bold;}
.leave strong{ font-size:3rem;}
@media screen and (max-width:767px) {
	.worry_box{ width: 100%; display: flex; align-items: center;}
	.worry_box:nth-of-type(2){ width: 100%;}
	.worry_box h2{ font-size:5vw; padding-bottom: 20px;}
	.worry_box ul li{ font-size:3.6vw;}
	.leave{ font-size: 5vw; text-align: center; padding-top: 20px;}
	.leave strong{ font-size:7vw;}
}
.flow{}
.flow_box{ border: 3px solid #23415E; border-radius: 7px; overflow: hidden;}
.flow_box:nth-of-type(n+2){ margin-top: 40px;}
.flow_box h4{ font-size: 1.4rem;background: #23415E; color: #fff; padding: 25px 25px; display: flex; line-height: 1;}
.flow_box h4 span{font-weight: bold;font-family: 'Lato', sans-serif; display: inline-block; border-right: 2px solid #fff; padding-right: 10px; margin-right: 10px;}
.flow_box_contents{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 35px 50px; }
.flow_box_img{ width: 30%;}
.flow_box_img img{ width: 100%;  height: 219px; object-fit: cover; border-radius: 7px;}
.flow_box_text{ width: 65%;}
.flow_box_text a {
    color: #0066c0;
    text-decoration: underline;
}
@media screen and (max-width:767px) {
	.flow_box h4{ font-size: 4vw;padding: 25px 25px; line-height: 1.5;}
	.flow_box_contents{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:6vw 6vw; }
	.flow_box_img{ width: 100%;}
	.flow_box_text{ width: 100%; padding-top: 20px; font-size: 3vw;}
	.flow_box_text p{font-size: 3vw;}
}

.price h3{ font-size: 1.6rem; padding-bottom: 20px;}
.price h3:nth-of-type(n+2){ margin-top: 40px;}
.price h3 span{ color: #23415E; display: inline-block; margin-right: 5px;}
.price table{width: 100%;border-collapse: collapse;}
.price table th {border: 1px solid #ccc;vertical-align: middle;background:#23415E;color: #fff; padding: 15px 25px; }
.price table td{vertical-align: middle;}
.price table tr:nth-of-type(1) th:nth-of-type(1){ width: 35%;}
.price table tr:nth-of-type(1) th:nth-of-type(2){ width: 65%;}
.price table td{border: 1px solid #ccc; padding: 15px 25px; box-sizing: border-box; text-align: center;font-weight: bold;}
.price table tr:nth-child(odd) td{background: #e8f6ff;}
.price table td small{ font-size: .7rem;}
.price table tr td:nth-of-type(1) small{ font-size: .7rem; display: block;}
.price_img{ padding-bottom: 30px;}
.price_img img{ width: 480px; height:300px; object-fit: cover; border-radius: 7px;}
.price_remarks{ display: block; font-size: .8rem; padding-top: 10px;}
@media screen and (max-width:767px) {
	.price{ width: 100%;}
	.price h3{ font-size: 5vw; padding-bottom: 20px;}
	.price table{width: 100%;border-collapse: collapse; font-size: 3vw;}
	.price table td{ vertical-align: middle;}
	.price table tr:nth-of-type(1) th:nth-of-type(1){ width: 55%;}
	.price table tr:nth-of-type(1) th:nth-of-type(2){ width: 45%;}
	.price table td small,.price table th small{ font-size: 2.2vw; display: block;}
	.price_img img{ width: 100%; height:auto; object-fit: cover; border-radius: 7px;}
}

.other_services{ display: flex; justify-content: space-between; margin-top: 80px;}
.other_services_box{ width: 31%; border-radius: 7px; }
.other_services_box:nth-of-type(1){background: #e5f5f3;}
.other_services_box:nth-of-type(2){background: #e8f6ff;}
.other_services_box:nth-of-type(3){background: #fcfaf1;}
.other_services_box img{ width: 100%; height: 200px; object-fit: cover;border-radius: 7px 7px 0px 0px;}
.other_services_box_text{ padding: 25px 35px 50px; box-sizing: border-box; position: relative;}
.other_services_box_text h3{ text-align: center; font-size: 1.6rem; padding-bottom: 10px;}
.other_services_box:nth-of-type(1) .other_services_box_text h3{ color: #00a68d;}
.other_services_box:nth-of-type(2) .other_services_box_text h3{ color: #23415E;}
.other_services_box:nth-of-type(3) .other_services_box_text h3{ color: #F4810E;}
.other_services_box_text p{ font-weight: bold;}
.other_services_box_text ul{ background: #fff; border-radius: 7px;}
.other_services_box_text a{ position: absolute;left: 50%;transform: translateX(-50%); display: flex; justify-content: center; align-items: center; height: 52px; background: #fff;border-radius: 30px;border: 3px solid #23415E; color: #23415E; z-index: 2; bottom: -26px; font-weight: bold; width: 300px; text-align: center;}
.other_services_box_text a i{ position: absolute; right: 15px;}
.other_services_box_text a:hover{background:#e8f6ff;}
@media screen and (max-width:767px) {
	.other_services{ flex-wrap: wrap; margin-top: 50px;}
	.other_services_box{ width: 100%;}
	.other_services_box:nth-of-type(n+2){ margin-top: 13vw;}
	.other_services_box_text h3{font-size:5vw; padding-bottom: 10px;}
	.other_services_box_text p{ font-size:3.6vw;font-weight: bold;}
}

.front_area{position: relative;}
.front_area_img{ position: absolute; right: -250px; bottom: -80px; z-index: 2;}
.front_area_map{position: absolute; top:200px; right: -100px; z-index: 1;}
.front_area_map img{ width: 400px; height: auto;}
.front_area h2{ color: #fff;}
.front_area h2.contents_title:before {background:#f8dd49;}
.front_area dl{ display: flex; justify-content: flex-start; font-size: .8rem; position: relative; z-index: 3;}
.front_area dl:nth-of-type(n+2){margin-top: 20px;}
.front_area dl dt{ width: 10%;}
.front_area dl:nth-of-type(1) dd{ width: 100%;}
.front_area dl:nth-of-type(2) dd{ width: 100%;}
.front_area dl:nth-of-type(n+3) dt{ width: 9%;}
.front_area dl dd{ width: 70%; display: flex; flex-wrap: wrap;}
.front_area dl dt a{ display: inline-block;background-color: #23415E; color: #fff;border-radius: 30px; padding: 2px 0; width: 100px; text-align: center; font-weight: bold; line-height: 2;border: 2px solid #23415E; box-sizing: border-box;}
.front_area dl dd{ display: flex; flex-wrap: wrap;}
.front_area dl dd a{ display: inline-block;background-color: #fff; color: #23415E;border-radius: 30px; padding: 2px 0; width: 100px; text-align: center; font-weight: bold; line-height: 2; border: 2px solid #23415E; box-sizing: border-box; margin-right: 10px; margin-bottom: 5px;}
.front_area dl dd a:hover{background:#f8dd49;}

.front_area.area h2{ color: #333;}
.front_area.area h2.contents_title:before {background:#23415E;}
.front_area.area dl dd{ width: 100%;}
.front_area.area dl:nth-of-type(n+3) dt{ width:10%;}
.front_area.area dl dd a{ background: #e8f6ff; }
@media screen and (max-width:767px) {
	.front_area_img{ position: absolute; right: -20vw; bottom: -50px; z-index: 2;}
	.front_area_img img{width: 70vw;}
	.front_area_map{position: absolute; top:100vh; bottom: 0; right: -10vw; z-index: 1; display: none;}
	.front_area_map img{ width:  50vw; height: auto;}
	.front_area dl{ display: flex; font-size:2vw;}
	.front_area dl:nth-of-type(1) dd{ width: 80%;}
	.front_area dl:nth-of-type(2) dd{ width: 80%;}
	.front_area dl:nth-of-type(n+3) dt{ width: 20%;}
	.front_area dl dt{ width: 20%;}
	.front_area dl dd{ width: 80%;}
	.front_area dl dt a{padding: 2px 0; width: 16vw; text-align: center; font-weight: bold; line-height: 2;border: 2px solid #23415E; box-sizing: border-box;}
	.front_area dl dd a{ padding: 2px 0; width: 16vw;text-align: center; font-weight: bold; line-height: 2; border: 2px solid #23415E; box-sizing: border-box; margin-right: 2vw; margin-bottom: 5px;}
	
	.front_area.area dl:nth-of-type(n+3) dt{ width:25%;}
	.front_area.area dl:last-of-type dt{ width:20%;}
	.front_area.area dl:last-of-type dd{ width: 80%;}
}

.reason{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.reason_box{ width: 31%;}

.results{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.results::after{content:"";display: block;width:30%;}
.results_box{ width:30%;}
.results_box:nth-of-type(n+4){ margin-top: 40px;}
.results_box img{ width: 100%; object-fit: cover; height: 230px; margin-bottom: 20px;}
@media screen and (max-width:767px) {
	.results_box{ width:48%;}
	.results_box:nth-of-type(n+3){ margin-top: 20px;}
	.results_box img{ height:30vw; margin-bottom: 10px;}
	.results_box h3{ font-size: 3vw;}
}
.results_single{}
.results_single_img{width: auto; margin-bottom: 40px;}
.results_single dl{ display: flex;flex-wrap: wrap;}
.results_single dt{ font-weight: bold; margin-right: 20px;}
.results_single dd{}
@media screen and (max-width:767px) {
	.results_single_img{width:100%;}
}

.fqa_box{ width: 100%;}
.fqa_box:nth-of-type(n+2){ margin-top: 20px;}
.q_title{ display: flex; align-items: center; height: 80px; font-weight: bold; font-size: 1rem; background: #e8f6ff;padding: 0 94px 0 35px; box-sizing: border-box; position: relative;transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1); }
.faq_in .q_title{background: #dcf1ee;}
.q_title img{ width: 30px; margin-right: 5px;}
.q_title:hover{ background: #f9f9f9;}
.a_box{ line-height: 1.5; display: none; border: 1px solid #f4f5f7; box-sizing: border-box; padding:25px 35px; font-size: .9rem; background: #f9f9f9;}
.faq_in .a_box{ background: #fff;}
.a_box_in{ display: flex; justify-content: space-between;}
.a_box_img{ width:4%; }
.a_box_img img{ width: 30px;}
.a_box_in p{ width: 96%;}
.qa_icon {display: inline-block;position: absolute;right: 25px;width: 29px;height: 29px;border-radius: 50%;background: #fff;-webkit-transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1);transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1);}
.faq_in .qa_icon{background: #00afc9;}
.qa_icon:before, .qa_icon:after {-webkit-transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1);transition: all 400ms cubic-bezier(0.07, 0.76, 0.44, 1);content: "";display: block;position: absolute;width: 13px;height: 3px;top: 50%;left: 50%;margin: -2px 0 0 -6.5px;background: #23415E;border-radius: 1.5px;}
.qa_icon:after  {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.active::after {transform: rotate(0);transition: 0.5s;}
.fqa_appeal{background: #fffced; margin-top:150px;}
.fqa_appeal_img{}
.fqa_appeal_img img{ margin-top: -70px;}
.fqa_appeal_text{ padding: 25px; box-sizing: border-box;}
.fqa_appeal_text_in{ background: #fff; padding: 25px;}
.fqa_appeal_text p{ font-size: 1.1rem;}
.fqa_appeal_text p:nth-of-type(n+2){ padding-top: 10px;}
.fqa_appeal_text p strong{color: #113397;background-color: yellow;}
.fqa_appeal_text p em {color: #d0000e;background-color: yellow; font-weight: bold;}
.fqa_appeal_text_in img{ margin: 20px 0; max-width: 100%;}

@media screen and (max-width:767px) {
    .q_title{height: auto; font-size:3.8vw;padding: 15px 10vw 15px 5vw;}
    .qa_icon {right:2vw;width: 29px;height: 29px;}
    .q_title img{ width:5vw; margin-right:2vw;}
    .a_box{ line-height: 1.5; display: none; border: 1px solid #f4f5f7; box-sizing: border-box; padding:5vw; font-size:3.6vw;}
    .a_box_img{ width:5vw; }
    .a_box_img img{ width:5vw;}
    .a_box_in p{ width:90%; line-height: 2; font-size: 3.6vw;}
    .fqa_appeal{margin-top:100px;}
    .fqa_appeal_text{ padding: 3vw; box-sizing: border-box;}
    .fqa_appeal_text p{ font-size:4vw; line-height: 2;}
    .fqa_appeal_text_in{ background: #fff; padding: 5vw;}
}

.area_contents{ display: flex; justify-content: space-between; flex-wrap: wrap;background: #e8f6ff;padding: 25px; box-sizing: border-box; border-radius: 7px;}
.area_contents_box:nth-of-type(1){width: 65%; background: #fff;padding: 25px 35px;box-sizing: border-box;}
.area_contents_box:nth-of-type(1) h2{ font-size: 1.8rem; padding-bottom: 20px;}
.area_contents_box:nth-of-type(2){width: 35%; overflow: hidden;}
.area_contents_box:nth-of-type(2) img{ height: 301.66px; width: 100%;}
@media screen and (max-width:767px) {
	.area_contents{padding: 5vw; box-sizing: border-box; border-radius: 7px;}
	.area_contents_box:nth-of-type(1){width: 100%; background: #fff;padding:5vw;box-sizing: border-box;}
	.area_contents_box:nth-of-type(1) h2{ font-size:4vw; padding-bottom: 10px;}
	.area_contents_box:nth-of-type(1) p{ font-size: 3vw;}
	.area_contents_box:nth-of-type(2){width:100%; overflow: hidden; margin-top: 5vw;}
	.area_contents_box:nth-of-type(2) img{ height:auto; }
}
/*******************************
/* コンタクトエリア
*******************************/
.contact_area{}
.contact_area h2{ font-size: 2rem; text-align: center;}
.contact_area h2 i{ display: block; font-weight: bold;font-size: 1.6rem; margin-bottom: 10px;}
.contact_area h2 i span{ display: inline-block; background:#f8dd49; padding: 0 10px; border-radius: 7px;font-weight: bold;}
.contact_area h2 i span:nth-of-type(2){ margin: 0 10px;}
.contact_area_flex{ position: relative; margin-top: 20px; padding: 0 100px;}
.contact_area_flex_box:nth-of-type(1){ text-align: center; margin-bottom: 20px;}
.contact_area_flex_box:nth-of-type(1) a{ background: #fff; padding: 25px 45px;display:block; border-radius: 7px;}
.contact_area_flex_box:nth-of-type(1) a span{ display: block; padding-bottom: 10px;}
.contact_area_flex_box:nth-of-type(1) a em{ background: none;font-size: 3.5rem; font-weight: bold;font-family: 'Lato', sans-serif; line-height: 1;}
.contact_area_flex_box:nth-of-type(1) a em i{ margin-right: 15px;}
.contact_area_flex_box:nth-of-type(2){ display: flex; justify-content: space-between;}
.contact_area_flex_box:nth-of-type(2) .hed_line, .contact_area_flex_box:nth-of-type(2) .hed_contact{ margin: 0 0px;}
.contact_area_flex_box:nth-of-type(2) a{ font-size: 1.5rem; padding: 15px 60px;}
.contact_area_flex_img{ position: absolute; right: -130px; bottom: -80px; z-index: 1;}
.contact_area_flex_img img{ width: 250px;}
@media screen and (max-width:767px) {
	.contact_area h2{ font-size:5vw;}
	.contact_area h2 i{font-size:5vw;}
	.contact_area_flex{padding: 0 0px;}
	.contact_area_flex_box:nth-of-type(1) a span{ font-size: 3vw; display: block; padding-bottom: 10px;}
	.contact_area_flex_box:nth-of-type(1) a em{font-size:7vw;line-height: 1;}
	.contact_area_flex_img{ position: absolute; right: -10vw; bottom: -50px; z-index: 1;}
	.contact_area_flex_img img{ width:34vw;}
	.contact_area_flex_box:nth-of-type(2){ display: block;}
	.contact_area_flex_box:nth-of-type(2){ padding-right: 25vw; box-sizing: border-box;}
	.contact_area_flex_box:nth-of-type(2) a{ font-size: 3.6vw; padding: 15px 0px; width: 100%; text-align: center; display: block;}
	.contact_area_flex_box:nth-of-type(2) div:nth-of-type(n+2){ margin-top: 10px;}
}

.card{ display:  flex; justify-content: center; background: #fff; align-items: center; border-radius: 7px; margin-top: 20px; padding: 5px 0;}
.card p{ margin-right: 20px; font-weight: bold; }
.card img{ height: 40px;}
@media screen and (max-width:767px) {
	.card{display: block; padding: 2vw 5vw; box-sizing: border-box; margin-right: 25vw; text-align: center;}
	.card p{ margin-right: 0vw; font-weight: bold; font-size: 3vw; text-align: center;}
	.card img{ height:auto; width: 90%;}
}
/*******************************
/* 下層ページ
*******************************/
.service_flow .top_flow_box_in_text {background: #fff;}

.voice_single{ display: flex; justify-content: space-between;}
.voice_single_box{ width: 30%;}
.voice_single_box:nth-of-type(2){ width: 66%;}
.voice_single_box img{ width: 100%;}
.voice_single h2{ font-size: 1.6rem; margin-bottom: 40px;border-left: 5px solid #00a68d;line-height: 1.5;padding-left: 15px;}
.voice_single_box h3{ font-size: 1.2rem; }
.voice_single_box ul{ display: flex; padding-top: 20px;}
.voice_single_box ul li{margin-right: 25px;}
.voice_single_box ul li span{ display: inline-block; background:#eb6100; color: #fff; margin-right: 10px; padding: 0 10px; border-radius: 3px;}
.b_a_flex{ display: flex; flex-wrap: wrap; margin-top: 40px;}
.b_a_flex_box{ width: 22%; position: relative; margin-right: 4%;}
.b_a_flex_box:nth-of-type(4n){margin-right:0%;}
.b_a_flex_box:nth-of-type(n+5){ margin-top: 20px;}
.b_a_flex_box .before{ font-size: 1rem;}
.b_a_flex_box .after{ font-size: 1rem;}
.b_a_flex_box img{ width: 100%; height: 200px; object-fit: cover;}
.voice_single_other{ margin-top: 40px;}
.voice_single_other h2{ font-size: 1.3rem; margin-bottom: 30px;border-left: 5px solid #23415E;line-height: 1.5;padding-left: 15px;}
.questionnaire{}
.questionnaire h4{ color:#00a68d; font-size: 1.3rem;}
@media screen and (max-width:767px) {
    .voice_single{ flex-wrap:wrap;}
    .voice_single_box{ width: 100%;}
    .voice_single_box:nth-of-type(2){ width: 100%; margin-top: 20px;}
    .voice_single h2{ font-size:4.5vw; margin-bottom: 40px;}
    .voice_single_box h3{ font-size:4vw; }
    .voice_single_box ul{ justify-content: space-between; flex-wrap: wrap; padding-top: 20px; font-size: 3.3vw;}
    .voice_single_box ul li{ width: 48%;margin-right:0px;}
    .voice_single_box ul li:nth-of-type(n+3){ margin-top: 10px;}
    .b_a_flex{ justify-content: space-between; margin-top: 40px;}
    .b_a_flex_box{ width: 48%; margin-right: 0%;}
    .b_a_flex_box:nth-of-type(n+3){ margin-top: 15px;}
    .b_a_flex_box img{ width: 100%; height: 30vw; object-fit: cover;}
    .voice_single_other h2{ font-size:4.5vw; margin-bottom: 30px;border-left: 5px solid #23415E;line-height: 1.5;padding-left: 15px;}
}

.company{}
.company table{width: 100%;border-collapse: collapse;}
.company table th{ width: 20%; border: 1px solid #ccc;vertical-align: middle;background: #23415E; color: #fff; }
.company table td{ width: 80%;border: 1px solid #ccc; padding: 15px 25px; box-sizing: border-box;}

.column_single{}
.column_single_main_img{ margin-bottom: 40px;}
.column_single img{ width: auto; max-width: 640px; height: auto;margin-bottom: 40px;}
.column_single h2{ font-size: 1.8rem; margin-bottom: 40px;background: #e8f6ff; padding: 15px 25px 15px 45px; border-radius: 7px; position: relative;}
.column_single h2::before{ content: "";  width: 6px; height: 60%;border-radius: 3px; background:#23415E; z-index: 1; position: absolute; left: 20px;}
.column_single h2:nth-of-type(n+1){ margin-top: 80px;}
.column_single h3{ font-size: 1.5rem; margin-top: 40px; margin-bottom: 40px; border-left: 6px solid #23415E;border-radius: 3px; padding-left: 15px;}
.column_single h3 span{ display: inline-block; border-bottom: 3px solid #333; font-weight: bold;}
.column_single h4{ padding-top: 40px; font-size: 1.1rem;}
.column_single ul{background: #f3f0e8; width: 800px; padding: 20px 40px; box-sizing: border-box; margin-top: 20px;}
.column_single ul li{ font-weight: bold; list-style: circle;}
.column_single ul li:nth-of-type(n+2){ margin-top: 5px;}
@media screen and (max-width:767px) {
    .column_single_main_img{ margin-bottom: 0px;}
    .column_single img{ width:100%; max-width:100%; height: auto; }
    .column_single h2{ font-size:5.5vw; margin-bottom: 40px;background: #f3f0e8; padding: 3vw 1vw 3vw 6vw; border-radius: 7px; position: relative;}
    .column_single h2::before{ content: "";  width: 6px; height: 60%;border-radius: 3px; background:#00a68d; z-index: 1; position: absolute; left: 3vw;}
    .column_single h3{ font-size: 4.5vw; margin-top: 40px; margin-bottom: 40px;padding-left: 10px;}
    .column_single ul{background: #f3f0e8; width: 100%; padding: 20px 40px; box-sizing: border-box; margin-top: 20px;}
.column_single ul li{ font-weight: bold; list-style: circle;}
.column_single ul li:nth-of-type(n+2){ margin-top: 5px;}
}

.column{display: flex; justify-content: space-between; flex-wrap: wrap;}
.column::after{content:"";display: block;width:30%;}
.column_box{ width: 30%;}
.column_box:nth-of-type(n+4){ margin-top: 40px;}
.column_box img{ width: 100%; height: 250px; object-fit: cover;}
.column_box h3{ padding-top: 15px; font-size: 1.1rem; padding-bottom: 10px;}
.column_box p {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: .9rem;}
.column_box p:nth-of-type(1),.column_box p:nth-of-type(3){ display: none;}
.column_box p:nth-of-type(n+2){ margin-top: 0px;}
@media screen and (max-width:767px) {
    .column_box{ width: 100%;}
    .column_box:nth-of-type(n+2){ margin-top: 40px;}
}
/*******************************
/* フッター
*******************************/
.sp_fixed_menu{ display: none;}
.about_text{}
.about_text h2{ font-size: 1.1rem; padding-bottom: 10px;}
.about_text p{ font-size: .9rem;}

footer{ padding: 100px 0 100px 0; background: #23415E;color: #fff;}
.ft_flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.ft_flex_box{ width: 45%;}
.ft_flex_box:nth-of-type(1) a img{ margin-bottom: 20px;}
.ft_flex_box span{ display: block;}
.ft_flex_box:nth-of-type(n+2){ width: 55%;display: flex; justify-content: space-between; flex-wrap:wrap;}
.ft_flex_box:nth-of-type(n+2) ul{ width: auto;}
.ft_flex_box:nth-of-type(n+2) ul li a{ color: #fff;}
.ft_flex_box:nth-of-type(n+2) ul li.sub{ padding-left: 10px;}
.ft_flex_box:nth-of-type(n+2) ul li a .fa-caret-right{ padding-right: 5px;}
.copyright {display: block;text-align: center;padding-top: 80px;font-size: .75rem;font-weight: normal;color: #fff;}
@media screen and (max-width:767px) {
    footer{ padding: 50px 0 110px 0;}
    .ft_flex_box{ width:100%;}
	.ft_flex_box span{ font-size: 3vw;}
	.ft_flex_box:nth-of-type(n+2) ul{ font-size: 3vw;}
    .ft_flex_box:nth-of-type(1) a img{ width: 50vw; margin-bottom: 20px;}
    .copyright {padding-top:50px;font-size: 2.6vw;}
    .ft_flex_box:nth-of-type(n+2){ width:100%; margin-top: 20px;}
    
    .sp_fixed_menu{ display: flex; justify-content: space-between; position: fixed;background:#e8f6ff; bottom: 0; height: 15vw; z-index: 99; width: 100%; align-items: center; padding: 1vw 2vw; box-sizing: border-box;}
    .sp_fixed_menu div{ padding: 2vw 0;border-radius: 7px;}
.sp_fixed_menu div:nth-of-type(1){ width: 39%;background:#23415E; border-bottom: 5px solid #031138;border-radius: 3px;}
.sp_fixed_menu div:nth-of-type(2){ width: 29%; background:#a77b45;border-bottom: 5px solid #684d2c; border-radius: 3px;}
.sp_fixed_menu div:nth-of-type(3){ width: 29%;background:#07b53b;border-bottom: 5px solid #347648; border-radius: 3px;}
.sp_fixed_menu div a{ display: block; text-align: center; font-size: 3.1vw;color: #fff; font-weight: bold; line-height: 1; letter-spacing: .01vw;}
.sp_fixed_menu div a span{ display: block; font-size: 2.6vw; padding-bottom: 1vw; }
.sp_fixed_menu div:nth-of-type(1) a{ display: block; letter-spacing: -.0vw; }
.sp_fixed_menu div:nth-of-type(1) a span{ display: block; font-size: 2.6vw;}
.sp_fixed_menu div:nth-of-type(2) a{}
.sp_fixed_menu div:nth-of-type(3) a{ }

}
/*******************************
/* ボタン
*******************************/
.more_btn{ text-align: center; margin-top: 60px;}
.more_btn a{ display: inline-block; width: 300px; color: #fff;background-color: #23415E;border-bottom: 5px solid #031138;border-radius: 7px; padding: 10px 25px;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;}
.more_btn a:hover{background: #315b83;border-bottom: 2px solid #23415E; margin-top: 3px;}
.more_btn a .fa-chevron-right{ padding-left: 10px;}

.fade-in{position:relative;opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;transition:opacity 2s ease,-webkit-transform 1s ease;transition:opacity 2s ease,transform 1s ease;transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
.fade-in.is-active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

@media screen and (max-width:767px) {
	.more_btn a{width:60vw; font-size: 3.6vw;}
    .more_btn{ text-align: center; margin-top: 50px;}
}
/*******************************
/* 画像ホバーアニメーション
*******************************/
a .imgbox{ width:100%; display:block; overflow:hidden; position:relative;}

a .imgbox img{transition: all .6s ease-out 0s !important;}
a:hover .imgbox img{ transform: scale(1.02);}

/* scroll animation
----------------------------------------- */
.scrollAnim { }
.scrollAnim.scrollAnimShape { position: relative; overflow: hidden; }
.scrollAnim.scrollAnimShape img { display: block; position: relative; opacity: 0; width:100%; transition-delay: .5s; }
.scrollAnim.scrollAnimShape::before { content: ""; position: absolute; z-index: 10; top: 0; left: -50%; width: 0; height: 100%; background-color:#b5a029; transform: skewX(19deg); transform-origin: 0 50% 0; }
.storeInfo__imgWrap a:hover img { transition-delay: 0s; }
.scrollAnim.scrollAnimShape.show img { opacity: 1; }
.scrollAnim.scrollAnimShape.show::before {
	transition: width .7s cubic-bezier(.21, 1.06, .93, .96), left .7s cubic-bezier(.18, .85, .85, .94) .5s;
	left: 130%;
	width: 200%;
}
.scrollAnim2.scrollAnimShape.show::before { transition: width .7s cubic-bezier(.21, 1.06, .93, .96), left .7s cubic-bezier(.18, .85, .85, .94) .5s; }
.scrollAnim3.scrollAnimShape.show::before { transition: width .6s cubic-bezier(.21, 1.06, .93, .96), left .6s cubic-bezier(.18, .85, .85, .94) .5s; }
.js-grad::after { width: 0; transition: width .3s cubic-bezier(.21, 1.06, .93, .96), left 1.3s cubic-bezier(.21, 1.06, .93, .96) .6s; transform-origin: left; }
.js-grad.show::after { width: 100%; }

/*******************************
/* ページネーション
*******************************/
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    margin:80px 0 40px 0;
    position: relative;
	font-size: .75em;
}
.pagination h2.screen-reader-text {
    display: none;
}
.pagination a {
    display: inline-block;
	width: 35px;
	height: 35px;
	display: block;
    border-radius: 50%;
	background: #d7f0f4;
	text-align: center;
	line-height: 35px;
	margin: 0 5px;
}
.pagination a:hover{
	text-decoration: none;
	background: #00afc9;
	color: #fff;
}
.pagination span.current {
	background: #00afc9;
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
}
.pagination span {
    display: inline-block;
	margin: 0 5px;
}

@media screen and (max-width: 768px) {
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    margin:80px 0 40px 0;
    position: relative;
	font-size: .85rem;
}
.pagination h2.screen-reader-text {
    display: none;
}
.pagination a {
    display: inline-block;
	width: 35px;
	height: 35px;
	display: block;
    border-radius: 50%;
	text-align: center;
	line-height: 35px;
	margin: 0 5px;
}
.pagination a:hover{
	text-decoration: none;
}
.pagination span.current {
	
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
}
.pagination span {
    display: inline-block;
	margin: 0 5px;
}
}

/*******************************
/* フォーム
*******************************/
.table_form{ max-width: 800px; width: 100%; margin: 0 auto; padding-top: 80px;}
.table_form table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}
.table_form th {
	display:block;
	width:100%;
    background: #fff;
    text-align: left;
	padding-bottom:10px;
}
.table_form td {
	display:block;
	width:100%;
    border-bottom: 1px solid #e5eaeb;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid #f2f2f2;
}
.table_form td a{ color: #1ba1e6; text-decoration:underline;}
.table_form td small{ display: block; font-size: .8rem; margin-bottom: 5px;}
.required{ display:inline-block; background: #23415E;color:#fff; padding:2px 10px 0 10px; margin-left:10px; border-radius: 3px; font-weight:normal; font-size: .85rem;}

.table_form input[type="text"], input[type="url"], .table_form input[type="tel"], .table_form input[type="email"], .table_form select, .table_form textarea {
    box-sizing:border-box;
	background:#f5f7f8;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 20px 20px;
    width: 100%;
}
.table_form input[type="date"]{
	background:#f5f7f8;
	border: 1px solid #bbb;
	padding: 20px 20px;
	 border-radius: 3px;
}
.table_form select{ height: 55px; width: 40%;padding: 0px 20px;}
input[type="file"] {width:100%;}
.wpcf7-form-control-wrap { display: block;}
.wpcf7-form-control-wrap:nth-of-type(n+2){ margin-top: 5px;}

.table_form input[type=checkbox], .table_form input[type=radio] {
    background-color: initial;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    display: inline-block;
    width: auto;
}
.wpcf7-submit {
    display: inline-block;
    color: #fff;
    width: 350px;
    background-color: #EB3636;
    border-bottom: 5px solid #a73535;
    border-radius: 7px !important;
    padding: 20px 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    font-size: 1.15rem;
}
	.table_form input.datepicker[type="text"] {
    width: 40% !important;
}
.wpcf7-submit:hover{ opacity: .7;}

.wpcf7c-conf-hidden{background: none !important;border: none !important;}
.wpcf7c-conf {
    background-color: #f8f5ee !important;
}


.wpcf7-not-valid-tip {
	margin-top:10px;
}
.wpcf7-list-item-label{
	padding-right:10px;
}
.submit{
	text-align:center;
}
div.wpcf7 .ajax-loader {
	display:none !important;
}

.checkbox-988 .wpcf7-list-item:nth-of-type(1){ white-space: pre ;}
@media screen and (max-width: 768px) {
.table_form p{ padding-bottom: 60px; font-size: 3vw;}
.table_form table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}
.table_form th {
	display:block;
    border-bottom: none;
    padding:0;
	padding-bottom:8px;
    background: #fff;
    text-align: left;
    width: 100%;
	box-sizing:border-box;
}
.table_form td {
	display:block;
	width:100%;
    border-bottom: 1px solid #e5eaeb;
    padding: 0;
	box-sizing:border-box;
	padding-bottom:20px;
	margin-bottom:20px;
}

.required_buy{ display:inline-block; background:#00AECA; color:#fff; padding:2px 10px 0 10px; margin-left:10px; border-radius: 3px; font-weight:normal;}
.required_sale{ display:inline-block; background:#f0ac00; color:#fff; padding:2px 10px 0 10px; margin-left:10px; border-radius: 3px; font-weight:normal;}
.attention{ display:block; margin-left:0px; font-weight:normal;}

.table_form input[type="text"], .table_form input[type="tel"], .table_form input[type="email"], .table_form select, .table_form textarea {
    box-sizing:border-box;
    border-radius: 3px;
    padding: 20px 20px;
    width: 100%;
	font-size: 16px;
}
.table_form input[type="date"]{
	width: 60%;
	padding: 0px 20px;
	font-size: 16px !important;
	height: 55px;
}
		    .table_form input.datepicker[type="text"] {
        width: 100% !important;
    }

.wpcf7-submit, .wpcf7-confirm, .wpcf7-back {
    border-radius: 5px;
    padding: 0 20px 0 20px;
    text-align: center;
	width:70vw;
	height:50px;
	cursor:pointer;
	border: none;
	color:#fff;
	margin:10px 0px;
	font-size:3.6vw;
}
.submit_buy .wpcf7-submit{background: #00AECA;box-shadow: 0 -3px 0 #00468C inset;}
.submit_buy .wpcf7c-elm-step1{background: #00AECA;box-shadow: 0 -3px 0 #00468C inset;}
.submit_buy .wpcf7-back{background: #293337;box-shadow: 0 -3px 0 #111 inset;}

.submit_sale .wpcf7-submit{background: #f0ac00;box-shadow: 0 -3px 0 #D96D00;}

.wpcf7c-conf-hidden{background: none !important;border: none !important;}
.wpcf7c-conf {
    background-color: #f8f5ee !important;
}


.wpcf7-not-valid-tip {
	margin-top:10px;
}
.wpcf7-list-item-label{
	padding-right:10px;
}
.submit{
	text-align:center;
}
div.wpcf7 .ajax-loader {
	display:none !important;
}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.oshirase{ padding-top: 40px;}
.oshirase_in{border: 2px solid #EB3636;border-radius: 7px; overflow: hidden;}
.oshirase_in h2{ text-align: center;background: #EB3636; color: #fff; padding: 5px 0; font-size: 1.2rem;}
.oshirase_in p{ padding: 10px 25px;}

.wpcf7-spinner{ display: none !important;}

/*******************************
/* クリーンセンター
*******************************/
.clean_center h3{ padding-bottom: 10px; font-size: 1.2rem;}
.clean_center table{width: 100%;border-collapse: collapse; font-size: .85rem;}
.clean_center table th {border: 1px solid #ccc;vertical-align: middle;background:#23415E;color: #fff; padding: 10px 15px;}
.clean_center table tr:nth-of-type(1) th:nth-of-type(1){ width: 30%;}
.clean_center table tr:nth-of-type(1) th:nth-of-type(2){ width: 26%;}
.clean_center table tr:nth-of-type(1) th:nth-of-type(3){ width: 32%;}
.clean_center table tr:nth-of-type(1) th:nth-of-type(4){ width: 12%;}
.clean_center table td {border: 1px solid #ccc;padding: 10px 15px;box-sizing: border-box;background: #fff; vertical-align: middle;}

@media screen and (max-width:767px) {
	.clean_center h3{ padding-bottom: 10px; font-size:4vw;}
	.table_scroll{overflow-x: auto;white-space: nowrap;}
	.table_scroll table{ width: auto; font-size: .7rem !important;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #F1F1F1;}
	.table_scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
}

/*******************************
/* 特徴・声
*******************************/
.feature{}
.feature h3{ font-size: 1.6rem; margin-bottom: 10px;}
.feature h3:nth-of-type(n+2){ margin-top: 40px;}
.customer_voice h4{font-size: 1.3rem; padding-bottom: 10px;}
.customer_voice h4:nth-of-type(n+2){ margin-top: 40px;}
.customer_voice p:nth-of-type(n+2) {
    margin-top: 0px;
}

@media screen and (max-width:767px) {
	.feature h3{ font-size: 4.5vw; margin-bottom: 10px;}
	.customer_voice h4{font-size: 4vw; padding-bottom: 10px;}
}

.seo-text {
  padding: 40px 0px;
  margin-top: 60px;
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #333;
  line-height: 1.8;
}

.seo-text h2 {
  font-size: 1.6em;
  margin-bottom: 24px;
  color: #2c3e50;
  border-left: 6px solid #23415E;
  padding-left: 12px;
}

.seo-text p {
  margin-bottom: 18px;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .seo-text {
    padding: 30px 15px;
  }

  .seo-text h2 {
    font-size: 1.4em;
  }

  .seo-text p {
    font-size: 0.95rem;
  }
}