@charset "utf-8";
/* CSS Document */

/* 小デバイス（横向きモバイル, 576px 以上） */
@media (min-width: 576px) {
}
/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) {
}
/* 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) {
}
/* 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {
}
/* 超特大デバイス (よりワイドな・デスクトップ, 1400px 以上） */
@media (min-width: 1400px) {
}


/*トップページ*/
.mainText{
	position:absolute;
	/*top:2rem;
	right: 30%;*/
	-webkit-text-stroke: 4px #FFF;
	text-stroke: 4px #FFF;
	paint-order: stroke;
	display: none;
}
@media (min-width: 576px) {
	.mainText{
		/*top:10rem;*/
		bottom:10rem;
		right: 10%;
		display: block;
	}
}
@media (min-width: 768px) {
	.mainText{
		/*top:2rem;*/
		bottom:13rem;
		right: 20%;
	}
}
@media (min-width: 992px) {
	.mainText{
		/*top:2rem;*/
		bottom:15rem;
		right: 30%;
	}
}
@media (min-width: 1200px) {
	.mainText{
		/*top:2rem;*/
		bottom:15rem;
		right: 35%;
	}
}

.trialBubble{/*無料体験授業*/
	position:absolute;
	top:6rem;
	right: 0;
	width: 75%;
}
@media (min-width: 576px) {
	.trialBubble{
		top:6.5rem;
		width: 70%;
	}
}
@media (min-width: 768px) {
	.trialBubble{
		top:6.5rem;
		right: 0;
		width: 55%;
	}
}
@media (min-width: 992px) {
	.trialBubble{
		top:1rem;
		left:1rem;
	}
}


.examBox{/*下野模擬、漢検、英検受験の申し込み*/
	border:4px solid #036eb7;
	padding:0.5rem 1rem;
	border-radius: 10px;
	height:100%;
	display:flex;
	flex-direction: column;
}
.examTest{
	background-color: #a38a77;
	border-radius: 10px;
	font-size:1.5rem;
	font-weight:400;
	text-align:center;
	width:100%;
	color:#FFF;
}

.topAccessBox{/*アクセス*/
	border:10px solid #036eb7;
	padding:1rem;
}
.topAccessBox > iframe{
	width: 100%;
	height:400px;
}


.newsPanel {/* 新着情報 */
	width: 100%;
}
.newsPanelBox {
	min-height: 400px; /* テキスト量が多くなっても対応できるように */
	padding: 10px;
	background-color: #e772a7;
}
.newsPanelBoxInner{
	background:#FFF;
	border-radius: 6px;
	padding:1rem;
	min-height: 400px;
}
.topNewsCatBtn a{
	display: inline-block;
	color:#FFF;
	text-align: center;
	padding:0.3rem 0.3rem 0.3rem 0.5rem;
	background: #036eb7;
	border-radius: 10px;
}
.topNewsCatBtn a:hover{
	color:#FFF;
}
@media (min-width: 768px) {
	.topNewsCatBtn a{
		padding:0.5rem 0.5rem 0.5rem 1rem;
		font-size:1.2rem;
	}
}

.formBtn a{
	display: inline-block;
	color:#00a29a;
	text-align: center;
	padding:0.3rem 2.5rem 0.3rem 1rem;
	background: #FFF;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	font-size:1.4rem;
	font-weight:500;
	position: relative;
}
.formBtn a:after {
	content: '';
	width: 12px;
	height: 12px;
	border: 0;
	border-top: 2px solid #00a29a; /* 矢印の色 */
	border-right: 2px solid #00a29a; /* 矢印の色 */
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -6px;
	transition: .3s ease-in-out;
}
.formBtn a:hover:after {
  border-top: 2px solid #f88b43; /* 矢印の色 */
  border-right: 2px solid #f88b43; /* 矢印の色 */
}





.tab {/* 新着情報 */
	max-width: 100%;
	margin: 0 auto;
}
.tab_menu {/* タブメニュー */
	display: flex;
	align-items: flex-end; /* メニューを下揃え&高さを調整 */
	justify-content: center;
	min-height: 50px; /* メニュー切替時にタブがズレないように */
	padding: 0;
	margin: 0;
	flex-wrap:wrap;
}

