@charset "UTF-8";

/*============================
			HEADER
============================*/

header {
	width: 100%;
	margin-bottom: 25px;
}

header .catch {
	width: 100%;
	background: #78B21C;
	margin-bottom: 10px;
}

header .catch .left {
	width: 730px;
	display: table;
	height: 46px;
	float: left;
}

header .catch .left p,
header .catch .fblike {
	vertical-align: middle;
	display: table-cell;
}

header .catch .fb_iframe_widget {
	height: 20px;
}

header .catch .left p {
	font-size: 11px;
	color: #fff;
}

header .catch .right {
	width: 215px;
	float: right;
}

header .catch .btn_contact {
	font-size: 16px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	text-align: center;
	width: 100%;
	background: #78B21C;
	padding: 15px 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}



header .middle {
	margin-bottom: 20px;
}

header .middle .logo {
	width: 531px;
	float: left;
	margin-top: 25px;
}

header .middle .right {
	width: 385px;
	float: right;
}

header .middle .right .searchform {
	width: 220px;
	float: left;
	position: relative;
}

header .middle .right .searchform #search {
	font-size: 14px;
	line-height: 1.4;
	width: 100%;
	background: #E5E5E5;
	padding: 4px 10px;
	border-radius: 13px;
}

header .middle .right .searchform #searchformPC {
	width: 15px;
	position: absolute;
	top: 6px;
	right: 8px;
}

header .middle .right .change_size {
	width: 150px;
	float: right;
}

header .middle .right .change_size p,
header .middle .right .change_size a {
	font-size: 10px;
	float: left;
}

header .middle .right .change_size p {
	margin-top: 6px;
	margin-right: 8px;
}

header .middle .right .change_size a {
	color: #78b21c;
	text-align: center;
	width: 45px;
	padding: 5px 0;
	border: 1px solid #78b21c;
	border-radius: 7px;
}

header .middle .right .change_size a:first-of-type {
	margin-right: 2px;
}

header .middle .right .change_size a:last-of-type {
	margin-bottom: 10px;
}

header .middle .right .change_size a.active {
	color: #fff;
	background: #78b21c;
}

.fzM header .middle .right .change_size a.btn_fzM,
.fzL header .middle .right .change_size a.btn_fzL {
	color: #fff;
	background: #78b21c;
}

header .middle .right .about li {
	width: 125px;
	float: left;
	margin-right: 5px;
}

header .middle .right .about li a {
	font-size: 13px;
	color: #78b21c;
	text-align: center;
	width: 100%;
	padding: 15px 0;
	border: 1px solid #78b21c;
	border-radius: 7px;
}

header .middle .right .about li:last-child {
	margin-right: 0;
}



header nav .menu { position: relative; }

header nav .menu > li {
	float: left;
	border-left: 1px solid #b2b2b2;
	height: 60px;/* 2203変更部位 */
	width: 16.6%;/* 2203変更部位 */
}

header nav .menu > li:last-child {
	border-right: 1px solid #b2b2b2;
}

header nav .menu > li > a {
	font-size: 16px;
	position: relative;
	text-align: center;/* 2203変更部位 */
    line-height: 1.1;/* 2203変更部位 */
    display: flex;/* 2203変更部位 */
    align-items: center;/* 2203変更部位 */
    height: 100%;/* 2203変更部位 */
    justify-content: center;/* 2203変更部位 */
}

header nav .menu > li > a:after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #78b21c;

	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	opacity: 0;
}

header nav .menu > li a.current:after {
	width: 100%;
	opacity: 1;
}


header nav .submenu {
	width: 945px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	background: #fff;
	padding-top: 20px;
	border-left: 0 !important;
}

header nav .submenu .inner {
	position: relative;
	border: 5px solid #81B306;
	padding: 20px 15px;
}

header nav .submenu .inner:before {
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	top: -25px;
	left: 212px;
	background: url(../images/common/shape_header_submenu.png) no-repeat center center;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
}

header nav .submenu .box {
	width: 291px;
	float: left;
	margin-right: 15px;
}

header nav .submenu .box:last-child {
	margin-right: 0;
}

header nav .submenu .top .btn_parts_02 {
	margin-bottom: 10px;
}

header nav .submenu .top .li_a_parts_01 li {
	margin-bottom: 15px;
}

header nav .submenu .top .li_a_parts_01 li a {
	font-size: 14px;
	line-height: 1.4;
}



