@charset "utf-8";

/*
Theme Name: yaichi_child
Template: yaichi_child
Author: labo
Author URI: https://takai-laboratory.com/
*/

/*========================*/
/*fade
***************/
/* 画面外にいる状態 */
.fadein {
opacity : 0;
transform : translate(0, 150px);
transition : all 1500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}
#wrap {overflow: hidden;}
body {opacity: 0; transition-duration: .5s; transition-delay: .2s;}
.indication {opacity: 1;}
.indent_content {padding: 100px 0;}
.indent_content02 {margin-top: 80px;}
/******************************
HEADER
******************************/
header {position: absolute; top: 10px; left: 0; right: 0; width: 1200px; margin: auto; z-index: 100;}
header h1 {font-size: 12px; margin-bottom: 10px;}
header h2 {font-size: 30px; margin-left: 5px;}
.global_nav {display: table;}
.global_nav li {display: table-cell; position: relative; line-height: 1; box-sizing: border-box; width: 150px; border-right: 1px solid #fff; text-align: center; height: 30px; vertical-align: bottom;}
.global_nav li:nth-child(1) {border-left: 1px solid #fff;}
.global_nav .dots {
position: absolute;
	top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    -webkit-transition: opacity .8s .7s,-webkit-transform .9s .3s cubic-bezier(.79,.17,.15,.96);
    transition: opacity .8s .7s,-webkit-transform .9s .3s cubic-bezier(.79,.17,.15,.96);
    transition: transform .9s .3s cubic-bezier(.79,.17,.15,.96),opacity .8s .7s;
    transition: transform .9s .3s cubic-bezier(.79,.17,.15,.96),opacity .8s .7s,-webkit-transform .9s .3s cubic-bezier(.79,.17,.15,.96);
}
.global_nav .dots::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: solid 1px #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: .3s;
    transition: .3s;
	box-sizing: border-box;
}
.global_nav .dots::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    height: 4px;
    width: 4px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
	box-sizing: border-box;
}
.global_nav li:hover .dots::before {opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s cubic-bezier(.08,.92,.35,1);
    transition: .5s cubic-bezier(.08,.92,.35,1);
}
.global_nav li:hover .dots::after {
	opacity: 1;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: .3s;
    transition: .3s;
}
.global_nav img {margin: auto;}

.front_main_box {position: relative;}
.front_main_box .img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.front_main_box .txt_box {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 80px; line-height: 1.2; width: 1200px;}
.front_main_box .min {font-size: 24px; line-height: 1; margin-top: 12px;}

#nav{
  position: fixed;
  height: 100vh;
  width: 100%;
  left: -100%;
  top: 0;
  background: #1b1b1b;
  transition: .7s;
  z-index: 600;
}
.hambarger_box {content: ''; position: absolute; left: 180px; top: 0; bottom: 0; z-index: 500; margin: auto; box-sizing: border-box; height: calc(100% - 160px);}
#hamburger,#hamburger02,#hamburger03 {
  display: block;
  width: 60px;
  height: 30px;
  cursor: pointer;
  transition: 1s;
  position: absolute;
  left: -100px;
  top: 0; bottom: 0; margin: auto; z-index: 500;
}
#hamburger02 {position: relative; left: inherit; width: 35px; height: 20px;}
#hamburger03 {position: absolute; z-index: 700; left: 0; right: 0;}
.inner_line {
  display: block;
  position: absolute;
  left: 0;
  width: 60px;
  height: 1px;
  background-color: #fff;
  transition: 1s;
  border-radius: 4px;
}
#hamburger02 .inner_line {background-color: #000;}
#line1,#line02_1,#line03_1 {
  top: 0;
}
#line2,#line02_2,#line03_3 {
  top: 14px;
}
#line3,#line02_3,#line03_3 {
  bottom: 0px;
}
#line02_1 {width: 35px;}
#line02_2 {width: 30px; left: inherit; right: 0; top: 10px;}
#line02_3 {width: 25px; left: inherit; right: 0;}