.tab_menu-item {
	list-style: none;
	width: 33.3%;
	padding: 8px 5px; /* メニューに高さを付ける */
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	transition: all .3s;
	font-size:0.8rem;
}
@media (min-width: 768px) {
	.tab_menu {
		flex-wrap:nowrap;
	}
	.tab_menu-item {
		width: 200px;
		margin-right: 6px;
	}
}
@media (min-width: 992px) {
	.tab_menu-item {
		font-size:1rem;
	}
}
.tab_menu-item01{
	background-color: #cdcdcd;
}
.tab_menu-item02{
	background-color: #96d1df;
}
.tab_menu-item03{
	background-color: #f4c65e;
}
.tab_menu-item04{
	background-color: #acd16a;
}
.tab_menu-item05{
	background-color: #ac9bc6;
}
.tab_menu-item06{
	background-color: #f09478;
}
.tab_menu-item:last-of-type {
	margin-right: 0px;
}
/* is-activeがついている時のスタイル */
.tab_menu-item.is-active {
	background-color: #0071bc;
	outline: 3px solid #FFF;
	outline-offset: -3px;
}
@media (min-width: 768px) {
	.tab_menu-item.is-active {
		padding: 12px 5px;
		outline:none;
	}
}
/* is-showがついている時のスタイル */
.tab_panel-box.is-show {
	display: block;
}
.topNewsCat01 a{
	background-color: #0071bc;
}
.topNewsCat02 a{
	background-color: #96d1df;
}
.topNewsCat03 a{
	background-color: #f4c65e;
}
.topNewsCat04 a{
	background-color: #acd16a;
}
.topNewsCat05 a{
	background-color: #ac9bc6;
}
.topNewsCat06 a{
	background-color: #f09478;
}
a.executivesBtn {/*役員専用ボタン*/
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 0.25rem 1rem 1rem 2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #fff;
	border-radius: 0.5rem;
	background: #006036;
	-webkit-box-shadow: 0 5px 0 #013b21;
	box-shadow: 0 5px 0 #013b21;
}
a.executivesBtn span {
	font-size: 1.2rem;
	position: absolute;
	top: -10px;
	left: calc(50% - 140px);
	display: block;
	width: 160px;
	padding: 0.2rem 0;
	color: #006036;
	border: 3px solid #d0a900;
	border-radius: 0.5rem;
	background: #fff;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.executivesBtn:hover {
	-webkit-transform: translate(0, 3px);
	transform: translate(0, 3px);
	color: #fff;
	-webkit-box-shadow: 0 2px 0 #013b21;
	box-shadow: 0 2px 0 #013b21;
}

.topInfoShadow{/*商工会情報*/
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
a:hover > .topInfoShadow{
	box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
}
.topCharacter{
	position:absolute;
	bottom:0.6rem;
	right: 0.6rem;
	text-align: right;
}
.topCharacter > img{
	width: 50%;
	height: auto;
}

.topMemberCompany,
.topMemberCompany01,
.topMemberCompany02,
.topMemberCompany03,
.topMemberCompany04,
.topMemberCompany05,
.topMemberCompany06,
.topMemberCompany07,
.topMemberCompanyAll{
	height: 3rem;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFF;
	font-weight: 500;
}
.topMemberCompany01::before,
.topMemberCompany02::before,
.topMemberCompany03::before,
.topMemberCompany04::before,
.topMemberCompany05::before,
.topMemberCompany06::before,
.topMemberCompany07::before,
.topMemberCompanyAll::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 26px;
	margin: 0 0.5rem 0 1rem;
	background: url("../images/contents/top/member-company.png") no-repeat;
	background-size: contain;
}
.topMemberCompany01{
	background:#e996bd
}
.topMemberCompany02{
	background:#f09478
}
.topMemberCompany03{
	background:#ac9bc6
}
.topMemberCompany04{
	background:#acd16a
}
.topMemberCompany05{
	background:#f4c65e
}
.topMemberCompany06{
	background:#96d1df
}
.topMemberCompany{
	background:#00aca8;
	display: inline-flex;
	padding:0 1rem;
	border-radius: 5px;
	font-size:1.1rem;
}
.topMemberCompany07{
	height: 3.5rem;
	width:10rem;
	display: inline-flex;
	align-items: center;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	background:#0dac67;
	padding:0 1.1rem 0 2rem;
	font-size:1.1rem;
}
.topMemberCompanyAll{
	height: 3.5rem;
	width:18rem;
	display: inline-flex;
	align-items: center;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	background:#0dac67;
	padding:0 1.1rem 0 2rem;
	font-size:1.1rem;
}

