@charset "utf-8";

/*
Theme Name: sako_child
Template: sako_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);
}
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: 100px 0;}
.indent_content02 {margin-top: 50px;}
.content {padding: 40px; position: relative;}
header .sp_box {display: none;}
/******************************
HEADER
******************************/
header .front_contact {background: #f6f6f6; padding: 20px 0; line-height: 1;}
header h1 {font-size: 20px; margin-bottom: 20px;}
header .front_contact .mail {font-size: 14px; line-height: 1; width: 219px; height: 40px;background: -moz-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: -webkit-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); }
header .front_contact .mail:nth-child(2) {background: -moz-linear-gradient(to bottom,#971715,#e92723 50%,#a91a17); 
background: -webkit-linear-gradient(to bottom,#971715,#e92723 50%,#a91a17); 
background: linear-gradient(to bottom,#971715,#e92723 50%,#a91a17);}
header .front_contact .mail:nth-child(3) {background: -moz-linear-gradient(to bottom,#48493a,#7c7d68 50%,#626351); 
background: -webkit-linear-gradient(to bottom,#48493a,#7c7d68 50%,#626351); 
background: linear-gradient(to bottom,#48493a,#7c7d68 50%,#626351);}
header .front_contact .mail img {margin-right: 10px;}
header .front_contact .tel {font-size: 40px; line-height: 1;}
header .front_contact .tel span {font-size: 60px;}
.global_nav_bg {background: #e07e20; 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; position: relative;}
.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: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.global_nav a:hover p::after {
  transform: scale(1, 1);
}
.front_main_box {position: relative;}
.front_main_box .txt01 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10;}
.front_main_box .txt02 {position: absolute; left: 0; right: 0; bottom: 100px; z-index: 10;}
.swiper-slide img {min-width: 1920px; position: relative; left: 50%; margin-left: -960px;}



/*index*/
#index .box01 {background: url("img/index/box01_bg01.jpg")top left repeat; position: relative;}
#index .box01 h2 {font-size: 30px;}
#index .box01 .min {font-size: 20px; line-height: 1; margin: 15px auto 50px;}
#index .box01 .under_box {box-sizing: border-box; border: 2px dashed #fff; padding: 20px; font-size: 49px; line-height: 1.2; margin: 50px auto; position: relative; z-index: 10;}
#index .box01 .under_box span {margin-left: 100px;}
#index .box01 .btn {box-sizing: border-box; background: url("img/index/box01_arrow.svg")center right 20px no-repeat; background-color: #fff; width: 500px; height: 70px; font-size: 18px; line-height: 1; z-index: 10; position: relative;}
#index .box01 .bg {position: absolute; left: 50%; right: 0; bottom: 0; margin: auto; min-width: 1920px; margin-left: -960px;}
#index .box01 .img {position: relative; z-index: 10;}
#index .box02 {background: url("img/index/box02_bg.jpg")top center no-repeat;}
#index .box02 h2 span {font-size: 35px; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 5px;}
#index .box02 .min {font-size: 25px; line-height: 1; margin: 50px auto;}
#index .box02 li {width: 366px;}
#index .box02 .box {box-sizing: border-box; border: 2px solid #e07e20; background: #fff; width: 100%; height: 133px; margin: -8px 0 10px;}
#index .box02 .box img {margin-right: 25px;}
#index .box02 .txt01 {font-size: 20px; line-height: 1;}
#index .box02 .txt02 {font-size: 35px; line-height: 1; margin: 10px 0;}
#index .box02 .txt03 {font-size: 14px; line-height: 1;}
#index .box02 .txt04 {font-size: 35px; line-height: 1.2; margin-bottom: 10px;}
#index .box02 a {box-sizing: border-box; font-size: 18px; line-height: 1; width: 100%; height: 54px; position: relative; background: -moz-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: -webkit-linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f); 
background: linear-gradient(to bottom,#d56800,#ffa249 50%,#e6801f);}
#index .box02 a img {position: absolute; right: 20px; top: 0; bottom: 0; margin: auto;}
#index .box02 li:nth-child(2) .box {border: 2px solid #a31815;}
#index .box02 li:nth-child(3) .box {border: 2px solid #626351;}
#index .box02 li:nth-child(2) a {background: -moz-linear-gradient(to bottom,#971715,#e92723 50%,#a91a17); 
background: -webkit-linear-gradient(to bottom,#971715,#e92723 50%,#a91a17); 
background: linear-gradient(to bottom,#971715,#e92723 50%,#a91a17);}
#index .box02 li:nth-child(3) a {background: -moz-linear-gradient(to bottom,#48493a,#7c7d68 50%,#626351); 
background: -webkit-linear-gradient(to bottom,#48493a,#7c7d68 50%,#626351); 
background: linear-gradient(to bottom,#48493a,#7c7d68 50%,#626351);}
#index .box03 {background: url("img/index/box03_bg.jpg")top left repeat; overflow: hidden;}
#index .box03 h2 {font-size: 30px;}
#index .box03 .min {font-size: 20px; line-height: 1; margin: 15px auto 25px;}
#index .box03 .inner::before,#index .box03 .inner::after {position: absolute; content: '';}
#index .box03 .inner::before {background: url("img/index/box03_bg01.png")no-repeat; width: 460px; height: 877px; left: -360px; bottom: -220px;}
#index .box03 .inner::after {background: url("img/index/box03_bg02.png")no-repeat; width: 460px; height: 877px; right: -360px; bottom: -183px;}
#index .box03 .img {margin-left: -100px;}
#index .box03 .txt01 {font-size: 20px; line-height: 1; margin-bottom: 5px;}
#index .box03 .txt02 {font-size: 35px; line-height: 1.4; word-break: keep-all;}
#index .box03 .bdr {content: ''; display: block; background: #000; width: 100px; height: 2px; margin: 45px 0 35px;}
#index .box03 .txt03 {font-size: 18px; line-height: 1.8; width: 468px;}
#index .box03 .btn_box {margin-top: 50px;}
#index .box03 .btn_box a {box-sizing: border-box; width: 475px; height: 70px; background: url("img/index/box02_arrow.svg")center right 20px no-repeat; background-color: #e07e20; font-size: 18px; line-height: 1.5;}
#index .box03 .btn_box a img {margin-right: 20px;}
#index .box03 .btn_box a:nth-child(2) {background: url("img/index/box02_arrow.svg")center right 20px no-repeat; background-color: #626351;}
#index .box04 {background: url("img/index/box04_bg.jpg")bottom center no-repeat; padding-bottom: 100px;}
#index .box04 .bg_box img:nth-child(1) {position: absolute; left: -360px; top: -92px;}
#index .box04 .bg_box img:nth-child(2) {position: absolute; right: -360px; top: -86px;}
#index .box04 .title {margin-top: -50px;}
#index .box04 h2 {font-size: 30px; line-height: 1.5; text-shadow: 0 0 5px #fff;}
#index .box04 h2 span {font-size: 40px;}
#index .box04 .txt01 {position: absolute; right: 0; top: -15px; font-size: 70px; line-height: 1;}
#index .box04 .interview_list {margin: 45px auto;}
#index .box04 .interview_list a {box-sizing: border-box; width: 262px; margin-right: 50px; border-bottom: 2px solid #000; padding-bottom: 15px;}
#index .box04 .interview_list a:nth-child(4) {margin-right: 0;}
#index .box04 .img_box {position: relative; width: 100%; margin-bottom: 15px;}
#index .box04 .img_box img {height: 196px; object-fit: cover; width: 100%;}
#index .box04 .cat {position: absolute; top: -5px; left: 0; display: inline-block; font-size: 14px; line-height: 1; padding: 5px;}
#index .box04 .cat01 {background: #e07e20;}
#index .box04 .cat02 {background: #a31815;}
#index .box04 .pick {position: absolute; left: 0; bottom: -5px; display: inline-block; font-size: 16px; line-height: 1; background: #000; padding: 3px 5px;}
#index .box04 h3 {font-size: 16px; line-height: 1.5;}
#index .box04 .btn {box-sizing: border-box; width: 500px; height: 70px; background: url("img/index/box02_arrow.svg")center right 20px no-repeat; background-color: #e07e20; font-size: 18px; line-height: 1;}
.c_img {position: relative; min-width: 1920px; left: 50%; margin-left: -960px;}
#index .box04 a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}
#index .box05 {background: url("img/index/box05_bg.jpg")top center no-repeat; position: relative; padding: 100px 0 150px;}
#index .box05 .title {font-size: 30px; line-height: 1;}
#index .box05 .tel {font-size: 50px; line-height: 1; margin: 35px auto 10px;}
#index .box05 .tel span {font-size: 80px;}
#index .box05 .txt01 {font-size: 20px; line-height: 1;}
#index .box05 h2 {font-size: 25px; margin: 50px auto 0; line-height: 1;}
#index .box05 ul {position: absolute; left: 0; right: 0; bottom: -100px; margin: auto; z-index: 10;}
#index .box05 li {box-sizing: border-box; width: 300px; border: 2px dashed #e07e20; padding: 10px;}
#index .box05 li:nth-child(2) {border-color: #a31815;}
#index .box05 li:nth-child(3) {border-color: #626351;}
#index .box05 li .bg {background: url("img/index/box05_bg01.jpg")center center no-repeat; padding: 16px 0 20px;}
#index .box05 li:nth-child(2) .bg {background: url("img/index/box05_bg02.jpg")center center no-repeat;}
#index .box05 li:nth-child(3) .bg {background: url("img/index/box05_bg03.jpg")center center no-repeat;}
#index .box05 .min {font-size: 16px; line-height: 1.2;}
#index .box05 .big {font-size: 30px; line-height: 1; margin: 20px auto 16px;}
#index .box05 .btn {box-sizing: border-box; width: calc(100% - 40px); background: url("img/index/box01_arrow.svg")center right 10px no-repeat; background-color: #fff; height: 40px; font-size: 16px;}
#index .box06 {background: url("img/index/box06_bg.jpg")center center no-repeat; padding: 185px 0 345px; position: relative;}
#index .box06 h2 {font-size: 40px; line-height: 1; letter-spacing: 1px; font-weight: normal;}
#index .box06 h2::before,#index .box06 h2::after {content: ''; display: block; flex-grow: 1; background: #e07e20; height: 3px;}
#index .box06 h2::before {margin-right: 20px;}
#index .box06 h2::after {margin-left: 20px;}
#index .box06 iframe {box-sizing: border-box; width: 1000px; height: 350px; border: 2px solid #000; position: absolute; left: 0; right: 0; margin: auto; bottom: -50px; z-index: 10;}
#index .box07 {background: url("img/index/box07_bg.jpg")top left repeat; padding: 10px;}
#index .box07 .box {box-sizing: border-box; border: 2px dashed #fff; width: 100%; height: 100%; padding: 100px 0 90px;}
#index .box07 h2 {font-size: 30px;}
#index .box07 .min {font-size: 20px; line-height: 1; margin: 10px auto 50px;}
#index .box07 .txt01 {font-size: 20px; line-height: 1; margin-bottom: 20px;}
#index .box07 {font-size: 20px; line-height: 1;}
#index .box07 th,#index .box07 td {font-size: 20px; line-height: 1; padding: 5px 0; font-weight: normal;}
#index .box07 th {padding-right: 20px;}
#index .box07 table:nth-child(2) {margin-left: 40px;}
#index .box07 table:nth-child(2) th {padding-right: 0;}
#index .box08 {background: url("img/index/box08_bg.jpg")top left repeat; position: relative;}
#index .box08 h2 {font-size: 35px;}
#index .box08 .link_box a {width: 285px; height: 65px; background: #e07e20; margin: 50px auto; font-size: 20px; line-height: 1;}
#index .box08 .link_box a:nth-child(2) {background: #a31815;}
#index .box08 .link_box a:nth-child(3) {background: #626351;}
#index .box08 .link_box a:nth-child(4) {background: #626262;}
#index .box08 .link_box a img {margin-right: 20px;}
#index .box08 .box {position: relative; width: 575px; z-index: 10;}
#index .box08 h3 {font-size: 25px; margin-bottom: 20px; box-sizing: border-box; border-left: 5px solid #000; padding-left: 10px;}
#index .box08 .list {border: 2px solid #e07e20; background: #fff; padding: 20px;}
#index .box08 .box:nth-child(2) .list {border-color: #a31815;}
#index .box08 .blog_item {box-sizing: border-box; border-bottom: 1px dashed #000; padding: 15px 0;}
#index .box08 .blog_item:nth-child(1) {padding-top: 0;}
#index .box08 .over {margin-bottom: 15px; font-size: 16px;}
#index .box08 h4 {font-size: 16px; margin-left: 30px;}
#index .box08 .txt {font-size: 14px; line-height: 2;}
#index .box08 .btn {position: absolute; right: 0; top: 0; font-size: 16px; line-height: 1;}
#index .box08 .bg {content: ''; position: absolute; background: url("img/index/box08_bg02.jpg")top left repeat; width: 1920px; height: 200px; bottom: 0; left: 0;}
#index .box09 {background: url("img/index/box09_bg.jpg")top center no-repeat; font-size: 16px; padding: 70px; line-height: 2;}
#index .box09 .title {font-size: 60px; line-height: 1; margin-bottom: 40px;}
#index .box09 h2 {font-size: 30px; margin-left: 10px;}

/*========================
FOOTER
========================*/
footer .over {padding: 100px 0; background: url("img/footer/bg.jpg")top center no-repeat; overflow: hidden;}
footer .home_link {margin-bottom: 45px; position: relative; z-index: 10;}
footer .inner::before {content: ''; position: absolute; background: url("img/footer/bg01.png")no-repeat; width: 460px; height: 573px; left: -360px; bottom: -100px;}
footer .inner::after {content: ''; position: absolute; background: url("img/footer/bg02.png")no-repeat; width: 460px; height: 573px; right: -360px; top: -165px;}
footer ul:nth-child(2) {margin-left: 40px;}
footer li {font-size: 18px; margin-top: 30px; position: relative; z-index: 10; line-height: 1;}
footer li:nth-child(1) {margin-top: 0;}
footer .box {position: relative; z-index: 10; width: 466px; background: #fff; padding: 20px 50px; box-sizing: border-box;}
footer .txt01 {font-size: 28px; margin-bottom: 10px; line-height: 1;}
footer .txt02 {font-size: 20px; line-height: 1;}
footer .tel {border-top: 1px solid #000; padding-top: 14px; margin: 20px auto 10px; font-size: 25px; line-height: 1;}
footer .tel span {font-size: 40px;}
footer .txt03 {font-size: 16px; line-height: 1; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #000;}
footer .btn {box-sizing: border-box; width: 300px; background: #e07e20; height: 50px; margin: 20px auto 0; font-size: 18px; line-height: 1;}
footer .copyright {background-color: #000; padding: 10px 0; font-size: 12px; 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: 1200px; margin: auto; background: #eee; box-sizing: border-box;}
#pop_banner .icon {margin-right: 10px;}

/*pankuzu*/
.pan {padding: 40px 0;}
.pan p {font-weight: bold; margin: 0 auto;}
.pan a {display: inline;}
.pan a:nth-child(1) {box-sizing: border-box; border-bottom: 1px solid #aaa;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
height: 500px;
position: relative;
}
.page_thumb p {font-size: 50px; line-height: 1; height: 100%;}
.page_thumb p span{position: relative; z-index: 10;}
.page_thumb p::before {content: ''; position: absolute; background: url("img/thumb_icon.png")no-repeat; width: 460px; height: 500px; left: -360px; bottom: 0;}
.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;}



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

/*
タイトル
*************/
.page_title {font-size: 30px;}
.min_page_title {font-size: 20px; line-height: 1; margin: 10px auto 50px;}

/*
記事詳細ページ
***************/
.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; font-size: 16px; line-height: 1; width: 200px; height: 35px; color: #fff; background: -moz-linear-gradient(to bottom,#971715,#e92723 50%,#a91a17); 
background: -webkit-linear-gradient(to bottom,#971715,#e92723 50%,#a91a17); 
background: linear-gradient(to bottom,#971715,#e92723 50%,#a91a17);}
.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;
}
}