.in{
  transform: translateX(100%);
}
.line_1,.line_2.line_3{
  background: #fff;
}
.line_1 {
  transform: translateY(7px) rotate(-45deg);
  top: 0;
}
.line_2 {
opacity: 0;
}
.line_3 {
  transform: translateY(-7px) rotate(45deg);
  bottom: 0;
}
#line02_1.line_1 {width: 35px; transform: translateY(9px) rotate(-45deg);}
#line02_3.line_3 {width: 35px; transform: translateY(-9px) rotate(45deg);}
#st_header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; height: 80px; z-index: 600;}
#st_header .inner {max-width: 1200px; margin: 0 auto; box-sizing: border-box; position: static;}
#st_header .left_box {font-size: 30px; line-height: 1;}
#st_header .left_box img {margin-right: 7px;}
#st_header .global_nav .dots::before {border: 1px solid #000;}
#st_header .global_nav .dots::after {background: #000;}
#nav .inner {padding-left: 100px; position: relative; z-index: 10;}
#nav .list_box:nth-of-type(2) {margin-right: 100px;}
#nav .list_box a {position: relative; padding-left: 35px; font-size: 20px; line-height: 1; margin-top: 80px;}
#nav .list_box a:nth-child(1) {margin-top: 0;}
#nav .list_box a::before {content: ''; position: absolute; width: 15px; height: 1px; background: #fff; left: 0; top: 0; bottom: 0; margin: auto;}


#nav .list_box02 a {display: flex; overflow: hidden; font-size: 20px; line-height: 1; margin-top: 30px;}
#nav .list_box02 a span {opacity: 0; transition: transform 1s,opacity 1s; transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-delay: .8s; transform: translate3d(30px,0,0);}
#nav.in .list_box02 a span {opacity: 1; transform: translate3d(0,0,0);}
#nav .list_box02 a:nth-of-type(1) {margin-top: 0;}
#nav .list_box02 a:nth-of-type(3) {margin-top: 15px;}
#nav .list_box02 a:nth-of-type(1) span {box-sizing: border-box; display: inline-block; border-bottom: 1px solid #fff; padding: 0 30px 10px;}