.externalLinkBox{
	border:1px solid #4d4d4d;
	/*display: block;*/
	text-align: center;
	padding: 0.5rem;
	color:#0071bc;
	/*height: 137px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.externalLinkBox02{
	border:1px solid #4d4d4d;
	text-align: center;
	padding: 0.5rem 0;
	color:#0071bc;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%
}

/*新着情報・お知らせ*/
.tabIframe{
	width: 100%;
	/*height: auto;*/
	height: 480px;
}
ul#newsList{
	margin:0 0 15px;
	padding:0;
}
ul#newsList li{
	font-size:1.2rem;
	margin:0;
	padding:8px 0;
	margin-bottom:3px;
	border-bottom:1px solid #ccc;
	line-height:120%;
	list-style-type:none;
}
ul#newsList li a{
	color:#036eb7;
	font-weight:400;
}
@media (min-width: 576px) {
	ul#newsList li a:hover{
		transition: 0.3s;
		color: #f88b43;
	}
}
/*.cat-0,.cat-1,.cat-2,.cat-3,.cat-4,*/
.cat-0 .catName,.cat-1 .catName,.cat-2 .catName,.cat-3 .catName,.cat-4 .catName{
	display: inline-block;
	padding:0.1rem 0.8rem;
	color: #FFF;
	border-radius: 5px;
	font-size:1rem;
}
.newsCatBtn > p:nth-child(1) a{
	background-color: #0071bc;
}
.cat-0 .catName,
.newsCatBtn > p:nth-child(2) a{
	background-color: #91c9d6;
}
.cat-1 .catName,
.newsCatBtn > p:nth-child(3) a{
	background-color: #ebc05f;
}
.cat-2 .catName,
.newsCatBtn > p:nth-child(4) a{
	background-color: #a5c868;
}
.cat-3 .catName,
.newsCatBtn > p:nth-child(5) a{
	background-color: #a797bf;
}
.cat-4 .catName,
.newsCatBtn > p:nth-child(6) a{
	background-color: #e58f75;
}
.cat-5 .catName,
.newsCatBtn > p:nth-child(7) a{
	background-color: #8f8f8f;
}
.newsCatBtn a{
	display: inline-block;
	width: 100%;
	color:#FFF;
	text-align: center;
	padding:0.5rem 0;
	font-size:1.2rem;
}
.newsCatBtn a:hover{
	color:#FFF;
}
.newsSubTitle{
	font-size:0.8rem;
}
.newsTitle{
	font-size:1rem;
}
@media (min-width: 576px) {
	.newsSubTitle{
		font-size:1rem;
	}
	.newsTitle{
		font-size:1.25rem;
	}
}
.detailNewsText a::before{
	content: "\F285";
	font-family: bootstrap-icons;
}

.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:12px;
	line-height:100%;
	background:#F00;
	color:#fff;
	font-weight:bold;
	/*box-shadow:1px 1px 1px #999;*/
	border-radius:2px;
	/*font-style:italic;*/
}
#up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 10px;
}
.detailUpfile{
	/*margin:5px 0 35px;*/
	text-align:center;
}
.backORcloseBtn{
	line-height:100%;
	margin-top:15px;
}
.backORcloseBtn a{
	display:inline-block;
	padding:6px 25px;
	border:1px solid #aaa;
	color:#6F6F6F;
	border-radius:5px;
	text-decoration:none;
	font-size:0.8rem;
}
.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	font-size:11px;
}

