@charset "utf-8";
/*
Theme Name: is_child
Template: is
Author: t-labo
Author URI: https://takai-laboratory.com/
*/

/*========================*/

main { overflow: hidden; }
/*****************
width-768px以下
*****************/

.mgn-r20 {
	margin-right: 20px;
}
/*fade
***************/
/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 150px);
    transition : all 1500ms;
}
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/******************************
HEADER
******************************/
header {max-width: 100%; padding: 10px 0; background: url(img/header/bg.jpg)top center repeat; font-weight: bold;}
header h1 {font-size: 12px; font-weight: bold;}
header .min {position: absolute; top: 10px; right: 100px;}
header .tel {margin-bottom: 10px;}
header .ul {margin-bottom: 2px;}

.main_nav {
display: table; width:1000px;text-align: center; margin: auto; font-weight: bold;
}
.main_nav .min {font-size: 10px; color: #000;}
.navall {background: url(img/header/nav_bg.jpg)top center repeat; box-sizing: border-box; border-bottom: 4px solid;}
.main_nav li {padding: 15px 0px;
    display: table-cell;
    position: relative;
    line-height: 1.3;
    box-sizing: border-box;
    font-size: 18px;vertical-align: middle;
    border-left: 1px solid #000;}

.main_nav li:nth-child(6) {border-right: 1px solid #000;}
.main_nav li:hover {background-color: rgba(209,30,30,0.9); color: #fff; transition: .1s;}
/*
slider
*************/
.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bx-viewport {overflow: inherit!important;}
.bx-wrapper {
    margin:0 auto;
    width:100%;
	max-height: 742px;
	margin-top: -10px!important;
}
.bx-wrapper .main01 {margin-top: -1px;}
.bx-wrapper img {
    width: 100%;
    object-fit: cover;
	font-family: 'object-fit: cover;'
}
.slide_box li {
	box-sizing: border-box;
}
.main_zin {position: absolute; bottom: 0; right: 0; z-index: 20; left: 0; margin-left: 59%; margin-right: auto;}
.ps_r {position: relative;}
.bdr-tb10 {box-sizing: border-box; border-top: 10px solid #000; border-bottom: 10px solid #000; max-height: 742px; overflow: hidden;}
/*========================
index
========================*/
.movie_box {background: url(img/index/movie_bg.jpg)center center no-repeat; background-size: cover; padding: 40px 0; font-weight: bold; box-sizing: border-box; border-bottom: 4px solid #000;}
.movie_box h2 {margin-bottom: 40px;}
.movie_box li {width: 375px; font-size: 18px; margin-right: 40px;}
.movie_box li:nth-child(3) {margin-right: 0;}
.movie_box iframe {margin-bottom: 10px; width: 375px; height: 210px;}
.movie_box .btn {box-sizing: border-box; border: 4px solid #000; line-height: 1; padding: 10px 0; background-color: #fff; margin-top: 20px;}
.movie_box .icon {position: absolute; top: 0; right: 0;}
.movie_box .btn02 {background: url(img/index/movie_btn.png)center right 20px no-repeat; background-color: #fc0203; font-size: 22px; line-height: 1; padding: 20px 0; width: 337px; margin: 40px auto 0;}

#index .box01 {background: url(img/index/box01_bg.jpg)top center no-repeat; background-size: cover; padding-bottom: 50px; padding-top: 10px; box-sizing: border-box; border-bottom: 4px solid #000;}
#index .box01 h2 img {margin: 0 auto; max-width: 1000px;}
#index .box01 ul {display: flex; justify-content: space-between; align-items: flex-end; max-width: 1220px; margin: 0 auto; position: relative; z-index: 70;}
#index .box01 ul li {width: 389px; background: url(img/index/box01_li_bg01.png) no-repeat; padding-top: 80px; height: 438px; position: relative;}
#index .box01 ul li:nth-child(1) img {padding-left: 15px;}
#index .box01 ul li:nth-child(2) {width: 379px; background: url(img/index/box01_li_bg02.png) no-repeat; height: 419px; padding-top: 75px;}
#index .box01 ul li:nth-child(2) img {padding-left: 5px;}
#index .box01 ul li:nth-child(3) {background: url(img/index/box01_li_bg03.png) no-repeat;}
#index .box01 ul li:nth-child(3) img {padding-left: 5px;}
#index .box01 ul li .icon01,#index .box01 ul li .icon02,#index .box01 ul li .icon03 {position: absolute; padding-left: 0!important;}
#index .box01 ul li .icon01 {bottom: 150px; left: -40px;}
#index .box01 ul li .icon02 {top: 90px; right: -40px;}
#index .box01 ul li .icon03 { right: -40px; bottom: 150px;}
#index .box01 ul h3 {font-size: 26px; font-weight: bold; text-align: center; position: relative; z-index: 50;}
#index .box01 ul li p {margin: 15px auto 0; font-weight: bold; max-width: 85%; font-size: 16px; text-align: justify; letter-spacing: 1px;}
#index .box01 ul li:nth-child(1) p {padding-left: 10px;}
#index .box01 ul li:nth-child(3) p {padding-right: 10px;}
#index .box01 .subtitle {margin: -100px auto -60px; position: relative; z-index: 50; left: -100px;}
#index .box01 .btn {margin: 50px auto 0;}

#index .box02 {background: url(img/index/box02_bgall.jpg)top center repeat;}
#index .box02 .inbox12 {background: url(img/index//box02_bg.jpg)top center no-repeat; padding: 50px 100px;}
#index .box02 .title_area {margin: 0 auto 20px; display: flex; max-width: 250px; align-items: center;}
#index .box02 h2 {font-size: 20px; font-weight: bold; margin-left: 15px; letter-spacing: 1px;}
#index .box02 .bdrb {content: ""; border: 5px solid #000; width: 56px; margin: 0 auto;}
#index .box02 .big {margin-top: 25px; font-size: 36px; font-weight: bold; text-align: center; -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; 
text-shadow: 2px 2px 0 #fff,
             -2px 2px 0 #fff,
             2px -2px 0 #fff,
             -2px -2px 0 #fff;
}
#index .box02 #voice_list {margin-top: 10px; display: flex;} 
#index .box02 .btn {position: absolute;
right: 100px;
top: 60px;}
#index .box02 .voice_img {max-width: 319px; position: relative;}
#index .box02 .voice_img img {min-height: 211px; max-height: 211px; object-fit: cover; object-position: top; box-sizing: border-box; border: 3px solid #000;}
#index .box02 .voice_item {max-width: 313px; margin-right: 20px; box-sizing: border-box; padding-bottom: 20px;}
#index .box02 .voice_item:nth-child(3) {margin-right: 0;}
#index .box02 .voice_txt {font-weight: bold; margin-top: 15px; margin-bottom: 15px;}
#index .box02 .voice_txt h3 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#index .box02 .btn02 {margin: 0 auto;}
#index .box02 .icon {position: absolute; left: 120px; top: 55px;}
#index .box02 .tag {position: absolute; bottom: 10px; right: 10px; width: 100px; height: 35px; background: #fc0203; font-size: 14px; line-height: 1; font-weight: bold;}
#index .box02 .tag02 {background: #013299;}

#index .box03 {background: url(img/index/box03_bg.png)top center no-repeat; background-size: cover; padding: 50px 0;}
#index .box03 .con {background: url(img/index/box03_con_bg.png); width: 865px; height: 577px; margin: 0 auto; position: relative;}
#index .box03 .btn {position: absolute; bottom: 55px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#index .box03 .zin {position: absolute; right: -90px; z-index: 50; bottom: -3px;}

#index .box04 {background: url(img/index/box04_bg.jpg)center center no-repeat; background-size: cover; padding-bottom: 50px;}
#index .box04 .big {margin: 0 auto;}
#index .box04 h2 {-webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; font-size: 26px; text-shadow: 1px 1px 0 #fff,
             -1px 1px 0 #fff,
             1px -1px 0 #fff,
             -1px -1px 0 #fff; font-weight: bold; text-align: center; padding-left: 100px; margin-top: -60px;}
#index .box04 ul {max-width: 1000px; margin: 0 auto; position: relative;}
#index .box04 li {display: flex; align-items: center; box-sizing: border-box; border: 4px solid #000; font-weight: bold; font-size: 16px; background-color: #fff; position: relative; margin: 80px 0;}
#index .box04 li .bigtxt {font-size: 20px; margin-bottom: 10px;}
#index .box04 li .img {position: relative;}
#index .box04 li .btn {margin: 20px 0 0;}
#index .box04 li .txtarea {margin-right: 40px; text-align: justify;}
#index .box04 li:nth-child(1) .txtarea {margin-left: 15px; margin-right: 0;}
#index .box04 li:nth-child(2) .txtarea {margin-left: 40px; margin-right: 15px;}
#index .box04 li:nth-child(3) .txtarea {margin-right: 40px; margin-left: 20px;}
#index .box04 li:after {
	content: "";
	position: absolute;
	background:url(img/index/box04_a.jpg);
	width: 15px;
	height: 349px;
	top: 15px;
	right: -19px;
}
#index .box04 li:before {
	content: "";
	position: absolute;
	background:url(img/index/box04_a.jpg);
	width: 996px;
	height: 15px;
	bottom: -19px;
	left: 15px;
}
#index .box04 li:nth-child(2):after {
	top: 15px;
	left: -19px;
}
#index .box04 li:nth-child(2):before {
	bottom: -19px;
	left: -19px;
}
#index .box04 .icon {position: absolute; right: -80px; top: -80px; z-index: 20;}
#index .box04 li:nth-child(2) .icon {left: -80px;}
#index .box04 .title {position: absolute; top: -50px; left: 0;}
#index .box04 .title02 {position: absolute; top: -50px; right: 0;}
#index .box04 .icon01 {position: absolute; bottom: 10px; left: -90px;}
#index .box04 .icon03 {position: absolute; bottom: 0; right: -90px;}
#index .box04 .icon02 {position: absolute; left: -50px; top: 30px;}
#index .box04 .icon04 {position: absolute; right: -50px; top: 30px;}

#index .box05 {background: url(img/index/box05_bg.jpg)top center no-repeat; background-size: cover; padding: 50px 0;}
#index .box05 .con {background: url(img/index/box05_con_bg.jpg)top left repeat; box-sizing: border-box; border: 5px solid #000; max-width: 1000px; margin: 0 auto; position: relative; margin-top: 200px;}
#index .box05 .con h2 {color: #fff100; font-weight: bold; font-size: 26px; background-color: #000; padding: 5px 0; padding-left: 90px; letter-spacing: 3px;}
#index .box05 .title {position: absolute; top: -50px; left: 0 ;right: 0; margin-left: auto; margin-right: auto;}
#index .box05 .big {font-size: 40px; font-weight: bold; -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg); max-width: 800px; margin: 0 auto; margin-top: -150px; line-height: 1.2;}
#index .box05 .over {font-weight: bold; display: flex; justify-content: space-between; align-items: center; max-width: 500px; margin: 30px auto 20px; position: relative; padding-right: 160px;}
#index .box05 .under {display: flex; justify-content: space-between; align-items: center; max-width: 850px; margin: 0 auto 30px; position: relative;}
#index .box05 .zin {position: absolute; right: -70px; bottom: -25px;}

#index .box06 {background: url(img/index/box06_bg.jpg)top center no-repeat; background-size: cover; box-sizing: border-box; border-bottom: 4px solid #000;}
#index .box06 .inbox {display: flex; justify-content: space-between; align-items: center;}
#index .box06 .txtarea {font-weight: bold; text-align: justify;}
#index .box06 .big {font-size: 28px;}
#index .box06 .img {margin-right: -10px; margin-top: -20px;}

#index .box07 {background: url(img/index/box07_bg.jpg)top left repeat; padding-bottom: 50px;}
#index .box07 h2 {margin-bottom: -10px;}
#index .box07 h2 img {margin: 0 auto; position: relative; left: -100px;}
#index .box07 .inbox {display: flex; justify-content: center; align-items: flex-start;}
#index .box07 .title_area {display: flex; justify-content: space-between; align-items: center; padding-left: 20px; padding-top: 20px;}
#index .box07 .title_area h3 {font-size: 26px; font-weight: bold; line-height: 1; box-sizing: border-box; border-left: 4px solid #013299;}
#index .box07 .title_area h3 span {padding-left: 20px;}
#index .box07 .list {padding: 0 20px;}
#index .box07 .blog_item_area {max-width: 500px; min-width: 500px; box-sizing: border-box; border: 5px solid #000; background-color: #fff;}
#index .box07 .blog_txt_item01 {margin-right: 20px; color: #013299;}
#index .box07 .blog_item,#index .box07 .blog_item h4 {font-weight: bold;}
#index .box07 .blog_item h4 {margin-bottom: 7px; color: #013299;}
#index .box07 .blog_item {margin: 16px 0; border-bottom: 2px dashed; box-sizing: border-box; padding-bottom: 16px;}
#index .box07 .blog_item:nth-last-child(1) {margin-bottom: 0; border-bottom: none;}
#index .box07 ul {display: flex; justify-content: space-between; width: 100%;}
#index .box07 ul li {margin-left: 20px;}
#index .box07 ul li:nth-of-type(1) {margin-left: 0;}
#index .box07 .btn {margin-top: -30px;}

#index .news_item_area {padding: 50px 0; box-sizing: border-box; border-bottom: solid 4px #000; background: url("img/index/box08_bg.jpg")center center no-repeat;}
#index .news_item_area .title_area {margin: 0 auto 20px;}
#index .news_item_area .title_area h3 {font-size: 20px; font-weight: bold; margin-left: 15px; letter-spacing: 1px;}
#index .news_item_area .list {font-size: 18px; font-weight: bold; box-sizing: border-box; border: solid 5px #000; padding: 20px; margin: 20px auto; background-color: #fff; color: #013299;}
#index .news_item_area .news_item {box-sizing: border-box; border-bottom: dashed 2px #000; padding-bottom: 20px; margin-bottom: 20px; line-height: 1;}
#index .news_item_area .news_item:nth-last-child(1){margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
#index .news_item_area .news_item h4 {margin-left: 20px;}
#index .news_item_area .bdrb {content: ""; border: 5px solid #000; width: 56px; margin: 0 auto;}

#index .box09 {background: url(img/index/box09_bg.jpg)top left repeat; padding-bottom: 50px; padding-top: 10px; box-sizing: border-box; border-top: 4px solid #000;}
#index .box09 .bdrb {content: ""; border: 5px solid #000; width: 56px; margin: 0 auto;}
#index .box09 .title_area {margin:50px auto 20px;}
#index .box09 h3 {font-size: 20px; font-weight: bold; margin-left: 15px; letter-spacing: 1px;}
#index .box09 .btn_box {font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 25px auto 15px;}
#index .box09 .btn_box a {box-sizing: border-box; width: 230px; line-height: 1; padding: 20px 16px; border: 3px solid #000; box-shadow: 3px 3px #000; font-size: 18px; font-weight: 700; position: relative; color: #fff;}
#index .box09 .btn_box a .arrow {position: absolute; right: 16px; font-size: 14px; font-weight: 900; margin-top: 2px;}
#index .box09 .btn_box a:nth-of-type(1) {background: #FF0000;}
#index .box09 .btn_box a:nth-of-type(2) {background: #007829;}
#index .box09 .btn_box a:nth-of-type(3) {background: #013299;}
#index .box09 .btn_box a:nth-of-type(4) {background: #E65408;}
#index .box09 .btn_box a:nth-of-type(n + 2) {margin-left: 25px;}





/*========================
FOOTER
========================*/
footer {padding-bottom: 115px;}
footer .over {background-color: #000; padding: 50px 0; color: #fff; font-weight: bold;}
footer .over p {display: inline; margin-left: 10px;}
footer .over ul {margin-top: 20px;}
footer .over ul li {margin-bottom: 15px;}
footer .over ul li:nth-last-child(1) {margin-bottom: 0;}
footer .over .link_btn {box-sizing: border-box; border: solid 1px #000; width: 330px; height: 50px; background: #fff; line-height: 1; margin-top: 20px;}


.copyright_area {background-color: #000; color: #fff; display: flex; justify-content: center; font-size: 12px; font-weight: bold; padding: 10px 0; box-sizing: border-box; border-top: 1px solid #606060;}

/*pankuzu*/
.pan {padding: 20px 0;}
.pan p {max-width: 1000px; font-weight: bold; margin: 0 auto;}
.pan a {display: inline;}
/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
#page_top { bottom: 0; }
}

/*========================
POP BANNER background:
========================*/
#pop_banner {
	width: 100%;
	margin: auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: url(img/footer/bg.jpg)top left repeat;
	box-sizing: border-box; 
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
}
#pop_banner .item_box {
	width: 100%;
	max-width: 1000px;
	position: relative;
	}
#pop_banner .item02 {
	width: 83px;
	margin-right: 5px;
}
#pop_banner .spitem02 {
	display: none;
}
#pop_banner .page_top {width: 83px; margin-left: 10px;}
/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
	.spfont11 {
		font-size: 11px;
		margin-right: 0px!important;
	}