#nav .logo_box {position: absolute; left: 40px; top: 0; bottom: 0; margin: auto; height: calc(100% - 240px); width: 145px; z-index: 10;}
.util_bar01 {width: 1px; height: 100%; position: absolute; right: 0; top: 0; transition: opacity .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); overflow: hidden; z-index: 1;}
.front_main_box.inview .util_bar01 {background: #4c4c4c; animation: show_line 1.7s forwards; transform-origin: top; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.util_bar01 .bdr {transition: background-color .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); position: relative; width: 1px; height: 100%; background-color: #fafafa; animation: loop_line 4s infinite;}
.util_bar02 {width: 1px; height: 100%; position: absolute; right: 0; top: 0; transition: opacity .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); overflow: hidden; z-index: 1;}
#nav.in .util_bar02 {background: #4c4c4c; animation: show_line 1.7s forwards; transform-origin: top; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.util_bar02 .bdr {transition: background-color .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); position: relative; width: 1px; height: 100%; background-color: #fafafa; animation: loop_line 4s infinite;}
@keyframes loop_line{0%{top:-100%}100%{top:100%}}
@keyframes show_line{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
@media screen and (max-width:1450px) {
	#nav .logo_box,.hambarger_box {display: none;}
}


.nav_img {position: absolute; width: 100%; height: 100%; opacity: 0; transition-duration: .5s; transition-timing-function: ease-in-out;}
.nav_img.hover {opacity: 1;}
.nav_img01 {background: url("img/header/nav_Img01.jpg")center center no-repeat; background-size: cover;}
.nav_img02 {background: url("img/header/nav_Img02.jpg")center center no-repeat; background-size: cover;}
.nav_img03 {background: url("img/header/nav_Img03.jpg")center center no-repeat; background-size: cover;}
.nav_img04 {background: url("img/header/nav_Img04.jpg")center center no-repeat; background-size: cover;}
.nav_img05 {background: url("img/header/nav_Img05.jpg")center center no-repeat; background-size: cover;}
.nav_img06 {background: url("img/header/nav_Img06.jpg")center center no-repeat; background-size: cover;}
#nav .list_box a span {opacity: 0; transform: translate3d(130px,0,0); display: inline-block;}
#nav.in .list_box a span {opacity: 1; transition: opacity 1.6s,transform 1.6s; transition-timing-function: cubic-bezier(.165,.84,.44,1); transform: translate3d(0,0,0);}
#nav .list_box a span:nth-child(2) {transition-delay: .1s;}
#nav .list_box a span:nth-child(3) {transition-delay: .2s;}
#nav .list_box a span:nth-child(4) {transition-delay: .3s;}
#nav .list_box a span:nth-child(5) {transition-delay: .4s;}
#nav .list_box a span:nth-child(6) {transition-delay: .5s;}
#nav .list_box a span:nth-child(7) {transition-delay: .6s;}
#nav .list_box a span:nth-child(8) {transition-delay: .7s;}
#nav .list_box a span:nth-child(9) {transition-delay: .8s;}
#nav .list_box a span:nth-child(10) {transition-delay: .9s;}
#nav .list_box a span:nth-child(11) {transition-delay: 1s;}
#nav .list_box a span:nth-child(12) {transition-delay: 1.1s;}
#nav .list_box a span:nth-child(13) {transition-delay: 1.2s;}
.important-info {position: fixed; left: 40px; bottom: 40px; font-size: 13px; display: inline; padding: 10px 8px; box-sizing: border-box; border: 1px solid #fff; z-index: 100; transition-duration: .5s;}
.important-info02 {position: fixed; left: 40px; bottom: 90px; font-size: 13px; display: inline; padding: 10px 8px; box-sizing: border-box; border: 1px solid #000; color: #000; background: #fff; z-index: 100; transition-duration: .5s;}
.important-info.fixed {background: #fff; border-color: #000; transition-duration: .5s; color: #000;}
.important-info.fixed:hover {background: #000; color: #fff;}

/*index*/
#index .box01 {background: url("img/index/box01_bg.jpg")top center repeat;}
#index .box01 .min_title span {display: inline-block; font-size: 16px; line-height: 1; padding: 0 140px 10px 10px; box-sizing: 
border-box; border-bottom: 1px solid #000; margin-bottom: 10px;}
#index .box01 h2 {padding-left: 100px; font-size: 25px; margin-bottom: 50px;}
#index .box01 a {box-sizing: border-box; border-right: 1px solid #000; width: 400px; padding: 20px 50px 0;}
#index .box01 a:nth-child(1) {border-left: 1px solid #000;}
#index .box01 .img {width: 200px; position: relative; margin-bottom: 20px;}
#index .box01 .img img {width: 100%; height: 150px; object-fit: cover; object-position: center;}
#index .box01 .time {font-size: 14px; line-height: 1;}
#index .box01 h3 {font-size: 14px; margin: 10px 0 15px;}
#index .box01 .text {font-size: 14px; line-height: 1.5;}
#index .box01 .more {position: absolute; width: 139px; box-sizing: border-box; border-bottom: 1px solid #000; bottom: 20px; right: -100px;}
#index .box01 .more::after {content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid #000; border-right: 10px solid transparent; border-top: 10px solid transparent; right: -10px; bottom: 0;}
#index .box02 h2 {font-size: 25px;}
#index .box02 h2::before,#index .box02 h2::after {content: ''; display: block; flex-grow: 1; height: 1px; background: #000;}
#index .box02 h2::before {margin-right: 55px;}
#index .box02 h2::after {margin-left: 55px;}
#index .box02 h2 img {margin-right: 5px;}
#index .box02 .min_title {font-size: 14px; line-height: 1; margin: 10px 0 60px;}
#index .box02 .inner::before {content: ''; position: absolute; background: url("img/index/box02_bg02.png")no-repeat; width: 500px; height: 457px; left: -360px; bottom: -100px; opacity: 0; transition-duration: 1s; transform: translateX(-30px); transition-delay: 1.9s;}
#index .box02 .inner::after {content: ''; position: absolute; background: url("img/index/box02_bg01.jpg")no-repeat; width: 1050px; height: 400px; right: -370px; top: -25px; opacity: 0; transition-duration: 1s; transform: translateX(30px); transition-delay: 1.5s;}
#index .box02 .inner.inview::after,#index .box02 .inner.inview::before {opacity: 1; transform: translateX(0);}
#index .box02 .left_box {position: relative; z-index: 10;}
#index .box02 h3 {font-size: 35px; line-height: 1.8;}
#index .box02 .left_box p {font-size: 16px; line-height: 1.8; margin-top: 40px;}
#index .box02 .right_box {position: absolute; top: 0; right: -360px; z-index: 10;}
#index .box02 .right_box .img_box {position: relative; overflow: hidden;}
#index .box02 .right_box .img_box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #fff; transition-duration: 1s; left: 0; top: 0; transition-delay: 1s;}
#index .box02 .right_box .img_box:nth-of-type(2)::before {transition-delay: 1.3s;}
#index .box02 .inview .right_box .img_box::before {top: 100%;}
#index .box02 .right_box img {width: 435px;}
#index .box02 .right_box .img_box:nth-child(1) {margin-right: 20px;}
#index .box02 .btn {box-sizing: border-box; width: 200px; position: relative; border-bottom: 1px solid #000; margin: 165px 0 0 330px; opacity: 0; transform: translateX(-20px); transition-duration: 1s; transition-delay: .7s;}
#index .box02 .inview .btn {opacity: 1; transform: translateX(0);}
#index .box02 .btn::after {content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid #000; border-right: 10px solid transparent; border-top: 10px solid transparent; right: -10px; bottom: 0;}
#index .box02 .f_text {opacity: 0; transform: translateY(20px); transition-duration: 1s;}
#index .box02 .f_text:nth-child(2) {transition-delay: .2s;}
#index .box02 .f_text:nth-child(3){transition-delay: .4s;}
#index .box02 .f_text:nth-child(4){transition-delay: .6s;}
#index .box02 .inview .f_text {opacity: 1; transform: translateY(0);}
#index .box03 h2 {font-size: 25px;}
#index .box03 h2::before,#index .box03 h2::after {content: ''; display: block; width: 150px; height: 1px; background: #000;}
#index .box03 h2::before {margin-right: 55px;}
#index .box03 h2::after {margin-left: 55px;}
#index .box03 .min_title {font-size: 14px; line-height: 1; margin: 10px auto 70px;}
#index .box03 .txt_box {position: absolute; right: 12%; bottom: 10%; font-size: 2.2vw; line-height: 1;}
#index .box03 .txt01 {box-sizing: border-box; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;}
#index .box03 .swiper-container {overflow: inherit;}
#index .box03 .swiper-pagination-bullet {width: 15px; height: 15px; background: none; border: 1px solid #000; box-sizing: border-box; margin: 0 10px;}
#index .box03 .swiper-pagination-bullet-active {background: #000;}
#index .box03 .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -45px;}
#index .box04 .box {box-sizing: border-box; width: calc(50% - 5px); position: relative; overflow: hidden;}
#index .box04 .box::before {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-duration: .5s; content: '';}
#index .box04 .box:nth-child(1)::before {background: url("img/index/box04_img01_on.jpg")no-repeat; background-size: cover;}
#index .box04 .box:nth-child(2)::before {background: url("img/index/box04_img02_on.jpg")no-repeat; background-size: cover;}
#index .box04 .txt_box01 {box-sizing: border-box; line-height: 1; border: 1px solid #fff; padding: 50px; transition-duration: .5s; position: absolute; z-index: 10; width: 70%;}
#index .box04 .txt_box01 .txt01 {font-size: 30px; box-sizing: border-box; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;}
#index .box04 .txt_box01 h2{font-size: 40px; text-align: right;}
#index .box04 .txt_box02 {box-sizing: border-box; opacity: 0; transition-duration: .5s; position: absolute; z-index: 10;}
#index .box04 .txt_box02 .txt01 {font-size: 40px; line-height: 1;}
#index .box04 .txt_box02 .txt02 {font-size: 25px; line-height: 1.5; margin: 50px auto;}
#index .box04 .btn {box-sizing: border-box; width: 200px; position: relative; border-bottom: 1px solid #fff; margin: 0 auto; font-size: 16px;}
#index .box04 .btn::after {content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid #fff; border-right: 10px solid transparent; border-top: 10px solid transparent; right: -10px; bottom: 0;}
#index .box04 .box:hover::before {opacity: 1;}
#index .box04 .box:hover .txt_box01 {opacity: 0;}
#index .box04 .box:hover .txt_box02 {opacity: 1;}
#index .box05 {background: #f2f2f2;}
#index .box05 .min_title span {display: inline-block; font-size: 16px; line-height: 1; padding: 0 140px 10px 10px; box-sizing: 
border-box; border-bottom: 1px solid #000; margin-bottom: 10px;}
#index .box05 h2 {padding-left: 100px; font-size: 25px;}
#index .box05 .blog_list {width: calc(100% - 240px); max-width: 1440px; margin: 50px auto 0;}
#index .box05 .item {box-sizing: border-box; width: calc(33.333% - 40px); margin-right: 50px;}
#index .box05 .item:nth-child(3n) {margin-right: 0;}
#index .box05 .item:nth-child(n + 4) {margin-top: 50px;}
#index .box05 .img {width: 100%; margin-bottom: 20px; overflow: hidden;}
#index .box05 .img img {width: 100%; height: 244px; object-fit: cover; object-position: center; transition-duration: 3s; transform: scale(1);}
#index .box05 .img:hover img {transform: scale(1.1);}
#index .box05 .time {font-size: 1vw; line-height: 1; margin-bottom: 20px;}
#index .box05 h3 {font-size: 1vw;}
#index .box05 .btn {box-sizing: border-box; width: 35%; position: relative; border-bottom: 1px solid #000; font-size: .8vw;}
#index .box05 .btn::after {content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 7px solid #000; border-right: 7px solid transparent; border-top: 7px solid transparent; right: -7px; bottom: 0;}
#index .box06 {background: #fff; padding: 135px 0 220px;}
#index .box06 .logo {z-index: 10; display: block; margin-bottom: -35px; opacity: 0; transform: translateY(-20px); transition-duration: 1s; transition-delay: .3s;}
#index .box06.inview .logo {opacity: 1; transform: translateY(0);}
#index .box06 .txt_box {position: relative; padding: 150px 0; opacity: 0; transform: translateY(20px); transition-duration: 1s;}
#index .box06.inview .txt_box {opacity: 1; transform: translateY(0);}
#index .box06 .txt_box::before {content: ''; position: absolute; background: #000; width: 0; height: 1px; top: 0; right: 180px; transition-duration: .3s; transition-delay: 1.4s;}
#index .box06 .txt_box::after {content: ''; position: absolute; background: #000; width: 0; height: 1px; bottom: 0; left: 200px; transition-duration: .3s; transition-delay: 1.6s;}
#index .box06.inview .txt_box::before,#index .box06.inview .txt_box::after {width: 400px;}
#index .box06 .txt01 {font-size: 52px; line-height: 1.2; margin-bottom: 10px;}
#index .box06 .txt01 span {font-size: 74px;}
#index .box06 .txt02 {font-size: 18px; line-height: 1; margin-top: 10px;}
#index .box07 {background: #f2f2f2; padding-top: 100px;}
#index .box07 .box {box-sizing: border-box;  position: relative; border-top: 1px solid #000; transition-duration: 1.2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); overflow: hidden;}
#index .box07 .box img {opacity: 0; transform: scale(1.05); transition-duration: 1.2s; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
#index .box07 .box .txt_box {position: absolute; top: 0; bottom: 0; left: 50px; z-index: 10;}
#index .box07 .box .txt01 {font-size: 25px; padding-left: 10px; box-sizing: border-box; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; transition-duration: 1.2s; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
#index .box07 .box .txt02 {font-size: 30px; text-align: right; width: 400px;}
#index .box07 .box:hover {color: #fff; border: none;}
#index .box07 .box:hover .txt01 {border-color: #fff;}
#index .box07 .box:hover img { opacity: 1; transform: scale(1);}
#index .box07 .under {box-sizing: border-box; width: 1158px; margin-left: auto; margin-top: 160px; position: relative; border-top: 1px solid #000; transition-duration: 1.2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); overflow: hidden;}
#index .box07 .under .box07_bg {opacity: 0; transform: scale(1.05); transition-duration: 1.2s; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
#index .box07 .under .txt_box {position: absolute; top: 0; bottom: 0; left: 50px; z-index: 10; display: flex; align-items: center;}
#index .box07 .under .inner01 {width: 1048px; align-items: flex-end;}
#index .box07 .under .txt01 {font-size: 35px; padding-left: 10px; box-sizing: border-box; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; transition-duration: 1.2s; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
#index .box07 .under .txt02 {font-size: 40px; text-align: right;}
#index .box07 .under .txt03 {font-size: 16px; line-height: 1; margin: 20px 0;}
#index .box07 .right_box {width: 426px;}
#index .box07 .right_box a {width: 203px; height: 123px; position: relative; }
#index .box07 .right_box a:nth-child(n + 3) {margin-top: 20px;}
#index .box07 .under:hover {color: #fff; border: none;}
#index .box07 .under:hover .txt01 {border-color: #fff;}
#index .box07 .under:hover img { opacity: 1; transform: scale(1);}
#index .box07 .under .txt04 {background: rgba(242,242,242,0.9); font-size: 18px; line-height: 1.5; color: #000;}
#index .box07 .txt04::before {content: ''; width: calc(100% - 40px); height: 1px; background: #000; position: absolute; right: 0; left: 0; bottom: 10px; margin: auto;}
#index .box07 .txt04::after {content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid #000; border-right: 10px solid transparent; border-top: 10px solid transparent; right: 5px; bottom: 10px;}



#contact_banner {padding: 250px 0; position: relative; z-index: 200;}
#contact_banner .about01 .con01 {box-sizing: border-box; width: 348px; font-size: 25px; line-height: 1; border-right: 3px solid #000; padding-right: 100px; height: 119px;}
#contact_banner .about01 h2 {font-size: 30px; box-sizing: border-box; border-top: 1px solid #000; padding-top: 10px; margin-top: 10px; padding-left: 90px;}
#contact_banner .about01 .con02 .txt01 {font-size: 14px; line-height: 2;}
#contact_banner .about01 .con02 .txt01 span {font-size: 20px;}
#contact_banner .about01 .con02 .txt01:nth-child(2) {margin-top: 10px;}
#contact_banner .about01 .con02 .txt01:nth-child(3) {margin-top: 30px;}
#contact_banner .about01 .con03 .content01 {position: relative; padding: 20px 0 16px;}
#contact_banner .about01 .con03 .content01::before {content: ''; position: absolute; background: #000; top: 0; left: 0; width: 1200px; height: 1px;}
#contact_banner .about01 .con03 .content01::after {content: ''; position: absolute; background: #000; bottom: 0; left: 0; width: 1200px; height: 1px;}
#contact_banner .about01 .con03 .content02 {margin: 40px 0 90px;}
#contact_banner .about01 .con03 .txt01 {font-size: 20px; line-height: 1;}
#contact_banner .about01 .con03 .txt02 {font-size: 14px; line-height: 1.7; margin-top: 15px;}
#contact_banner .about01 .logo {position: absolute; left: 75px; bottom: 0;}
#contact_banner .about01 .logo::after {content: ''; position: absolute; width: 300px; height: 1px; background: #000; left: 105px; bottom: 35px;}
#contact_banner .box09 .spo01 {width: 422px;}
#contact_banner .box09 p {box-sizing: border-box; border-bottom: 1px solid #000; font-size: 25px; padding-left: 10px; padding-bottom: 7px; margin-bottom: 7px;}
#contact_banner .box09 h2 {font-size: 30px; padding-left: 264px;}
#contact_banner .box09 .spo02 .btn02 {padding-right: 20px;}
#contact_banner .plan .over {font-size: 15px; margin-bottom: 10px; font-weight: bold;}
#contact_banner .plan .table01 {width: 100%; font-size: 15px; background: #fff;}
#contact_banner .plan .table01 tr th,#contact_banner .plan .table01 tr td {line-height: 1.6; vertical-align: middle; text-align: center; padding: 20px 15px; box-sizing: border-box;}
#contact_banner .plan .table01 tr:nth-of-type(1) th,#contact_banner .plan .table01 tr:nth-of-type(1) td {background: #0073BD; color: #fff;}
#contact_banner .plan .table01 tr:nth-of-type(2) th,#contact_banner .plan .table01 tr:nth-of-type(3) th,#contact_banner .plan .table01 tr:nth-of-type(4) th,#contact_banner .plan .table01 tr:nth-of-type(5) th {background: #D6EEFE;}
#contact_banner .plan .table01 tr:nth-of-type(2) td:nth-of-type(1),#contact_banner .plan .table01 tr:nth-of-type(3) td:nth-of-type(1),#contact_banner .plan .table01 tr:nth-of-type(3) td:nth-of-type(1),#contact_banner .plan .table01 tr:nth-of-type(4) td:nth-of-type(1),#contact_banner .plan .table01 tr:nth-of-type(5) td:nth-of-type(1) {background: #F2F2F2;}
#contact_banner .plan .table01 tr:nth-of-type(1) td:nth-of-type(n + 2) {text-align: left;}
#contact_banner .plan .table01 tr td {border-left: 1px solid #fff;}
#contact_banner .plan .table01 tr:nth-of-type(n + 2) td:nth-of-type(n + 3) {border-left: 1px solid #F2F2F2;}
#contact_banner .plan .table01 tr:nth-of-type(n + 2) th,#contact_banner .plan .table01 tr:nth-of-type(n + 2) td {border-top: 1px solid #fff;}
#contact_banner .plan .table01 tr:nth-of-type(n + 2) td:nth-of-type(n + 2) {border-top: 1px solid #F2F2F2;}

#contact_banner .under_txt{margin: 20px auto 80px;}
#contact_banner .price {width: 650px;}
#contact_banner .price p {box-sizing: border-box; border-bottom: 1px solid #000; font-size: 25px; padding-left: 10px; padding-bottom: 7px; margin-bottom: 7px;}
#contact_banner .price h2 {font-size: 30px; padding-left: 105px;}



/*========================
FOOTER
========================*/
footer {background: url("img/footer/bg.svg")top center no-repeat; background-size: cover; padding-top: 80px;}
footer img {margin-left: 5px;}
footer .home_link {font-size: 25px; margin-bottom: 80px;}
footer .list_box a {position: relative; padding-left: 35px; font-size: 16px; line-height: 1; margin-top: 30px;}
footer .list_box a:nth-child(1) {margin-top: 0;}
footer .list_box a::before {content: ''; position: absolute; width: 15px; height: 1px; background: #fff; left: 0; top: 0; bottom: 0; margin: auto;}
footer th,footer td {padding-top: 30px; font-size: 14px; line-height: 1.8; letter-spacing: 1px;}
footer tr:nth-child(1) th,footer tr:nth-child(1) td {padding-top: 0;}
footer tr:nth-child(1) td {box-sizing: border-box; display: inline-block; border-bottom: 1px solid #fff; padding: 0 30px;}
footer th {font-size: 12px; padding-right: 20px;}
footer tr:nth-child(3) th {vertical-align: middle;}

footer .copyright {padding: 10px 0; font-size: 12px; position: relative; z-index: 10; margin-top: 80px; border-top: 1px solid #fff;}
footer .copyright p:last-child {margin-left: 10px;}
#pop_banner {position: fixed; bottom: 20px; z-index: 100; width: 100%;}
#pop_banner .inner {width: 1000px; margin: auto; background: #eee; box-sizing: border-box;}
#pop_banner .icon {box-sizing: border-box; -webkit-transition: all 0.5s ease; background-color: #000; margin-right: 2px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
#pop_banner .icon:hover {
  background-color: #b48d30;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;}
#pop_banner .icon:hover img {opacity: 1;}


/*pankuzu*/
.pan {padding: 40px 0;}
.pan p {font-weight: bold; margin: 0 auto;}
.pan a {display: inline;　box-sizing: border-box; border-bottom: 1px solid #aaa;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
height: 685px;
position: relative;
font-size: 40px; line-height: 1; z-index: 550;
}
.page_thumb span {box-sizing: border-box; border-bottom: 1px solid #fff;}
.thumb01 {background: url("img/thumb01.jpg")top center no-repeat;}
.thumb02 {background: url("img/thumb02.jpg")top center no-repeat;}
.thumb03 {background: url("img/thumb03.jpg")top center no-repeat;}
.thumb04 {background: url("img/thumb04.jpg")top center no-repeat;}
.thumb05 {background: url("img/thumb05.jpg")top center no-repeat;}
.thumb06 {background: url("img/thumb06.jpg")top center no-repeat;}
.thumb07 {background: url("img/thumb07.jpg")top center no-repeat;}
.thumb08 {background: url("img/thumb08.jpg")top center no-repeat;}
.thumb09 {background: url("img/thumb09.jpg")top center no-repeat;}
.thumb10 {background: url("img/thumb10.jpg")top center no-repeat;}
.thumb11 {background: url("img/thumb11.jpg")top center no-repeat;}

.single_page {z-index: 550; position: relative;}

/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
.page_thumb img {
height: 120px;
}
}

/*
タイトル
*************/
.page_title {font-size: 30px; line-height: 1; font-weight: bold;}
.page_title::before,.page_title::after {content: ''; display: block; height: 1px; width: 150px; background: #000;}
.page_title::before {margin-right: 50px;}
.page_title::after {margin-left: 50px;}
.min_page_title {font-size: 14px; line-height: 1; margin: 10px auto 50px; color: #6b6b6b;}

/*
記事詳細ページ
***************/
.nav_over {margin-bottom: 50px;}
.nav_under {margin-top: 50px;}
.navigation .next-entries,.navigation .previous-entries {width: 119px; height: 37px; line-height: 1; font-size: 16px; display: flex; align-content: center; justify-content: center; box-sizing: border-box; border: 1px solid #000; background: url("img/pagenation_arrow.svg")center left 20px no-repeat; font-weight: 500;}
.navigation .next-entries a,.navigation .previous-entries a {display: flex; align-items: center; justify-content: center;}

.nav_archive_btn {box-sizing: border-box; font-size: 16px; line-height: 1; width: 200px; height: 35px; border: 1px solid #000; background: url("img/pagenation_arrow.svg")center left 20px no-repeat; font-weight: 500;}
.nav_archive_btn img {margin-left: 20px;}
.news_archive_btn {background: #FFAD4D; color: #fff;}

/*ページネーション
*******************/
.paging {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.paging-box {
display: inline-block;
}
.paging span, .paging a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #000; /* 文字色 */
background: #ddd; /* 背景色 */
border: 1px solid #bbb;
font-weight: bold;
}
.page-of {display: none !important;}
.paging a:hover{
color: #fff; /* マウスホバー時の文字色 */
background: #ccc; /* マウスホバー時の背景色 */
}
.paging .current{
padding: 10px 15px 10px 15px;
color: #fff; /* 文字色 */
background: #ccc; /* 背景色 */
}
@media only screen and (max-width: 413px) {
.paging {
font-size: 12px;
padding-bottom: 0;
line-height: 12px;
}
.paging span, .paging a {
padding: 8px 10px 8px 10px;
}
.paging .current{
padding: 8px 10px 8px 10px;
}
}

/*ie用*/
@media all and (-ms-high-contrast: none) {
#nav {display: none;}
#hamburger02 {display: none;}
.hambarger_box {display: none;}
}