/*会員情報*/
.cat-0 .memCatName,.cat-1 .memCatName,.cat-2 .memCatName,.cat-3 .memCatName,.cat-4 .memCatName,.cat-5 .memCatName{
	display: inline-block;
	padding:0.1rem 0.8rem;
	color: #FFF;
}
.cat-0 .memCatName{
	background-color: #e996bd;
}
.cat-1 .memCatName{
	background-color: #f09478;
}
.cat-2 .memCatName{
	background-color: #ac9bc6;
}
.cat-3 .memCatName{
	background-color: #acd16a;
}
.cat-4 .memCatName{
	background-color: #f4c65e;
}
.cat-5 .memCatName{
	background-color: #96d1df;
}
@media (min-width: 576px) {
	.memImage > img{
		max-height:188px;
	}
}
@media (min-width: 768px) {
	.memImage > img{
		max-height:255px;
	}
}
@media (min-width: 992px) {
	.memImage > img{
		max-height:226px;
	}
}
.memMap > iframe{
	width:100%;
}
.pager{/* ページャー */
	text-align:right;
	padding:10px;
	clear:both;
}
.pager a{/*ページャーボタン*/
	border: 1px solid #999;
	border-radius: 5px 5px 5px 5px;
	color: #333;
	font-size: 12px;
	padding: 3px 7px 2px;
	text-decoration: none;
	margin:0 1px;
}
.pager a.current{/*現在のページのボタン*/
	background: #999;
	border: 1px solid #999;
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	font-size: 12px;
	padding: 3px 7px 2px;
	margin:0 1px;
	text-decoration: none;
}
.pager a:hover{
	background:#999;
	color: #fff;
}
.overPagerPattern{
	padding:0 2px ;
}

/*議事録*/
a > .fileLinkTextBlue{
	color:#0071bc;
}
@media (min-width: 576px) {
	a:hover > .fileLinkTextBlue{
		transition: 0.3s;
		color: #f88b43;
	}
}

/*リンク集*/
table.linkCollectionTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
}
table.linkCollectionTable td {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	box-sizing: border-box;
	padding: 0.8rem;
	vertical-align: top;
	text-align: left;
	display: block;
	width: 100%;
}
table.linkCollectionTable tr:last-child td:last-child {
	border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
	table.linkCollectionTable td {
		display: table-cell;
		width: 33%;
		height: 3.5rem;
		padding: 0.5rem;
		border-bottom: 1px solid #ccc;
		vertical-align: middle;
	}
}

/*フォーム*/
.rquiredIcon{
	font-size:0.8rem;
	font-weight:500;
	color:#FFF;
	background-color: #e90000;
	padding:0 0.5rem 0.15rem;
	border-radius: 0.1rem;
	margin-left:0.8rem;
	margin-bottom: 0.1rem;
}
.anyIcon{
	font-size:0.8rem;
	font-weight:500;
	border:1px solid #707070;
	padding:0 0.5rem 0.15rem;
	border-radius: 0.1rem;
	margin-left:0.8rem;
}
.btn-submit{
	background-color: #036eb7;
	color:#FFF;
	font-size: 1.5rem;
	font-weight: 500;
	padding:1rem 3rem;
}
@media (min-width: 768px) {
	.btn-submit:hover{
		background-color: #036eb7;
		color:#FFF;
		opacity: 0.8;
	}
}


