@charset "utf-8";

/*
Theme Name: tomo_child
Template: tomo_child
Author: t-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);
}
body {overflow-x: hidden;}
#wrap {opacity: 0; transition-duration: 2s; overflow: hidden; position: relative;}
#wrap.indication {opacity: 1;}
.indent_content {padding: 150px 0;}
.indent_content02 {margin-top: 80px;}
.content {padding: 40px; position: relative;}
/******************************
HEADER
******************************/
.op {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
header {padding: 20px 0;}
header h1 {font-size: 12px;}
header .inner {margin-top: 10px;}
header .mail {background: #ed6c00; box-sizing: border-box; font-size: 20px; line-height: 1; min-width: 235px; width: 235px;}
header .tel {margin: 0 20px; font-size: 25px;}
header .inner02 {margin-bottom: 20px;}
.global_nav {display: table; width: 100%;}
.global_nav li {display: table-cell; position: relative; line-height: 1; box-sizing: border-box; font-size: 18px;}
.global_nav a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #e2792b;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.global_nav a:hover::after {
  transform: scale(1, 1);
}
.global_nav01 {width: 300px;}
.front_main {position: relative; background: url("img/header/main_bg.jpg")top left repeat; padding: 50px; width: 100%; box-sizing: border-box; height: 726px;}
.front_title {position: absolute; left: 50px; top: 150px; z-index: 50; box-sizing: border-box; background: #fff; padding: 20px 50px;}
.front_txt {position: absolute; left: 100px; bottom: 200px;}
.front_txt p {font-size: 40px; line-height: 1; padding: 5px; position: relative; opacity: 0; transition-delay: 1s; background: #fff;}
.front_txt.is-show p {opacity: 1;}
.front_txt span {position: relative; z-index: 10;}
.front_txt .orange {font-size: 50px;}
.front_txt .js-cover02 {margin-top: 10px;}
.front_main .news_slider {background: #fff; width: 550px; height: 45px; line-height: 1; font-size: 16px; position: absolute; bottom: 100px; right: 7%; border-radius: 22.5px; padding-left: 20px; z-index: 10;}
.front_info_item {display: flex!important; height: 45px!important; outline: none;}
.front_info_item .time {margin-right: 15px;}
.op::after {content: " "; position: absolute; top: 0; left: 0;
    height: 100%;
    width: 100%;
	transform: translateX(-100%);
	z-index: 1000;
	animation-duration: 2s;
    background: linear-gradient(to right, #ff8824, #d25f0b);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-animation-timing-function: cubic-bezier(1, 0, 0, 1);}

.op.inview::after {-webkit-animation-name: cover-shadow; animation-name: cover-shadow;}
@keyframes cover-shadow {
  0% {
	 transform: translateX(-100%);
  }
  40% {
transform: translateX(0%);
  }
  60% {
transform: translateX(0%);
  }
  100% {
 transform: translateX(100%);
  }
}

/*index*/
#index .topic {background: url("img/header/main_bg.jpg")top left repeat; line-height: 1; padding: 50px 0 100px;}
#index .topic .box{box-sizing: border-box; background: url("img/index/topic_bg.jpg")top left repeat; position: relative;}
#index .topic h2{font-size: 23px; background: #ed6c00; padding: 10px 0;}
#index .topic .txt01{font-size: 16px; padding: 40px 40px 0;}
#index .topic h3{font-size: 23px;}
#index .topic li{margin-top: 10px;}
#index .topic li:nth-child(last){margin-bottom: 0;}
#index .topic .txt02{padding: 20px 40px 40px;}
#index .topic .txt02 p{margin-top: 10px;}

#index .box01 {background: url("img/index/box01_bg.jpg")center center no-repeat; line-height: 1;}
#index .box01 .txt01 {display: inline; font-size: 30px; position: relative;}
#index .box01 .txt01::before {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; left: -130px; bottom: 0;}
#index .box01 .txt01::after {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; right: -130px; bottom: 0;}
#index .box01 .txt0101 {font-size: 20px; margin-top: 5px;}
#index .box01 .link_box {margin: 40px auto 0; width: 770px;}
#index .box01 a p {font-size: 18px; margin-top: 20px;}
#index .box01 a:nth-child(2),#index .box01 a:nth-child(6) {margin: 0 100px;}
#index .box01 a:nth-child(3),#index .box01 a:nth-child(7) {margin-right: 100px;}
#index .box01 a:nth-child(n + 5) {margin-top: 40px;}
#index .box02 {background: url("img/header/main_bg.jpg")top left repeat; font-size: 16px; padding: 150px 0 50px; position: relative;}
#index .box02_left_box {position: absolute; z-index: 20; left: 0;}
#index .box02 h2 span {box-sizing: border-box; line-height: 1; font-size: 50px; position: relative; display: inline-block; margin-bottom: 30px;}
#index .box02 .txt {font-size: 16px; margin: 80px auto 50px 0; width: 650px;}
#index .box02 .btn {box-sizing: border-box; background: url("img/index/box02_btn_bg.png")center right 10px no-repeat; background-color: #ed6c00; width: 310px; padding: 20px 0; font-size: 18px; line-height: 1; margin-right: auto; font-weight: normal;}
#index .box02 .bg_box {content: ''; background: #ffdbae; width: 1460px; height: 490px; position: absolute; bottom: -50px; left: -500px;}
#index .box02 .img_box {min-width: 1200px; right: -360px; z-index: 10; position: relative;}
#index .box02 .icon_text {position: absolute; right: 0; top: 134px; font-size: 150px; color: #59381d; line-height: 1; z-index: 100; opacity: .2;}
#index .box03 {background: url("img/index/box03_bg.png")bottom center no-repeat,url("img/header/main_bg.jpg")top left repeat;}
#index .box03 a {box-sizing: border-box; width: 366px; background: #fff; padding: 60px 0; line-height: 1; font-size: 20px; transition-duration: .2s; transition-timing-function: ease;} 
#index .box03 a:hover {box-shadow: 0 5px #d25f0b;}
#index .box03 .txt01 {font-size: 40px; margin-bottom: 10px;}
#index .box03 .icon {margin: 50px auto;}
#index .box03 .scrt-to-top:nth-child(1) .icon {padding-left: 15px;}
#index .box03 .scrt-to-top:nth-child(2) .icon {padding-left: 10px;}
#index .box03 .txt03 {font-size: 20px;}
#index .box03 .txt03 p {margin-right: 20px;}
#index .box03 .marker {background: linear-gradient(transparent 70%, #94b915 70%);}
#index .box03 a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}
#index .box04 {background: url("img/index/box04_bg.jpg")top left repeat;}
#index .box04 .box {width: 575px;}
#index .box04 .title_box {font-size: 30px; line-height: 1; margin-bottom: 5px;}
#index .box04 .txt0101 {font-size: 18px; margin-left: 20px;}
#index .box04 .item {box-sizing: border-box; border-bottom: 1px solid #ed6c00; padding: 20px 0; line-height: 1; font-size: 18px;}
#index .box04 .time {margin-right: 20px;}
#index .box04 table {width: 100%; margin: 50px auto 20px;}
#index .box04 th,#index .box04 td {box-sizing: border-box; padding: 15px; font-size: 18px; line-height: 1;}
#index .box04 th {padding: 15px 0;}
#index .box04 td {border-left: 1px solid #ed6c00; text-align: center;}
#index .box04 .r_td {border-right: 1px solid #ed6c00;}
#index .box04 li {line-height: 1;}
#index .box04 li:nth-child(2) {margin: 10px 0;}
#index .box04 .bg_icon {position: absolute; right: -350px; bottom: -150px;}
#index .box04 .btn {box-sizing: border-box; background: url("img/index/box02_btn_bg.png")center right 10px no-repeat; background-color: #ed6c00; width: 310px; padding: 20px 0; font-size: 18px; line-height: 1; margin: 35px auto 0 0; font-weight: normal;}
#index .box05 {background: url("img/index/box05_bg01.png")top center no-repeat,url("img/header/main_bg.jpg")top left repeat;}
#index .box05 a {width: 366px; box-sizing: border-box; transition-duration: .2s; transition-timing-function: ease;}
#index .box05 a:hover {box-shadow: 0 5px #d25f0b;}
#index .box05 a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}
#index .box06 { background: -moz-linear-gradient(left, #ff8824, #d25f0b);
 background: -webkit-linear-gradient(left, #ff8824, #d25f0b);
 background: linear-gradient(to right, #ff8824, #d25f0b); padding: 75px 0 0;}
#index .box06 .txt01 {display: inline; font-size: 30px; position: relative; line-height: 1;}
#index .box06 .txt01::before {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; left: -130px; bottom: 0;}
#index .box06 .txt01::after {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; right: -130px; bottom: 0;}
#index .box06 .txt0101 {font-size: 20px; margin-top: 5px;}
#index .box06 .inner {margin: 50px auto; position: relative; z-index: 10;}
#index .box06 iframe {width: 670px; min-width: 670px; height: 400px; box-sizing: border-box; margin-bottom: 50px; border: none;}
#index .box06 .box {position: relative; box-sizing: border-box; border-radius: 0; width: 400px; min-width: 400px; margin-left: -70px; padding: 50px 0; border-bottom: 7px solid #ed6c00; z-index: 20; background: #fff;}
#index .box06 .txt02 {font-size: 30px; line-height: 1;}
#index .box06 .txt03 {font-size: 16px;}
#index .box06 .btn {box-sizing: border-box; width: 250px; background: url("img/index/box02_btn_bg.png")center right 10px no-repeat; background-color: #ed6c00; margin: 40px auto 0; font-size: 18px; line-height: 1; padding: 20px 0;}
#index .box06 .img {position: relative; min-width: 1920px; margin: auto; left: 50%; margin-left: -960px;}
#index .box07 .txt01 {display: inline; font-size: 30px; position: relative; line-height: 1;}
#index .box07 .txt01::before {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; left: -130px; bottom: 0;}
#index .box07 .txt01::after {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; right: -130px; bottom: 0;}
#index .box07 .txt0101 {font-size: 20px; margin: 5px auto 50px;}
#index .box07 {background: #fff7e5;}
#acMenu dt{
width:480px;
line-height:1;
border:#000 2px solid;
cursor:pointer;
padding: 10px 55px 10px 10px;
box-sizing: border-box;
font-weight: bold;
border-top: none;
background:url("img/index/box07_bg01.png") no-repeat;
background-position: center right 20px;
border-left: none;
border-right: none;
}
#acMenu dt img,#acMenu dd img {margin-right: 20px;}
#acMenu dd{
width:480px;
line-height:1.5;
box-sizing: border-box;
display:none;
padding: 10px;
background: #fff;
}
#acMenu #acMenu:nth-of-type(1) dt {border-top: 2px solid #000;}
#acMenu dt.active{background:url("img/index/box07_bg02.jpg") no-repeat; background-position: center right 20px;}
#acMenu h3 {line-height: 1.5;}
#index .box07 .icon01 {position: absolute; top: -240px; left: -460px;}
#index .box07 .icon02 {position: absolute; bottom: -170px; right: -500px;}
#index .box08 {background: url("img/index/box08_bg.jpg")top center repeat;}
#index .box08 .txt01 {display: inline; font-size: 30px; position: relative; line-height: 1;}
#index .box08 .txt01::before {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; left: -130px; bottom: 0;}
#index .box08 .txt01::after {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; right: -130px; bottom: 0;}
#index .box08 .txt0101 {font-size: 20px; margin-top: 5px;}
#index .box08 .blog_box {box-sizing: border-box; border: 5px solid #eee; background: #fff; padding: 25px; margin-top: 50px;}
#index .box08 .item {box-sizing: border-box; border-bottom: 1px solid #ed6c00; padding: 20px 0; line-height: 1;}
#index .box08 .item:first-child {padding-top: 0;}
#index .box08 .time {font-size: 16px;}
#index .box08 .tag {box-sizing: border-box; background: #ed6c00; line-height: 1; width: 50px; height: 18px; margin: 0 20px; font-weight: normal;}
#index .box08 .icon01 {position: absolute; top: -250px; left: -450px;}
#index .box08 .icon02 {position: absolute; bottom: -100px; right: -500px;}
#index .box08 .btn {box-sizing: border-box; background: url("img/index/box02_btn_bg.png")center right 10px no-repeat; background-color: #ed6c00; width: 310px; padding: 20px 0; font-size: 18px; line-height: 1; margin: 50px auto 0; font-weight: normal;}

/*========================
FOOTER
========================*/
footer .box09 {background: #fff7e5;}
footer .box09 table {margin-bottom: 20px; width: 100%;}
footer .box09 th,footer .box09 td {box-sizing: border-box; padding: 15px; font-size: 18px; line-height: 1;}
footer .box09 th {padding: 15px 0;}
footer .box09 td {border-left: 1px solid #ed6c00; text-align: center;}
footer .box09 .r_td {border-right: 1px solid #ed6c00;}
footer .box09 .ul01 li {line-height: 1;}
footer .box09 .ul01 li:nth-child(2) {margin: 10px 0;}
footer .box09 .mail {background: #ed6c00; padding: 10px 0; line-height: 1; font-size: 18px; width: 388px; box-sizing: border-box;}
footer .box09 .ul02 li {margin-top: 20px; line-height: 1; font-size: 18px;}
footer .box09 .nav {margin-bottom: 50px;}
footer .box09 .nav li {font-size: 18px; margin-right: 60px;}
footer .box09 .nav a {display: inline; position: relative;}
footer .box09 .nav a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #e2792b;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
footer .box09 .nav a:hover::after {
  transform: scale(1, 1);
}
footer .r_bnr{position: relative; width: 1000px; margin-bottom: 80px;}
footer .r_bnr::after{position: absolute; content: ''; background: url("img/footer/recruit_icon.png")no-repeat; width: 227px; height: 245px; bottom: 0; right: 20px;}
footer .box10 {background: url("img/footer/bg.jpg")top center no-repeat; padding: 150px 0;}
footer .home_link {font-size: 16px; line-height: 1; margin: 20px auto 30px;}
footer .box10 .inner a {font-size: 18px; line-height: 1; margin-top: 20px;}
footer .mgn-t {margin-top: 40px;}
footer .copyright {background-color: #ed6c00; padding: 10px 0; font-size: 12px; font-weight: normal;}
footer .copyright p:last-child {margin-left: 10px;}
#pop_banner {position: fixed; bottom: 20px; z-index: 100; width: 100%;}
#pop_banner .inner { margin: auto; box-sizing: border-box; background-color: #fff;}
#pop_banner .icon01 {margin-right: 5px;}
#pop_banner .right_area {display: flex; align-items: center; justify-content: center;}

/*pankuzu*/
.pan {padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #535353;}
.pan a {display: inline;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
background: url(img/thumb_bg.jpg)center center no-repeat;
height: 500px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 40px;
letter-spacing: 5px;
line-height: 1;
}
.page_thumb span {font-size: 20px;}
.thumb02 {background: url(img/thumb_bg02.jpg)center center no-repeat;} 
.thumb03 {background: url(img/thumb_bg03.jpg)center center no-repeat;} 
.thumb04 {background: url(img/thumb_bg04.jpg)center center no-repeat;} 
.thumb05 {background: url(img/thumb_bg05.jpg)center center no-repeat;} 
.thumb06 {background: url(img/thumb_bg06.jpg)center center no-repeat;} 
.thumb07 {background: url(img/thumb_bg07.jpg)center center no-repeat;} 
.thumb08 {background: url(img/thumb_bg08.jpg)center center no-repeat;} 
.thumb09 {background: url(img/thumb_bg09.jpg)center center no-repeat;} 
.thumb10 {background: url(img/thumb_bg10.jpg)center center no-repeat;} 
.thumb11 {background: url(img/thumb_bg11.jpg)center center no-repeat;} 
.thumb12 {background: url(img/thumb_bg12.jpg)center center no-repeat;} 

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

/*
タイトル
*************/
.page_title_box {font-size: 18px; line-height: 1; margin: 50px auto;}
.b_page_title {font-size: 35px; display: inline-block; margin-bottom: 5px; position: relative; letter-spacing: 2px;}
.b_page_title::before,.b_page_title::after {content: ''; position: absolute; background: url("img/index/box01_title_icon.png")no-repeat; width: 100px; height: 13px; left: -130px; bottom: 0;}
.b_page_title::after {left: inherit; right: -130px;}
.sub_page {padding-bottom: 150px;}

/*
記事詳細ページ
***************/

.previous-entries,.next-entries {
color: #000;
width: 80px;
background: #ccc;
padding: 6px 0 0 10px;
box-sizing: border-box;
font-weight: bold;}

.gallery_entry {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 20px;
margin: 0 10% 3px;
}

.nav_archive_btn {
color: #000;
font-weight: bold;
width: 150px;
background: #ccc;
padding: 6px 0 6px 10px;
box-sizing: border-box;
}
.navigation {margin-bottom: 40px;}

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