@charset "utf-8";

/*
Theme Name: number_child
Template: number_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: 80px 0;}
.indent_content02 {margin-top: 50px;}
.content {padding: 40px; position: relative;}
/******************************
HEADER
******************************/
header {background: #fff; position: relative; z-index: 10;}
header h1 {background: #f0f0f0; font-size: 12px; line-height: 1; padding: 5px 0;}
header h2 {font-size: 20px; line-height: 1; margin-left: 10px;}
header .big01 {font-size: 40px;}
header .big02 {font-size: 25px;}
header .tel p {font-size: 30px; line-height: 1; margin-left: 10px;}
header .inner .txt01 {font-size: 16px; line-height: 1; margin-top: 5px;}
header .mail {box-sizing: border-box; background: #626262; width: 172px; height: 80px; font-size: 14px; line-height: 1; margin-left: 16px;}
header .line {box-sizing: border-box; background: #00b900; width: 172px; height: 80px; font-size: 14px; line-height: 1;}
header .line img{margin-right: 10px;}
.front_box {position: relative; overflow: hidden; max-height: 1056px; z-index: 200;}
.front_box video {position: absolute; height: 1266px; width: 1920px; top: -210px; left: 0; right: 0; margin: auto;}
.front_box .net {position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); width: 100%; height: 100%; z-index: 15;}
.front_box .box {height: 100%;}
.front_box .txt01 {position: absolute; left: 0; top: 45px; z-index: 30;}
.front_box .txt02 {position: absolute; bottom: 0; left: 0; z-index: 30;}
.front_box .icon {position: absolute; right: 0; top: 0; z-index: 30;}
.front_box .front_bg {position: absolute; top: 0; left: 50%; z-index: 20; margin: auto; content: ''; background: url("img/header/front_bg.png")no-repeat; transition: width 1s cubic-bezier(1, 0, 0, 1); background-size: cover; height: 342px; margin-left: -960px; width: 0;}
.front_box .front_bg.inview {width: 1920px; transition-delay: 1s;}
.front_news_area {position: absolute; bottom: 0; left: 560px; width: 2000px; z-index: 20; background: #fb9318; transition: all 1s cubic-bezier(1, 0, 0, 1); opacity: 0; transform: translateX(1000px); transition-delay: 1.8s;}
.front_news_area.inview {opacity: 1; transform: translateX(0);}
.front_box .news_box {width: 640px; background: #ffad4d; padding: 20px; box-sizing: border-box;}
.front_box .news_box h2 {font-size: 30px;}
.front_box .title_box p {font-size: 20px; box-sizing: border-box; line-height: 1; border-left: 2px solid #fff; margin-left: 20px; padding-left: 20px;}
.front_news_item {margin-top: 20px; font-size: 14px; line-height: 1;}
.front_news_item .time {box-sizing: border-box; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;}
.front_contact {background: url("img/header/front_contact_bg.jpg")top left repeat; padding: 20px 0 10px; line-height: 1; position: relative; z-index: 200;}
.front_contact img {margin-right: 10px;}
.front_contact .txt01 {font-size: 24px; margin-bottom: 10px;}
.front_contact .mail {box-sizing: border-box; font-size: 14px; background: #ff7021; width: 263px; height: 50px; border-radius: 5px; margin-right: 20px;}
.front_contact .mail:nth-child(2){background: #00b900;}
.front_contact .tel {font-size: 57px;}
.front_contact .tel span{font-size: 40px;}
.front_box .mv_txt,.front_box .mv_txt,.front_box .mv_txt03,.mv_txt04,.mv_txt05 {overflow: hidden;}
.global_nav_bg {background: #eee; padding: 54px 0 20px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
.global_nav {display: table;}
.global_nav a {box-sizing: border-box; border-right: 1px solid #000; font-size: 16px; line-height: 1; display: table-cell; position: relative;}
.global_nav a::before {content: ''; position: absolute;}
.global_nav a:nth-child(1)::before {background: url("img/header/nav_icon01.svg")no-repeat; width: 26px; height: 27px; top: -32px; left: 0; right: 0; margin: auto;}
.global_nav a:nth-child(2)::before {background: url("img/header/nav_icon02.svg")no-repeat; width: 40px; height: 25px; top: -30px; left: 0; right: 0; margin: auto;}
.global_nav a:nth-child(3)::before {background: url("img/header/nav_icon03.svg")no-repeat; width: 34px; height: 24px; top: -29px; left: 0; right: 0; margin: auto;}
.global_nav a:nth-child(4)::before {background: url("img/header/nav_icon04.svg")no-repeat; width: 24px; height: 24px; top: -29px; left: 0; right: 0; margin: auto;}
.global_nav a:nth-child(5)::before {background: url("img/header/nav_icon05.svg")no-repeat; width: 24px; height: 24px; top: -29px; left: 0; right: 0; margin: auto;}
.global_nav a:nth-child(6)::before {background: url("img/header/nav_icon06.svg")no-repeat; width: 24px; height: 24px; top: -29px; left: 0; right: 0; margin: auto;}
.global_nav a:first-child {border-left: 1px solid #000;}
.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: #690000;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.global_nav a:hover p::after {
  transform: scale(1, 1);
}

/*index*/
#index .btn01 {box-sizing: border-box; border: 1px solid #fff; width: 450px; height: 60px; margin: 0 auto;}
#index .box01 {background: #b9332c;}
#index .box01 h2 {font-size: 50px; line-height: 1.2;}
#index .box01 .txt01 {font-size: 20px; line-height: 1.5; margin: 60px auto 70px;}
#index .box01 .x_btn,#index .box02 .x_btn,#index .box03 .x_btn {color: #fff;}
#index .box03 .x_btn {margin-top: 80px;}
#index .box01 .x_btn:before, #index .box01 .x_btn:after, #index .box01 .x_btn .btn_inner:before, #index .box01 .x_btn .btn_inner:after,#index .box02 .x_btn:before, #index .box02 .x_btn:after, #index .box02 .x_btn .btn_inner:before, #index .box02 .x_btn .btn_inner:after,#index .box03 .x_btn:before, #index .box03 .x_btn:after, #index .box03 .x_btn .btn_inner:before, #index .box03 .x_btn .btn_inner:after,#index .box04 .x_btn:before, #index .box04 .x_btn:after, #index .box04 .x_btn .btn_inner:before, #index .box04 .x_btn .btn_inner:after {background: #fff;}
#index .box01 .x_btn .btn_item01, #index .box01 .x_btn .btn_item02,#index .box02 .x_btn .btn_item01, #index .box02 .x_btn .btn_item02,#index .box03 .x_btn .btn_item01, #index .box03 .x_btn .btn_item02,#index .box04 .x_btn .btn_item01, #index .box04 .x_btn .btn_item02 {border: 1px solid #fff;}
#index .box01 .h_point:hover .x_btn .btn_item01,#index .box01 .h_point:hover .x_btn .btn_item02,#index .box01 .x_btn:hover .btn_item01,#index .box01 .x_btn:hover .btn_item02,#index .box02 .h_point:hover .x_btn .btn_item01,#index .box02 .h_point:hover .x_btn .btn_item02,#index .box02 .x_btn:hover .btn_item01,#index .box02 .x_btn:hover .btn_item02,#index .box03 .h_point:hover .x_btn .btn_item01,#index .box03 .h_point:hover .x_btn .btn_item02,#index .box03 .x_btn:hover .btn_item01,#index .box03 .x_btn:hover .btn_item02,#index .box04 .h_point:hover .x_btn .btn_item01,#index .box04 .h_point:hover .x_btn .btn_item02,#index .box04 .x_btn:hover .btn_item01,#index .box04 .x_btn:hover .btn_item02 {
	-webkit-transition: -webkit-transform .45s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .45s cubic-bezier(.79,.17,.15,.96);
    transition: transform .45s cubic-bezier(.79,.17,.15,.96);
    transition: transform .45s cubic-bezier(.79,.17,.15,.96),-webkit-transform .45s cubic-bezier(.79,.17,.15,.96);
	border: 1px solid #262626;
}
#index .box01 .h_point:hover .x_btn .btn_item01,#index .box01 .x_btn:hover .btn_item01,#index .box02 .h_point:hover .x_btn .btn_item01,#index .box02 .x_btn:hover .btn_item01,#index .box03 .h_point:hover .x_btn .btn_item01,#index .box03 .x_btn:hover .btn_item01,#index .box04 .h_point:hover .x_btn .btn_item01,#index .box04 .x_btn:hover .btn_item01 {
	-webkit-transform: translate3d(-100%,0,0) rotate(-45deg);
    transform: translate3d(-100%,0,0) rotate(-45deg);
    -webkit-transition: .5s cubic-bezier(.29,.8,.35,1);
    transition: .5s cubic-bezier(.29,.8,.35,1);
	border: 1px solid #262626;
}
#index .box01 .h_point:hover .x_btn .btn_item02,#index .box01 .x_btn:hover .btn_item02,#index .box02 .h_point:hover .x_btn .btn_item02,#index .box02 .x_btn:hover .btn_item02,#index .box03 .h_point:hover .x_btn .btn_item02,#index .box03 .x_btn:hover .btn_item02,#index .box04 .h_point:hover .x_btn .btn_item02,#index .box04 .x_btn:hover .btn_item02 {
	-webkit-transform: translate3d(100%,0,0) rotate(-45deg);
    transform: translate3d(100%,0,0) rotate(-45deg);
    -webkit-transition: .5s cubic-bezier(.29,.8,.35,1);
    transition: .5s cubic-bezier(.29,.8,.35,1);
	border: 1px solid #262626;
}
#index .box01 .x_btn .arrow::before,#index .box01 .x_btn .arrow::after,#index .box02 .x_btn .arrow::before,#index .box02 .x_btn .arrow::after,#index .box03 .x_btn .arrow::before,#index .box03 .x_btn .arrow::after,#index .box04 .x_btn .arrow::before,#index .box04 .x_btn .arrow::after {background-color: #fff;}
#index .box01 .yellow {mask-image: none; -webkit-mask-image: none;}
#index .box01 .dot {position: relative; mask-image: none; -webkit-mask-image: none;}
#index .box01 .dot::before {content: ''; width: 8px; height: 8px; background: #f0ff00; border-radius: 8px; position: absolute; top: 0px; left: 0; right: 0; margin: auto;}

#index .box02 {background: url("img/index/box02_bg01.jpg")top center no-repeat; overflow: hidden;}
#index .box02 .img01 {min-width: 900px; margin-left: -360px; margin-right: 50px;}
#index .box02 .big {font-size: 150px; line-height: 1; margin-top: 100px;}
#index .box02 .inner {font-size: 33px; line-height: 1.2; position: relative;}
#index .box02 ul {position: absolute; bottom: 24px; right: -40px; margin: auto; z-index: 10;}
#index .box02 li:nth-child(2) {margin: 0 20px;}
#index .box02 .under {background: url("img/index/box02_bg02.jpg")top center no-repeat; padding: 65px 0 80px;}
#index .box02 .under .txt {font-size: 40px; line-height: 1.2; margin-bottom: 50px;}
#index .box02 .under .txt span {font-size: 50px;}
#index .box02 .under .inbox12::after {position: absolute; content: ''; background: url("img/index/box02_icon.png")no-repeat; width: 320px; height: 287px; bottom: -80px; right: -20px;}
#index .box02 .box02_move_over02 {transition-delay: .1s;}
#index .box02 .box02_move_over03 {transition-delay: .2s;}
#index .c_img01 {position: relative; min-width: 1920px; left: 50%; margin-left: -960px;}
#index .box03 {background: url("img/index/box03_bg.jpg")bottom center no-repeat; padding-bottom: 80px;}
#index .box03 h2 {font-size: 40px; line-height: 1.2; position: relative; padding: 45px 50px; background: #eee; margin-left: auto; width: 826px;}
#index .box03 h2 .bdr_txt {position: relative;}
#index .box03 h2 .bdr_txt::after {content: ''; display: block; position: absolute; height: 2px; background: #000; top: 0; bottom: 0; width: 300px; margin: auto -320px auto 0; right: 0;}
#index .box03 .title_bg {min-width: 2000px; left: -1070px; margin-top: -75px; background: #dcdcdc; position: relative; z-index: 10; }
#index .box03 .voice_list {margin-top: 100px;}
#index .box03 h3 {font-size: 18px; line-height: 1.5; padding: 20px 30px;}
#index .box03 .voice_item {box-sizing: border-box; width: 373px; margin-right: 40px; position: relative; border-bottom: 2px solid #fff;}
#index .box03 .voice_item:nth-child(3) {margin-right: 0;}
#index .box03 .over {position: relative; background: #000; height: 274px;}
#index .box03 .img_box {transition-duration: .3s; position: absolute; width: 373px; top: 0; left: 0;overflow: hidden;}
#index .box03 .voice_item:hover .img_box {top: -10px; left: -10px;}
#index .box03 .img_box img {
	height: 274px; object-fit: cover;
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96);
    transition: .8s cubic-bezier(.79,.17,.15,.96);}
#index .box03 .img_box img:hover{
  transform: scale(1.06);
	-webkit-transition: -webkit-transform 3s ease-out;
    transition: -webkit-transform 3s ease-out;
    transition: transform 3s ease-out;
    transition: transform 3s ease-out,-webkit-transform 3s ease-out;
}
#index .box03 a:hover img {filter: alpha(opacity=100); opacity: 1;}
#index .box03 .cat_box {position: absolute; top: -13px; left: 0; z-index: 10;}
#index .box03 .cat {padding: 5px; line-height: 1; font-size: 17px;}
#index .box03 .cat:nth-child(2) {margin: 0 10px;}
#index .box03 .cat01 {background: #ff620c;}
#index .box03 .cat02 {background: #ffff00; color: #000;}
#index .box03 .cat03 {background: #aa0000;}
#index .box03 .txt03 {font-size:20px; line-height: 1; padding: 5px 20px; display: inline; position: absolute; left: -10px; bottom: -10px; transition-duration: .6s; z-index: 10; background: #000;  
-webkit-transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s;
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
}
#index .box03 .txt03::before {
	content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #FF620C;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#index .box03 .txt03::after {
	content: '';
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#index .box03 .txt03::before,#index .box03 .txt03::after {
	-webkit-transform: translate3d(0,0,0) scaleX(0);
    transform: translate3d(0,0,0) scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
}
#index .box03 .voice_item:hover .txt03::before {
	-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96),-webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
}
#index .box03 .voice_item:hover .txt03::after {
-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96),-webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
}
#index .box03 .btn {box-sizing: border-box; border: 1px solid #fff; width: 450px; height: 60px; font-size: 16px; line-height: 1; margin: 80px auto 0;}
#index .box03 .box03_move_over:nth-child(2) {transition-delay: .1s;}
#index .box03 .box03_move_over:nth-child(3) {transition-delay: .2s;}
#index .box04 {background: url("img/index/box04_bg.jpg")center center no-repeat; box-sizing: border-box; border-top: 10px solid #ff620c; background-attachment: fixed;}
#index .box04 .box {box-sizing: border-box; background: rgba(119,119,119,.8); border: 5px solid #ff620c; padding: 50px 0;}
#index .box04 h2 {background: #b70c02; font-size: 40px; line-height: 1.1; position: relative; margin-bottom: 50px; padding: 18px 50px; height: 185px; box-sizing: border-box;}
#index .box04 h2 .big {font-size: 72px;}
#index .box04 h2::after {content: ''; position: absolute; background: url("img/index/box04_txt_icon.png")no-repeat; width: 257px; height: 75px; top: -20px; left: 280px;}
#index .box04 .icon {position: absolute; right: 0; top: -50px;}
#index .box04 .txt_box {background: #ff620c; font-size: 25px; line-height: 1.5; padding: 20px; position: relative; margin: 0 50px 45px;}
#index .box04 .txt_box::after {content: ''; position: absolute; background: url("img/index/box04_icon.png")no-repeat; width: 449px; height: 312px; top: -311px; right: 0;}
#index .box04 .txt_box p:nth-child(2) {box-sizing: border-box; border-top: 2px solid #fff; padding-top: 12px; margin-top: 12px;}
#index .box04 .btntxt_big{font-size: 20px;}
#index .box04 .over {box-sizing: border-box; border-bottom: 5px solid #fff; padding-bottom: 20px; font-size: 50px; line-height: 1; margin: 0 auto 10px; width: calc(100% - 100px);}
#index .box04 .left_box {font-size: 21px; line-height: 1.2; margin-right: 20px;}
#index .box04 .left_box .txt_big{font-size: 45px;}
#index .box04 .left_box img {margin-right: 20px;}
#index .box04 .tel {font-size: 62px; line-height: 1; margin-right: 40px;}
#index .box04 .tel img {margin-right: 15px;}
#index .box04 .mail {box-sizing: border-box; width: 251px; height: 53px; border-radius: 5px; background: #ff620c; font-size: 16px; line-height: 1; margin-right: 20px;}
#index .box04 .line {background: #00b900; margin-right: 0;}
#index .box04 .mail img {margin-right: 15px;}
#index .box04 .x_btn {width: 834px; color: #fff; margin-top: 20px;}
#index .box04 .txt01 {font-size: 16px; line-height: 1.5; margin: 20px 50px 0;}