header nav .submenu .bottom {
	line-height: 0;
	font-size: 0;
}

header nav .submenu .bottom .btn_parts_03 {
	display: inline-block;
	width: 215px;
	margin-right: 14px;
}

header nav .submenu .bottom .btn_parts_03:last-child {
	margin-right: 0;
}

header nav .submenu .bottom .btn_parts_03 a {
	font-size: 14px;
	min-width: 100%;
}


header .btn_menber_page {
	width: 60px;
	position: fixed;
	top: 135px;
	right: 0;
	z-index: 100;
}





/*============================
			FOOTER
============================*/

/*--------- address_area ---------*/

footer .address_area {
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}

footer .address_area .left {
	width: 250px;
	float: left;
	background: url(../images/common/dot_gr_stripe.png) repeat-y right top;
	padding: 15px 0;
	padding-right: 30px;
}

footer .address_area .left .logo figure {
	width: 225px;
	margin-bottom: 15px;
}

footer .address_area .left .logo .small {
	font-size: 0.62em;
	display: block;
	margin-bottom: 5px;
}

footer .address_area .left .logo .nomal {
	font-size: 13px;
	display: block;
	margin-bottom: 25px;
}

footer .address_area .left .btn_contact a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;
	background: #78b21c;
	padding: 15px 0;
	border-radius: 6px;
}

footer .address_area .right {
	width: 670px;
	float: right;
	padding: 15px 0;
}

footer .address_area .right h5 {
	font-size: 16px;
	margin-bottom: 15px;
}

footer .address_area .right h5 span {
	font-size: 0.749em;
}

footer .address_area address { font-style: normal; }

footer .address_area .right .top {
	font-size: 14px;
	line-height: 1.42;
	margin-bottom: 25px;
}

footer .address_area .right .middle {
	font-size: 14px;
	margin-bottom: 10px;
}

footer .address_area .right .middle,
footer .address_area .right .bottom {
	font-size: 0.749em;
}

footer .address_area .right .middle strong,
footer .address_area .right .bottom strong {
	width: 90px;
}



/*--------- footer_nav_area ---------*/

footer .footer_nav_area {
	margin-bottom: 20px;
}

footer .footer_nav_area .box {
	padding: 30px 0;
	background: url(../images/common/dot_gr.png) repeat-x left bottom;
}

footer .footer_nav_area .box:last-child {
	background: none;
}

footer .footer_nav_area .top {
	padding: 30px 5px;
}

footer .footer_nav_area .box h6 {
	font-size: 0.875em;
	background: url(../images/common/li_marker_gr.png) no-repeat left center;
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
	padding-left: 20px;
	margin-bottom: 15px;
}

footer .footer_nav_area .box h6 span {
	font-size: 0.749em;
	margin-top: 5px;
}

footer .footer_nav_area .box h6:last-child {
	margin-bottom: 0;
}

footer .footer_nav_area .box .subtitle {
	font-size: 0.875em;
	font-weight: bold;
	margin-bottom: 10px;
}

footer .footer_nav_area .box .menu {
	width: 315px;
	float: left;
}

footer .footer_nav_area .box .menu ul {
	margin-left: 1em;
}

footer .footer_nav_area .box .menu li {
	color: #78b21c;
	list-style: disc;
	margin-bottom: 3px;
}

footer .footer_nav_area .box .menu li:last-child {
	margin-bottom: 0;
}

footer .footer_nav_area .box .menu li a {
	font-size: 0.749em;
	line-height: 1.4;
	color: #000;
  font-weight: normal;
}



/*--------- レイアウト調整 ---------*/

footer .footer_nav_area .box_02 .menu .adjust_mb {
	margin-bottom: 15px;
}

footer .footer_nav_area .box_02 .menu .adjust_layout li {
	/* font-weight: bold; */
	margin-bottom: 10px;
}

footer .footer_nav_area .box_04 .menu li {
	margin-bottom: 10px;
}

footer .footer_nav_area .box_04 .adjust_mb {
	margin-bottom: 20px;
}

footer .footer_nav_area .box_04 .btn_link_fb {
	width: 175px;
}

footer .footer_nav_area .box_04 .btn_link_fb img {
	width: 100%;
}



/*--------- footer_last ---------*/

footer .footer_last {
	text-align: center;
	background: #78b21c;
	padding: 40px 0;
}

