/*

	Theme Name: Rooky

	Template URI: 

	Description: 

	Author:

	Author URI: 

	License: GNU General Public License version 3.0

	License URI:

	Version: 1.0

	

	1. Header

		1. Nav

	2. Top-pan

	3. Title-Page

	4. Section-One

		1. Four-Box-Pan

	5. Section Two

		1. Video

		2. Slider

	6. Section Three

		1. Pricing

	7. Section Four

		1.Team

	8. Section Five

		1. Subscribe Form

	9. Section Six

		1. Contact Form

		2. Map

	10. Footer

		

*/

html {

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;
	
	font-family: 'Noto Sans JP', sans-serif!important;

}

*, *:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

input, textarea {

	-webkit-appearance: none;

	-webkit-border-radius: 0;

}

button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

 *overflow:visible;

}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, main {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

	border: 0;

	outline: 0;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, main {

	display: block

}

audio, canvas, video {

	display: inline-block;

 *display:inline;

 *zoom:1

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

.clear {

	clear: both;

	line-height: 0;

	height: 0;

}

a {

	text-decoration: none;

	outline: none;

	color: #010101;

	transition-delay: 0s;

	transition-duration: 0.6s;

	transition-property: all;

	transition-timing-function: ease;

}

a:focus, img:focus, button:focus, .btn:focus {

	outline: none;

}



::-moz-selection {

 background-color:#6bb551;

 color:#fff;

 text-shadow:none;

}

::selection {

	background-color: #6bb551;

	color: #fff;

	text-shadow: none;

}

/*===== Header ===*/

header[role="header"].header-top,header[role="header"].header-top figure{ position:relative; height:100%; }

header[role="header"].header-top .container{ position:absolute; left:0; right:0; top:0;z-index:2;padding-top:41px}

header[role="header"].header-top figure::after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(29,23,36,0.5); z-index:1}

header[role="header"].header-top hgroup h1{ padding:0; margin:0; position:relative; z-index:2}

/*===== Nav ===*/

header[role="header"].header-top hgroup nav{ background-color:transparent; min-height:inherit; border:none; text-align:right; margin-bottom:0; padding-top:18px}

header[role="header"].header-top hgroup nav ul{ text-align:right; padding:0; margin:0; float:none}

header[role="header"].header-top hgroup nav ul > li{ float:none; display:inline-block; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:2px}

header[role="header"].header-top hgroup nav ul > li > a{ color:#FFF; line-height:29px; padding-bottom:5px; padding-top:0; padding-left:11px; padding-right:12px; border-bottom:3px solid transparent;}

header[role="header"].header-top hgroup nav ul > li:hover a,header[role="header"].header-top hgroup nav ul>li.active a,header[role="header"].header-top hgroup nav ul>li.active:hover a{ border-color:#6bb551; background-color:transparent!important;color:#FFF!important;}

header[role="header"].header-top hgroup nav ul>li>a:focus{color:#FFF;}



header[role="header"].header-top hgroup.navbar-fixed-top,header[role="header"].header-top hgroup,header[role="header"].header-top hgroup h1,header[role="header"].header-top hgroup h1 img,header[role="header"].header-top hgroup nav ul,header[role="header"].header-top hgroup nav ul > li,.four-box-pan figure,.four-box-pan figure i,.four-box-pan section,.section-two section,.section-two section figure,.section-two section figure>img,.pricing>section input[type="button"],.pricing>section,.team-pan figure,.team-pan figure img,.subscribe-form button,.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea,.contact-form input[type="submit"]{transition-delay:0.8s;

transition-duration: 0.8s;transition-property: all;transition-timing-function: ease;}



header[role="header"].header-top .navbar-fixed-top{background-color:rgba(0,0,0,1); padding:5px 0}

header[role="header"].header-top .navbar-fixed-top .container{ padding-top:0; position:static}

header[role="header"].header-top .navbar-fixed-top h1 img{ width:30%} 

header[role="header"].header-top .navbar-fixed-top nav{ padding-top:7px}



header[role="header"].header-top section{position:absolute; left:0; right:0; top:35%;z-index:2;}

header[role="header"].header-top section h2,header[role="header"].header-top section p{ color:#FFF}

header[role="header"].header-top section h2{ font-size:48px; line-height:50px; font-weight:400}

header[role="header"].header-top section p{ font-size:19px; line-height:20px; font-weight:500; padding-top:15px}

header[role="header"].header-top section a.button-header{ display: inline-block; text-align:center; margin:0 auto; line-height:63px; font-size:16px; font-weight:400; padding:0 53px; color:#FFF; background-color:#6bb551; border-radius:4px; text-transform:uppercase}

header[role="header"].header-top section a.button-header:hover{background-color:#5ea246; text-decoration:none}

header[role="header"].header-top section a.video-button,.video-pan header a.video-button{ margin:67px auto; margin-bottom:60px; display:block; cursor:pointer; outline:none; background-color:transparent; border:3px solid #FFF; border-radius:100%; width:94px; height:94px; line-height:94px; font-size:60px; text-align:center; color:#FFF;}

header[role="header"].header-top section a.video-button i,.video-pan header a.video-button i{ padding-left:10px}

header[role="header"].header-top section a.video-button:hover,.video-pan header a.video-button:hover{ border-color:#6bb551}

.video-wrapper-popup .modal-content{ background-color:#000}

.video-wrapper-popup .modal-content .modal-body{ padding-bottom:5px}

/*== Top Pan ==*/

.top-pan{ overflow:hidden; background-color:#f7f7f8; padding-top:62px; padding-bottom:47px}

.top-pan ul{ padding:0; margin:0; list-style:none}

.top-pan li{line-height: 72px;height: 72px; text-transform:uppercase; font-size:17px; color:#161620; font-weight:800}

.top-pan li img {vertical-align: middle; text-align:center; max-width:100%; display:block; margin:0 auto;display: inline-block;}

/*== Title-Page ==*/

header[role="title-page"] h4,header[role="title-page"] h4,header[role="title-page"] h4{ font-size:28px; line-height:20px; color:#000; text-transform:uppercase; font-weight:600}

header[role="title-page"] h4:after,header[role="title-page"] h4:after,header[role="title-page"] h4:after{ content:""; display:block; margin:0 auto; width:60%; height:2px; background-color:#6bb551; margin:17px auto; margin-bottom:0}

header[role="title-page"] h2,header[role="title-page"] h2{ color:#000; font-size:31px; line-height:36px; font-weight:600; padding-top:2px}

/*== Section One ==*/

.section-one{ padding-top:87px}

.section-one article{ padding-top:36px}

.section-one article p{ font-size:15px; line-height:27px; color:#5e5e64; font-weight:500}

/*== Four Box Pan ==*/

.four-box-pan{ overflow:hidden; padding-top:81px}

.four-box-pan figure{ margin:0 auto; display:block; border-radius:100%; width:98px; height:98px; border:2px solid #6bb551; text-align:center; line-height:98px; color:#6bb551; font-size:40px}

.four-box-pan section figure i{color:#6bb551}

.four-box-pan section:hover figure{ background-color:#6bb551; color:#FFF}

.four-box-pan section:hover figure i{ color:#FFF}

.four-box-pan section h5{ text-transform:uppercase; font-size:15px; line-height:16px; font-weight:700; color:#000; padding-top:26px}

.four-box-pan section p{ line-height:27px; font-weight:500; padding-top:5px; color:#5e5e64}

/*== Section Two ==*/

.section-two{ background-color:#f7f7f8; margin-top:80px; overflow:hidden}

.section-two section figure{background-position:50% 0; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; min-height:593px}

/* .section-two section:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);} */

.section-two section article{ padding-left:14%; padding-right:90px; padding-top:94px;}

.section-two section:last-child article{ padding-left:11%}

.section-two section article h2{ font-size:31px; line-height:36px; font-weight:300; color:#000; padding-bottom:12px}

.section-two section article p{ line-height:27px; color:#5e5e64; padding-bottom:17px; font-weight:500}

.section-two section article ul{ margin:0; padding:0; list-style:none}

.section-two section article ul>li{ padding-bottom:10px}

.section-two section article ul>li:before{content:"\f046";font-family:'FontAwesome'; color:#222222; font-size:16px; padding-right:9px}

/*== Video ==*/

.video-pan{ min-height:528px; position:relative}

.bg-container-youtube{ position:absolute;left: 0px;top: 0px;width: 100%;overflow: hidden;height:528px;}

.video-pan:after{ content:""; position:absolute; left:0; right:0; top:0; height:100%; background-color:rgba(29,23,36,0.9)}

.video-pan header{ position:relative; z-index:2; padding-top:200px}

.video-pan header h4{ font-size:19px; color:#FFF; font-weight:700; padding:0; margin:0}

.video-pan header a.video-button{ margin:0 auto; margin-bottom:20px}

/*== Slider ==*/

.slider-pan{ padding-top:87px;padding-bottom:91px}

.slider-pan section article{ font-size:21px; line-height:36px; font-weight:400; padding-top:38px}

.slider-pan section article:before{content:"\f10d";font-family:'FontAwesome'; color:#5e5e64}

.slider-pan section article:after{content:"\f10e";font-family:'FontAwesome';color:#5e5e64}

.slider-pan section header h5,.slider-pan article header h6{ font-size:15px; line-height:16px; padding:0; margin:0; font-weight:400}

.slider-pan section header h5{ text-transform:uppercase; font-weight:700; color:#000; padding-bottom:8px}

.slider-pan section header{ padding-top:38px;}

.slider-pan .owl-buttons{ display:none}

.slider-pan .owl-pagination{ text-align:center; padding-top:18px}

.slider-pan .owl-pagination .owl-page{ display:inline-block; border-radius:100%; width:9px; height:9px; background-color:#c9c9c9; margin:0 3px;}

.slider-pan .owl-pagination .owl-page.active{ background-color:#6bb551}

/*== Section Three ==*/

.section-three{ background-color:#ffffff; padding-top:87px; padding-bottom:87px}

.section-three header[role="title-page"]{ padding-bottom:83px}

.section-three header[role="title-page"] h4,.section-three header[role="title-page"] h2{color:#000}

.section-three header[role="title-page"] h4:after{ background-color:#6bb551}

/*== Section Three ==*/

.section-four{ padding-top:86px; padding-bottom:102px; background-color:#f7f7f8}

.section-four header[role="title-page"]{ padding-bottom:63px}

/* Team */

.team-pan figure{ padding:5px; border:5px solid #6bb551; overflow:hidden; background-color:#FFF;}

.team-pan section:hover figure img{webkit-transform:scale(1.1);

transform:scale(1.1); opacity:0.8}

.team-pan header{ text-align:center; padding-top:38px}

.team-pan header h5,.team-pan header h6{ font-size:15px; line-height:16px; padding:0; margin:0; color:#5e5e64; font-weight:400}

.team-pan header h5{ text-transform:uppercase; font-weight:700; color:#000; padding-bottom:8px; display:block}

.team-pan header a{ display:inline-block; text-align:center; background-color:#cdcdce; color:#FFF; width:25px; height:25px; font-size:12px; line-height:25px; font-weight:normal; border-radius:100%;; margin:15px 3.5px; margin-bottom:0}

.team-pan header a:hover{ background-color:#6bb551}

/*== Section Five ==*/

.section-five{ background-color:#6bb551; padding-top:87px; padding-bottom:102px}

.section-five header[role="title-page"]{ padding-bottom:49px}

.section-five header[role="title-page"] h4,.section-five header[role="title-page"] h2{color:#FFF}

.section-five header[role="title-page"] h4:after{ background-color:#FFF}

/* Subscribe Form*/

.subscribe-form{ width:100%; max-width:555px; margin:0 auto; position:relative}

.subscribe-form input[type="email"]{ border-radius:3px; background-color:transparent; border:1px solid #FFF; outline:none; height:58px; color:#FFF; font-size:16px; line-height:18px; padding-left:33px; padding-right:193px; width:100%;}

.section-five form input::-webkit-input-placeholder { color:#FFF; }

.section-five form input::-moz-placeholder { color:#FFF; }

.section-five form input:-ms-input-placeholder { color:#FFF; }

.section-five form input:-moz-placeholder { color:#FFF; }

.subscribe-form button{ position:absolute; right:0; top:1px; height:57px; line-height:57px; border:none; outline:none; cursor:pointer; text-align:center; background-color:#FFF; text-transform:uppercase; font-size:16px; color:#6bb551; font-weight:700; padding:0 35px;

-webkit-border-top-right-radius: 3px;

-webkit-border-bottom-right-radius: 3px;

-moz-border-radius-topright: 3px;

-moz-border-radius-bottomright: 3px;

border-top-right-radius: 3px;

border-bottom-right-radius: 3px;}

.subscribe-form button:hover{ background-color:#e1e1e1}

.subscribe-form button i{ padding-left:8px}

.error_message{ color:#e84d49}

.subscribe-form .error_message{ color:#e84d49; text-align:center}

.subscribe-form #success_page h3,.subscribe-form #success_page p{color:#185005 }

/*== Section Six ==*/

.section-six{padding-top:87px;}

.contact-form{ padding-left:184px; padding-right:186px; margin-top:63px; padding-bottom:20px}

#success_page h3,#success_page p{color:#185005 }


/*== Footer ==*/

.footer{ background-color:#ddd; padding-top:101px; padding-bottom:104px; text-align:center}

.socil-icons a{ display:inline-block; text-align:center; color:#ddd; font-size:22px; line-height:50px; width:50px; height:50px; border-radius:100%; background-color:#999999; margin:0 4.9px}

.socil-icons a:hover{background-color:#6bb551; color:#FFF}

.footer nav { padding-top:34px}

.footer nav a{color:#999999; font-size:14px; line-height:17px; display:inline-block;font-weight:300; padding-left:6px}

.footer nav a{ border-right:1px solid #b6b6b6; padding-right:8px}

.footer nav a:last-child{ border-right:none;}

.footer nav a:hover{ text-decoration:none; color:#6bb551}

.footer .copy{ padding:0; margin:0; color:#999999; font-size:13px; line-height:17px; font-weight:300; padding-top:7px; letter-spacing:1px}
.footer .copy a{color:#b6b6b6;}
.footer .fa-heart { color: #e84545; font-size: 11px; margin: 0 2px;}


/* 191007 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.6em!important;}

.headerimg {margin-top: 0;}
.headerimg img {display: inline;}

/* 220913 */
@media screen and (max-width: 640px) {
.headerimg img {padding: 0 20px;}
}
/* 220913 END */

header[role="header"].header-top .navbar-fixed-top h1 img{width:200px} /* 30% line:241*/ /* width :100%  202209更新分*/

a.button-header{ display: inline-block; text-align:center; margin:0 auto; line-height:63px; font-size:16px; font-weight:400; padding:0 53px; color:#FFF; background-color:#6bb551; border-radius:4px; text-transform:uppercase}

a.button-header:hover{background-color:#5ea246; text-decoration:none}

a.button-header2{ display: inline-block; text-align:center; margin:0 auto; line-height:63px; font-size:16px; font-weight:400; padding:0 53px; color:#FFF; background-color:#d3d3d3; border-radius:4px; text-transform:uppercase}

a.button-header2:hover{background-color:#d3d3d3; text-decoration:none; color:#FFF;}

a.button-header5{ display: inline-block; text-align:center; margin:0 auto; line-height:63px; font-size:16px; font-weight:400; padding:0 53px; color:#FFF; background-color:#0071bc; border-radius:4px; text-transform:uppercase}

a.button-header5:hover{background-color:#008abc; text-decoration:none; color:#FFF;}

a.button-header6{ display: inline-block; text-align:center; margin:0 auto; line-height:63px; font-size:16px; font-weight:400; padding:0 53px; color:#FFF; background-color:#CFCFCF; border-radius:4px; text-transform:uppercase}

a.button-header6:hover{background-color:#CFCFCF; text-decoration:none; color:#FFF;}

.button-header3{max-width: 50%; margin: 20px auto 0;}

a.button-header4{ display: inline-block; text-align:center; margin:0 auto; line-height:63px; font-size:16px; font-weight:400; padding:0 53px; color:#FFF; background-color:#669966; border-radius:4px; text-transform:uppercase}

a.button-header4:hover{background-color:#669966; text-decoration:none; color:#BABABA;}
@media screen and (max-width: 640px) {
	.button-header3 {max-width: 90%; margin: 10px auto 0;}
}

@media screen and (max-width: 640px) {
	.section-twoimg {display: none;}
}

.title-page {
	background: #0071bc;
	color: #FFFFFF;
	padding: 2em;
}
.title-page h3 {
	font-size: 1.6em;
}

.divtitle-page2box {
	width: 100%;
	margin: 0 0 40px 0;
	text-align: left;
}
table.titlepage-tbl01 {
	width:80%;
	margin: 0 auto;
}
table.titlepage-tbl01 tbody th {
	background:#0071bc;
	color:#FFF;
	padding:10px 5px 10px 20px;
	vertical-align:top;
	text-align: left;
	font-size: 1.8em!important;
	line-height: 1.8em!important;
	border-bottom: #949494 1px dotted;
}
table.titlepage-tbl01 tbody tr:last-child th {

}
table.titlepage-tbl01 tbody td {
	background:#EDEDED;
	padding:10px 20px;
	vertical-align:top;
	font-size: 1.6em;
	line-height: 1.8em;
	border-bottom: #949494 1px dotted;
}

@media screen and (max-width: 640px) {
table.titlepage-tbl01 {
	width:80%;
	margin: 0 auto;
}
table.titlepage-tbl01 tbody th {
	display:block;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	width: 100%;
}
table.titlepage-tbl01 tbody td {
	display:block;
	font-size: 1.2em;
	text-align: center;
}
}

.slider-pan {background-color:#FFFFFF;}

.divnagare {text-align: center;}
.divnagare img {display: inline; text-align: center;}
.nagare-allow {margin-bottom: 30px;}
.txtnagare {width: 80%; margin: 0 auto;}
.txtnagare2 {width: 50%; margin: 30px auto;}
.bt-nagare {margin:10px 0 20px 0;}

@media screen and (max-width: 640px) {
	.txtnagare2 {width: 100%; margin: 30px auto;}
}

.kadai-tbldiv {
	width: 100%;
	margin: 0 0 40px 0;
	text-align: left;
}
table.kadai-tbl01 {
    width: 80%;
    margin: 0 auto;
}
table.kadai-tbl01 tbody th {
	background:#6bb551;
	color:#FFF;
	padding:10px 15px;
	vertical-align:top;
	text-align: right;
	width: 26%;
}
table.kadai-tbl01 tbody tr:last-child th {

}
table.kadai-tbl01 tbody td {
	background:#FFF;
	padding:10px 15px;
	vertical-align:top;
}

@media screen and (max-width: 640px) {
table.kadai-tbl01 {
	width:80%;
	margin: 0 auto;
}
table.kadai-tbl01 tbody th {
	display:block;
	text-align: center;
	width: 100%;
}
table.kadai-tbl01 tbody td {
	display:block;
}
}

.kadaiex-tbldiv {
	width: 100%;
	margin: 0 0 80px 0;
	text-align: left;
}
.kadaiex-tbldiv section {
	text-align: center;
	margin: 20px 0;
}

.kadaiex-tbldiv2 {
	width: 100%;
	margin: 0 0 0 0;
	text-align: left;
}
.kadaiex-tbldiv2 section {
	text-align: center;
	margin: 20px 0;
}

.kadaiex-md {
  color: #6bb551;
  padding: 0.5em 6em;
  border-top: solid 2px #6bb551;
  border-bottom: solid 2px #6bb551;
}

.divmov {
	margin-top: 40px;
}
@media screen and (max-width: 640px) {
.divmov video {
	width: 90%;
}
}

.divqanda {text-align: left; padding-bottom: 100px; }
.txtqanda {margin: 0 400px;}

@media screen and (max-width: 840px) {
.txtqanda {
	margin: 0 60px;
}
}


.divfooterlogo {
	width: 100%;
}
.footerlogo {
	text-align: center;
	margin: 0 0 30px 0;
	display: inline-block;
}

/* 20200319メニュー */

/* メニューを画面いっぱいに表示する */
.l_header .l_header_nav {
    overflow-y: scroll;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
 
/* js でコネコネするもの */
.is_close.l_header .l_header_nav {
    display: none;
}

/* メニューを画面いっぱいに表示するスタイルをリセット */
.l_header .l_header_nav {
    position: static;
    overflow-y: visible;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background-color: transparent;
}
 
/* SP版のみ表示 */
.is_sp {
    display: none !important;
}
 
/* js でコネコネするもの */
.is_close.l_header .l_header_nav {
    display: block !important;
}

/* 20200325タブ */

/*CSSのみでで作るタブ --------------------*/

/*tabの全体枠*/
.tab {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  background: #efefef;
  border: 1px solid #ccc; }

/*inputを非表示にする*/
.input {
  position: absolute;
  opacity: 0; }

/*tabボタン部分*/
.tab-label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  margin-bottom: 0;
  transition: background 0.1s, color 0.1s; }

.tab-label:hover {
  background: #d8d8d8; }

.tab-label:active {
  background: #ccc; }

.input:checked + .tab-label {
  background: #fff;
  color: #000; }

@media (min-width: 600px) {
  .tab-label {
    width: auto; } }
/*tabの本文エリア*/
.tab-panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff; }

@media (min-width: 600px) {
  .tab-panel {
    order: 99; } }
.input:checked + .tab-label + .tab-panel {
  display: block; }

/*その他 --------------------*/
.u-mb-20 {
  margin: 0 0 20px 0; }

.content2 {
  margin: 40px auto 60px;
  padding: 0; }

.tab-txt {
	text-align: left;
}
.tab-title {
	display: inline-block;
	margin:  20px auto 0;
}
.tab-title2 {
	display: inline-block;
	margin:  20px auto 20px;
}
.tab-logo {
	display: inline-block;
	text-align: center;
	margin: 20px auto 20px;
}
.tab-bt1 {
	display: block;
	margin:  20px auto 40px;
	width: 100%;
}
.tab-ul {
	text-align: left;
	list-style-position: inside;
}
.tabhr1 {	
	border-top: 1px solid #BABABA;
}
.tabhr2 {	
	border-top: 2px dotted #8c8b8b;
}
.tab-btn{
	cursor: pointer;
}
.tab-btn:hover {
  opacity: 0.5;
}
.tab-story {
	display: inline-block;
	margin: 20px auto 10px;
	border: 1px solid #BABABA;
}
.tab-divblock1 {
	margin: 20px 0 40px 0;
}

.tab-panel2_h3 {
	margin: 40px 0;
}

/*tab table */
table.kadai-tbl02 {
	width:100%;
	margin: 0 auto;
	border: 1px solid #0071BC;
}
table.kadai-tbl02 tbody th {
	background:#0071BC;
	color:#FFF;
	padding:10px 15px;
	vertical-align:top;
	text-align: right;
	width: 20%;
	border-bottom: 1px solid #0071BC;
}
table.kadai-tbl02 tbody tr:last-child th {

}
table.kadai-tbl02 tbody td {
	background:#E6EDF3;
	padding:10px 15px;
	vertical-align:top;
	border-bottom: 1px solid #0071BC;
}

@media screen and (max-width: 640px) {
table.kadai-tbl02 {
	width:80%;
	margin: 0 auto;
}
table.kadai-tbl02 tbody th {
	display:block;
	text-align: center;
	width: 100%;
}
table.kadai-tbl02 tbody td {
	display:block;
}
}

/* flexbox */
.flex_box {
    background-color: #eee;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
	display: flex;
}
 
.flex_item {
    padding: 10px;
    color:  #373737;               /* 文字色 */
    margin:  10px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
}

.flex_item img {
	margin: 0 0 12px 0;
}

.flex_item a:hover img {
	opacity: 0.3;
}

.flex_item p {
	font-size: 0.9em;
	line-height: 1.5em;
}

.flex_item span {
	font-weight: bold;
	font-size: 1.3em;
}
 
.flex_item:nth-child(1) {
    background-color:  #E3E3E3; /* 背景色指定 */
}
 
.flex_item:nth-child(2) {
    background-color:  #E3E3E3; /* 背景色指定 */
}
 
.flex_item:nth-child(3) {
    background-color: #E3E3E3; /* 背景色指定 */
}
 
.flex_item:nth-child(4) {
    background-color:  #E3E3E3; /* 背景色指定 */
}

.flex_item:nth-child(5) {
    background-color:  #E3E3E3; /* 背景色指定 */
}

@media screen and (max-width: 640px) {
.flex_box {
	flex-direction: column;
}
}

.flex_box2{
	background-color: #eee;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
	display: flex;
}
.flex_box2:before{
  content:"";
  display: block;
  width:23%;
  order:1;
}

.flex_box2:after{
  content:"";
  display: block;
  width:23%;
}
.flex_itemempty{
	flex-basis: 29%;
}

@media screen and (max-width: 640px) {
.flex_box2 {
	flex-direction: column;
}
}


/* 20200915　更新分 */



/*== Section Two_2 ==*/

.section-two_2{ background-color:#f7f7f8; padding-bottom:80px; overflow:hidden}

.section-two_2 section figure{background-position:0 0 50% 0; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; min-height:593px}

/* .section-two section:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);} */

.section-two_2 section article{ padding-left:14%; padding-right:90px;}

.section-two_2 section:last-child article{ padding-left:11%}

.section-two_2 section article h2{ font-size:31px; line-height:36px; font-weight:300; color:#000; padding-bottom:12px}

.section-two_2 section article p{ line-height:27px; color:#5e5e64; padding-bottom:17px; font-weight:500}

.section-two_2 section article ul{ margin:0; padding:0; list-style:none}

.section-two_2 section article ul>li{ padding-bottom:10px}

.gaiyo-div {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: left;
padding-bottom: 20px;
}

.gaiyo-divtxt1 {
text-align: left;
width: 20%;
border-right: 1px #b8b8b8 solid;
}

.gaiyo-divtxt2 {
text-align: left;
width: 80%;
padding-left: 20px;
}


/* 20210322　更新分 */

@media (min-width: 600px) {
  .tab-panel {
    order: 99; } }
.input:checked + .tab-label + .tab-panel {
  display: block; 
width: 100%}


/* 20220325　更新分 */

.kadai-tbldiv_heading {
	position: relative;
	font-size: 26px;
	text-align: center;
	border-bottom: 5px solid #f6f6f6;
	padding: 0 0 10px 0;
	color: #387ccc;

}

.kadai-tbldiv_heading::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}

@media screen and (max-width: 640px) {
.tab-panel h3 {
	font-size: 1em;
}
}

/* 20230221　更新分 */

.row 
{
	list-style:none;
}

.ban_good {
	margin-bottom: 10px;
}