/*.kvBack{
	background: url("../images/top/kv_back.png") repeat-x;
	background-size:cover;
}
.kvText{
	text-align: right;
	background:rgba(255,255,255,0.7);
	border-radius: 20px;
	padding:1rem;
	display: flex;
	align-items: center;
}
@media (min-width: 768px) {
	.kvBack{
		height: 300px;
	}
	.kvImg01,.kvImg02,.kvImg03{
		position: absolute;
		width:50%;
	}
	.kvImg01{
		top:1rem;
		left: 0;
	}
	.kvImg02{
		top: auto;
		bottom:0;
		left: 5rem;
	}
	.kvImg03{
		top:0;
		right: 0
	}
	.kvText{
		padding:2rem;
	}
}
@media (min-width: 992px) {
	.kvImg01,.kvImg02,.kvImg03{
		width:40%;
	}
	.kvImg01{
		top:1rem;
		left: 0;
	}
	.kvImg02{
		bottom:0;
		left: 9rem;
	}
	.kvImg03{
		top:0;
		right: 0
	}
}
@media (min-width: 1200px) {
	.kvBack{
		height: 340px;
	}
	.kvImg01,.kvImg02,.kvImg03{
		width:40%;
	}
	.kvImg01{
		top:0;
		left: 0;
	}
	.kvImg02{
		bottom:0;
		left: 10rem;
	}
	.kvImg03{
		top:0;
		right: 0
	}
}*/

/*トリミングルーム*/
/*ul.listFootPrints{
	position: relative;
}
ul.listFootPrints li{
	list-style-type: none;
}
ul.listFootPrints li:before{
	content:url("../images/trim/list_pad.png");
	position: absolute;
	left : 0.5rem;
}
.trimCourseShampoo{
	border:5px solid #d9f2fc;
	border-radius: 20px;
	padding:1rem;
}
.trimCourseCut{
	border:5px solid #FFDEA0;
	border-radius: 20px;
	padding:1rem;
}
.trimCourseOption{
	border:5px solid #ffe5e3;
	border-radius: 20px;
	padding:1rem;
}
.trimCourseOther{
	border:5px solid #d0e8b5;
	border-radius: 20px;
	padding:1rem;
}
.trimTable{
	width:100%;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
}
.trimTable tr td:nth-last-of-type(2),
.trimTable tr:first-of-type th:nth-last-of-type(2){
	background: #E9F7FD;
}
.trimTable tr td:nth-last-of-type(1),
.trimTable tr:first-of-type th:nth-last-of-type(1){
	background: #fff3dc;
}
.trimTableDoubleBorder{
	border-bottom-color: inherit;
	border-bottom-style: double;
	border-bottom-width: 6px!important;
}*/

/*ご購入手順*/
/*.stepbar .stepbarwrap {
	margin: 2em 0;
	position: relative;
}
.stepbar .stepbarwrap .steptitle {
	display: inline-flex;
	align-items: center;
}
.stepbar .stepbarwrap .steptitle .stepcircle {
	display: inline-block;
	width: 3em;
	height: 3em;
	content: "";
	border-radius: 50%;
	background-color: #5A844E;
	color: #fff;
	text-align: center;
}
.stepbar .stepbarwrap .steptitle .stepcircle span {
	display: inline-block;
	line-height: 1.2em;
	font-size: 0.8em;
	font-weight: bold;
	position: relative;
	top: 0.9em;
}
.stepbar .stepbarwrap .steptitle h3.title {
	margin: 0.5em;
	font-weight: bold;
	font-size: 1.2em;
	color:#5A844E;
}
.stepbar .stepbarwrap .steptxt {
	padding-left: 3.5em;
}
.stepbar .stepbarwrap .stepline {
	width: 1px;
	height: calc(100% + 1em);
	background-color: #5A844E;
	position: absolute;
	top: 1em;
	left: 1.5em;
	z-index: -1;
}
.stepbarwrap:last-of-type .stepline:last-of-type {
	display: none;
}*/


/*出産情報*/
/*.birthInfoWrap .cat-0 .catName{
	color: #ff6003;
	font-weight: bold;
}
.birthInfoWrap .cat-1 .catName{
	color: #5A844E;
}
.birthInfoWrap .newMark{
	background:#E83621;
	color:#FFF;
	font-size:0.8rem;
	font-weight: 700;
	padding:0 0.3rem;
	border-radius: 2rem;
}
.birthInfoWrap a:hover{
	opacity: 0.7;
	text-decoration: none;
}
.youtubeArea {
	text-align: center;
}
.youtubeArea > iframe{
	width: 100%;
}
@media (min-width: 768px) {
	.youtubeArea > iframe{
		width: 500px;
	}
}*/