@charset "utf-8";

/*
Theme Name: presio_child
Template: presio_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; position: relative;}
body {opacity: 0; transition-duration: .5s; transition-delay: .2s;}
.indication {opacity: 1;}
.indent_content {padding: 60px 0;}
.indent_content02 {margin-top: 80px;}
/******************************
HEADER
******************************/
header {background: #fff;}
header h1 {background: #000;padding: 5px 0;font-size: 12px; line-height: 1;}
header .inner {padding: 10px 0;}
header .tel {font-size: 14px; line-height: 1;}
header .tel .big {font-size: 45px; margin-bottom: 5px;}
header .tel img {margin-right: 10px;}
header .mail,.front_contact_box .mail {box-sizing: border-box; width: 215px; height: 62px; font-size: 18px; line-height: 1; border: 3px solid #000; border-radius: 5px; border-bottom: 6px solid #000; margin-left: 20px; background: linear-gradient(15deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%); border-right: 35px solid #000; position: relative;}
header .mail::after,.front_contact_box .mail::after {content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10.4px; border-color: transparent transparent transparent #fff; right: -25px; top: 0; bottom: 0; margin: auto;}
.front_main img {position: relative; min-width: 1920px; left: 50%; margin-left: -960px;}
.front_main {position: relative;}
.front_contact_box {padding: 20px 0; line-height: 1;}
.front_contact_box .mail {margin-left: 0; margin-right: 20px; height: 52px;}
.front_contact_box .txt01 {font-size: 18px;}
.front_contact_box .tel {font-size: 50px;}
.front_contact_box .tel span {font-size: 73px;}
.global_nav {box-sizing: border-box; background: #000;}
.global_nav a {box-sizing: border-box; width: calc(100% / 6); height: 48px; font-size: 16px; line-height: 1; border-right: 1px solid #fff;}
.global_nav a:nth-child(1) {border-left: 1px solid #fff;}
.global_nav a:hover {background: #ce2323;}


/*index*/
#index .box01 {background: url("img/index/box01_bg01.jpg")top center no-repeat; border-bottom: solid 5px #000;}
#index .box01 h2 {font-size: 30px;}
#index .box01 .min {font-size: 20px; line-height: 1; margin: 10px auto 55px;}
#index .box01 .online_list {background: #fff; box-sizing: border-box; border: 3px solid #000;}
#index .box01 .item {box-sizing: border-box; border-bottom: solid 3px #000; padding: 30px; line-height: 1}
#index .box01 .item:nth-child(3) {border-bottom: none;}
#index .box01 .img_box {box-sizing: border-box; position: relative;}
#index .box01 .img_box img {width: 100%; height: 219px; object-fit: cover; object-position: center;}
#index .box01 .number {box-sizing: border-box; background: linear-gradient(15deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%); font-size: 20px; line-height: 1; padding: 5px 20px; display: inline-block; position: absolute; top: 0; left: 0;}
#index .box01 h3 {font-size: 18px; margin-top: 15px;}
#index .box01 .txt {box-sizing: border-box; line-height: 1; padding: 5px 10px; background: #ce2323; font-size: 14px; display: inline-block;}
#index .box01 .time {width: 142px; box-sizing: border-box; border-bottom: 1px solid #ce2323; font-size: 14px; line-height: 1; padding-bottom: 2px;}
#index .box01 .date {font-size: 18px; line-height: 1; box-sizing: border-box; border-left: solid 1px #000; padding: 5px 0 5px 20px; margin-left: 120px;}
#index .box01 .fade_r {transition-delay: .3s;}
#index .box01 .fade_under .item:nth-child(1) {transition-delay: .7s;}
#index .box01 .fade_under .item:nth-child(2) {transition-delay: .8s;}
#index .box01 .fade_under .item:nth-child(3) {transition-delay: .9s;}
#index .box02 {background: url("img/index/box02_bg.jpg")top left repeat; overflow: hidden;}
#index .box02 h2 {font-size: 30px;}
#index .box02 .min {margin: 10px auto 55px; font-size: 20px; line-height: 1; transition-delay: .3s;}
#index .box02 .inner {position: relative;}
#index .box02 .inner::before {content: ''; position: absolute; background: url("img/index/box02_bg_icon02.jpg")top left repeat; width: 1500px; height: 150%; transform: rotate(65deg); top: 0; left: -1000px;}
#index .box02 .inner::after {content: ''; position: absolute; background: url("img/index/box02_bg_icon01.svg")no-repeat; width: 604px; height: 878px; right: -360px; top: -185px;}
#index .box02 .img_box {position: relative; z-index: 10;}
#index .box02 .txt_box {position: absolute; z-index: 10; width: 600px; right: 0; bottom: 30px; transition-delay: .8s;}
#index .box02 .m_img {box-sizing: border-box; border: 3px solid #000; position: absolute;}
#index .box02 .m_img01 {z-index: 30; bottom: 10px; left: -330px; transition-delay: .1s;}
#index .box02 .m_img02 {bottom: 165px; top: -92px; left: -283px; transition-delay: .2s;}
#index .box02 .m_img03 {z-index: 30; top: 135px; left: -195px; transition-delay: .3s;}
#index .box02 .m_img04 {z-index: 20; bottom: -30px; left: -50px; transition-delay: .4s;}
#index .box02 .m_img05 {z-index: 50; top: -150px; left: 55px; transition-delay: .5s;}
#index .box02 .m_img06 {z-index: 60; bottom: -40px; right: 158px; transition-delay: .6s;}
#index .box02 .img {position: absolute; opacity: 0; transform: translateY(5%); transition-duration: .5s;}
#index .box02 .img01 {box-sizing: border-box; border: 3px solid #000; position: relative; z-index: 10;}
#index .box02.inview .img {opacity: 1; transform: translateY(0);}
#index .box02 .txt01 {margin: 25px 0;}
#index .box02 .txt01 p span {box-sizing: border-box; display: inline-block; background: #000; padding: 5px 10px; font-size: 20px; line-height: 1;}
#index .box02 .txt01 p:nth-child(2) {margin-top: 5px;}
#index .box02 .txt02 {background: #fff; font-size: 14px; line-height: 2; padding: 5px 10px; box-sizing: border-box;}
#index .box02 .btn_box {margin-top: 120px; position: relative;}
#index .box02 .btn_box a {font-size: 16px; line-height: 1; width: 386px; height: 60px; box-sizing: border-box; border: 3px solid #000; transition-duration: .5s; background: url("img/index/box02_arrow01.svg")center right 50px no-repeat; background-color: #fff;}
#index .box02 .btn_box a:hover {background: url("img/index/box02_arrow02.svg")center right 50px no-repeat; background-color: #000; color: #fff;}
#index .box02 .fade_under .btn_area .item:nth-child(1) {transition-delay: 1s;}
#index .box02 .fade_under .btn_area .item:nth-child(2) {transition-delay: 1.1s;}
#index .box02 .fade_under .btn_area .item:nth-child(3) {transition-delay: 1.2s;}
#index .box02 .main .btn02 {position: relative;}
#index .box02 .main .btn02::after{content:'';  position: absolute; z-index: 20; left: 190px; bottom: 60px; background: url("img/index/box02_txt.svg")top left no-repeat; width: 600px; height: 102px;}
#index .box02 .inner .logo {position: absolute; right: 0px; top: -130px; width: 30%; height: auto;}



#index .box11 {background: url("img/index/box11_bg.jpg") center center no-repeat; position: relative;}
#index .box11 .map_area{background: url("img/index/box11_mapbg.jpg") top left repeat; padding: 20px; position: relative;}
#index .box11 .map_area img {margin-left: auto;}



#index #contact_banner {margin-top: 0;}
#contact_banner {background: url("img/index/box03_bg01.jpg")top center no-repeat,url("img/index/box03_bg02.jpg")top left repeat;}
#contact_banner .txt01 {font-size: 25px; line-height: 1; padding: 10px 90px; box-sizing: border-box; display: inline-block; margin: 15px auto 30px; position: relative;}
#contact_banner .txt01 span {position: relative; z-index: 10;}
#contact_banner .txt01::before {content: ''; position: absolute; background: #1b1b1b; width: 100%; height: 100%; border: 3px solid #fff; transform: skewX(-15deg); top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
#contact_banner .box {background: url("img/index/box03_box_bg.jpg")center right no-repeat,linear-gradient(-65deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%); box-sizing: border-box; border: 3px solid #000; padding: 30px; line-height: 1;}
#contact_banner .box_box02 {background: url("img/index/box03_box02_bg.jpg")center right no-repeat,linear-gradient(-65deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%); margin-top: 30px;}
#contact_banner .title {font-size: 25px; line-height: 1;}
#contact_banner .title img {margin-right: 10px;}
#contact_banner .txt02 {font-size: 20px; margin: 20px 0 10px;}
#contact_banner .txt03 {font-size: 45px;}
#contact_banner .btn {box-sizing: border-box; border: 3px solid #000; background: #fff; border-radius: 5px; border-right: 20px solid #000; position: absolute; width: 250px; height: 40px; font-size: 14px; right: 20px; bottom: 20px;}
#contact_banner .btn::after {content: ''; position: absolute; right: -15px; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #fff;}
#contact_banner .tel {margin-top: 50px; line-height: 1;}
#contact_banner .tel p:nth-child(1) {font-size: 40px; margin-bottom: 15px;}
#contact_banner .tel p:nth-child(1) span {font-size: 70px;}
#contact_banner .tel p:nth-child(2) {font-size: 20px;}
#contact_banner .tel::before {content: ''; position: absolute; background: url("img/index/box03_bg_icon01.svg")no-repeat; width: 373px; height: 336px; bottom: -60px; left: -360px;}
#contact_banner .tel::after {content: ''; position: absolute; background: url("img/index/box03_bg_icon02.svg")no-repeat; width: 373px; height: 336px; bottom: -60px; right: -360px;}
#index .box04 {background: url("img/index/box04_bg01.svg")center bottom no-repeat,url("img/index/box04_bg02.jpg")top center no-repeat;}
#index .box04 h2 {position: relative; z-index: 10;}
#index .box04 .point_text {position: absolute; right: 0; top: -230px; transition-delay: .3s;}
#index .box04 ul {margin: 30px auto;}
#index .box04 li {width: 360px; position: relative;}
#index .box04 li img {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#index .box04 li p {box-sizing: border-box; background: #fff; border: 3px solid #000; padding-left: 80px; width: calc(100% - 20px); height: 70px; font-size: 18px; line-height: 1.3; margin-left: auto;}
#index .box04 li:nth-of-type(1) {transition-delay: .7s;}
#index .box04 li:nth-of-type(2) {transition-delay: .8s;}
#index .box04 li:nth-of-type(3) {transition-delay: .9s;}
#index .box04 .txt {margin: 0 auto 50px; transition-delay: 1s;}
#index .box04 .item {box-sizing: border-box; width: 355px;}
#index .box04 .item:nth-child(n + 4) {margin-top: 40px;}
#index .box04 .item:nth-child(1) {transition-delay: 1.2s;}
#index .box04 .item:nth-child(2) {transition-delay: 1.3s;}
#index .box04 .item:nth-child(3) {transition-delay: 1.4s;}
#index .box04 .item:nth-child(4) {transition-delay: 1.5s;}
#index .box04 .item:nth-child(5) {transition-delay: 1.6s;}
#index .box04 .item:nth-child(6) {transition-delay: 1.7s;}
#index .box04 .img_box {box-sizing: border-box; border: 5px solid #000; box-shadow: 5px 5px #000; position: relative;}
#index .box04 .icon_txt {font-size: 18px; line-height: 1; box-sizing: border-box; border: 5px solid #000; background: #fff; width: 175px; height: 40px; position: absolute; top: -20px; left: 0; z-index: 10;}
#index .box04 .icon {position: absolute; right: 0; top: -30px; z-index: 10;}
#index .box04 .title {position: absolute; left: 10px; bottom: 10px; z-index: 10;}
#index .box04 .text {font-size: 14px; line-height: 1.7; margin-top: 15px; color: #fff;}
#index .box05 {background: url("img/index/box05_bg.jpg")top left repeat;}
#index .box05 .box {width: 570px; position: relative;}
#index .box05 .list {box-sizing: border-box; padding: 3px; background: #ce2323;}
#index .box05 h2 {font-size: 25px; line-height: 1; display: inline-block; padding: 8px 10px; background: #ce2323;}
#index .box05 .btn {position: absolute; right: 0; top: 12px; font-size: 16px; line-height: 1;}
#index .box05 .list a {box-sizing: border-box; border-bottom: 1px dashed #000; padding: 20px 0; line-height: 1.5; font-size: 14px;}
#index .box05 .over {margin-bottom: 15px;}
#index .box05 .time {font-size: 16px; line-height: 1; margin-right: 20px;}
#index .box05 h3 {font-size: 16px; line-height: 1;}
#index .box05 .box:nth-child(2) h2 {background: linear-gradient(15deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%);}
#index .box05 .box:nth-child(2) .list {background: linear-gradient(15deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%);}
#index .box05 .list_in {background: #fff; padding: 0 20px 20px;}
#index .box06 {background: url("img/index/box06_bg.jpg")top left repeat;}
#index .box06 .left a,#index .box06 .right a{box-sizing: border-box; width: 295px; padding: 3px; background: #ce2323;margin-top: 20px; height: 70px;}
#index .box06 .left a:first-child,#index .box06 .right a:first-child{margin-top: 0;}
#index .box06 .right a{background: linear-gradient(15deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%);}
#index .box06 .left a .icon,#index .box06 .right a .icon {min-width: 60px; height: 60px;}
#index .box06 p {background: #fff; width: 100%; height: 100%; font-size: 16px; line-height: 1;}


#index .box12 {background: url("img/index/box12_bg.jpg")center center repeat; font-size: 25px; line-height: 1;}
#index .box12 h2{font-size: 40px;}
#index .box12 .txt_area{margin: 60px auto;}
#index .box12 .txt_area p{margin-top: 30px; font-size: 14px; line-height: 1.5;}
#index .box12 ul{margin: 40px auto 30px; flex-wrap: wrap;}
#index .box12 ul li{margin-left: 20px;}
#index .box12 ul li:first-child,#index .box12 ul li:nth-child(7),#index .box12 ul li:nth-child(13){margin-left: 0;}
#index .box12 ul li:nth-child(n+7){margin-top: 20px;}
#index .box12 .txt01{font-size: 20px;}


#index .box07 {background: url("img/index/box07_bg.jpg")center center no-repeat; background-size: cover;}
#index .box07 h2 {font-size: 50px; line-height: 1;}
#index .box07 h2 span {font-size: 20px; padding-left: 20px;}
#index .box07 .txt {font-size: 16px; line-height: 1.7; margin-top: 35px;}
#index .box07 .txt::before {content: ''; position: absolute; background: url("img/index/box07_bg_icon01.svg")no-repeat; width: 296px; height: 295px; left: -360px; bottom: -60px;}
#index .box07 .txt::after {content: ''; position: absolute; background: url("img/index/box07_bg_icon02.svg")no-repeat; width: 297px; height: 295px; right: -360px; bottom: -60px;}
#index .c_img {position: relative; min-width: 1920px; left: 50%; margin-left: -960px; border-top: 10px solid #000; border-bottom: 10px solid #000; box-sizing: border-box;}

/*========================
FOOTER
========================*/
footer {background: url("img/footer/bg.jpg")top left repeat; overflow: hidden;}
footer .home_link {background: #000; padding: 20px 0; position: relative; z-index: 10;}
footer .inner {padding: 60px 0;}
footer .inner::after {content: ''; position: absolute; background: #ce2323; width: 1500px; height: 150%; transform: rotate(-70deg); top: 0; right: -810px;}
footer .inner li {margin-top: 25px; line-height: 1; font-size: 15px;}
footer .inner ul li:nth-child(1) {margin-top: 0;}
footer .inner .ul02 {margin-top: 30px;}
footer .inner .ul03 {margin: 0 60px;}
footer .box {box-sizing: border-box; background: url("img/footer/box_bg.jpg")top left repeat; border: 3px solid #000; border-bottom: 6px solid #000; position: relative; z-index: 10; width: 415px;}
footer .box .title {box-sizing: border-box; background: url("img/footer/box_icon.svg")right 20px center no-repeat; background-color: #ce2323; padding: 10px 0 10px 25px;}
footer .box .title p {font-size: 16px; line-height: 1; margin-top: 5px;}
footer .box .under {padding: 20px;}
footer .box .txt {font-size: 16px; line-height: 1; text-align: center;}
footer .box .txt:nth-child(2) {margin: 10px 0 0;}
footer .box .btn {box-sizing: border-box; width: 48%; height: 52px; margin: 20px 0 0; font-size: 14px; border: 3px solid #000; border-right: 20px solid #000; border-radius: 5px; position: relative; background: #fff; border-bottom: 6px solid #000;}
footer .box .btn::after {content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5.2px; border-color: transparent transparent transparent #fff; right: -14px; top: 0; bottom: 0; margin: auto;}
footer .copyright {background: #000; padding: 5px 0; font-size: 15px; line-height: 1; position: relative; z-index: 10;}

#pop_banner {position: fixed; bottom: 20px; z-index: 100; width: 100%;}
#pop_banner .inner {width: 1200px; margin: auto; background: #fff; box-sizing: border-box; border: 3px solid #ce2323;}
#pop_banner .icon {box-sizing: border-box; -webkit-transition: all 0.5s ease; background-color: #000; margin-right: 10px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease; width: 163px; height: 54px; border-radius: 5px;
}
#pop_banner .icon:hover {
  background-color: #ce2323;
  -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: 80px 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: 600px;
position: relative;
z-index: 550;
}
.page_thumb p span {font-size: 40px; line-height: 1; box-sizing: border-box; display: inline-block; background: #ce2323; padding: 10px;}
.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: 35px; margin-bottom: 80px;}

/*
記事詳細ページ
***************/
.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: 3px solid #000; background: url("img/blog/btn_arrow01.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; background: url("img/blog/btn_arrow02.svg")center right 20px no-repeat; font-weight: 500; background-color: #000; color: #fff;}
.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;
}
}