footer .footer_last * { color: #fff; }

footer .footer_last .menu {
	text-align: center;
	line-height: 0;
	font-size: 0;
	margin-bottom: 30px;
}

footer .footer_last .menu li {
	display: inline-block;
	position: relative;
	background: url(../images/) no-repeat center;
	padding-left: 15px;
	margin-right: 25px;
}

footer .footer_last .menu li:before {
	content: "";
	width: 10px;
	height: 13px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: url(../images/common/arw_right_wh.png) no-repeat left center;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
}

footer .footer_last .menu li a {
	font-size: 13px;
}

footer .footer_last .copyright {
	font-size: 0.62em;
}










/*********************************************************
				TOPページ
*********************************************************/

/*============================
			CONTENTS
============================*/

.home .mainvisual {
	margin-bottom: 35px;
}

.home .emergency_text .inner {
	display: table;
	width: 740px;
	border: 1px solid #ccc;
	margin: 0 auto 10px;
}

.home .emergency_text h4,
.home .emergency_text p {
	vertical-align: middle;
	display: table-cell;
}

.home .emergency_text h4 {
	font-size: 23px;
	text-align: center;
	color: #fff;
	width: 130px;
	background: #ff3232;
}

.home .emergency_text p {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	color: #ff3232;
	padding: 15px 35px;
}

.home .insert_area {
	width: 740px;
	margin: 0 auto 35px;
}

.home .insert {
	font-size: 0.875em;
	line-height: 1.5;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #ccc;
}



/*--------- boxnav ---------*/

.home .boxnav_area .box h3,
.home .boxnav_area .box h4,
.home .boxnav_area .box p {
	color: #fff;
}

.home .boxnav_area .box {
	text-align: center;
	margin-right: 1px;
}

.home .boxnav_area .box:last-child {
	margin-right: 0;
}

.home .boxnav_area .box,
.home .boxnav_area .box h4,
.home .boxnav_area .box .menu li a,
.home .boxnav_area .middle .box_02 .menu li a {
	border-radius: 6px;
}


/* TOP */

.home .boxnav_area {
	background: url(../images/top/bg_boxnav_area.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 80px 0;
	margin-bottom: 65px;
}

.home .boxnav_area .top {
	height: 260px;
	margin-bottom: 1px;
}

.home .boxnav_area .top .box {
	width: 314px;
	height: 100%;
	float: left;
	position: relative;
	background: #9dca2c;
	padding-top: 25px;
}

.home .boxnav_area .top .box:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_kojin.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .top .box h4 {
	font-size: 16px;
	text-align: center;
	width: 150px;
	background: #78b61c;
	padding: 5px 0;
	margin: 0 auto;
	margin-bottom: 10px;
}

.home .boxnav_area .top .box h4 a {
	width: 100%;
}

.home .boxnav_area .top .box h3 {
	font-size: 26px;
	margin-bottom: 20px;
}

.home .boxnav_area .top .box .menu {
	width: 270px;
	margin: 0 auto;
}

.home .boxnav_area .top .box .menu li h5 a {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #78b61c;
	width: 100%;
	background: #fff;
	padding: 10px 0;
	padding-left: 30px;
	margin-bottom: 3px;
}

.home .boxnav_area .top .box .menu li a span { position: relative; }
.home .boxnav_area .top .box .menu li a span:before {
	content: "";
	width: 10px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	background: url(../images/common/arw_right_gr.png) no-repeat left center;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
}

/* MIDDLE */

.home .boxnav_area .middle {
	margin-bottom: 15px;
	height: 156px;
}

.home .boxnav_area .middle .box {
	float: left;
}

.home .boxnav_area .middle .box_01 {
	width: 156px;
	height: 100%;
	background: #9dca2c;
}

.home .boxnav_area .middle .box_01:nth-of-type(2) { width: 157px; }

.home .boxnav_area .middle .box_01 a {
	width: 100%;
	height: 100%;
	position: relative;
}

.home .boxnav_area .middle .box_01 a:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_kojin.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .middle .box_01 h3 {
	font-size: 20px;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.home .boxnav_area .middle .box_02 {
	width: 471px;
	height: 100%;
	position: relative;
	background: #00bacf;
	padding-top: 25px;
}

.home .boxnav_area .middle .box_02:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_houjin.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .middle .box_02 h3 {
	margin-bottom: 15px;
}

.home .boxnav_area .middle .box_02 .menu {
	line-height: 0;
	/*font-size: 0;*/
}

.home .boxnav_area .middle .box_02 .menu li {
	width: 180px;
	display: inline-block;
}

.home .boxnav_area .middle .box_02 .menu li:nth-child(odd) {
	margin-right: 3px;
	margin-bottom: 5px;
}

.home .boxnav_area .middle .box_02 .menu li:nth-last-child(2) {
	margin-bottom: 0;
}

.home .boxnav_area .middle .box_02 .menu li a {
	font-size: 0.749em;
	text-align: left;
	color: #00a4b8;
	width: 100%;
	background: #fff;
	padding: 5px 0;
	padding-left: 20px;
}

.home .boxnav_area .middle .box_02 .menu li a span { position: relative; }
.home .boxnav_area .middle .box_02 .menu li a span:before {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	background: url(../images/common/arw_right_blue.png) no-repeat left center;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
}

.home .boxnav_area .middle .box_03 {
	width: 156px;
	height: 100%;
	background: #469632;
}

.home .boxnav_area .middle .box_03 a {
	width: 100%;
	height: 100%;
	position: relative;
}

.home .boxnav_area .middle .box_03 a:before {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_kaiin.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .middle .box_03 .inner {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.home .boxnav_area .middle .box_03 .inner h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.home .boxnav_area .middle .box_03 .inner p {
	font-size: 0.749em;
	line-height: 1.66;
}

.home .boxnav_area .middle .box_04 {
	width: 157px;
	height: 100%;
	background: #2378cc;
}

.home .boxnav_area .middle .box_04 a {
	width: 100%;
	height: 100%;
	position: relative;
}

.home .boxnav_area .middle .box_04 a:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_kojin_blue.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .middle .box_04 h3 {
	font-size: 20px;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

/* BOTTOM */

.home .boxnav_area .bottom {
	height: 150px;
}

.home .boxnav_area .bottom .box {
	/*width: 460px;*/
	width: 310px;
	height: 100%;
}

.home .boxnav_area .bottom .box a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	/*z-index: 2;*/
}

.home .boxnav_area .bottom .box .inner {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.home .boxnav_area .bottom .box:first-child {
	float: left;
	background: #9dca2c;
}

.home .boxnav_area .bottom .box:first-child a:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_tri_green.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .bottom .box:nth-child(2) {
	float: left;
	background: #ffc749;
	margin-left: 6px;
}

.home .boxnav_area .bottom .box:nth-child(2) a:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_tri_or.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .bottom .box:last-child {
	float: right;
	background: #ffb6ae;
}

.home .boxnav_area .bottom .box:last-child a:after {
	content: "";
	width: 70px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/top/ico_tri_pk.png) no-repeat center center;
	-webkit-background-size: 70px 50px;
	background-size: 70px 50px;
}

.home .boxnav_area .bottom .box h3 {
	font-size: 20px;
	margin-bottom: 15px;
}
.home .boxnav_area .bottom .box:first-child h3{
	margin-bottom: 0px;
}

.home .boxnav_area .bottom .box p {
	font-size: 0.749em;
	line-height: 1.66;
	padding: 0px 35px;
}



/*--------- news,training posts ---------*/

.home .news_training_area .box { width: 437px; }
.home .news_training_area .news_area { float: left; }
.home .news_training_area .training_area { float: right; }

.home .news_training_area {
	margin-bottom: 60px;
}

.home .news_training_area .posts {
	border-top: 2px solid #78b21c;
	border-bottom: 2px solid #78b21c;
	padding-top: 20px;
}

.home .news_training_area .top {
	margin-bottom: 20px;
}

.home .news_training_area .top h3 {
	font-size: 24px;
	float: left;
	margin-top: 3px;
}

.home .news_training_area .top .btn_more a {
	font-size: 0.875em;
	width: 80px;
	float: right;
	padding: 7px 0;
	padding-left: 30px;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
}

.home .news_training_area .top .btn_more span { position: relative; }
.home .news_training_area .top .btn_more span:before {
	content: "";
	width: 12px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	background: url(../images/common/arw_right_bk.png) no-repeat left center;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
}


.home .news_training_area .posts-top {
	line-height: 0;
	/*font-size: 0;*/
	margin-bottom: 10px;
}

.home .news_training_area .posts li {
	background: url(../images/common/dot_gr.png) repeat-x left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.home .news_training_area .posts li:last-child {
	background: none;
	margin-bottom: 0;
}

.home .news_training_area .posts p,
.home .news_training_area .posts small { display: inline-block; }

.home .news_training_area .posts .categoryname { border-radius: 5px; }
.home .news_training_area .posts .categoryname {
	font-size: 0.749em;
	color: #fff;
	text-align: center;
	min-width: 100px;
	padding: 5px 5px;
}


/* category background setting */
.home .news_area .posts .jimusyo { background: #3887ff; }
.home .news_area .posts .shikaku { background: #9cc92c; }
.home .news_area .posts .kouza_kensyu { background: #ffb218; }
.home .news_area .posts .kaiin { background: #247b0d; }
.home .news_area .posts .event { background: #ff6a00; }
.home .news_area .posts .counceling { background: #ff9cad; }
.home .news_area .posts .syakai { background: #003fc7; }
.home .news_area .posts .other { background: #00bcd1; }

.home .training_area .posts .cat_01 { background: #ff8100; }
.home .training_area .posts .cat_02 { background: #008042; margin-right: 7px; }
/* end.category background setting */


.home .news_training_area .posts .post_date {
	font-size: 0.749em;
	margin-left: 10px;
}

.home .news_training_area .posts .ico_new {
	font-size: 0.63em;
	font-weight: bold;
	color: #ff4c40;
	margin-left: 10px;
}

.home .news_training_area .posts .post_title {
	font-size: 0.875em;
	line-height: 1.3;
	letter-spacing: 0.05em;
}



/*--------- blog_area ---------*/

.home .blog_area {
	margin-bottom: 50px;
}

.home .blog_area .box {
	width: 300px;
	float: left;
	margin-right: 22px;
}

.home .blog_area .box:last-child {
	margin-right: 0;
}

.home .blog_area .box li {
	background: url(../images/common/dot_gr.png) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.home .blog_area .box h4 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 100%;
	padding: 35px 0;
	margin-bottom: 20px;
}

.home .blog_area .box h4.bg_01 {
	background: url(../images/top/bg_h4_blog_01.png) no-repeat center center;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
}

.home .blog_area .box h4.bg_02 {
	background: url(../images/top/bg_h4_blog_02.png) no-repeat center center;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
}

.home .blog_area .box h4.bg_03 {
	background: url(../images/top/bg_h4_blog_03.png) no-repeat center center;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
}

.home .blog_area .box .post_date {
	font-size: 0.749em;
	margin-bottom: 10px;
}

.home .blog_area .box .post_title a {
	font-size: 0.875em;
	line-height: 1.4;
}

.home .blog_area .box .btn_more a {
	font-size: 0.875em;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	padding-left: 15px;
	border: 1px solid #b2b2b2;
	border-radius: 7px;
}

.home .blog_area .box .btn_more a span { position: relative; }
.home .blog_area .box .btn_more a span:before {
	content: "";
	width: 10px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	background: url(../images/common/arw_right_bk.png) no-repeat left center;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
}


/*--------- intro_fb_area ---------*/

.home .intro_fb_area {
	line-height: 0;
	font-size: 0;
	margin-bottom: 60px;
}

.home .intro_fb_area figure {
	vertical-align: middle;
	display: inline-block;
	width: 380px;
	position: relative;
}

.home .intro_fb_area .timeline_fb {
	vertical-align: middle;
	display: inline-block;
	height: 255px;
	background: #fff url(../images/top/border_squre.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 30px;
	margin-left: -10px;
}

.home .intro_fb_area .timeline_fb.sp_only { display: none; }

.home .intro_fb_area .timeline_fb .inner {
	width: 500px;
}



/*--------- bnr_area ---------*/

.bnr_area {
	background: url(../images/top/bg_bnr_area.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 80px 0;
}

.bnr_area .top {
	margin-bottom: 30px;
}

.bnr_area .top li {
	line-height: 0;
	font-size: 0;
	width: 310px;
	float: left;
	position: relative;
	margin-right: 7px;
}

.bnr_area .top li:last-child {
	margin-right: 0;
}

.bnr_area .top li .on_img {
	position: relative;
	z-index: 3;
}

.bnr_area .top li .base {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 1px;
}


.bnr_area .bottom li {
	width: 150px;
	height: 150px;
	position: relative;
	float: left;
	margin-right: 9px;
}

.bnr_area .bottom li:last-child {
	margin-right: 0;
}

.bnr_area .bottom li .inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #006e00;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	border-top-right-radius: 35px;
}

.bnr_area .bottom li .inner a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #009600;
	border: 4px solid rgba(255,255,255,0.2);
	border-radius: 35px;
}

.bnr_area .bottom li .inner a span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.37;
	color: #fff;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}









/*********************************************************
				投稿ページ / single.php
*********************************************************/

.page-single .post-area {}









/*********************************************************
				一覧ページ / archive.php
*********************************************************/

.page-archive {}











/*============================
	hover, transition
============================*/



	/*transition*/

	header .middle .logo a,
	header .catch .btn_contact,
	.bxslider .slide a,
	header .middle .right .about li a,
	header nav li a,
	header .middle .right .searchform #searchformPC,
	header .middle .right .change_size a,
	header nav li a:after,
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next,
	.home .boxnav_area .box > a,
	.home .boxnav_area .top .box .menu li a span:before,
	.home .news_training_area .top .btn_more a,
	.home .news_training_area .posts .categoryname a,
	.home .blog_area .box .btn_more a,
	.bnr_area .bottom li a,
	.bnr_area .top li a .on_img,
	footer .address_area .left .logo a,
	footer .address_area .left .btn_contact a,
	footer .footer_nav_area .box_04 .btn_link_fb a,
	header .btn_menber_page,
	.home .boxnav_area .middle .box_02 .menu li a,
	.page_sikaku .about_area .box ul li a,
	.btn_parts_01 a,
	.sidebar .sidenav > li .child_nav li a,
	.btn_parts_02 a,
	.sidenav_02 li a,
	.side_bnr_area li a,
	.page_qualification .about_area .box ul li a,
	.btn_parts_03 a,
	.page_NQCC .last a,
	footer .footer_nav_area .box h6 a,
	footer .footer_nav_area .box .subtitle,
	.archive_course .center945 > .head .srch ul li a,
	.page_search form .search_submit,
	.page_imakoko .first_post .post_content .right .btn a,
	.archive_recruit table td .btn a,
	.page_access .btn_zoom a,
	.guide_contact_course figure,
	.page_contact .sec_01 .btn_sbumit_back,
	.page_qualification .about_area .box .h2_parts_01 a,
	.box_parts_01 a,
	.page_member .topbnr,
  .wrap-bnr_kaiin a,
	.page_library .sec_02 .ttl_label .btn_parts_03 a,
	.page_course .course_data .data .rel_word li a,
	.page_blog .posts-navigation .nav-links a,
	.page-id-74 .sidebar .sidenav > li .child_nav li a,
	.page_blog .mainvisual .nav_blog ul li a,
	.blog_footer li a,
	.home .boxnav_area .top .box h4 a,
	.page_news .main_side .btn_back a,
	.page_youseitsushin .lead .arti_mv .img_02 a,
	.page_youseitsushin .lead .page_nav li a,
	.page_youseitsushin .sec__03 .block_01 table tbody .btn_detail a,
	.page_youseitsushin .sec__01 .block_03 a {
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}



	/*opacity*/

	header .middle .logo a:hover,
	header nav li a:hover,
	header .btn_menber_page:hover,
	.bxslider .slide a:hover,
	.bnr_area .top li a:hover .on_img,
	.btn_parts_01 a:hover,
	.btn_parts_02 a:hover,
	.side_bnr_area li a:hover,
	.page_NQCC .last a:hover,
	footer .footer_nav_area .box_04 .btn_link_fb a:hover,
	.page_search form .search_submit:hover,
	.page_imakoko .first_post .post_content .right .btn a:hover,
	.archive_recruit table td .btn a:hover,
	.page_access .btn_zoom a:hover,
	.guide_contact_course figure:hover,
	.page_contact .sec_01 .btn_sbumit_back:hover,
	.box_parts_01 a:hover,
	.page_member .topbnr:hover,
  .wrap-bnr_kaiin a:hover,
	.page_blog .mainvisual .nav_blog ul li a:hover,
	.home .boxnav_area .top .box h4 a:hover,
	.page_youseitsushin .lead .arti_mv .img_02 a:hover,
	.page_youseitsushin .lead .page_nav li a:hover,
	.page_youseitsushin .sec__03 .block_01 table tbody .btn_detail a:hover,
	.page_youseitsushin .sec__01 .block_03 a:hover {
		opacity: 0.8;
	}

	.home .boxnav_area .box > a:hover,
	.home .boxnav_area .middle .box_02 .menu li a:hover,
	.home .news_training_area .posts .categoryname a:hover,
	.bnr_area .bottom li .inner a:hover,
	footer .address_area .left .logo a:hover,
	header .middle .right .searchform #searchformPC:hover {
		opacity: 0.6;
	}

	/*color*/

	header .catch .btn_contact:hover,
	footer .address_area .left .btn_contact a:hover,
	.blog_footer li a:hover {
		background: #aacc03;
	}

	header .middle .right .about li a:hover {
		background: #d0ea81;
	}

	header .middle .right .change_size a:hover {
		color: #fff;
		background: #78B21C;
	}

	.home .news_training_area .top .btn_more a:hover,
	.home .blog_area .box .btn_more a:hover,
	.btn_parts_03 a:hover,
	.page_library .sec_02 .ttl_label .btn_parts_03 a:hover,
	.page_course .course_data .data .rel_word li a:hover,
	.page_blog .posts-navigation .nav-links a:hover,
	.page_news .main_side .btn_back a:hover {
		background-color: #eee;
	}

	.page_qualification .about_area .box ul li a:hover {
		color: #78b21c;
	}

	.sidebar .sidenav > li .child_nav li a:hover {
		color: #79b31e;
	}

	.page_corpo_guide .sidebar .sidenav > li .child_nav li a:hover {
		color: #00b7cc;
	}

	.sidenav_02 li a:hover,
	.page_qualification .about_area .box .h2_parts_01 a:hover {
		color: #0a874a;
	}

	footer .footer_nav_area .box h6 a:hover,
	footer .footer_nav_area .box .subtitle:hover {
		color: #077b35;
	}

	/*text-decoration*/

	.home .news_training_area .posts .post_title a:hover,
	.home .blog_area .box .post_title a:hover,
	footer .footer_nav_area .box .menu li a:hover,
	footer .footer_last .menu li a:hover,
	.page .mainvisual .breadcramb li a:hover,
	.sidebar .sidenav > li .title a:hover,
	.page_about_tokyo section table td a:hover,
	.page_sitemap a:hover,
	.page_all_search li a:hover,
	.page_blog .sidebar_blog .cat_list li a:hover,
	.page_blog .sidebar_blog .latest li a:hover {
		text-decoration: underline;
	}

	.page_intro_member .box_parts_01_area .box span a:hover,
	.page_form_ininjo .desc a:hover,
	.page_blog .sidebar_blog .tag_list a:hover,
	.tdu:hover {
		text-decoration: none;
	}

	/*other*/

	header nav li a:hover:after,
	header nav .menu > li.active:hover > a:after {
		width: 50%;
		opacity: 1;
	}

	.bx-wrapper .bx-prev:hover {
		left: -40px;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
	}

	.bx-wrapper .bx-next:hover {
		right: -40px;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
	}

	.home .boxnav_area .top .box .menu li a:hover span:before {
		left: -10px;
	}

	.archive_course .center945 > .head .srch ul li a:hover {
		background: #008042;
	}

	.blank:hover {
		opacity: 1 !important;
	}

	.page-id-74 .sidebar .sidenav > li .child_nav li a:hover {
		color: #ff9d8c;
	}


.social_btm img {
  width: 30px;
  vertical-align: middle;
}
.social_top img{
  width: 30px;
  vertical-align: middle;
}


.service_corpo_graph_img {
  display: block;
  margin-top: 40px;
}
.service_corpo_graph_sp {
  display: none;
}







/*********************************************************
				文字サイズ変更
*********************************************************/

.fzL .change_fz { font-size: 115% !important; }

.fzL .change_fz_cld a { font-size: 115% !important; }
.fzL .change_fz_cld span { font-size: 115% !important; }
.fzL .change_fz_cld p { font-size: 115% !important; }

/* 2203追加汎用css */
.mb24 {
	margin-bottom: 24px!important;
  }

  .link_box {
	width: 613px;
	float: left;
	margin-top: 4px;
	margin-bottom: 25px;
  }
  .link_box a,.link_box a img {
	width: 100%;
  }
  .link_box a:hover {
	opacity: 0.7;
  }

  .btn_parts_01 a.bg_ffac30 {
	background: #ffac30 url(../images/common/arw_right_wh.png) no-repeat 30px center;
	background-size: 7px auto;
  }

.ffac30 {
	color: #ffac30;
}

/* 2203-2追加 */
.blog_bnr_area {
	position: relative;
    background: #d5e581;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
	margin-bottom: 56px;
}

.blog_bnr_area img {
	max-width: 100%;
}

.blog_bnr_area a:hover {
	opacity: 0.8;
}

@media only screen and (max-width: 960px) {
	.blog_bnr_area {
		padding: 48px 48px;
		width: auto;
		left: auto;
		transform: none;
	}
  }

.for_reservation {
	margin: 16px 0;
    text-align: center;
}


/* 2203/2/10追記 */


/*エリアの表示非表示と形状*/
.area {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
  background: #fff;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.tab-area {
  display: flex;
  cursor: pointer;/* カーソルポインターに */
  position: sticky;
  top:0;
  z-index: 1;
  flex-wrap: wrap;
  border-top: 1px solid #c3c3c3;
  padding-bottom:20px;
  background: #fff;
}

.tab-item:nth-child(odd) {
  border-left: 1px solid #c3c3c3;
}

.tab-item {
  width: 50%;
  height: 60px;
  background: #fff;
  border-bottom: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
line-height: 20px;
display: flex;
  align-items: center;
  padding: 10px 20px;
}

.tab-item::before {
  content: "";
background: url(../images/common/arw_bottom_bk.png) no-repeat;
display: inline-block;
width: 10px;
height: 10px;
background-size: contain;
margin-right: 20px;

}
.page_certi_qa .tab-item {
	height: auto;
	min-height: 60px;
	position: relative;
	padding-left: 40px;
}
.page_certi_qa .tab-item:before {
	position: absolute;
	margin-right: 0px;
	left: 20px;
}

.tab-item.active {
  background: #eaf5da;
}
.panel {
  display: none;
}
.panel.active {
  display: block;
}


/* .qa_tab_wrapper{
  width:100%;
} */

.qa_tab_wrapper .tab {
  position: sticky;
  top:0;
  z-index: 1;
}

.area li{
  padding: 10px;
  border-bottom: 1px solid #ddd;
}





.toggle_contents {
	border-bottom: 1px solid #ebebeb;
}
.toggle_title {
	position: relative;
	padding: 15px 40px 15px 10px;
	cursor: pointer;
	font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
}

.toggle_title_area {
    width: calc(100% - 40px );
    line-height: 22px;
    text-align: left;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
  border:1px solid #C8C8C8;
	display: block;
	width: 15px;
	height: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background:#C8C8C8;
	position: absolute;
	width: 8px;
	height: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 1px;
	height: 8px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents .toggle_bottom {
	display: none;
  font-size: 14px;
}

.toggle_wrap {
  border-top: 1px solid #ebebeb;
}
.toggle_title .q_num {
  display: inline-block;
  background: #98c52c;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  position: relative;
}

.toggle_bottom .a_num {
  display: inline-block;
  background: #fff;
  border: 2px solid #98c52c;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  position: relative;
}

.toggle_title .q_num span,
.toggle_bottom .a_num span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 0.9em;
  font-weight: bold;
}

.toggle_bottom_inner {
  display: flex;
  padding:10px;
}
.toggle_bottom_txt {
  width: calc(100% - 40px );
  padding: 0 40px 0 0;
  line-height: 22px;
}

.toggle_bottom_txt .qa_exlink {
  text-decoration: underline;
}


.qa_item_list {
  line-height: 22px;
  margin:10px 0;
}
.qa_item_list dt::before {
  content:"";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0a874a;
  margin-right: 10px;
}

.qa_item_list dt p {
  width:calc(100% - 20px);
  line-height: 22px;
}

.qa_item_list dt {
  display: flex;
  align-items: baseline;
}
.qa_item_list dd {
  padding:6px 0 0 24px;
  line-height: 22px;
  text-indent: -1em;
  margin-left: 1em;
}

.qa_item_list dd::before {
  content:"・";
}

ol.qa_numlist {
	margin-left: 2em;
}
ol.qa_numlist li {
	line-height: 22px;
	list-style-type: none;
	counter-increment: cnt;
}
ol.qa_numlist li::before {
	content: "(" counter(cnt) ")";
	display:inline-block;
	margin-left:-2em;
	width: 2em;
}


/* 2023/05/31追加 */
.p-mark-img {
  width:100px;
  height: 100px;
  margin-top: 20px;
  object-fit: contain;
}

.corporationform-privacy-link {
  color:#00b7cc;
  text-decoration: underline;
  display: inline-block;
}

.sp-p-mark {
  display: none;
}