#pop_banner h1,
#pop_banner .head02 { display: none; }
	#pop_banner .spitem02 {
		display: block;
		max-width: 93px;
		width: 100%;
	}
#pop_banner .item {
	width: 76%;
	border-right: 1px solid #000;
	margin: auto auto auto 4%;
}
}

/*========================
POP_BANNER_CONTACT
========================*/
#pop_banner_contact {
	background: #fff; 
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 20;
}


/*========================
		googleMAP
========================*/
.ggmap {
position: relative;
padding-bottom: 70%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_top_img {
	width: 100%;
}
.page_thumb {
	width: 100%;
	margin: auto;
	box-sizing: border-box; 
}
.page_thumb img {
	height: 200px;
	object-fit: cover;
	width: 100%;
}
.top_slider2 {
	display: none;
}
/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
.page_thumb img {
	height: 120px;
}
}

/*
タイトル
*************/
.page_title {
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
	border: 3px solid #000;
}
.page_title span {box-sizing: border-box; border-left: 3px solid #000; padding-left: 10px;}

.child_title {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	background: #58a7c6;
	padding: 10px;
	text-align: center;
}

/*
wrap
*************/
.single_page {
	width: 100%;
	max-width: 715px;
}

/*****************
width768px以下
*****************/
@media screen and (max-width:768px) {
.single .flex2 { flex-direction: column-reverse; }
/*
wrap
*************/
.single_page {
	width: 100%;
	margin: auto;
}
	.top_slider2 {
		display: block;
	}

}

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

.previous-entries,.next-entries {
	color: #fff;
    width: 80px;
    background: #fc0203;
    padding: 6px 0 0 10px;
    border: 3px solid #000; 
    box-sizing: border-box;
	font-weight: bold;}
.next-entries {background-color: #013299;}
.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;
	padding: 6px 0 6px 10px;
	box-sizing: border-box;
	border: 3px solid #000;
}


/*ページネーション
*******************/
.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;
	line-height: 12px;
}
.paging span, .paging a {
	padding: 8px 10px 8px 10px;
}
.paging .current{
	padding: 8px 10px 8px 10px;
}
}