@charset "utf-8";

/*
Theme Name: sakaoka_child
Template: sakaoka_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: 80px 0;}
.indent_content02 {margin-top: 50px;}
/******************************
HEADER
******************************/
header {background: url("img/header/bg.jpg")top left repeat; padding: 15px 0; position: relative; z-index: 10;}
header h2 {font-size: 50px;}
header h2 img {margin-right: 10px;}
header .tel img {margin-top: 12px; margin-right: 7px;}
header .tel p:nth-child(1) {font-size: 50px; line-height: 1;}
header .tel p:nth-child(2) {font-size: 14px; line-height: 1; margin-top: 5px;}
header .mail {box-sizing: border-box; background: #d12700; font-size: 14px; line-height: 1; width: 300px; height: 57px; margin: 0 20px;}
.front_main_box {position: relative;}
.front_main_box .inner {height: 100%;}
.front_main_box .icon01 {background: url("img/header/main_icon01.svg")no-repeat; width: 1920px; height: 353px; top: 0; left: -360px; z-index: 10; position: absolute; transition: clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1); clip-path: inset(0 100% 0 0);}
.front_main_box .icon02 {background: url("img/header/main_icon02.svg")no-repeat; width: 1920px; height: 343px; bottom: 0; right: -360px; z-index: 10; position: absolute; transition: clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, -webkit-clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s; clip-path: inset(0 0 0 100%);}
.front_main_box .txt01 {transition-delay: 1.3s;}
.front_main_box .txt02 {transition-delay: 1.5s;}
.front_main_box .txt02 img {margin-left: auto;}
.front_main_box .txt03 {position: absolute; left: 0; top: 0; z-index: 20; transition-delay: .3s; height: 25%;}
.front_main_box .txt03 img {height: 100%; width: 100%; position: relative;}
.front_main_box .txt04 {position: absolute; right: 0; bottom: 0; z-index: 20; transition-delay: 1s; height: 29%;}
.front_main_box .txt04 img {height: 100%; width: 100%; position: relative;}
.front_main_box .txt_box {width: 800px; position: relative; z-index: 20;}
.front_main_box .bdr {content: ''; background: #fff; width: 0; height: 3px; margin: 30px auto; display: block; transition-duration: .5s; transition-delay: 1s;}
.front_main_box.inview .bdr {width: 100%;}
.front_main_box .swiper-container {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.front_contact_box {background: url("img/header/front_contact_box.jpg")top left repeat; padding: 20px 0;}
.front_contact_box h1 {font-size: 20px; margin-bottom: 5px;}
.front_contact_box .icon {margin-right: 20px;}
.front_contact_box .mail {box-sizing: border-box; position: relative; background: #d12700; font-size: 14px; line-height: 1; margin-right: 60px; width: 430px; height: 52px;}
.front_contact_box .mail::before {content: ''; position: absolute; background: #fff; width: 5px; height: 5px; border-radius: 100%; top: 0; bottom: 0; right: 45px; z-index: 20; margin: auto;}
.front_contact_box .mail::after {content: ''; position: absolute; background: #fff; width: 50px; height: 1px; top: 0; bottom: 0; right: 0; margin: auto;}
.front_contact_box .tel {font-size: 45px; line-height: 1; letter-spacing: 2px;}
.front_contact_box .tel span {font-size: 67px;}
.global_nav {background: #262626; padding: 20px 0; position: relative; z-index: 10;}
.global_nav .inner {display: table;}
.global_nav a {display: table-cell; box-sizing: border-box; border-left: 1px solid #fff; font-size: 16px; line-height: 1; text-align: center; position: relative;}
.global_nav a p {position: relative; display: inline-block;}
.global_nav a p::after {content: ''; width: 0; height: 1px; background: #fff; bottom: -7px; left: 0; position: absolute; transition-duration: .5s; right: 0; margin: auto;}
.global_nav a:hover p::after {width: 100%;}
.global_nav a:nth-child(1) {border-left: none;}
.front_main_box.inview .icon01,.front_main_box.inview .icon02 {-webkit-clip-path: inset(0); clip-path: inset(0);}
.swiper-slide img {height: 100%; width: 100%; object-position: center; object-fit: cover;}


/*index*/
#index .box01 {background: url("img/index/box01_bg.jpg")top center no-repeat;}
#index .box01 .img_box {margin-right: 50px;}
#index .box01 h2 {font-size: 60px; line-height: 1.3; z-index: 10; position: relative; word-break: keep-all; transition-delay: 1.8s;}
#index .box01 .txt01 {font-size: 30px; line-height: 1.6; margin: 30px 0; z-index: 10; position: relative; transition-delay: 2.2s;}
#index .box01 .txt02 {font-size: 16px; line-height: 2; z-index: 10; position: relative;}
#index .box01 .txt02 span {transition-delay: 2.4s; animation-delay: 2.4s;}
#index .box01 .img_box {position: relative; min-width: 560px; min-height: 420px; margin-right: 50px;}
#index .box01 .img {position: absolute; opacity: 0; transform: translateY(5%); transition-duration: .5s;}
#index .box01.inview .img {opacity: 1; transform: translateY(0);}
#index .box01 .img01 {left: -360px; top: -60px; min-width: 576px; transition-delay: 1.2s;}
#index .box01 .img02 {left: -350px; top: 200px; z-index: 20; transition-delay: 1.3s;}
#index .box01 .img03 {left: -320px; bottom: -205px; z-index: 40; transition-delay: 1.1s;}
#index .box01 .img04 {left: -235px; bottom: -155px; z-index: 30; transition-delay: 1.4s;}
#index .box01 .img05 {left: -70px; top: 0; z-index: 10; min-width: 630px; transition-delay: 1.5s;}
#index .box01 .img06 {left: 110px; bottom: -205px; z-index: 20; transition-delay: 1.6s;}
#index .box01 .icon_txt01 {font-size: 150px; line-height: 1; position: absolute; left: 330px; top: -107px; color: #010101; opacity: 0; transform: translateX(10px); transition-duration: .7s; transition-timing-function: ease-in-out; transition-delay: 2s;}
#index .box01.inview .icon_txt01 {opacity: .1; transform: translateX(0);}
#index .box01 .icon {position: absolute; right: -360px; bottom: -80px; transition-delay: 2.4s;}
#index .box01 .x_btn {margin-top: 50px; width: 450px; z-index: 10;}
#index .box02 {background: url("img/index/box02_bg.jpg")top center no-repeat; position: relative;}
#index .box02 h2 {font-size: 60px; margin-right: 100px;}
#index .box02 .title_box p {font-size: 20px; line-height: 1.5; transition-delay: .2s;}
#index .box02 #link_box {margin: 50px auto;}
#index .box02 .con {box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; width: 262px; height: 123px; font-size: 18px; line-height: 1; transition-duration: .5s; overflow: hidden;}
#index .box02 .con:nth-child(1) {transition-delay: .5s;}
#index .box02 .con:nth-child(2) {transition-delay: .6s;}
#index .box02 .con:nth-child(3) {transition-delay: .7s;}
#index .box02 .con:nth-child(4) {transition-delay: .8s;}
#index .box02 .con img {margin-bottom: 20px; position: relative; z-index: 10;}
#index .box02 .con p {position: relative; z-index: 10;}
#index .box02 .box {position: relative; width: 50%; z-index: 10;}
#index .box02 .bg_box {position: absolute; content: ''; width: 100%; height: 100%; transition-duration: .5s; top: 0; left: 0;}
#index .box02 .box:nth-child(1) {transition-delay: 1s;}
#index .box02 .box:nth-child(2) {transition-delay: 1.1s;}
#index .box02 .box:nth-child(3) {transition-delay: 1.2s;}
#index .box02 .box:nth-child(4) {transition-delay: 1.3s;}
#index .box02 .box::before {content: ''; position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0,0,0,.7); transition-duration: .5s;}
#index .box02 .box:hover::before {width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; border: 1px solid #fff;}
#index .box02 .box:nth-of-type(1):hover::before {background: rgba(209, 39, 0, .5);}
#index .box02 .box:nth-of-type(2):hover::before {background: rgba(202, 87, 3, .5);}
#index .box02 .box:nth-of-type(3):hover::before {background: rgba(176, 157, 0, .5);}
#index .box02 .box:nth-of-type(4):hover::before {background: rgba(0, 105, 47, .5);}
#index .box02 .con:nth-child(1).hover .bg_box {background: rgba(209, 39, 0, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(2).hover .bg_box {background: rgba(202, 87, 3, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(3).hover .bg_box {background: rgba(176, 157, 0, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(4).hover .bg_box {background: rgba(0, 105, 47, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(1):hover .bg_box {background: rgba(209, 39, 0, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(2):hover .bg_box {background: rgba(202, 87, 3, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(3):hover .bg_box {background: rgba(176, 157, 0, .8); transition-duration: .5s;}
#index .box02 .con:nth-child(4):hover .bg_box {background: rgba(0, 105, 47, .8); transition-duration: .5s;}
#index .box02 .box02_con01.hover::before {background: rgba(209, 39, 0, .5); width: calc(100% - 20px); height: calc(100% - 20px);}
#index .box02 .box02_con02.hover::before {background: rgba(202, 87, 3, .5); width: calc(100% - 20px); height: calc(100% - 20px);}
#index .box02 .box02_con03.hover::before {background: rgba(176, 157, 0, .5); width: calc(100% - 20px); height: calc(100% - 20px);}
#index .box02 .box02_con04.hover::before {background: rgba(0, 105, 47, .5); width: calc(100% - 20px); height: calc(100% - 20px);}


#index .box02 .txt_box {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10;}
#index .box02 h3 {font-size: 35px;}
#index .box02 .text {font-size: 16px; line-height: 1; margin: 15px auto 50px;}
#index .box02 .btn {box-sizing: border-box; border: 1px solid #fff; width: 300px; height: 40px; margin: 0 auto; font-size: 16px; line-height: 1; background: url("img/index/box02_arrow01.svg")center right 20px no-repeat; color: #fff; transition-duration: .5s;}
#index .box02 .box:hover .btn {background: url("img/index/box02_arrow02.svg")center right 20px no-repeat; background-color: #fff; color: #000; border: none;}

#index .box02 .shadow {content: ''; position: absolute; width: 100%; height: 417px; background: rgba(0,0,0,.6); bottom: 0; left: 0; right: 0; margin: auto;}
#contact_banner {background: url("img/contact_banner/bg.jpg")center center no-repeat;}
#contact_banner .title {background: url("img/contact_banner/title_bg.svg")center center no-repeat; height: 341px; margin-bottom: 25px;}
#contact_banner .title .inner {width: 760px; margin: auto;}
#contact_banner .text01 {margin-right: auto;}
#contact_banner .text02 {margin-left: auto;}
#contact_banner .title .bdr {content: ''; display: block; width: 100%; height: 3px; background: #fff; margin: 20px auto; box-sizing: border-box; box-shadow: 0 0 6px #000;}
#contact_banner .tel {font-size: 60px; line-height: 1;}
#contact_banner .tel span {font-size: 100px;}
#contact_banner .txt01 {font-size: 20px; line-height: 1; margin: 10px auto 35px;}
#contact_banner .txt02 {font-size: 25px; line-height: 1.4; background: #262626; box-sizing: border-box; padding: 7px 0 10px;}
#contact_banner .txt03 {font-size: 25px; line-height: 1; margin: 40px auto 20px;}
#contact_banner .txt03::before {content: ''; position: absolute; background: url("img/contact_banner/icon.svg")no-repeat; width: 185px; height: 180px; top: 0; left: -20px;}
#contact_banner .x_btn {width: 500px;}
#contact_banner .x_btn:before {left: 0;}
#contact_banner .x_btn .btn_inner:before {right: 0;}
#contact_banner .x_btn .btn_inner:after {top: 0;}
#contact_banner .x_btn:after {bottom: 0;}
#index .box03 {background: url("img/index/box03_bg.jpg")top left repeat;}
#index .box03 .min {font-size: 20px; line-height: 1; margin-bottom: 10px;}
#index .box03 h2 {font-size: 50px; transition-delay: .3s;}
#index .box03 .tag_box {margin: 50px auto;}
#index .box03 .tag_box a {box-sizing: border-box; width: 175px; height: 40px; font-size: 18px; line-height: 1; margin-right: 30px; border-radius: 5px; opacity: 0; transition: opacity 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate(0, 20px); font-weight: bold;}
#index .box03.inview .tag_box a {opacity: 1; transform: translate(0);}
#index .box03.inview .tag_box a:nth-child(1) {transition-delay: .5s;}
#index .box03.inview .tag_box a:nth-child(2) {transition-delay: .6s;}
#index .box03.inview .tag_box a:nth-child(3) {transition-delay: .7s;}
#index .box03.inview .tag_box a:nth-child(4) {transition-delay: .8s;}
#index .box03.inview .tag_box a:nth-child(5) {transition-delay: .9s;}
#index .box03.inview .tag_box a:nth-child(6) {transition-delay: 1s;}
#index .box03.inview .tag_box a:nth-child(7) {transition-delay: 1.1s;}
#index .box03.inview .tag_box a:nth-child(8) {transition-delay: 1.2s;}
#index .box03.inview .tag_box a:nth-child(9) {transition-delay: 1.3s;}
#index .box03.inview .tag_box a:nth-child(10) {transition-delay: 1.4s;}
#index .box03.inview .tag_box a:nth-child(11) {transition-delay: 1.5s;}
#index .box03.inview .tag_box a:nth-child(12) {transition-delay: 1.6s;}
#index .box03 .tag_box a:nth-of-type(n + 7) {margin-top: 30px;}
#index .box03 .tag_box a:nth-child(6n) {margin-right: 0;}
#index .box03 .item {box-sizing: border-box; width: 224px; margin-right: 20px; position: relative; transition-delay: 1s;}
#index .box03 .item:nth-child(2) {transition-delay: 1.1s;}
#index .box03 .item:nth-child(3) {transition-delay: 1.2s;}
#index .box03 .item:nth-child(4) {transition-delay: 1.3s;}
#index .box03 .item:nth-child(5) {transition-delay: 1.4s;}
#index .box03 .item:nth-child(6) {transition-delay: 1.5s;}
#index .box03 .item:nth-child(7) {transition-delay: 1.6s;}
#index .box03 .item:nth-child(8) {transition-delay: 1.7s;}
#index .box03 .item:nth-child(9) {transition-delay: 1.8s;}
#index .box03 .item:nth-child(10) {transition-delay: 1.9s;}
#index .box03 .item:nth-child(11) {transition-delay: 2s;}
#index .box03 .item:nth-child(12) {transition-delay: 2.1s;}
#index .box03 .item:nth-child(13) {transition-delay: 2.2s;}
#index .box03 .item:nth-child(14) {transition-delay: 2.3s;}
#index .box03 .item:nth-child(15) {transition-delay: 2.4s;}
#index .box03 .item:nth-child(5n) {margin-right: 0;}
#index .box03 .item:nth-child(n + 6) {margin-top: 40px;}
#index .box03 .over {position: absolute; top: -11.5px; left: 0; z-index: 10; width: 100%;}
#index .box03 .time {font-size: 14px; line-height: 1; background: #fff; width: 84px; height: 23px;}
#index .box03 .tax_tag {font-size: 14px; line-height: 1; width: 70px; height: 23px;}
#index .box03 .img {width: 100%; margin-bottom: 10px;}
#index .box03 .img img {width: 100%; height: 149px; object-fit: cover; object-position: center;}
#index .box03 .no {background: url("img/index/box03_no_icon.svg")no-repeat; min-width: 37px; height: 52px; margin-right: 10px; text-align: center;}
#index .box03 h3 {font-size: 14px; line-height: 1.3;}
#index .box03 .txt01 {font-size: 14px; line-height: 1; margin-top: 5px;}
#index .box03 .x_btn {width: 500px; margin-top: 80px; color: #fff;}
#index .box03 .x_btn:before,#index .box03 .x_btn:after,#index .box03 .x_btn .btn_inner:before,#index .box03 .x_btn .btn_inner:after {background: #fff;}
#index .box03 .x_btn .btn_item01,#index .box03 .x_btn .btn_item02 {border-color: #fff;}
#index .box03 .x_btn:hover {background: #fff; color: #000;}
#index .box03 .x_btn .arrow::before,#index .box03 .x_btn .arrow::after {background-color: #000;}




#index .box04 {background: url("img/index/box04_bg01.jpg")center top no-repeat,url("img/index/box04_bg02.jpg")top left repeat; padding: 295px 0 80px;}
#index .box04 .title_box {margin-bottom: 60px;}
#index .box04 h2 {font-size: 50px; line-height: 1.5;}
#index .box04 .icon_text {font-size: 95px; line-height: 1; position: absolute; right: 0; bottom: 0;}
#index .box04 .item {box-sizing: border-box; width: 262px; border-bottom: 1px solid #000; padding-bottom: 20px; margin-right: 50px;}
#index .box04 .item:nth-child(4n) {margin-right: 0;}
#index .box04 .item:nth-child(n + 5) {margin-top: 60px;}
#index .box04 .img_box {position: relative; width: 100%; margin-bottom: 20px;}
#index .box04 .time {box-sizing: border-box; font-size: 14px; line-height: 1; background: #000; z-index: 10; padding: 5px;}
#index .box04 .pick {position: absolute; left: 0; bottom: 5px; background: #000; width: 98px; height: 24px; font-size: 20px; line-height: 1; padding: 2px 10px;}
#index .box04 h3 {font-size: 16px; line-height: 1.3;}
#index .box04 .x_btn {width: 450px; margin-top: 80px;}
#index .box04 .img {overflow: hidden;}
#index .box04 .img img {-webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); transition: .8s cubic-bezier(.79,.17,.15,.96); -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96); width: 100%; height: 175px; object-fit: cover;}
#index .box04 .item:hover .img img {transform: scale(1.06); -webkit-transition: transform 2s ease-out; transition: -webkit-transform 2s ease-out; transition: transform 2s ease-out; transition: transform 2s ease-out,-webkit-transform 2s ease-out;}
#index .box04 .over {position: absolute; left: 0; top: -11.5px; z-index: 10; width: 100%;}
#index .box04 .tax_tag {font-size: 14px; line-height: 1; width: 90px; height: 23px;}
#index .box05 {background: url("img/index/box05_bg.jpg")top left repeat;}
#index .box05 .box {box-sizing: border-box; width: 575px; position: relative;}
#index .box05 h2 {font-size: 25px; margin-bottom: 50px;}
#index .box05 .item {box-sizing: border-box; border-bottom: 1px solid #fff; padding: 20px 0 15px; line-height: 1.7; font-size: 14px;}
#index .box05 .box .item:nth-of-type(1) {padding-top: 0;}
#index .box05 .over {margin-bottom: 15px;}
#index .box05 .time {font-size: 16px; line-height: 1;}
#index .box05 h3 {font-size: 16px; margin-left: 15px;}
#index .box05 .btn {position: absolute; right: 0; top: 0; font-size: 16px; line-height: 1;}
#index .box05 .box:nth-child(2) {transition-delay: .1s;}
#index .box06 {background: #e5e5e5; padding: 20px 0; background-size: cover;}
#index .box06 a {box-sizing: border-box; width: 285px; height: 70px; margin-right: 20px; border: 1px solid #000; font-size: 18px; line-height: 1; padding: 0 20px;}
#index .box07 {background: url("img/index/box07_bg.jpg")top center no-repeat; background-size: cover;}
#index .box07 h2 {font-size: 20px; margin-bottom: 30px; letter-spacing: 2px;}
#index .box07 h2 span {font-size: 50px; margin-right: 15px;}
#index .box07 .text {font-size: 16px; line-height: 2;}
#index .box07 .text span {transition-delay: .2s; animation-delay: .2s;}

#index .box08 {background: url("img/index/box08_bg.jpg")center center no-repeat; padding: 50px 0;}
#index .box08 a {width: 1200px; height: 300px;}



/*========================
FOOTER
========================*/
footer {background: url("img/footer/bg.jpg")top center no-repeat; padding-top: 75px; background-size: cover;}
footer .inner {padding-bottom: 75px;}
footer .home_link {font-size: 16px; line-height: 1; margin-bottom: 50px;}
footer li {font-size: 18px; line-height: 1; margin-top: 30px;}
footer ul li:nth-child(1) {margin-top: 0;}
footer ul:nth-child(2) {margin-left: 50px;}
footer .box {box-sizing: border-box; width: 450px;}
footer .title_box {font-size: 50px; line-height: 1;}
footer .title_box img {margin-right: 20px;}
footer .txt01 {font-size: 16px; line-height: 1; box-sizing: border-box; border-bottom: 1px solid #fff; padding: 20px 0; margin-bottom: 15px;}
footer .tel {font-size: 25px; line-height: 1;}
footer .tel span {font-size: 40px;}
footer .txt02 {font-size: 16px; line-height: 1; box-sizing: border-box; border-bottom: 1px solid #fff; padding: 10px 0 20px;}
footer .copy {background: #000; font-size: 14px; line-height: 1; padding: 5px 0;}
#pop_banner {position: fixed; bottom: 20px; z-index: 100; width: 100%;}
#pop_banner .inner {width: 1200px; margin: auto; background: #fff; box-sizing: border-box;}
#pop_banner .icon {box-sizing: border-box; -webkit-transition: all 0.5s ease; background-color: #262626; margin-right: 10px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease; width: 162px; height: 54px;}
#pop_banner .icon:hover {
  background-color: #d12700;
  -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: 598px;
position: relative;
font-size: 35px; line-height: 1; z-index: 550;
}

.page_thumb .bdr {background: #fff; height: 3px; width: 100%; margin: 15px 0;}
.min_title {font-size: 20px; line-height: 1; padding-left: 80px;}
.thumb04 .min_title {padding-left: 245px;}
.thumb05 .min_title {padding-left: 150px;}
.thumb06 .min_title {padding-left: 300px;}
.thumb07 .min_title {padding-left: 300px;}
.thumb08 .min_title {padding-left: 350px;}
.thumb09 .min_title {padding-left: 370px;}
.thumb10 .min_title {padding-left: 300px;}
.thumb11 .min_title {padding-left: 300px;}

.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;}

.single_page {position: relative;}

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

/*
タイトル
*************/
.page_title {box-sizing: border-box; font-size: 30px; line-height: 1; padding: 10px; text-align: center;}
.page_title span {box-sizing: border-box;}

/*
記事詳細ページ
***************/
.nav_over {margin-bottom: 50px;}
.nav_under {margin: 50px 0 80px;}
.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) {
  /* ここに書く */
	.front_main_box .txt03 img,.front_main_box .txt04 img {width: 1155px; height: 224px;}
	#index .box07 .text span {opacity: 1!important;}
	
}