@charset "UTF-8";
/*-----------------------------------------------------------------------------
basic
-----------------------------------------------------------------------------*/
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,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}



html {
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	scroll-behavior: smooth;
}


nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/* 共通項目 */
* {box-sizing: border-box;}
*:focus {outline: none!important;}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {border-collapse:collapse;}

hr {
    display:block;
    height:4px;
    border:0;
    border-top:4px solid #e1edf6;
    margin: 0;
    padding:0;
}

input, select {outline: none;vertical-align:middle;}

/* ShipporiMincho */
@font-face {
    font-family: ' ShipporiMincho ';
    src: url('../fonts/ShipporiMincho-Regular.woff2') format('woff2'),
             url('../fonts/ShipporiMincho-Regular.ttf') format('truetype');
    font-weight: 400;
}

/* ShipporiMincho-SemiBold */
@font-face {
    font-family: ' ShipporiMincho ';
    src: url('../fonts/ShipporiMincho-SemiBold.woff2') format('woff2'),
             url('../fonts/ShipporiMincho-SemiBold.ttf') format('truetype');
    font-weight: 600;
}




body {
color: #274274;
font-size: 93%;
line-height: 1.6;
font-weight:400;
font-family: ' ShipporiMincho ';
letter-spacing: 0.08rem;
padding-top: 80px;
position: relative;
overflow: hidden;
background:#f7f7f7;}

body.home {overflow: hidden;}

@media (min-width: 768px) {
body {
font-size: 92%;
letter-spacing: 0.08rem;
}
}

@media (min-width: 992px) {
body {
font-size: 94%;
line-height: 1.6;
padding-top: 100px;
letter-spacing: 0.08rem;
}
}
@media (min-width: 1280px) {
body {
font-size: 99%;
letter-spacing: 0.1rem;
}
}



body {
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
body:after {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.4);
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
body.overlay:after {
    z-index: 30;
    opacity: 1;
}

/* -------------------------------

/* 共通
---------------------------------------------------- */

.fluid {position: relative;
	max-width: 1140px;
	margin: 0 auto;
}



.clearfix:after {
  content: "";
  clear: both;
	display: table;
}
.clear {clear: both;}

a{outline:none;}

*:focus {
  outline: none;
}

.f-right {float: right;}
.f-left {float: left;}
.pointer {cursor: pointer;}
ul.decimal li{list-style: decimal;margin-left: 25px;line-height: 1.7;}
ul.dot li{list-style:disc;margin-left: 25px;line-height: 1.7;text-align: left;}
ul.square {margin-left: 30px;}
ul.square li{list-style:disc;line-height: 1.7;}

.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33.33333333%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.mb150mb100{margin-bottom: 150px;}
.mb120mb80{margin-bottom: 90px;}
.mb80mb50{margin-bottom: 50px;}
.mb50mb30{margin-bottom: 50px;}
.mb30mb10{margin-bottom: 30px;}

@media (max-width: 1140px) {
.mb120mb80{margin-bottom: 70px;}
.mb150mb100{margin-bottom: 100px;}

}


@media (max-width: 991px) {
.mb150mb100{margin-bottom: 90px;}
.mb120mb80{margin-bottom: 60px;}

.mb30-md{margin-bottom: 30px;}
}

@media (max-width: 767px) {
.space15{margin-bottom: 15px;}
.mb150mb100{margin-bottom: 80px;}
.mb80mb50{margin-bottom: 30px;}
.mb50mb30{margin-bottom: 30px;}
.mb20-xs{margin-bottom: 20px;}
.mb30-xs{margin-bottom: 30px;}
}
@media (max-width: 568px) {
.mb30-xs2{margin-bottom: 30px;}
.mb20-xs2{margin-bottom: 20px;}
.mb10-xs{margin-bottom: 10px;}
.mb30mb10{margin-bottom: 10px;}

}


@media (min-width: 1200px) {

.mb30-xl { margin-bottom: 30px !important; }
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.3;
}

.indent2 {
  padding-left: 1.7em;
  text-indent: -1.7em;
}
.flexbox{display: flex;align-items: center;}
.flexbox-between{display: flex;align-items: center;justify-content: space-between;}

.flexbox3{display: flex;align-items: flex-end;}
.flexbox4{display: flex;justify-content: flex-end;}


@media (max-width: 767px) {
.flexbox4{display:block;}


}


.bg-gray{background: rgba(0,0,0,.01);}
.bg-blue{background:url("../images/bg-gaiyo.jpg");background-position: center;background-size: cover;}
.bg-border-top{border-top: 1px solid #ddd;}
._bg-blue{background: rgba(221,235,250,.5);}





/*btn
------------------------------ */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img{vertical-align: bottom;}




/* アニメーション
---------------------------------------------------- */
.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.vertical {
  animation: vertical_6392 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_6392 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.fluffy {
	-webkit-animation: fluffy 0.8s linear 0s 1;
	animation: fluffy 0.8s linear 0s 1;
}
@-webkit-keyframes fluffy {
	0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	15%  { -webkit-transform: scale(0.9, 0.9) translate(0%, 5%); }
	30%  { -webkit-transform: scale(1.3, 0.8) translate(0%, 10%); }
	50%  { -webkit-transform: scale(0.8, 1.3) translate(0%, -10%); }
	70%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
	100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes fluffy {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
	30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
	50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
	70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.horizontal {
  animation: horizontal_5801 5s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes horizontal_5801 {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.passing-reverse {
  animation: passing-reverse_1059 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes passing-reverse_1059 {
  0% { transform:translateX(50%); opacity:0 }
  50% { transform:translateX(35%); opacity:.5 }
  100% { transform:translateX(0%); opacity:1 }
}

.float {
  animation: float_1 4s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes float_1 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}

.float2 {
  animation: float_2 2s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes float_2 {
  0% { transform: translateY(0) }
  60% { transform: translateY(-5px) }
  100% { transform: translateY(0) }
}


/* link
---------------------------------------------------- */
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a.opacity {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.opacity:hover {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:focus{
  outline: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
[data-action="call"]  {text-decoration: none;}

/* font-size color
---------------------------------------------------- */
.x-small { font-size: 10px; line-height: 1.6; }
.small { font-size: 12px; line-height: 1.6; }
.middle { font-size: 14px; }
.large { font-size: 16px; }
.x-large { font-size: 18px; }
.x2-large { font-size: 20px; }
.x3-large { font-size: 22px; }
.x4-large { font-size: 24px; }
.max-large { font-size: 32px; }
.italic {font-style: italic;}
.bold{font-family: ' BIZUDPGothic-Bold ';}

.white { color: #ffffff; }
.red { color: #f00; }
.blue { color:#0000FF; }
.purple { color: #e24bc4; }
.orange { color: #f60; }
.kiiro { color: yellow!important; }
.pink{color: #FA68AF;}

/* スクロールでナビ表示
---------------------------------------------------- */
.cb-header {
    position: fixed;
    top: 0;
    left: 0;
	right:0;
    display: none;
    background: #fff;
	border-bottom: 1px solid #ddd;
}



@media (max-width: 767px) {
.cb-header {display: none!important;}
#navibar {display: none;border-bottom:none;}
}


/* header
---------------------------------------------------- */
#header{display: none;}
.cb-header2 {
    position: fixed;
    /* 固定 */
    top: 0;
    /* 上から0の位置に固定 */
    left: 0;
    /* 左から0の位置に固定 */
    display: block;
    /* 表示 */
	z-index: 1200;
	width: 100%;
	box-sizing: border-box;
	background:#fff;
	border-bottom: 1px solid #ddd;
}

.sc {
display: flex;
align-items: center;
    width: 100%;
    margin: 0 auto;
	height: 80px;
background:	#f7f7f7;}
.sc img{vertical-align: bottom;}
.sc .logo{padding-left: 15px;width: 180px;}

.site-header{display: none;}
.header{display: none;}
.top-logo {display: none;}



@media (min-width: 667px) {
.sc {
display: flex;
align-items: center;
    width: 100%;
    margin: 0 auto;
	height: 80px;}
	
.sc .logo{padding-left: 15px;width: 200px;}

}



@media (min-width: 992px) {
.cb-header2 {display: none!important;}

.site-header{
display:block;
position:fixed;
	width: 100%;
	z-index: 100;
	top:0;
	left:0;
	right:0;
	height: 100px;
	transition: .5s;
}
.site-header:hover{background:#f7f7f7;}
.header{width: auto; position: relative;z-index: 10;display: block;}
.top-logo {display: block; position: absolute;width: 220px;top:15px;left: 20px;z-index: 20;}

}

/* スクロールでヘッダー背景色表示 */
.hide {transition: .8s;background:#f7f7f7;}

.hide2 {display: none;}
.open {overflow: hidden;}

@media (min-width: 1280px) {
.top-logo {width: auto;top:10px;}



}

@media (min-width: 1680px) {
.top-logo {width: auto;left: 40px;}



}



.gnav-wrapper {width: 100%;}

.gnav {width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 200px;
}

.gnav li { 
  text-align: center;
  transition: all .3s ease-in-out;
  font-size: 1em;
}
.gnav a {position: relative;
text-align: center;
  color: #274274;
  display: flex;
  align-items: center;
  height: 100px;
  font-size: 15px;margin: 0 15px;
}

.gnav a.active {color: #090;}
.gnav a.active::after {
  content: '';/*何も入れない*/
  position: absolute;
  top:14px;
  left:50%;
  transform: translateX(-50%);
  width: 26px;/*画像の幅*/
  height: 26px;/*画像の高さ*/
  background-image: url(../images/nav-active.png);
  background-size: contain;
  vertical-align: middle;}

.gnav a.drop {margin: 0 20px 0 30px;}

.gnav a:last-child {margin: 0 0px 0px 30px;}
.gnav a.drop::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
font-weight: 900;
position: absolute;
right: -1em;
top:50%;
transform: translateY(-50%);
  color: #555;
}

.gnav a.drop.active {color: #090;position: relative;}

.gnav li a:hover { color: #090;}
.gnav li a.drop:hover::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
font-weight: 900;
position: absolute;
right:-1em;
top:50%;
transform: translateY(-50%);
  color: #9c6;
}
.gnav a:hover::after {color: #9c6;}


.gnav > li:hover .megamenu {
	max-height: 9999px;
  display: block;
  padding: 0px 0;
}
.megamenu {
	margin: 0;
	width: 100%;
  background:#f7f7f7;
  max-height: 0;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 0;
  right:0;
  z-index: 100;
}

.megamenu-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
  padding: 50px 15px 15px;
}
.megamenu-inner ul {width: 95%;margin: 0 auto;}
.megamenu-inner li {margin-bottom: 30px;}
.megamenu-inner a {
  border-left: none;
  border:none;
  height: auto;
  width: 100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: .5s;
}
.megamenu-inner a .pic{margin-bottom: 15px;overflow: hidden;border-radius: 1.2em;}
.megamenu-inner a .pic img {
  height: auto;
  transition: transform .6s ease;/* ゆっくり変化させる */
  width: 100%;
}
.megamenu-inner a:hover .pic img {transform: scale(1.1);}
.megamenu-inner a .index{color: #274274;line-height: 1.5;font-weight: 600;}
.megamenu-inner a:hover .index {color: #9c6;}
 
 /* 右端の「お問い合わせ」：PCのみ */
.header-contact {
  position: fixed;
  right: 20px;
  top: 20px;
z-index: 500;
}
.header-contact a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  padding: 10px 0;
  border:3px solid #192753;
  border-radius: 50%;
  background: #090;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms;
}
.header-contact a .fas{margin-bottom: 10px;}
.header-contact a:hover {background: #192753;}




@media (min-width: 1280px) {
.gnav {padding-right: 230px;}

.gnav a { margin: 0 40px;  font-size: 16px;}
.gnav a.drop {margin: 0 30px 0 40px}

.gnav a:last-child {margin: 0 0px 0px 40px;}

.megamenu-inner ul {width:1140px;margin: 0 auto;}
.megamenu-inner a {font-size: 15px;}


}


@media (min-width: 1680px) {
.gnav {padding-right: 250px;}

.gnav a { margin: 0 50px;font-size: 17px;}
.gnav a.drop {margin: 0 30px 0 50px;}
.gnav a:last-child {margin: 0 0px 0px 50px;}
  /* 右端の「お問い合わせ」：PCのみ */
.header-contact {
  position: fixed;
  right: 50px;
  top: 40px;

}
.header-contact a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  padding: 10px 0;
  border:3px solid #192753;
  border-radius: 50%;
  background: #090;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms;
}
.header-contact a .fas{margin-bottom: 10px;}
.header-contact a:hover {background: #192753;}

}



@media (max-width: 991px) {
.header-contact {display: none;}
}



/*main
------------------------------------------------------------------*/

#main{position: relative;width: 100%;}

.main-pic{position: relative;z-index: 5;width: 60%;margin-left: 38%;}
.main-pic img{border-radius: 60px;}
.daisy{position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: 10;}
.main-h2{position: absolute;z-index: 50;
left: 10%;
bottom:25%;
}
.main-h2 h2{margin-bottom: 50px;}
.main-h2 .ja{font-weight: 400;color:#274274;line-height: 1.8;font-size: 18px;font-feature-settings: "palt";}

/* 滑らかに変形して出現 */
.smooth{
	animation-name:smoothAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
  transform-origin:left;
	opacity:0;
}

@keyframes smoothAnime{
  from {
  transform:translate3d(0, 100%, 0) skewY(12deg);
  opacity:0;
  }

  to {
  transform:translate3d(0, 0, 0) skewY(0);
  opacity:1;
  }
}




@media (max-width: 1680px){
#main{position: relative; }
.main-h2{position: absolute;z-index: 50;
left: 8%;
bottom:130px;
}
.daisy{width: 30%;top:50%;transform: translateY(-50%);z-index: 10;}



}



@media (max-width: 1440px){
.main-h2{position: absolute;z-index: 50;
left: 6%;
bottom:100px;
width: 30%;
}
.daisy{width: 22%;top:50%;transform: translateY(-50%);z-index: 10;}


}


@media (max-width: 1199px){
.main-h2{position: absolute;z-index: 50;
left: 3%;
bottom:30px;
width: 32%;
}
.main-h2 .ja{font-weight: 400;color:#274274;line-height: 1.8;font-size: 16px;font-feature-settings: "palt";text-align: justify;}


}


@media only screen and (max-width: 991px) {

.main-pic{position: relative;z-index: 5;width: 59%;margin-left: 39%;}
.main-pic img{border-radius: 40px;}
.daisy{position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: 10;width: 30%;}
.main-h2{position: absolute;z-index: 50;
left: 20px;
bottom:25px;
width: 35%;
}
.main-h2 h2{margin-bottom: 30px;}
.main-h2 .ja{font-weight: 400;color:#274274;line-height: 1.8;font-size: 16px;font-feature-settings: "palt";}







}



@media only screen and (max-width: 666px) {
.main-pic{position: relative;z-index: 5;width: 90%;margin-left: 5%;}
.main-pic img{border-radius: 20px;}
.daisy{position: absolute;left:0;top:auto;transform: translateY(0);bottom:0;width: 50%;}
.main-h2{position: relative;z-index: 50;
left: auto;
bottom:auto;
padding:20px 30px;
width: 100%;
}
.main-h2 h2{margin-bottom: 20px;}
.main-h2 .ja{line-height: 1.6;font-size: 16px;font-feature-settings: "palt";text-align: justify;}


}








@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}



/*　topCont
------------------------------------------------------------------*/






/* index.html 
---------------------------------------------------- */

.home #section01{padding: 50px 0;position: relative;}
.home #section01 .tagcolle-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color:none;
  border:none;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  letter-spacing: 0.5px;
  color: #009;
  margin: 10px;
}

.home #section01 .tagcolle-btn-default {
  box-shadow: 0 ;
  background-color: none;
  border-color: none;
}

.clippath{clip-path: ellipse(50% 10% at 50% 50%);background: #e9edfc;width: 100%;height:260px; position: absolute;left:0;top:-130px;z-index: 2;}
.leaf1{position: absolute;z-index: 4;left:5px;top:-45px;width: 50px;}
.leaf2{position: absolute;z-index: 4;right:5px;bottom:10%;width: 50px;}
.bt-insuta{width: 280px;margin: 0 auto;margin-bottom: 25px;padding-top: 1.5em;}

.home #section02{padding: 20px 0 50px;position: relative;background: #e9edfc;}
.home #section02 .container{z-index: 5;}
.home #section02 .headline{text-align: center;}
.home #section02 .txt{text-align: justify;margin-bottom: 30px;}
.home #section02 a{transition: .4s;}
.home #section02 a .pic{margin-bottom: 10px;position: relative;display: block;overflow: hidden;}
.home #section02 a .pic img {
  height: auto;
  transition: transform .6s ease;
  width: 100%;
}
.home #section02 a:hover .pic img {transform: scale(1.1);}
.home #section02 a .index{color: #009;font-weight: 600;font-size: 1.1em;display: flex;align-items: center;justify-content: space-between;letter-spacing: 0;}
.home #section02 a:hover .index{color: #090;}
.home #section02 .other{}
.sub-index{font-weight: 600;font-size: 26px;margin-bottom: .6em;color: #009;line-height: 1;}
.sub-index span{display: block;text-transform: uppercase;font-weight: 400;font-size: 16px;margin-top: .4em;}


.wavy{position: absolute;z-index: 10;bottom:0;left:-10%;right:-10%;}
.home #section03{padding: 20px 0 50px;position: relative;}
.home #section03 a{position: relative;display: block;transition: .4s;}
.home #section03 .pic{position: relative;}
.home #section03 .pic img{outline: 1px solid rgb(255, 255, 255);outline-offset: -10px;transition: .4s;} 
.home #section03 a:hover .pic img{opacity: .7;} 
.home #section03 .index{position: absolute;background: rgba(255,255,255,.7);padding: 1em;left:0;top:50%;transform: translateY(-50%);color: #000;font-size: 1.1em;}
.home #section03 .index span{display: block;margin-bottom: 5px;color: #009;font-size: 16px;}
 


.btn-view{color:#fff!important;background: #009!important; font-weight: 400;display: flex!important;align-items: center!important;justify-content: center!important;transition: .4s;letter-spacing: .1rem;height: 50px;border-radius: 25px!important;padding: 0!important;}
.btn-view:hover{color:#fff!important;background: #009C00!important;}
.btn-view .yazirusi {display: flex;transition: .4s;} 
.btn-view .yazirusi::after {
  content: '';
  width: 30px;
  height: 7px;
  border-bottom: solid 1px;
  border-right: solid 1px;
  transform: skew(45deg);
}
.tagcolle-row {margin-bottom: 1.6em;}

.tagcolle-btn-default {
  box-shadow:none;
  background-color: none;
  border-color:none;
  
}


.tagcolle-load-wrap .btn-view{font-family: ' ShipporiMincho '!important;width: auto;color: #009!important;background: none!important;text-decoration: underline!important;transition: .4s;border:none!important;padding: 0!important;border-radius: 0px!important;height: auto!important;}
.tagcolle-load-wrap .btn-view:hover{width: auto;color:#009C00!important;background: none!important;text-decoration: underline!important;transition: .4s;}

.btn-arrow{width: 40px;height: 40px;border-radius: 50%; border:0px solid #009;display: flex;align-items: center;justify-content: center;transition: .4s;}
.btn-arrow.color1{background: #fa79b2;}
.btn-arrow.color2{background: #9966ff;}
.btn-arrow.color3{background: #3399ff;}
.btn-arrow.color4{background: #33cc33;}
.btn-arrow.color5{background: #cccc00;}
.btn-arrow.color6{background: #ff9933;}


.arrow {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 1px;
  margin: 5px 0;
  border-radius: 9999px;
  background-color: #fff;
}
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 8px;
  height: 1px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: calc(100% - 0.5px) 50%;
}
.arrow::before {transform: rotate(45deg);}
.arrow::after {transform: rotate(-45deg);}

.home #section02 a:hover .btn-arrow{background: #009;}
.home #section02 a:hover .arrow {background-color: #fff;}
.home #section02 a:hover .arrow::before,
.home #section02 a:hover .arrow::after {background-color: #fff;}

#target1{position: absolute;left:0;top:-80px;}
#target2{position: absolute;left:0;top:-80px;}
#target3{position: absolute;left:0;top:-80px;}
#target4{position: absolute;left:0;top:-80px;}
#target5{position: absolute;left:0;top:-80px;}
#target6{position: absolute;left:0;top:-80px;}




@media (min-width: 667px) {
.sub-index{font-size: 23px;margin-bottom: .6em;color: #009;line-height: 1;}
.sub-index span{font-size: 12px;margin-top: .7em;}
.bt-insuta{width: 320px;margin: 0 auto;margin-bottom: 40px;}

.home #section02 .container{max-width: 96%;}
.home #section03 .container{max-width: 96%;}


}




@media (min-width: 768px) {
.home #section01{padding: 70px 0;}
.home #section02 .txt{text-align:center;margin-bottom: 30px;}

.sub-index{font-size: 28px;margin-bottom:0;color: #009;line-height: 1;}
.sub-index span{font-size: 12px;margin-top: .7em;}

.home #section02{padding: 30px 0 100px;}
.leaf1{position: absolute;z-index: 4;left:5px;top:-45px;width: 80px;}
.leaf2{position: absolute;z-index: 4;right:5px;bottom:75px;width: 80px;}

.home #section03{padding: 30px 0 70px;}



.btn-view{height: 60px;border-radius: 30px!important;}

.gmap{margin-bottom: 0em;}
.gmap iframe{width: 100%;height: 250px;}

}



@media (min-width: 992px) {
.bt-insuta{width: 380px;margin: 0 auto;margin-bottom: 40px;}


.clippath{clip-path: ellipse(50% 15% at 50% 50%);background: #e9edfc;width: 100%;height:260px; position: absolute;left:0;top:-130px;}
.home #section02{padding: 30px 0 140px;}

.home #section02 a .index{font-size: 1.2em;}
.home #section02 a.yoko{display: flex;align-items: center;justify-content: space-between;}
.home #section02 a.yoko .pic{width: 47%;margin-bottom: 0;}
.home #section02 a.yoko .index{width: 50%;}
.sub-index{font-weight: 600;font-size: 32px;margin-bottom: 0;}
.sub-index span{font-size: 14px;margin-top: .7em;}

 .home #section03 .index{padding: 1.5em;left:0;top:50%;transform: translateY(-50%);color: #000;font-size: 1.2em;}
 .home #section03 .index span{display: block;margin-bottom: 5px;color: #009;font-size: 18px;}


.d-btwn{display: flex;flex-direction: column;justify-content: space-between;}
.gmap iframe{width: 100%;height: 380px;}

#target1{top:-100px;}
#target2{top:-100px;}
#target3{top:-100px;}
#target4{top:-100px;}
#target5{top:-100px;}
#target6{top:-100px;}


}




@media (min-width: 1200px) {
.home #section01{padding: 100px 0 150px;}

.sub-index{font-weight: 600;font-size: 36px;margin-bottom: 0;}
.sub-index span{font-size: 16px;margin-top: 1em;}

.home #section02{padding: 30px 0 160px;}
.clippath{clip-path: ellipse(50% 25% at 50% 50%);background: #e9edfc;width: 110%;height:300px; position: absolute;left:-5%;right:-5%;top:-150px;}
.home #section02 .container{max-width:1140px;}
.leaf1{position: absolute;z-index: 4;left:5px;top:-130px;width: 100px;}
.leaf2{position: absolute;z-index: 4;right:5px;bottom:10%;width: 100px;}
.home #section02 .txt{text-align:center;margin-bottom: 50px;font-size: 1.1em;line-height: 2;}

.home #section03{padding: 70px 0 100px;}
.home #section03 .container{max-width:1140px;}


.btn-view{height: 80px;border-radius: 40px!important;font-size: 1.1em;}

.btn-arrow{width: 55px;height: 55px;}
.arrow {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 1px;
  margin: 6.4px 0;
  border-radius: 9999px;
  background-color: #fff;
}
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 10px;
  height: 1px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: calc(100% - 0.5px) 50%;
}


.gmap{}
.gmap iframe{width: 100%;height: 400px;}



}

@media (min-width: 1440px) {
.home #section03 .container{max-width:1180px;}
.home #section03 .pic img{outline-offset: -15px;} 
.home #section03 .index{position: absolute;background: rgba(255,255,255,.7);padding: 1.5em;left:0;top:50%;transform: translateY(-50%);color: #000;font-size: 1.3em;}
.home #section03 .index span{display: block;margin-bottom: 5px;color: #009;font-size: 20px;}




}


@media (min-width: 1680px) {
.home #section01{padding:140px 0 200px;}
.sub-index{font-weight: 600;font-size: 40px;margin-bottom: 0;}
.sub-index span{font-size: 18px;margin-top: 1em;}
.bt-insuta{width: 420px;margin: 0 auto;margin-bottom: 40px;}

.home #section02{padding: 0px 0 200px;}
.clippath{clip-path: ellipse(50% 48% at 50% 50%);background: #e9edfc;width: 110%;height:300px; position: absolute;left:-5%;right:-5%;top:-150px;}
.leaf1{position: absolute;z-index: 4;left:5%;top:-130px;width: 150px;}
.leaf2{position: absolute;z-index: 4;right:5%;bottom:40%;width: 140px;}
.wavy{position: absolute;z-index: 10;bottom:0;left:0;right:0;}

.home #section03{padding: 80px 0 120px;}


}




a.btn-large{width: 100%;line-height: 55px; font-size: 17px; background: black;color: white;text-align: center;margin-top: 10px;display: block;
  padding: 0px;
  border:none;
  transition: .3s;
  padding-right: 0px!important;
  margin-right: 0!important;
}
a.btn-large:hover{background: #07a3d7;}

@media (min-width:768px) {
a.btn-large{width: 100%;line-height: 68px;font-size: 20px; background: black;color: white;text-align: center;margin-top: 40px;}


}

@media (min-width: 992px) {
a.btn-large{width: 100%;font-size: 20px; background: black;color: white;text-align: center;margin-top: 40px;}


}


@media (min-width: 1360px) {
a.btn-large{width: 100%;line-height: 80px;font-size: 24px;}


}



/* pagetop 
---------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1000;
}
 #pagetop img{vertical-align: bottom;border-radius: 50%; border:1px solid rgba(255,255,255,.5);}

#pagetop a {
    display: block;
    width: auto;
    text-align: center;
}
 
#pagetop a:hover {
    opacity: 1;
    text-decoration: none;
	-webkit-animation: float 0.8s linear 0s 1;
	animation: float 0.8s linear 0s 1;

}

@media (max-width: 568px) {
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

 #pagetop img{width: 45px;height: auto;}


}




/* -----  footer ------- */
.common{padding: 50px 0;border-top:2px solid #eee;}
.common .container{}
.common .container .wrap{background: #7d967b;padding: 0;}
.common .container .wrap .box{padding: 2.4em 1em 1.5em;color: white;}
.common .container .wrap .box h3{text-align: center;position: relative;width: 70%;margin: 0 auto; margin-bottom: 25px;}
.common .container .wrap .box h3 .ja{font-size: 1.3em;font-weight: 600;position: relative;z-index: 5;}
.common .container .wrap .box h3 .en{position: absolute;z-index: 2;width: 150px;left:-25px;top:-25px;}
.common .container .wrap .box h3 .en img{transform: rotate(-12deg);}
.common .container .wrap .box .txt{text-align: justify;font-feature-settings: "palt";margin-bottom: 25px;}
.common .container .wrap .box ul li{margin-bottom: 20px;}
.common .container .wrap .box ul li .tel{border-bottom:1px solid #BFCBBF;padding-bottom: 15px;}
.common .container .wrap .box ul li:last-child{margin-bottom: 0;}
.common .container .wrap .box ul li:last-child .tel{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}

.common .container .wrap .box .index{font-size: 1.15em;font-weight: 600;margin-bottom: .5em;}
.common .container .wrap .box .tel-call{}
.common .container .wrap .box .tel-call .call{color: white;font-size: 20px;}
.common .container .wrap .box .time{font-size: .9em;letter-spacing: 0;}
.common .container .wrap .box .mail{margin-bottom: 10px;}
.common .container .wrap .box .mail a{background: none;border:1px solid #BFCBBF;color: white;text-align: center;display: inline-block;width: 100%; line-height: 40px;border-radius: 20px;transition: .4s;}
.common .container .wrap .box .mail a:hover{background: #009C00;color: white;}
.common .container .wrap .pic-xs{}
.common .container .wrap li.pic{}

footer{ padding: 50px 0px 50px;position: relative;z-index: 2; background:#009; color: white;}
footer .asa{position: absolute;z-index: 1;width: 150px;top:5px;left:-30px;opacity: .2;}
footer ul{position: relative;z-index: 5;}
footer .logoblock{position: relative;text-align: center;width: 260px;margin: 0 auto; background: white;padding:.7em 1.2em; margin-bottom: 30px;}

.logo-txt{text-align: center;margin-bottom: 15px;font-weight: 600;}
.logo-txt span{display: block;font-size: 20px;}
footer .address{font-size: .95em;letter-spacing: 0;margin-bottom: .6em;}
footer .address a{color: white;transition: .4s;}
footer .address a:hover{color:#FFAF00;}
footer .tel{font-size: 1em;margin-bottom: 2.5em;line-height: 1.4;}
footer .tel span.call{color: #fff!important;font-size: 1.5em;letter-spacing: .08rem;}
footer .tel span.call:last-child{font-size: 1.1em;}



.footer-menu{width: 100%;margin: 0 auto; margin-bottom: 1.5em;padding: 0 0px;}
.footer-menu ul{display: block;}
.footer-menu li{width:100%;text-align: left;background:none;font-size: 15px;}
.footer-menu li a{color: #fff;text-decoration: none; text-align:left; font-size: 17px; padding: .5em .3em;line-height: 1.4; border-bottom: 1px dashed rgba(255,255,255,.4);display: block;letter-spacing: 0; transition: .3s;}
.footer-menu li a span{font-size: 14px;margin-right: .4em;}
.footer-menu li a:hover{color:#FFB100;}

footer .sns{text-align: center;width: 180px;margin: 0 auto; }
.qr{margin-bottom: 10px;}
footer .sns a{color:#00CB43;background: #fff;display:flex;align-items: center;justify-content: center;font-size: 14px;line-height: 1.4;padding: .5em; border-radius: 5px; letter-spacing: 0;}
footer .sns a img{width: 35px;height: auto;margin-right: 6px;}
.copy{text-align: center;color: #fff; font-size: .8em;letter-spacing: 0;background: #010144;padding: .6em 0;}

@media (min-width: 667px) {

.common .container .wrap .box{padding: 2.4em 2em 1.5em;}


footer .asa{top:-45px;}

footer .container{max-width: 95%;position: relative;}
footer .address{font-size: 1em;}
footer .tel{}

.footer-menu{width: 100%;border-top: none;padding: 0px;}
.footer-menu{border-top: none;margin-bottom: 1.5em;}
.footer-menu ul{border-top: none;border-left:none;margin-left: 0;}
.footer-menu li {width: auto;padding-bottom: 0px;position: relative;background: none;text-align: left;}
.footer-menu li a{letter-spacing:0rem;border-right:none; font-size: 14px;border-bottom: none;line-height: 1.8;padding:0;}


}



@media (min-width: 768px) {
.common{padding: 70px 0;}
.common .container .wrap .box{padding: 3.5em 2em 2em;}
.common .container .wrap .box h3{text-align: center;position: relative;width: 300px;margin: 0 auto; margin-bottom:30px;}
.common .container .wrap .box h3 .ja{font-size: 1.6em;}
.common .container .wrap .box h3 .en{position: absolute;z-index: 2;width: 180px;left:-25px;top:-32px;}
.common .container .wrap .box h3 .en img{transform: rotate(-12deg);}
.common .container .wrap .box .txt{text-align: center;font-feature-settings: "palt";margin-bottom: 25px;}
.common .container .wrap .box ul li{margin-bottom: 0px;border-right:1px solid #BFCBBF;}
.common .container .wrap .box ul li .tel{border-bottom:0;padding-bottom: 0px;}
.common .container .wrap .box ul li:last-child{margin-bottom: 0;border-right:none;}
.common .container .wrap .box ul li:last-child .tel{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}

.common .container .wrap .box .index{font-size: 1.15em;font-weight: 600;margin-bottom: .5em;text-align: center;}
.common .container .wrap .box .tel-call{text-align: center;}
.common .container .wrap .box .tel-call .call{color: white;font-size: 20px;}
.common .container .wrap .box .time{font-size: .9em;letter-spacing: 0;text-align: center;}
.common .container .wrap .box .tel:last-child{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.common .container .wrap .box .mail{margin-bottom: 10px;text-align: center;}
.common .container .wrap .box .mail a{background: none;border:1px solid #BFCBBF;color: white;text-align: center;display: inline-block;width: 250px;margin: 0 auto; line-height: 40px;border-radius: 20px;transition: .4s;}

footer {padding: 70px 0;}
footer .container{max-width: 85%;}
footer .asa{width: 210px;top:-45px;}

footer .logoblock{width: 250px; margin-bottom: 30px;}
footer .address{font-size:1em;}
footer .tel{font-size:1em;}

.footer-menu li {}
.footer-menu li a{letter-spacing:0.1rem;border-right:none; font-size: 16px;}



.copy{font-size: 12px;}


}


@media (min-width: 992px) {
.common .container{max-width: 100%;}
.common .container .wrap .box{padding: 3.5em 1.5em 2em;}
.common .container .wrap .pic-xs{display: none;}
.common .container .wrap li.pic{background: url("../images/pic-common.jpg");background-position: center;background-size: cover;}
.common .container .wrap .box .tel-call .call{color: white;font-size: 26px;}



footer .container{max-width: 95%;}

footer .logoblock{position: relative;width: 95%;margin-bottom: 0px;margin-left: 0;}

footer .address{margin-bottom: 0px;font-size: .9em;}
footer .tel{margin-bottom:0px;}


.footer-menu{margin-bottom: 20px;}
.footer-menu li a{border-right:none; font-size: 15px;}

footer .sns a{transition: .4s;background: none;color: white;padding: 0;}
footer .sns a:hover{color:#00CA43;}



.btwn{display: flex;flex-direction: column;justify-content: space-between;}
.btwn2{display: flex;flex-direction: column;justify-content: center;}

.copy{font-size: 12px;text-align: center;padding-top: 1.2em;}


}




@media (min-width: 1200px) {
.common{padding:100px 0;}
.common .container{max-width: 100%;}
.common .container .wrap .box{padding: 4.5em 2em 3em;}
.common .container .wrap .box h3{text-align: center;position: relative;width: 380px;margin: 0 auto; margin-bottom:30px;}
.common .container .wrap .box h3 .ja{font-size: 2em;}
.common .container .wrap .box h3 .en{position: absolute;z-index: 2;width: 200px;left:-35px;top:-50px;}
.common .container .wrap .box .tel-call .call{color: white;font-size: 30px;}

footer{padding: 100px 0;}
footer .container{max-width: 100%;}
footer .asa{width: 210px;top:-90px;}

.footer-menu li a{letter-spacing:.08rem;border-right:none;font-size: 16px;}
footer .address{margin-bottom: 0px;font-size: 1em;}

footer .sns{text-align: center;margin-bottom: 0px;}


.copy{font-size: 14px;}



}


@media (min-width: 1440px) {

.common .container{max-width: 1400px;}
.common .container .wrap .box .index{font-size: 1.25em;margin-bottom: .5em;text-align: center;}
.common .container .wrap .box h3 .en{position: absolute;z-index: 2;width: 260px;left:-55px;top:-60px;}

footer{padding: 100px 0;}
footer .container{max-width: 1180px;}
footer .asa{width: 240px;top:-90px;left:-140px;}

.footer-menu li a{border-right:none;}


}

@media (min-width: 1680px) {

.common{padding:120px 0;}
.common .container{max-width: 1500px;}
.common .container .wrap .box .txt{margin-bottom: 40px;}

.common .container .wrap .box{padding: 5.5em 2.5em 4em;}

footer .asa{width: 280px;top:-100px;left:-170px;}


}



/*------------------------------　　下層ページ style　　------------------------------------------*/
.h2area{width: 100%; position: relative;height: 270px;display: flex;align-items: center;}
.h2area::after {
  content: "";
  position: absolute;
  z-index: 5;
  left:0;right: 0;
  top:0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255,0.7);
}
.h2area.h2-about{background: url("../images/h2-about.jpg");background-position: left center;background-size: cover;}
.h2area.h2-company{background: url("../images/h2-company.jpg");background-position: left center;background-size: cover;}
.h2area.h2-contact{background: url("../images/h2-contact.jpg");background-position: center left;background-size: cover;}
.h2area .wrap{padding: 0 15px;position: relative;z-index: 10;}
.h2-txt {font-size: 24px;letter-spacing: 0.1rem; color: #009;text-shadow: 1px 1px #eee;font-weight: 600;padding-bottom: .6em;border-bottom: 1px solid #009;margin-bottom: 15px;}
.h2area .wrap p{text-align: justify;font-feature-settings: "palt";}
		
.headline {
font-weight: 600;
color: #009;
font-family: ' ShipporiMincho ';
font-size: 24px;
 position: relative;
 z-index: 10;
 text-align:left;
  margin-bottom: 1.2em;
  letter-spacing: .1rem;
}
.headline span {display: block;font-weight: 400;font-size: 18px;margin-bottom: 5px;}

.headline-h3 {
  position: relative;
  margin-bottom: 30px;
  font-size:20px;
  padding-left: 15px;
  letter-spacing: 0;
  color:#111;
  font-weight: normal;
  }
.headline-h3 span {display: block;color:#eee ;font-size: 18px;margin-bottom: .3em;font-family: 'Barlow Condensed', sans-serif;}
.headline-h3 span.jun {display: inline;color: #333;font-size: 14px;margin-bottom: auto;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";margin-left: .5em;}
.headline-h3::before{
   content:"";
   display:inline-block;
   width:5px;
   height:97%;
   background-color:#393;
   position:absolute;
   top:1.5%;
   left:0;
   bottom: 1.5%;
   border-radius: 5px;
}

.headline-h4 {
text-align: center;
   font-size: 16px;
 position: relative;
  padding: 1rem .5rem;
  margin-bottom: 1.8em;
}

.headline-h4:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  content: '';
  background: #06c;
}



@media (min-width: 667px) {
.h2area .wrap{padding: 0px;width: 50%;margin-left: 47%;}
.h2area::after {
  content: "";
  position: absolute;
  z-index: 5;
  left:0;right: 0;
  top:0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255,0.3);
}
.h2area.h2-about{background: url("../images/h2-about.jpg");background-position: center;background-size: cover;}
.h2area.h2-company{background: url("../images/h2-company.jpg");background-position: center;background-size: cover;}
.h2area.h2-contact{background: url("../images/h2-contact.jpg");background-position: center;background-size: cover;}

.h2-txt {}


}



@media (min-width: 768px) {
.h2area{width: 100%; position: relative;height: 260px;}
.h2area::after {
  content: "";
  position: absolute;
  z-index: 5;
  left:0;right: 0;
  top:0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255,0);
}

.h2-txt {font-size: 30px;}

.headline {margin-bottom:1.5em;font-size: 30px;}


.headline-h3 {font-size: 26px;padding-left: 20px;}


.headline-h4 {  font-size: 20px;}


}


@media (min-width: 992px) {
.h2area{width: 100%; position: relative;height: 320px;}

.h2-txt {font-size: 34px;}

.headline {margin-bottom:1.7em;}

.headline-h3 {font-size: 24px;}
.headline-h3 span {font-size: 22px;}


.headline-h4 {  font-size: 24px;}



}


@media (min-width: 1200px) {
.h2area{}
.h2area .wrap{padding: 0px;width: 45%;margin-left: 50%;}
.h2-txt {font-size: 40px;letter-spacing: .1rem;}

.headline {margin-bottom:1.7em;font-size:40px;}
.headline span {font-size:22px;margin-bottom: 10px;}


.headline-h3 {font-size: 26px;margin-bottom: 30px;padding-left: 1em;}
.headline-h3::before{
   content:"";
   display:inline-block;
   width:8px;
   height:98%;
   background-color:#393;
   position:absolute;
   top:1%;
   left:0;
   bottom: 1%;
   border-radius: 5px;
}


.headline-h4 { font-size: 26px;}

}

@media (min-width: 1440px) {

.h2area{width: 100%; position: relative;height: 380px;}
.h2area .wrap{padding: 0px;width: 40%;margin-left: 50%;}
.h2area .wrap p{line-height: 1.7;}


}

@media (min-width: 1680px) {
.h2area{width: 100%; position: relative;height: 420px;}
.h2area .wrap{padding: 0px;width:620px;margin-left: 52%;}

.headline {margin-bottom:1.7em;font-size:46px;}
.headline span {font-size:24px;margin-bottom: 10px;}


}


#pankuzu{background: #fff;position: relative;z-index: 10;max-width: 1200px;margin: 0 auto;padding: 0 15px;}





.marker {
  background: linear-gradient(transparent 70%, #f6e200 50%);
}
.marker2 {
  background: linear-gradient(transparent 50%, rgba(204,255,102,.8) 0%);
}

.btn-center {text-align: center !important;}

a.btn-more{background: #fff;color:#9ad460;border: 2px solid #9ad460;box-sizing: border-box; display: inline-block;transition: .3s;width: 300px;line-height: 60px;text-align: center;border-radius: 30px;font-family: ' BIZUDPGothic-Bold ';}
a.btn-more:hover{background: #9ad460;color: white; animation: vertical 2s linear infinite;}

@media (max-width: 767px) {
a.btn-more{width: 200px;line-height: 46px;font-size: 14px;}


}



.viewmore{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
   	border: 1px solid #555;/* ボーダーの色と太さ */
    padding: 15px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.viewmore span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#333;
}

.viewmore:hover span{
	color:#fff;
}

/*== 背景が流れる（中央から横全体） */
.bgcenterx:before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
    /*色や形状*/
	background:#339933;
	width: 100%;
	height: 100%;
    /*アニメーション*/
	transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx:hover:before{transform:scale(1, 1);}

.btn-back {
  display: inline-block;
  padding:10px 10px;
  text-align: center;
  width:240px;
  text-decoration: none;
  background:#06c;
  color: #fff;/*文字色*/
  font-size: 15px;
  letter-spacing: 0;
  transition: .6s;
  position: relative;
}
.btn-back span{position: relative;z-index: 10;}

.btn-back:before{
  content: "";
  position: absolute;
  left:0;
  top: 0;
  bottom: 0;
  width: 0;
  display: block;
  background:rgba(0,0,0,1.00);
  z-index: 1;
  transition: .6s;
}

.btn-back:hover{
  color: #fff!important;
}

.btn-back:hover:before{
  width: 100%;
}




.btn-pdf {
  display: inline-block;
  padding:10px 15px 10px 50px;
  text-align: left;
  text-decoration: none;
  background:url("../images/ico-pdf.png"),#fff;
  background-position: center left 10px;background-repeat: no-repeat;background-size: 26px auto;
  color: #222!important;/*文字色*/
  border:1px solid #ddd;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.5;
}
.btn-pdf:hover{
  color: #222;/*文字色*/
  background:url("../images/ico-pdf.png"),#f7f7f7;
  background-position: center left 10px;background-repeat: no-repeat;background-size: 26px auto;
}

.i-pdf{margin-top: 7px;display: block;}

@media (min-width: 768px) {
.btn-back {
  padding:18px 5px;
  width:340px;
  font-size: 16px;
}

}

@media (min-width: 1024px) {
.viewmore{padding: 20px 40px;font-size: 1.2em;}


.btn-back {
  padding:22px 5px;
  width:360px;
  font-size: 16px;
}

}

@media (min-width: 1200px) {
.viewmore{padding: 20px 60px;font-size: 1.2em;}


.btn-back {
  padding:22px 5px;
  width:360px;
  font-size: 16px;
}

}




.photo-ofi {
  height: 0;
  display: block;
  background: none;
  overflow: hidden;
  position: relative;
  padding-bottom: 65%;
  /* 高さを指定（ボックスの横幅を基準） */
}
.photo-ofi img {
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  font-family: 'object-fit: scale-down;';
  position: absolute;
  left: 0;
  top: 0;
}

/* paging */
.paging {
	padding:20px 10px 0px;
	line-height: 1.4;
	font-size: 14px;
}
.paging .page{text-align: center;margin-bottom: 5px;font-size: 13px;}
.paging span.current,
.paging  span.paging-text a{
	padding:5px 10px;
	color:#333;
	display:inline-block;
	margin:3px 0;
	background: #fff;
	border: 1px solid #ddd;
	text-decoration: none;
}
.paging span.current {
	background:#06A4AD;
	color:#fff;
}
.paging span.paging-text a:hover {
	background:#06A4AD;
	color:#fff;
}



/* shadow */
.box-shadow {box-shadow: 4px 4px #cdeaf8;}
.box-shadow2 {box-shadow: 2px 2px 10px rgba(0,0,0,.5)}
.drop-shadow { -webkit-filter: drop-shadow(2px 2px 10px rgba(0,0,0,.5));
        filter: drop-shadow(2px 2px 10px rgba(0,0,0,.5)); }
.drop-shadow2 { -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.08));
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,.08));}


.table-responsive {position: relative;z-index: 10;
border:none;
}


@media screen and (max-width: 767px) {
.table-responsive {
border:none;
}
.table-responsive::after {
font-size: 12px;
display: block;
padding: 0px 5px 5px 5px;
content: "表は左右にスクロールできます";
color: #999;
}
.table-responsive::-webkit-scrollbar {
height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}

.table-responsive::-webkit-scrollbar-thumb {
border-radius: 5px;
background:#4ba4bc;
}
}







/* -----  about.html  -----*/
#about-nav{padding: 40px 0;position: relative;}
#about-nav ul li{margin-bottom: 5px;}
#about-nav ul li:last-child{margin-bottom:0px;}

#about-nav a{height: 40px; display:flex;align-items: center;justify-content: center;background: white;border-radius: 25px;color: white;font-weight: 600;font-size: 1.1em;letter-spacing: .05rem; text-align: center;transition: .4s;}
#about-nav .color1{background: #fa79b2;}
#about-nav .color2{background: #9966ff;}
#about-nav .color3{background: #3399ff;}
#about-nav .color4{background: #33cc33;}
#about-nav .color5{background: #cccc00;}
#about-nav .color6{background: #ff9933;}


.about #section01{padding: 60px 0px;position: relative;background: rgba(255,111,180,.2);}
.about #section01 h4{font-weight: 600;font-size: 1.2em;margin-bottom: 15px;}
.about #section01 p{text-align: justify;}
.about #section01 .pic{width: 250px;margin: 0 auto;}

.about #section02{padding: 60px 0px;position: relative;background: rgba(162,99,255,.2);}
.about #section02 h4{font-weight: 600;font-size: 1.2em;margin-bottom: 15px;}
.about #section02 .pic{margin: 0 auto;margin-bottom: 20px;}
.btn-youtube{text-align: center;}
.btn-youtube a{background: white;color: #7B3BC8;width: 260px;display: flex;align-items: center;justify-content: center;height: 50px;border-radius: 30px;margin: 0 auto;transition: .4s;}
.btn-youtube.insta a{color:#2B8C37;margin-bottom: 15px;}
.btn-youtube.insta a.shopping{background:#2B8C37;color: white; margin-bottom: 0px;}
.btn-youtube.insta a.shopping:hover{background:#76945b;color: white;}


.btn-youtube a:hover{background: #96f;color: #fff;}
.btn-youtube a .fab{color: red;margin-right: 5px;font-size: 20px;}
.btn-youtube.insta a .fab{color: auto;background: linear-gradient(
  45deg,
  #f09433 0%,
  #e6683c 25%,
  #dc2743 50%,
  #cc2366 75%,
  #bc1888 100%
);
  -webkit-background-clip: text; /* テキストで切り抜く */
  -webkit-text-fill-color: transparent; /* 切り抜いた部分は背景を表示 */
}
.btn-youtube.insta a:hover{background: #2B8C37;color: #fff;}
.btn-youtube a:hover .fab{color: white;}
.btn-youtube.insta a:hover .fab{background: linear-gradient(
  45deg,
  #fff 0%,
  #fff 25%,
  #fff 50%,
  #fff 75%,
  #fff 100%
);
  -webkit-background-clip: text; /* テキストで切り抜く */
  -webkit-text-fill-color: transparent; /* 切り抜いた部分は背景を表示 */
}

.about #section03{padding: 60px 0px;position: relative;background: rgba(0,156,255,.2);}
.about #section03 h4{font-weight: 600;font-size: 1.2em;margin-bottom: 15px;}
.about #section03 .pic{margin: 0 auto;margin-bottom: 15px;}
.about #section03 p{font-feature-settings: "palt";text-align: justify;}

.about #section04{padding: 60px 0px;position: relative;background: rgba(62,178,62,.2);}
.about #section04 p.index{font-weight: 600;font-size: 1.3em;margin-bottom: 15px;line-height: 1.3;}
.about #section04 p.txt{font-feature-settings: "palt";text-align: justify;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.about #section04 h4{font-weight: 600;font-size: 1.5em;margin-bottom: 20px;color: #2B8C37;}
.about #section04 .wrap{padding: 0px;position: relative;}

.order-wrapper{display: flex;flex-wrap: wrap;margin-bottom: 30px;width: 100%;}
.order-item{width: 50%;padding: 0 10px;margin-bottom: 20px;}


.swiper-container{position: relative;margin-bottom: 40px;}
.about #section04 .swiper-slide{padding: 0 .1em;}
.about #section04 .swiper-slide img {
  height: auto;
  width: 100%;
}
/* スライド矢印 */
/* 矢印画像の高さと幅 */
.swiper-button-prev,
.swiper-button-next {
  height: 44px;
  width: 44px;
}
/* 矢印を消して画像に変更する */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 44px;
  width: 44px;
  margin: auto;
}
/* 前に戻る矢印の画像パス */
.swiper-button-prev::after {
  background-image: url(../images/swiper-nav-left.png);
  left: -15px;
  transform: translateX(-15px);
}
/* 次に進む矢印の画像パス */
.swiper-button-next::after {
  background-image: url(../images/swiper-nav-right.png);
  right: -15px;
  transform: translateX(15px);
}

.flowbox{border:1px solid #2B8C37;border-radius: 8px;background: white;overflow: hidden;margin-bottom: 20px;}
.flowbox:last-child{margin-bottom: 0px;}
.flowbox .title{display: flex;align-items: center;border-bottom: 1px solid #2B8C37;}
.flowbox .title .num{background:#2B8C37;color: white;width: 2.5em;height: 2.5em;display: flex;align-items: center;justify-content: center;margin-right: 10px;font-size: 1.3em;}
.flowbox .title .comm{color: #2B8C37;font-weight: 600;font-size: 1.2em;}
.flowbox p{padding: 1.2em;}
.about #section04 .table{margin-bottom: 0;}
.about #section04 .table th{font-weight: 600;display: block;width: 100%;background: #f7f7f7;color: #2B8C37;}
.about #section04 .table th span{font-size: .8em;margin-left: 5px;}
.about #section04 .table td{display: block;width: 100%;background: white;}
.about #section04 .table td dl{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.about #section04 .table td dl dt{width: 50%;}
.about #section04 .table td dl dd{width: calc(100% - 50%);}

.about #section05{padding: 60px 0px;position: relative;background: rgba(204,203,0,.2);}
.about #section05 h4{font-weight: 600;font-size: 1.2em;margin-bottom: 15px;}
.about #section05 p{text-align: justify;}
.about #section05 .pic{width: 250px;margin: 0 auto;}


.about #section06{padding: 60px 0px;position: relative;background: rgba(255,147,0,.2);}
.about #section06 h4{font-weight: 600;font-size: 1.2em;margin-bottom: 15px;}
.about #section06 p.index{font-weight: 600;font-size: 1.3em;margin-bottom: 15px;line-height: 1.3;}
.about #section06 p{text-align: justify;}
.about #section06 .pic{width: 250px;margin: 0 auto;}


.h3-about{margin-bottom: 3em;}
.h3-about span{font-weight: 600;display: block; background: white;line-height: 1.4;padding: .5em .8em;border-radius: 35px;font-size: 18px;border:3px solid #fa79b2;}
.h3-about span.color2{border:3px solid #96f;}
.h3-about span.color3{border:3px solid #39f;}
.h3-about span.color4{border:3px solid #3c3;}
.h3-about span.color5{border:3px solid #cc0;}
.h3-about span.color6{border:3px solid #f93;}



@media (min-width:667px) {
#about-nav ul li{margin-bottom: 10px;}
#about-nav ul li:nth-child(n+5){margin-bottom: 0;}
.about #section01 .pic{width: 350px;margin: 0 auto;}
.h3-about span{font-weight: 600;display: inline;padding: .5em .8em;border-radius: 35px;font-size: 20px;border:3px solid #fa79b2;}

.about #section05 .pic{width: 350px;margin: 0 auto;}
.about #section06 .pic{width: 350px;margin: 0 auto;}

}




@media (min-width:768px) {

.about #section01{padding: 80px 0px;}
.about #section01 h4{font-size: 1.4em;margin-bottom: 20px;}
.about #section01 p{text-align: justify;}


.about #section02{padding: 80px 0px;}
.about #section02 h4{font-size: 1.4em;margin-bottom: 15px;}



.about #section03{padding: 80px 0px;}
.about #section03 h4{font-size: 1.4em;margin-bottom: 15px;}

.about #section04{padding: 80px 0px;}
.about #section04 h4{font-size: 1.7em;margin-bottom: 30px;}
.swiper-container{position: relative;margin-bottom:60px;}
.about #section04 .table th{display: table-cell;width: 190px;background: #f7f7f7!important;color: #2B8C37;}
.about #section04 .table th span{font-size: .8em;margin-left: 0px;display: block;}
.about #section04 .table td{display: table-cell;width: auto;background: white!important;}
.btn-youtube.insta{width: 85%; margin: 0 auto; display: flex;align-items: center;justify-content: center;}
.btn-youtube.insta a{color:#2B8C37;margin-bottom: 0px;}
.order-wrapper{display: flex;flex-wrap: wrap;margin-bottom: 30px;width: 100%;}
.order-item{width: 33.333%;padding: 0 10px;margin-bottom: 20px;}

.about #section05{padding: 80px 0px;}
.about #section05 h4{font-size: 1.4em;margin-bottom: 20px;}
.about #section05 p{text-align: justify;}


.about #section06{padding: 80px 0px;}
.about #section06 h4{font-size: 1.4em;margin-bottom: 20px;}
.about #section06 p{text-align: justify;}

.h3-about{margin-bottom: 4em;}
.h3-about span{padding: .5em 1em;border-radius: 35px;font-size:24px;}

}


@media (min-width:992px) {
#about-nav ul li:nth-child(n+4){margin-bottom: 0;}

#about-nav a{height: 50px; }
#about-nav a:hover{background: #009!important;}

.about #section01 h4{font-size: 1.7em;margin-bottom: 20px;}
.about #section01 .pic{width: 90%;margin-left: 0;}

.about #section02 h4{font-size: 1.7em;margin-bottom:20px;}
.about #section02 .pic{margin: 0 auto;margin-bottom: 25px;}

.btn-youtube a{background: white;color: #7B3BC8;width: 300px;display: flex;align-items: center;justify-content: center;height: 60px;border-radius: 30px;margin: 0 auto;}
.btn-youtube a .fab{color: red;margin-right: 10px;font-size: 23px;}

.about #section03 h4{font-size: 1.7em;margin-bottom:20px;}
.about #section03 .pic{width: 90%;margin-left: 0;}
.about #section04 p.index{font-size: 1.5em;margin-bottom: 15px;}
.btn-youtube.insta{width:70%; margin: 0 auto; display: flex;align-items: center;justify-content: center;}
.about #section04 .table th{display: table-cell;width: 180px;}
.about #section04 .table td dl{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.about #section04 .table td dl dt{width: 63%;}
.about #section04 .table td dl dd{width: calc(100% - 63%);}
.order-wrapper{display: flex;flex-wrap: wrap;margin-bottom: 70px;width: 100%;}
.order-item{width: 20%;padding: 0 5px;margin-bottom: 0px;}

.about #section05 h4{font-size: 1.7em;margin-bottom: 20px;}
.about #section05 .pic{width: 90%;margin-left: 0;}

.about #section06 h4{font-size: 1.7em;margin-bottom: 20px;}
.about #section06 .pic{width: 90%;margin-left: 0;}
.about #section06 p.index{font-size: 1.5em;margin-bottom: 15px;}

}

@media (min-width:1200px) {
#about-nav{padding:80px 0;}
.about #section01{padding: 100px 0px;}
.about #section02{padding: 100px 0px;}
.about #section03{padding: 100px 0px;}
.about #section04{padding: 100px 0px;}
.about #section05{padding: 100px 0px;}
.about #section06{padding: 100px 0px;}

.h3-about{margin-bottom: 5em;}
.h3-about span{padding: .5em 1.2em;border-radius: 40px;font-size:29px;}

.about #section01 h4{font-size: 2em;margin-bottom: 20px;}
.about #section01 p{text-align: justify;line-height: 2;}

.about #section02 h4{font-size: 2em;margin-bottom: 20px;}

.about #section03 h4{font-size: 2em;margin-bottom: 20px;}
.about #section03 p{text-align: justify;line-height: 2;}

.about #section04 p.txt{line-height: 2;padding-right: 1.6em;}
.swiper-container{position: relative;margin-bottom: 80px;}
.btn-youtube.insta{width:65%; margin: 0 auto; display: flex;align-items: center;justify-content: center;}
.about #section04 .table th{display: table-cell;width: 190px;}

.about #section05 h4{font-size: 2em;margin-bottom: 20px;}
.about #section05 p{text-align: justify;line-height: 2;}

.about #section06 h4{font-size: 2em;margin-bottom: 20px;}
.about #section06 p{text-align: justify;line-height: 2;}


}

@media (min-width:1680px) {


#about-nav a{height: 70px; border-radius: 35px;}
#about-nav a{font-size: 1.2em;letter-spacing: 0; text-align: center;transition: .4s;}

.about #section01{padding: 120px 0px;}
.about #section02{padding: 120px 0px;}
.about #section03{padding: 120px 0px;}
.about #section04{padding: 120px 0px;}
.about #section04 p.index{font-size: 1.7em;margin-bottom: 20px;}
.about #section04 h4{font-size: 1.9em;margin-bottom: 30px;}


.about #section05{padding: 120px 0px;}
.about #section06{padding: 120px 0px;}
.about #section06 p.index{font-size: 1.7em;margin-bottom: 20px;}

.h3-about span{padding: .5em 1.2em;border-radius: 50px;font-size:33px;}


}









/* -----  company.html  -----*/


.company #section01{padding: 50px 0px 100px;position: relative;background-image: linear-gradient(38deg, rgba(234, 253, 222, 1), rgba(255, 255, 255, 1) 50%, rgba(176, 200, 249, 1));}
.company #section01 .pic{width: 200px;margin: 0px auto;margin-bottom: 2em;}
.company #section01 p.index{margin-bottom: .7em;font-weight: 600;color: #009C00;font-size: 1.1em;}
.company #section01 p.txt{margin-bottom: 2em;text-align: justify;}
.company #section01 p.txt:last-child{margin-bottom: 0;}



.daihyoname{text-align: right;}

.company #section02{padding: 20px 0px 50px;position: relative;background: #E8EDFC;}
.company #section02 .headline{text-align: center;}
.company #section02 .table{background: none;}
.company #section02 .table th{width: 100%;display: block;border-bottom:1px solid #c0ccfa;border-top:none;background: none!important;}
.company #section02 .table td{width: 100%;display: block;border-bottom:3px solid #c0ccfa;border-top:none;background: none!important;}
.company #section02 .table td span.call{color: #274274;}


.company #section03{padding: 50px 0px;position: relative;}
.company #section03 .gmap{margin-bottom: 1.5em;}
.company #section03 .gmap iframe{width: 100%;height: 250px;}
.company #section03 .index{margin-bottom: 0.5em;font-size: 20px;font-weight: 600;}
.company #section03 .address{margin-bottom: .5em;}
.company #section03 .access{margin-bottom: .5em;}
.company #section03 .exit{font-size: .9em;line-height: 1.4;text-align: justify;}


@media (min-width: 667px) {



}



@media (min-width: 768px) {
.company #section01{padding: 80px 0px 130px;}
.company #section01 .pic{width: 95%;margin-left: 0;margin-bottom: 0;}

.company #section01 p.index{margin-bottom: .7em;font-weight: 600;color: #009C00;font-size: 1.3em;}
.company #section01 p.txt{margin-bottom: 2em;text-align: justify;}


.company #section02{padding: 80px 0px;}
.company #section02 .table th{width: 200px;display: table-cell;border-bottom:1px solid #c0ccfa;padding: 15px 10px;}
.company #section02 .table td{width: auto;display: table-cell;border-bottom:1px solid #c0ccfa;}

.company #section03{padding: 80px 0px;}
.company #section03 .gmap iframe{width: 100%;height: 250px;}
.company #section03 .index{margin-bottom: 0.5em;font-size: 22px;}


}

@media (min-width: 992px) {
.company #section01 p.index{margin-bottom: 1em;font-size: 1.4em;padding-left: 20px;}
.company #section01 p.txt{margin-bottom:2.3em;padding-left: 20px;line-height: 1.7;}

.daihyoname{text-align: right;}

.company #section03 .index{margin-bottom: 0.5em;font-size: 25px;}
.company #section03 .gmap{margin-bottom: 0em;width: 95%;}
.company #section03 .gmap iframe{width: 100%;height: 280px;}

}



@media (min-width: 1200px) {
.company #section01{padding: 100px 0px 200px;}
.company #section01 p.index{margin-bottom: 1em;font-size: 26px;padding-left: 26px;}
.company #section01 p.txt{margin-bottom:2.3em;font-size: 1.1em;letter-spacing: .15em;padding-left: 26px;}

.company #section02{padding: 0px 0px 150px;}
.company #section02 .table th{width: 220px;padding: 22px 10px;}
.company #section02 .table td{padding: 22px 10px;}

.company #section03{padding: 100px 0px;}
.company #section03 .gmap iframe{width: 100%;height: 360px;}
.company #section03 .index{margin-bottom: 0.5em;font-size: 28px;}


}


@media (min-width: 1440px) {

.company #section01 p.index{margin-bottom: .8em;}
.company #section01 p.txt{margin-bottom:2.3em;font-size: 1.1em;}


}


@media (min-width: 1680px) {
.company #section01{padding: 120px 0px 240px;}

.company #section02{padding: 0px 0px 180px;}

}



/* -----  contact-box ------- */

.contact #section01{padding: 50px 0px 100px;background: #EFFFE6;position: relative;}

.contact .headline{text-align: center;}
.contact #section01 .tel{text-align: center;}
.contact #section01 .tel span{font-weight: 600;color: #274274;font-size: 23px;}

.contact #section01 .time{text-align: center;}
.contact #section01 .time span{display: block;}

.contact #section02{padding: 20px 0px 50px;position: relative;color: #274274;}

.pre-scrollable{word-break: break-all;}
.contact #section02 .txt{margin-bottom: 40px}
span.hissu{color: white;background:red; padding: 4px 8px;border-radius: 3px;font-size: 12px;line-height: 1;}
.pre-scrollable p{text-align: justify;font-feature-settings: "palt";}


.contact .table{border-bottom: 1px solid #ddd;color: #274274;margin-bottom: 40px;}
.contact .table th{width: 100%;display: block;background: none!important;font-weight: normal;padding: 15px 5px;}
.contact .table th span.kigyo{letter-spacing: 0;margin-right: 8px;}
.contact .table td{width: 100%;display: block;background: none!important;padding-left: 30px;vertical-align: middle;}
.table th span.hissu{olor: white;background:red; padding: 4px 8px;border-radius: 3px;float: right;font-size: 12px;}


.contact h4{margin-bottom: 1.5em;font-size: 20px;}
.contact h5{margin-bottom: 1.5em;font-size: 16px;padding-bottom: .5em;border-bottom: 1px solid #ddd;font-weight: 600;}
.h5-policy{font-size: 16px;font-weight: 600; margin-bottom: 1em;border-left:5px solid rgba(6,164,173,1.00);padding-left: 10px;line-height: 1;}
.txt-privacy{font-size: 14px;line-height: 1.5;padding-left: 20px;}




@media (min-width: 768px) {

.contact #section01{padding: 70px 0px 130px;}
.contact #section01 .tel span{font-weight: 600;color: #274274;font-size:30px;}

.contact #section01 .time{text-align: center;}
.contact #section01 .time span{display: inline-block;margin-right: 1.5em;}
.contact #section01 .time span:last-child{display: inline-block;margin-right:0;}


.contact #section02{padding: 40px 0px 80px;}


.contact .table{margin-bottom: 60px;}
.contact .table th{width: 220px;display:table-cell;vertical-align: middle;padding: 15px 5px;text-align: right;}
.contact .table td{width: auto;display:table-cell;padding: 15px;}
.table th span.hissu{olor: white;background:red; padding: 4px 8px;border-radius: 3px;float: right;font-size: 12px;margin-left: 10px;}

.h5-policy{font-size: 18px;margin-bottom: 1em;}



}


@media (min-width: 992px) {


.contact #section02 .txt{margin-bottom:50px}
.contact h4{margin-bottom: 1.5em;font-size: 24px;}
.contact h5{margin-bottom: 1.5em;font-size: 18px;}


}




@media (min-width: 1280px) {

.contact #section01{padding: 100px 0px 150px;}
.contact #section01 .tel{font-size: 20px;}
.contact #section01 .tel span{font-size:36px;}

.contact #section02{padding: 40px 0px 100px;}
.contact #section02 .txt{margin-bottom:50px;line-height: 1.8;}

.contact .table{margin-bottom:100px;}
.contact .table th{width: 250px;}

.pre-scrollable {
  max-height: 450px;
}

}



@media (min-width: 1680px) {

.contact #section01{padding: 120px 0px 180px;}
.contact #section01 .tel{font-size: 24px;}
.contact #section01 .tel span{font-size:40px;}

.contact #section02{padding: 50px 0px 120px;}




}










.doi-box{padding: 0px 15px;}
.doi-box label{font-size: 13px;margin-bottom: 15px;}

.contact #section02 .btn-lg{font-size: 13px;padding: 7px 5px;}

@media (min-width: 768px) {
.doi-box label{font-size: 14px;margin-bottom: 20px;}
.contact #section02 .btn-lg{font-size: 14px;padding: 7px 10px;}
}

@media (min-width: 1140px) {
.doi-box label{font-size: 16px;margin-bottom: 20px;}

.contact #section02 .btn-lg{font-size: 16px;padding: 15px 50px;}
}




.form-4{width:5em}
.form-s{width:70px}
.form-m{width:150px}
.form-name{width:99%;}
.form100{width:99%}
.form-post{width: 8.5em;}
.form-h{ height:15em;}
.needinput{background-color:#fff;border:1px solid #c00!important;}
.selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox select {
    appearance: none;
    min-width: 180px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #d0d0d0;
    border-radius: 7px;
    background-color: #fff;
	background: white;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}
.auto{background: #eee;margin-left: 1em;padding: .5em .5em;border-radius: .4em;font-size: .9em;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;position: relative;top:-2px;}
input{font-size:100%;vertical-align:middle; padding:12px;}
.contact input[type="text"], select{border:1px solid #ddd;}

input,textarea { outline: none; padding:12px;border-radius: 7px; }
textarea{border:1px solid #ccc;width:99%;color: #111;font-size: medium;}

input::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}


@media (min-width: 768px) {
.form-name{width:350px;}

}



/*-----------------------------------------------------------------------------
print css
-----------------------------------------------------------------------------*/
@media print {
body {padding-top:100px;}
.aos-init { opacity: 1 !important; transform: none !important; }
.cb-header2 {display: none!important;}
header{display: block;}
.cb-header2 {display: none;}
.header{width: auto; position: relative;z-index: 10;display: block;}
.site-header{
display:block;
position:absolute;
width: 100%;
z-index: 200;
top:0;
left:0;
right:0;
height: 100px;
transition: .5s;
background: #f7f7f7;
}
.top-logo {display: block; position: absolute;width: 250px;top:15px;left: 20px;z-index: 20;}
.gnav-wrapper {width: 100%;}

.gnav {width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 200px;
}

.gnav li { 
  text-align: center;
  transition: all .3s ease-in-out;
  font-size: 1em;
}
.gnav a {position: relative;
text-align: center;
  color: #274274;
  display: flex;
  align-items: center;
  height: 100px;
  font-size: 15px;margin: 0 15px;
}

.gnav a.active {color: #090;}
.gnav a.active::after {
  content: '';/*何も入れない*/
  position: absolute;
  top:18px;
  left:50%;
  transform: translateX(-50%);
  width: 26px;/*画像の幅*/
  height: 26px;/*画像の高さ*/
  background-image: url(../images/nav-active.png);
  background-size: contain;
  vertical-align: middle;}
.gnav a.drop {margin: 0 20px 0 30px;}

.gnav a:last-child {margin: 0 0px 0px 30px;}
.gnav a.drop::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
font-weight: 900;
position: absolute;
right: -1em;
top:50%;
transform: translateY(-50%);
  color: #555;
}
.gnav a.drop.active {color: #090;position: relative;}
.gnav > li:hover .megamenu {
	max-height: 9999px;
  display: none;
  padding: 0px 0;
}
.megamenu {display: none;}
.header-contact {display: block;
  position: absolute;
  right: 20px;
  top: 20px;
z-index: 500;
}
.header-contact a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  padding: 10px 0;
  border:3px solid #192753;
  border-radius: 50%;
  background: #090;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms;
}
.header-contact a .fas{margin-bottom: 10px;}


#pankuzu{display: block; position: relative;width: 100%;padding: .6em 1em .6em 7%;border-top:1px solid #f7cde3;border-bottom:1px solid #f7cde3;background: rgba(229,143,162,.04);}
.copy{font-size: 12px;}


.drawer_menu{display: none;}

.no-print{display: none!important;}
.gmap iframe{width: 100%;height: 360px;}
#pagetop {display: none!important;}

}