#index .box05 .title_box {line-height: 1; background: url("img/index/box05_title_bg.jpg")no-repeat; padding: 75px 0;}
#index .box05 h2 {font-size: 50px; margin-bottom: 20px;}
#index .box05 .min {font-size: 30px;}
#index .box05_box {background: url("img/index/box05_bg01.jpg")center center no-repeat; position: relative; -webkit-transition: .2s; transition: .2s; color: #000; background-size: cover;}
#index .box05_box .white_bg {background: rgba(255,255,255,.6); width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; box-sizing: border-box; content: ''; -webkit-transition: .4s; transition: .4s;}
#index .box05_box .txt_box {position: relative; z-index: 20; padding: 60px 0; line-height: 1;}
#index .box05 .txt01 {font-size: 40px; line-height: 1; margin-bottom: 15px;}
#index .box05 {font-size: 60px;}
#index .box05 .h_point:hover {-webkit-transition: .2s; transition: .2s;}
#index .box05 .txt02 {font-size: 25px; line-height: 1; margin-bottom: 45px;}
#index .box05_box02 {width: 50%; background: url("img/index/box05_bg02.jpg") center center no-repeat; background-size: cover;}
#index .box05_box03 {width: 50%; background: url("img/index/box05_bg03.jpg")center center no-repeat; background-size: cover;}
#index .box05 h3 {color: #000; margin: 16px auto; font-size: 3vw; line-height: 1.3;}
#index .box05 h3 span {color: #e57c00;}
#index .box05 .h_point:hover h3 span {color: #aa0000; -webkit-transition: .2s; transition: .2s;}
#index .box05 .x_btn {border: 1px solid #000; width: 300px;}
#index .box05_01:hover .x_btn {border: 1px solid #fff;}
#index .box05_02:hover .x_btn {border: 1px solid #fff;}
#index .box05_03:hover .x_btn {border: 1px solid #fff;}
#index .box06 {background: #ffad4d; overflow: hidden; padding: 58px 0;}
#index .box06 .box::before {content: ''; position: absolute; background: url("img/index/box06_bg01.png")no-repeat; width: 359px; height: 528px; top: -80px;  left: -460px; margin: 0;}
#index .box06 .box::after {content: ''; position: absolute; background: url("img/index/box06_bg02.png")no-repeat; width: 360px; height: 528px; top: -80px;right: -460px; margin: 0;}
#index .box06 h2 {font-size: 40px; box-sizing: border-box; border-left: 5px solid #fff; padding-left: 5px; margin-bottom: 20px;}
#index .box06 .btn {box-sizing: border-box; background: url("img/index/box06_btn_bg.png")center left 20px no-repeat; background-color: #ff620c; width: 250px; height: 50px; font-size: 16px; line-height: 1; position: absolute; top: 0; right: 0; border-radius: 5px;}
#index .box06 .blog_item {box-sizing: border-box; border-bottom: 1px solid #fff; padding: 20px 0; font-size: 16px; line-height: 1;}
#index .box06 .tag {background: #FF620C; width: 80px; height: 25px; font-size: 14px; margin: 0 20px;}
#index .box06 .blog_item:nth-child(1) {padding-top: 0;}
#index .box06 h3 {font-size: 14px;}
#index .box07 {background: url("img/index/box07_bg.jpg")center center no-repeat; position: relative; padding-bottom: 200px;}
#index .box07 h2 {font-size: 50px; margin-bottom: 70px;}
#index .box07 .inner a {box-sizing: border-box; background: #fff; border: 1px solid #ffad4d; border-radius: 5px; width: 285px; font-size: 20px; line-height: 1;}
#index .box07 .inner02 {font-size: 14px; line-height: 1.8; margin-top: 45px;}
#index .box07 .inner02 img {margin-right: 25px;}
#index .box07 .contact_area {position: absolute; bottom: -149px; left: 0; right: 0;}
#index .box07 .con_txt01 {font-size: 60px; line-height: 1; margin-bottom: -10px;}
#index .box07 .con_box {box-sizing: border-box; border: 5px solid #000; background: url("img/index/box07_con_bg01.png")center left no-repeat,url("img/index/box07_con_bg02.png")center right no-repeat,url("img/index/box07_con_bg.jpg")top left repeat; padding: 35px 45px 30px;}
#index .box07 .over {box-sizing: border-box; border-bottom: 3px solid #000; padding-bottom: 20px; margin-bottom: 20px;}
#index .box07 .over .left_box p {font-size: 20px; line-height: 1.2; margin-left: 20px;}
#index .box07 .over .left_box .txt_big {font-size: 45px;}
#index .box07 .txt01 {font-size: 40px; line-height: 1; margin-left: 40px;}
#index .box07 .tel {font-size: 60px; line-height: 1;}
#index .box07 .tel img,#index .box07 .mail img {margin-right: 10px;}
#index .box07 .mail {font-size: 16px; line-height: 1; width: 204px; height: 52px; background: #ff620c; box-sizing: border-box; border-radius: 5px; margin-left: 20px;}
#index .box07 .line {background: #00b900; margin-right: 0;}
#index .box07 .txt02 {font-size: 14px; line-height: 1.5; margin-top: 10px;}
#index .box07 .icon01 {position: absolute; left: 0; bottom: 0;}
#index .box07 .icon02 {position: absolute; right: 0; bottom: 0;}



