@charset "utf-8";

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



h1,h2,h3,h4,h5 {font-weight: bold;}
#wrap {overflow: hidden;}
body {opacity: 0; transition-duration: .5s; transition-delay: .2s;}
.indication {opacity: 1;}
.indent_content {padding: 50px 0;}
.indent_content02 {margin-top: 50px;}
.content {padding: 40px; position: relative;}
/******************************
HEADER
******************************/

header {background: url("img/header/bg.jpg")top left repeat;}
header h1 {font-size: 12px; line-height: 1; background: #000; padding: 10px 0;}
header .inner {padding: 20px 0;}
header h2 {font-size: 30px;}
header .min {font-size: 16px; line-height: 1; margin-top: 8px;}
header .tel {font-size: 25px; line-height: 1;}
header .tel span {font-size: 35px;}
header .tel_txt {font-size: 14px; line-height: 1; margin-top: 8px;}
header .mail {box-sizing: border-box; width: 190px; height: 57px; font-size: 16px; line-height: 1;}
header .mail p {background: #fd8800;}
header .mail02 p {background: #eeee00;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {display: none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {outline: none; left: -50px; width: 50px; height: 200px; top: 0; bottom: 0; margin: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {outline: none; right: -49px; width: 50px; height: 200px; top: 0; bottom: 0; margin: auto}
.slide01 .swiper-slide {width: 1200px; margin: 0 24px;}
.front_btn_box {width: 1200px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.slide01 a:hover img {filter: alpha(opacity=100); opacity: 1;}
.front_contact {background: #e5e5e5; padding: 20px 0;}
.front_contact .txt01 {font-size: 22px; line-height: 1; margin-bottom: 16px;}
.front_contact .mail {font-size: 16px; line-height: 1; width: 250px; height: 57px;}
.front_contact .mail p {background: #fd8800;}
.front_contact .mail02 p {background: #eeee00;}
.global_nav_bg {background: #000; padding: 20px 0;}
.global_nav {display: table;}
.global_nav a {box-sizing: border-box; border-right: 1px solid #fff; font-size: 16px; line-height: 1; display: table-cell;}
.global_nav a:first-child {border-left: 1px solid #fff;}
.global_nav a p {position: relative; display: inline;}
.global_nav a p::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fd8800;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.global_nav a:hover p::after {
  transform: scale(1, 1);
}
.hover_btn {position: relative;}
.hover_btn::before {position: absolute; content: ''; width: 100%; height: 100%; background: #000; transform: translateY(3px); border-radius: 5px; left: 0; right: 0;}
.hover_btn p {position: relative; width: 100%; height: 100%; transition-duration: .1s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); border: 3px solid #000; border-radius: 5px; box-sizing: border-box;}
.hover_btn:hover p {transform: translateY(3px);}

/*index*/
#index .box01 {background: url("img/index/box01_bg.jpg")top center no-repeat; position: relative; padding-bottom: 160px; margin-bottom: -160px;}
#index .box01 h2 {margin-left: -120px;}
#index .box01 h2 img {min-width: 1507px;}
#index .box01 .inner {margin-top: 10px;}
#index .box01 .img {margin: 25px auto 30px;}
#index .box01 .btn {box-sizing: border-box; width: 500px; height: 60px;}
#index .box01 .btn p {background: #ee7700;}
#index .box02 {background: url("img/index/box02_bg.png")top center no-repeat; z-index: 10; position: relative; padding-top: 30px; padding-bottom: 50px; background-size: cover;}
#index .box02 .title {margin-left: -197px;}
#index .box02 .title img {min-width: 1397px;}
#index .box02 .box {box-sizing: border-box; background: url("img/index/box02_under_bg.jpg")top left repeat; border: 3px solid #000;}
#index .box02 .title_box {background: #000; padding: 15px 20px; font-size: 16px; line-height: 1.5; position: relative;}
#index .box02 .icon {position: absolute; left: 0; bottom: 0;}
#index .box02 h2 {font-size: 45px; line-height: 1; padding-left: 125px;}
#index .box02 .under {padding: 20px;}
#index .box02 .tel_box {box-sizing: border-box; background: #ee7700; border: 3px solid #000; padding: 20px 0 5px;}
#index .box02 .tel_box p {font-size: 20px; line-height: 1; margin-bottom: 10px;}
#index .box02 .txt01 {font-size: 30px; line-height: 1; margin: 20px auto 10px;}
#index .box02 table {width: 48%; margin: 0 auto;}
#index .box02 table th,#index .box02 table td {padding: 10px 0; font-size: 18px;}
#index .box02 table th{font-weight: bold; vertical-align: middle; width: 225px; position: relative;}
#index .box02 table input,#index .box02 table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 18px; font-weight: bold; border: 3px solid #000;}
#index .box02 table textarea {font: inherit; overflow-y: scroll; height: 100px;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
#index .box02 table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
#index .box02 .mw_wp_form_input .btn input:hover,#index .box02 .btn_box p input:hover { opacity: 0.7;}
#index .box02 .mw_wp_form_input .btn input,#index .box02 .btn_box p input{
    font-size: 18px;
    width: 500px;
    padding: 20px 0;
    line-height: 1;
	color: #fff;
	background-color: #000;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
	border-radius: 5px;
	margin: 30px auto 0;
  display: block; cursor: pointer;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border: none; color: #ff0000; margin: 0; text-align: center;
}
.wpcf7-form .wpcf7-not-valid-tip {font-size: 14px; font-weight: bold;}

#index .box02 .essential {color: #fe0000;  position: absolute; display: flex; align-items: center; justify-content: center; line-height: 1; top: 0; bottom: 0; right: 10px; margin: auto;}
#index .box02 .line_box .line_inner {box-sizing: border-box; border: 3px solid #000; border-bottom: none; background: #06c755; padding: 20px;}
#index .box02 .line_box .line_txt01 {font-size: 25px; line-height: 1; background: #fff; color: #06c755; padding: 10px 0; margin: 0 auto 20px; font-weight: 900; border-radius: 22.5px;}
#index .box02 .line_box .line_txt02 {font-size: 25px; line-height: 1.5; box-sizing: border-box; height: 139px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; display: flex; align-items: center; justify-content: center; width: 100%;}
#index .box02 .line_box .line_txt03 {font-size: 20px; line-height: 1; background: #000; padding: 13px 0 13px;}
#index .box02 .sns_box {margin-top: 50px;}
#index .box02 .line_box {width: 575px;}
#index .box02 .line_box.insta_box .line_inner {background: url(img/index/insta_bg.jpg)top center no-repeat;}
#index .box02 .line_box.insta_box .line_txt01 {color: #000;}

#index .box02 table .form_txt01 th,#index .box02 table .form_txt01 td {display: block;}
#index .box02 .form_txt01 th,#index .box02 .form_txt01 td {display: block;}
#index .box02 .qr {min-width: 139px; margin-right: 20px;}
#index .box03 {background: url("img/index/box03_bg.jpg")bottom center no-repeat; padding-bottom: 50px;}
#index .box03 h2 {background: url("img/index/box03_title_bg.jpg")top left repeat; margin-bottom: 50px;}
#index .box03 h2 div {position: relative; width: 1200px; margin: auto;}
#index .box03 h2 div::after {content: ''; position: absolute; background: url("img/index/box03_title_icon.png")no-repeat; width: 349px; height: 374px; bottom: -41px; right: 52px; z-index: 20;}
#index .box03 .gallery_list .item {box-sizing: border-box; width: 224px; margin-right: 20px;}
#index .box03 .gallery_list .item:nth-child(5n) {margin-right: 0;}
#index .box03 .gallery_list .item:nth-child(n + 6) {margin-top: 20px;}
#index .box03 .img_box {box-sizing: border-box; border: 3px solid #000; width: 100%;}
#index .box03 .img_box img {width: 100%; height: 150px; object-fit: cover;}
#index .box03 h3 {font-size: 14px; line-height: 1.4; padding: 5px; background: url("img/index/box03_h3_bg.jpg")top left repeat;}
#index .box03 .btn01 {box-sizing: border-box; font-size: 14px; line-height: 1; width: 100%; height: 35px; margin-top: 10px;}
#index .box03 .btn01 p {background: #ee7700;}
#index .box03 .btn02 {box-sizing: border-box; width: 500px; height: 60px; margin: 50px auto 0; font-size: 18px;}
#index .box03 .btn02 p {background: #ee7700;}
#index .box04 {background: url("img/index/box04_bg.jpg")top center no-repeat; padding-bottom: 50px;}
#index .box04 .swiper-slide {width: 600px; margin: 0 37.5px;}
#index .box04 .swiper-button-prev {left: -57.5px; z-index: 80; width: 35px; height: 150px;}
#index .box04 .swiper-button-next {right: -57.5px; z-index: 80; width: 35px; height: 150px;}
#index .box04 .swiper-container {width: 600px; margin: auto; z-index: 50;}
#index .box04 .under {position: relative; background: #000; padding: 20px 0;}
#index .box04 .net01 {position: absolute; top: 0; bottom: 0; left: 50%; width: 3000px; height: 100%; background: rgba(0,0,0,.6); z-index: 60; margin-left: -3375px;}
#index .box04 .net02 {position: absolute; top: 0; bottom: 0; right: 50%; width: 3000px; height: 100%; background: rgba(0,0,0,.6); z-index: 60; margin-right: -3375px;}
#index .box04 .btn_area {position: absolute; width: 596px; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#index .box04 .swiper-button-prev:after,#index .box04 .swiper-container-rtl .swiper-button-next:after,#index .box04 .swiper-button-next:after,#index .box04 .swiper-container-rtl .swiper-button-prev:after {display: none;}
#index .box04 .swiper-button-prev:focus,.swiper-button-next:focus {outline:0;}
#index .box04 .net02::after {content: ""; position: absolute; background: url("img/index/box04_man.png")no-repeat; width: 360px; height: 456px; left: -115px; top: 44px;}
#index .box04 .btn {box-sizing: border-box; width: 500px; height: 60px; margin: 50px auto 0; font-size: 18px; line-height: 1;}
#index .box04 .btn p {background: #fff;}
#index .box04 a:hover img {filter: alpha(opacity=100); opacity: 1;}
#index .box05 {background: url("img/index/box05_bg.jpg")top center no-repeat; box-sizing: border-box; border-top: 10px solid #000;}
#index .box05 h2::after {content: ''; position: absolute; background: url("img/index/box05_title_icon.png")no-repeat; width: 535px; height: 128px; right: -130px; bottom: -70px;}
#index .box05 h2 .img {position: relative; z-index: 10;}
#index .box05 .txt01 {font-size: 25px; line-height: 1; margin: 45px auto 35px;}
#index .box05 section {width: 386px;}
#index .box05 h3 {background: url("img/index/box03_h3_bg.jpg")top left repeat; line-height: 1.5; padding: 5px 10px; font-size: 14px;}
#index .box05 .btn {box-sizing: border-box; width: 100%; height: 60px; font-size: 16px; line-height: 1; margin-top: 20px;}
#index .box05 .btn p {background: #ee7700;}
#index .box05 section:nth-child(2) .btn p {background: #eeee00;}
#index .box05 section:nth-child(3) .btn p {background: #ff0000;}
#index .box06 {background: url("img/index/box06_bg.jpg")bottom center no-repeat; padding-bottom: 160px; margin-bottom: -160px;}
#index .box06 .title_box {background: url("img/index/box06_title_bg.jpg")center center no-repeat; padding: 24px 0 39px; margin-bottom: 50px;}
#index .box06 h2::after {content: ''; position: absolute; background: url("img/index/box06_titlr_icon.png")no-repeat; width: 966px; height: 259px; right: -360px; bottom: -39px;}
#index .box06 .interview_list a {box-sizing: border-box; width: 266px; margin-right: 20px; background: url("img/index/box06_bg02.jpg")top left repeat;}
#index .box06 .interview_list a:nth-child(4) {margin-right: 0;}
#index .box06 .img_box {box-sizing: border-box; border: 3px solid #ee7700; width: 100%;}
#index .box06 .img_box img {width: 100%; height: 213px; object-fit: cover;}
#index .box06 .txt_box {padding: 5px 10px 10px; font-size: 14px; line-height: 1;}
#index .box06 h3 {font-size: 14px; line-height: 1.5; margin-bottom: 5px;}
#index .box06 .btn {box-sizing: border-box; width: 500px; height: 60px; font-size: 18px; line-height: 1; margin: 50px auto 0;}
#index .box06 .btn p {background: #fff;}
#index .box07 {background: url("img/index/box07_bg.jpg")top center no-repeat,url("img/index/box07_bg02.jpg")top left repeat;}
#index .box07 .inner {margin-top: 50px;}
#index .box07 .under_bnr {margin: 50px auto 0;}
#index .box08 {background: url("img/index/box08_bg.jpg")top left repeat;}
#index .box08 .inner {margin-top: 45px;}
#index .box08 .box {width: 590px; box-sizing: border-box; border: 3px solid #000; background: #fff; border-top: none; position: relative;}
#index .box08 h2 {font-size: 25px; background: #000; padding: 10px; box-sizing: border-box; height: 50px;}
#index .box08 h2 span {box-sizing: border-box; border-left: 7px solid #fd8800; padding-left: 10px;}
#index .box08 .blog_list {padding: 20px;}
#index .box08 .blog_item {box-sizing: border-box; padding-top: 20px; margin-top: 16px; border-top: 1px solid #000;}
#index .box08 .inner .img {min-width: 110px; min-height: 76px; max-width: 110px; max-height: 76px; margin-right: 20px;}
#index .box08 .img img {object-fit: cover;min-width: 110px; height: 76px; min-height: 76px;}
#index .box08 .blog_item:nth-child(1) {margin-top: 0; padding-top: 0; border-top: none;}
#index .box08 .time {font-size: 16px; line-height: 1; margin-right: 20px;}
#index .box08 h3 {font-size: 16px; margin: 5px 0;}
#index .box08 .btn {box-sizing: border-box; width: 125px; height: 30px; background: #fd8800; border-radius: 5px; position: absolute; top: 10px; right: 5px;}
#index .box08 .btn02 {display: none;}
#index .box08 .box:nth-child(2) h2 span {border-left: 7px solid #ff0000;}
#index .box08 .box:nth-child(2) .btn {background: #ff0000;}
#index .box09 {background: url("img/index/box09_bg.jpg")center center no-repeat;}
#index .box09 h2 {font-size: 30px;}
#index .box09 .title_box p {font-size: 60px; padding-right: 10px; line-height: 1;}
#index .box09 p {font-size: 16px;}
#index .box09 .title_box {margin-bottom: 30px;}
#index .link_box {box-sizing: border-box; background: url("img/index/link_box_bg.jpg")top left repeat; padding: 20px 0;}
#index .link_box a {box-sizing: border-box; border: 3px solid #000; background: #fff; width: 285px; height: 65px; font-size: 20px; line-height: 1;}
#index .link_box a:hover img {filter: alpha(opacity=100); opacity: 1;}



/*========================
FOOTER
========================*/
footer {background: url("img/footer/bg.jpg")top center no-repeat; padding-top: 50px;}
footer .inner {margin: 50px auto 100px;}
footer ul:nth-child(2) {margin-left: 20px;}
footer li {font-size: 18px; line-height: 1; margin-top: 30px;}
footer li:nth-child(1) {margin-top: 0;}
footer li img {margin-right: 10px;}
footer .box {box-sizing: border-box; border: 3px solid #000; border-top: 5px solid #000; background: url("img/footer/box_bg.jpg")top left repeat; padding: 20px 50px; position: relative; line-height: 1; width: 550px;}
footer .txt01 {font-size: 35px;}
footer .txt02 {font-size: 14px; box-sizing: border-box; border-bottom: 1px solid #fff; margin: 10px auto 15px; padding-bottom: 20px;}
footer .tel {font-size: 25px;}
footer .tel span {font-size: 40px;}
footer .txt03 {font-size: 16px; box-sizing: border-box; border-bottom: 1px solid #fff; margin-top: 2px; padding-bottom: 20px; margin-bottom: 20px;}
footer .box .icon {position: absolute; right: 20px; bottom: 20px;}
footer .box .btn {box-sizing: border-box; width: 300px; height: 50px; font-size: 18px;}
footer .box .btn p {background: #fff;}
footer .box .line {margin: 0 10px;}

footer .copyright {background-color: #000; padding: 10px 0; font-size: 12px; margin-top: 40px; position: relative; z-index: 10;}
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: #fff; box-sizing: border-box; border: 1px solid #000;}
#pop_banner .inner02 {box-sizing: border-box; border: 1px solid #000; background-color: #fff; width: 100%;}
#pop_banner .icon {box-sizing: border-box; -webkit-transition: all 0.5s ease; background-color: #ee7700; margin-right: 1px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
#pop_banner .icon:hover {
  background-color: #000;
  -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;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
height: 500px;
position: relative;
}
.page_thumb p {
	font-size: 40px; line-height: 1; display: inline-block; box-sizing: border-box; border-bottom: 5px 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;}
.thumb12 {background: url("img/thumb12.jpg")top center no-repeat;}
.thumb13 {background: url("img/thumb13.jpg")top center no-repeat;}
.thumb14 {background: url("img/thumb14.jpg")top center no-repeat;}


.sub_page {margin-bottom: 50px;}



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

/*
タイトル
*************/
.page_title {background: #000; padding: 5px; margin-bottom: 50px; box-sizing: border-box; height: 50px;}
.page_title span {font-size: 20px; line-height: 1; box-sizing: border-box; border-left: 5px solid #ee7700; padding-left: 10px; height: 100%;}


/*
記事詳細ページ
***************/
.nav_over {margin-bottom: 50px;}
.nav_under {margin-top: 50px;}
.navigation .next-entries,.navigation .previous-entries {background: #000; width: 119px; height: 37px; line-height: 1; font-size: 16px; color: #fff; display: flex; align-content: center; justify-content: center;}
.navigation .next-entries a,.navigation .previous-entries a {display: flex; align-items: center; justify-content: center;}

.nav_archive_btn {box-sizing: border-box; background: #eeee00; border: 3px solid #000; border-radius: 5px; box-shadow: 0 3px #000; font-size: 16px; line-height: 1; width: 200px; height: 35px;}
.nav_archive_btn img {margin-left: 20px;}
.news_archive_btn {background: #ff0000; color: #fff;}
#gallery_single .nav_archive_btn {background: #fd8800;}
#gallery_single .interview_archive_btn {background: #eeee00;}

/*ページネーション
*******************/
.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;
}
}