/*========================
FOOTER
========================*/
footer {background: #eee; padding-top: 197px; padding-bottom: 90px;}
footer .sp_box {display: none;}
footer .bg_icon {position: absolute; right: -461px; top: -197px; margin: auto;}
footer .home_txt {font-size: 16px; line-height: 1; margin-bottom: 50px;}
footer ul:nth-child(2) {margin-left: 40px;}
footer li {font-size: 18px; line-height: 1; margin-top: 30px;}
footer li:nth-child(1) {margin-top: 0;}
footer .box {box-sizing: border-box; background: #fff; border-top: 5px solid #ff620c; padding: 20px 50px; width: 549px; line-height: 1;}
footer .box .inner {font-size: 18px; line-height: 1.2;}
footer .box .inner .txt_big{font-size: 24px;}
footer .box .inner img {margin-right: 10px;}
footer .box .txt01 {font-size: 16px; margin: 10px auto 15px; box-sizing: border-box; border-bottom: 1px solid #7b0000; padding-bottom: 15px;} 
footer .box .tel {font-size: 40px;}
footer .box .txt02 {font-size: 16px; margin: 2px auto 20px; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #7b0000;}
footer .box .mail {box-sizing: border-box; background: #ff620c; width: 219px; height: 40px; font-size: 14px; border-radius: 5px; margin-right: 10px;}
footer .box .mail img{margin-right: 10px;}
footer .box .line {margin-right: 0; background: #00b900;}

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 {box-sizing: border-box; border: 1px solid #ffad4d; background-color: #fff; width: 100%; max-width: 1200px; margin: auto;}
#pop_banner .icon {box-sizing: border-box; -webkit-transition: all 0.5s ease; background-color: #ff7021; margin-right: 12px; border-radius: 5px;}
#pop_banner .icon02 {background-color: #00b900;
    width: 166px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#pop_banner .icon:hover img {opacity: 1;}
#page_top {min-width: 80px;}


/*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 {
	display: inline-block; box-sizing: border-box; background: rgba(27,27,27,0); padding: 12px 20px;font-size: 40px; line-height: 1; border: solid 1px #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;}

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

/*
タイトル
*************/
.page_title {background: #000; font-size: 20px; line-height: 1; padding: 0 20px; margin-bottom: 50px; position: relative; box-sizing: border-box; height: 50px;}
.page_title span {width: 0; height: 0; border-style: solid; border-width: 50px 25px 0 0; border-color: #ffad4d transparent transparent transparent; position: absolute; top: 0; left: 0;}


/*
記事詳細ページ
***************/
.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: #ff7021; font-size: 16px; line-height: 1; width: 200px; height: 35px; 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;
}
}