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

/*-- headline ------------------------------------------------------------*/
.exHeadline { background: /*var(--base-color) url("../img/second/bg.png") center center no-repeat*/ #fff; background-size: cover; position: relative; overflow-x: hidden; }

#headline .bgHeadline { background:#fff url("../img/second/headline-about.png") right center no-repeat; background-size: cover; position: absolute; top: 0; right: 0; width: 50%; height: inherit; clip-path: polygon(10% 0, 100% 0%, 100% 100%, 30% 100%); animation: revealLeft 0.3s ease-out forwards; }
#headline.headline-about .bgHeadline { background:#fff url("../img/second/headline-about.png") right center no-repeat; background-size: cover;  }
#headline.headline-feature .bgHeadline { background: url("../img/second/headline-feature.png") right center no-repeat; background-size: cover; }
#headline.headline-regis .bgHeadline { background: url("../img/second/headline-regis.png") right center no-repeat; background-size: cover; }
#headline.headline-anshin .bgHeadline { background: url("../img/second/headline-anshin.png") right center no-repeat; background-size: cover; }
#headline.headline-jjj .bgHeadline { background: url("../img/second/headline-jjj.png") right center no-repeat; background-size: cover; }
#headline.headline-concierge .bgHeadline { background: url("../img/second/headline-concierge.png") right center no-repeat; background-size: cover; }
#headline.headline-customers .bgHeadline { background: url("../img/second/headline-customers.png") right center no-repeat; background-size: cover; }
#headline.headline-member .bgHeadline { background: url("../img/second/headline-member.png") right center no-repeat; background-size: cover; }
#headline.headline-contractor .bgHeadline { background: url("../img/second/headline-contractor.png") right center no-repeat; background-size: cover; }
#headline.headline-news .bgHeadline { background: url("../img/second/headline-news.png") right center no-repeat; background-size: cover; }
#headline.headline-faq .bgHeadline { background: url("../img/second/headline-faq.png") right center no-repeat; background-size: cover; }

#headline .in { width: 100%; margin: 0 0%; position: absolute; top: 50%; left: 6%; transform: translateY(-50%); border-left: 10px solid #07913a; padding-left: 3em; z-index: 10; animation: showBorder 1.5s ease-out forwards;}
#headline h2 { color:#000; line-height: 1.5; letter-spacing: .05em; display: block; font-weight: 700; overflow: hidden; }
#headline .headlineSubTtl { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display:block; letter-spacing: 0em; color: #000; font-size: 5.0rem; line-height: 1.0; margin-bottom: 0px; overflow: hidden; }
#headline h2 span.subTtl { display: inline-block; font-size: 0.5em; background: #0b371b; padding: 2px 10px; color: #fff; }

.memberHeadline { background: var(--base-color) url("../img/second/bg.png") center center no-repeat; background-size: cover; position: relative; overflow-x: hidden; }
.memberHeadline #headline .in { width: 100%; margin: 0 0%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-left: none; z-index: 10; animation: showBorder 1.5s ease-out forwards;}
.memberHeadline #headline h2 { color:#fff; text-align: center; }
.memberHeadline #headline .headlineSubTtl { color: #fff; text-align: center; }
.memberHeadline.searchHeadline { background: url("../img/second/searchBg.png") center center no-repeat; background-size: cover; position: relative; overflow-x: hidden; }
.memberHeadline.searchHeadline #headline .in { width: 400px; margin: 0 auto; background: rgba(255,255,255,0.9); padding: 10vh 0;}
.memberHeadline.searchHeadline #headline h2 { color: #000; }
.memberHeadline.searchHeadline #headline .headlineSubTtl { color: #000; }

.memberHeadline.memberHeadline-b { background: #0084ff url("../img/second/bg.png") center center no-repeat; background-size: cover; position: relative; overflow-x: hidden; }
.memberHeadline.memberHeadline-u { background: var(--sub-color) url("../img/second/bg.png") center center no-repeat; background-size: cover; position: relative; overflow-x: hidden; }

@keyframes revealLeft {
  0% {
    clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
  }
  100% {
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 30% 100%);
  }
}
/* border色を徐々に出すアニメーション */
@keyframes showBorder {
  0% {
    border-left-color: transparent;
  }
  100% {
    border-left-color: #07913a;
  }
}

@media screen and (max-width: 599px) {
	#headline { min-height: 200px; height: 100%; }
	#headline .in { border-left: 5px solid #07913a; padding-left: 1em;}
	#headline h2 { font-size: 1.0rem;}
	#headline .headlineSubTtl { font-size: 2.4rem; margin-bottom: 0px; }
	.memberHeadline.searchHeadline { min-height: 300px; height: 100%; }
	.memberHeadline.searchHeadline #headline .in { width: 80%; }
}
@media screen and (min-width: 600px) {
	#headline { min-height: 400px; height: 100%; overflow: hidden; position: relative; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline h2 { font-size: 1.1rem;}
	#headline .headlineSubTtl { font-size: 4.0rem;}
}
@media screen and (min-width: 900px) and (max-width: 1089px)  {
	#headline h2 { font-size: 1.1rem;}
	#headline .headlineSubTtl { font-size: 4.2rem;}
}
@media screen and (min-width: 1090px) and (max-width: 1189px)  {
	#headline h2 { font-size: 1.15rem;}
	#headline .headlineSubTtl { font-size: 4.4rem;}
}
@media screen and (min-width: 1190px) and (max-width: 1489px)  {
	#headline h2 { font-size: 1.2rem;}
	#headline .headlineSubTtl { font-size: 4.6rem;}
}
@media screen and (min-width: 1490px) {
	#headline h2 { font-size: 1.25rem;}
	#headline .headlineSubTtl { font-size: 4.8rem;}
}

/*-- header ------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	header .in-head-flex .hL h1 { color: #000; }
	header .in-head-flex .hR nav ul li a { position: relative; }
}
@media screen and (max-width: 599px) {
	.menu-trigger span { background-color: var(--base-color); }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.menu-trigger span { background-color: var(--base-color); }
}
/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; padding: 5px 1%; /*border-bottom: 1px solid #cad7cc; border-top: 1px solid #cad7cc;*/ position: relative; z-index: 1;}
#breadcrumbs li { font-size: 0.7em; margin-left: 0.5em; display: inline-block; }
#breadcrumbs li:after { content: ">"; margin-left: 10px; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
#breadcrumbs li .fa-home { color: var(--base-color); margin-right: 0.5em; }

#breadcrumbs li a         { resize: none; }
#breadcrumbs li a:link    { color:#333; text-decoration: underline; }
#breadcrumbs li a:visited { color:#333; text-decoration: underline; }
#breadcrumbs li a:hover   { color:var(--base-color); text-decoration: underline; }
#breadcrumbs li a:active  { color:#333; text-decoration: underline; }

@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 0px; }
	#breadcrumbs li { font-size: 0.7rem; }
}

/*-- section ------------------------------------------------------------*/
@media screen and (max-width: 1089px){
	.secondFlex { margin: 6%; display:  flex; justify-content: space-between; flex-direction: column; }
	.secondFlex aside { padding: 0 0% 0 0; order: 2;}
	.secondFlex main {  order: 1; margin-bottom: 40px; }
	.secondFlex aside .in-aside { margin-bottom: 40px; }
	.secondFlex aside .in-aside .sp-toggle { background: #f4f4f4; position: relative; padding: 10px; margin-bottom: 0px;}
	.secondFlex aside .in-aside .sp-toggle:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #333; position: absolute; top: 50%; right: 2%; transform: translateY(-50%); }
	.secondFlex aside .in-aside .sp-toggle.active:after { content: "\f077"; }
	.secondFlex aside .in-aside ul { margin-bottom: 20px; }
	.secondFlex aside .in-aside ul li { border-bottom:1px dotted #dedede; border-left: 5px solid var(--base-color); margin-bottom: 10px; }
	.secondFlex aside .in-aside .aside-bar { width: 100%; height: 5px; background: linear-gradient(64deg, #07913a 50%, #d8de00 100%); margin-bottom: 20px;}
	
	.secondFlex aside .in-aside ul li.subMenu { border-left: none; font-size: 0.9em; }
	.secondFlex aside .in-aside ul li.subMenu a:before { content: "├"; margin-right: 10px; }
	.secondFlex aside .in-aside ul li.subMenu a { display: inline-block; width: 100%; }
	
	.secondFlex aside .in-aside ul li a         { resize: none; display: block; padding: 10px;}
	.secondFlex aside .in-aside ul li a:link    { color:#333; text-decoration: none; }
	.secondFlex aside .in-aside ul li a:visited { color:#333; text-decoration: none; }
	.secondFlex aside .in-aside ul li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.secondFlex aside .in-aside ul li a:active  { color:#333; text-decoration: none; }
	.secondFlex aside .in-aside ul li a.active { color:#fff; text-decoration: none; background: var(--base-color); }
	
	.secondFlex aside .in-aside ul li.takumi a.active { color:#fff; text-decoration: none; background: var(--takumi-color); }
	.secondFlex aside .in-aside ul li.suishin a.active { color:#fff; text-decoration: none; background: var(--suishin-color); }
	.secondFlex aside .in-aside ul li.special a.active { color:#fff; text-decoration: none; background: var(--special-color); }
	.secondFlex aside .in-aside ul li.ryutsu a.active { color:#fff; text-decoration: none; background: var(--ryutsu-color); }
	.secondFlex aside .in-aside ul li.sanjyo a.active { color:#fff; text-decoration: none; background: var(--sanjyo-color); }
	
	.asideSubTtl { text-align: center; margin: 10px 0; padding: 5px 10px; border: 1px solid var(--base-color); color: var(--base-color); font-size: 0.9em; }

	.asideSubTtl-login { text-align: center; margin: 10px 0; padding: 5px 10px; border: 1px solid var(--base-color); color: #fff; background: var(--base-color); font-size: 0.9em; }
	.asideSubTtl-login-out { text-align: center; margin: 0px 0 20px; padding: 5px 10px; border: none; color: #333; background: #f4f4f4; font-size: 0.9em; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a         { color: #333; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:link    { color: #333; text-decoration: none; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:visited { color: #333; text-decoration: none; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:hover   { color: #333; text-decoration: none; opacity: 0.7; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:active  { color: #333; text-decoration: none; }
	
	.anchSec { margin-top: -50px; padding-top: 50px; }
	
	.secondTtl01 { margin-bottom: 40px; font-size: 1.4em; color: var(--base-color); position: relative; }
	
	.newsSingle .secondTtl01 { font-size: 1.2em; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--base-color);}
	.newsSingle .secondTtl01 .jpTxt:after { display: none; }
	
	.secondTtl01.lh12 { line-height: 1.3; }
	.secondTtl01 .jpTxt { position: relative; padding: 0 0em; letter-spacing: 0.1em; }
	.secondTtl01 .jpTxt:after { content: ""; position: absolute; bottom: -10px; left: 0; height: 2px; width: 100%; background: var(--base-color);}
	.secondTtl01-no .jpTxt:after { display: none; }
	.secondTtl01 .jpTxt.xsmall { font-size: 0.6em; letter-spacing: 0;}
	.secondTtl01 .jpTxt.xsmall:after { display: none; }
	.secondTtl01 .jpTxt .roboto { letter-spacing: 0; }
	
	.secondTtl01 span.enTxt { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #f4f4f4; font-size: 1.5rem; line-height: 1.0;}
	.sign { margin-top: 5vh; font-size: 1.2em; }
	.sign span { font-size: 0.75em; }
	
	.secondFlex section { padding-bottom: 5vh; margin-bottom: 5vh; border-bottom: 1px solid #cad7cc; }
	.secondFlex section:last-child { padding-bottom: 0px; border-bottom: none; }
	
	.secondTtl02 { margin-bottom: 20px; font-size: 1.25em; }
	
	.secondSubTtl01 { margin-bottom: 20px; padding: 15px 0px; font-size: 1.2em; color: #000; border-bottom: 1px solid #000; font-weight: bold; } 
	.secondSubTtl01 span { position: relative; padding-left: 1%; }
	.secondSubTtl01 span:after { content: ""; position: absolute; bottom: -20px; left: 0; height: 3px; width: 120px; background: #000; }
	
	.secondTtl03 { background: var(--base-color); margin-bottom: 20px; font-size: 1.2em; color: #fff; padding: 5px 10px; }
	.t-angle { width:0; height:0; border-style:solid; border-width: 20px 80px 0 80px; border-color: #DEDEDE transparent transparent transparent; margin: 0 auto 20px; }
	.boxTtl { text-align: center; padding: 5px 20px; border: 1px solid #f65502; margin:0 auto 20px; max-width: 600px; border-radius: 6px; color:#f65502; font-weight: bold; }
	.pointDl { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--base-color); }
	.pointDl dt { color: var(--base-color); margin-right: 10px; font-weight: bold; }
	.pointBox { max-width: 700px; margin: 0 auto; }
	
	.flexHalf { display: flex; justify-content: space-between; }
	.in-flexHalf { width: 48%; }
	.meritTtl { background: #000; color: #fff; padding: 5px 20px; margin-bottom: 20px; }
	.meritList li { margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
	.meritList li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; }
	.meritTtl-R { background: #0084ff; }
	.meritTtl-C { background: #f7790b; }
	.meritList-R li:before { color: #0084ff; }
	.meritList-C li:before { color: #f7790b; }
	
	.meritDl dt { font-weight: bold; margin-bottom: 10px; }
	.meritDl dd { margin-bottom: 20px; }
	.meritDl-R dt { color: #0084ff; padding:5px 10px; border-left: 5px solid #0084ff; }
	.meritDl-C dt { color: #f7790b; padding:5px 10px; border-left: 5px solid #f7790b; }
	
	.in-in { margin: 0 1% 40px; }
	
	.secondFlex main .out-sideSearch .sideTtl { background: var(--base-color); padding: 5px 10px; margin-bottom: 0px; color: #fff; text-align: center; font-size: 0.9em; }
	.secondFlex main .sideSearch { margin-bottom: 20px; padding: 20px; border: 1px solid var(--base-color); }
	.secondFlex main .in-sideSearch { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.secondFlex main .in-sideSearch.in-sideSearch-last { margin-bottom: 20px; padding-bottom: 0px; border-bottom: none;}
	.secondFlex main .in-sideSearch select { padding: 5px 2%; width: 96%; border: 1px solid #dedede; font-size: 0.9em; }
	.secondFlex main .in-sideSearch p { text-align: center; margin-bottom: 10px; font-size: 0.9em; }
	.secondFlex main .in-sideSearch .inputCheck { font-size: 0.9em; }
	.secondFlex main .in-sideSearch input[type=text] { padding: 5px 2%; width: 96%; border: 1px solid #dedede; font-size: 0.9em; }
	.secondFlex main .flatbtn { margin-bottom: 0px; }
	.secondFlex main .flatbtn a { width: 80%; margin: 0 auto; height: 30px; line-height: 30px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; font-size: 0.8em; }
	.secondFlex main .flatbtn a:hover { color:#ffa23e; background:#fff; text-decoration:none; }
	
	.secondFlex aside .in-aside .flatbtn .feas-submit-button { width: 80%; margin: 0 auto; height: 30px; line-height: 30px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; font-size: 0.8em; }
	.secondFlex aside .in-aside .flatbtn .feas-submit-button:hover { color:#ffa23e; background:#fff; text-decoration:none; }

	.archiveSelect select { width: 100%; padding: 10px 10px; border: 1px solid #ccc;margin-bottom: 20px;}
}
@media screen and (max-width: 599px) {
	.flexHalf { display: flex; justify-content: space-between; flex-direction: column; }
	.in-flexHalf { width: 100%; margin-bottom: 40px; }
	.pointDl { flex-direction: column; display: flex; justify-content: flex-start; align-items: flex-start; }
	.pointDl dt { margin-bottom: 10px; }
}
@media screen and (min-width: 600px) and (max-width: 1089px){
	.secondFlex main .tab_sideSearch { display: flex; justify-content: space-between; margin-bottom: 20px; }
	.secondFlex main .tab_sideSearch .in-sideSearch { border-bottom: none; }
	.secondFlex main .in-sideSearch.in-sideSearch-last { margin-bottom: 10px; padding-bottom: 10px; border-bottom: none;}
	.secondFlex main .flatbtn a { width: 300px; margin: 0 auto; height: 35px; line-height: 35px; font-size: 0.9em; }
	.secondFlex main .flatbtn .feas-submit-button { width: 300px; margin: 0 auto; height: 35px; line-height: 35px; font-size: 0.9em; }
}
@media screen and (min-width: 1090px){
	.secondFlex { max-width: 1400px; margin: 5vh auto; width: 96%; display:  flex; justify-content: space-between; }
	.secondFlex aside { width: 20%; padding: 0 0 0 0;}
	.secondFlex main { width: 76%; }
	.secondFlex main section .in { width: 100%; padding: 0;}
	.secondFlex aside .in-aside { position: sticky; top: 10%; margin-bottom: 10vh; }
	.secondFlex aside .in-aside ul { margin-bottom: 20px; }
	.secondFlex aside .in-aside ul li { border-bottom:1px dotted #dedede; border-left: 5px solid var(--base-color); margin-bottom: 10px; }
	.secondFlex aside .in-aside ul li.current { background: var(--base-color); }
	.secondFlex aside .in-aside .aside-bar { width: 100%; height: 5px; background: linear-gradient(64deg, #07913a 50%, #d8de00 100%); margin-bottom: 10px;}
	
	.secondFlex aside .in-aside ul li.subMenu { border-left: none; font-size: 0.9em; }
	.secondFlex aside .in-aside ul li.subMenu a:before { content: "├"; margin-right: 10px; }
	.secondFlex aside .in-aside ul li.subMenu a { display: inline-block; width: 100%; }
	
	.secondFlex aside .in-aside ul li a         { resize: none; display: block; padding: 10px; font-size: 0.9em; }
	.secondFlex aside .in-aside ul li a:link    { color:#333; text-decoration: none; }
	.secondFlex aside .in-aside ul li a:visited { color:#333; text-decoration: none; }
	.secondFlex aside .in-aside ul li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.secondFlex aside .in-aside ul li a:active  { color:#333; text-decoration: none; }
	.secondFlex aside .in-aside ul li a.active { color:#fff; text-decoration: none; background: var(--base-color); }
	
	.secondFlex aside .in-aside ul li.takumi a.active { color:#fff; text-decoration: none; background: var(--takumi-color); }
	.secondFlex aside .in-aside ul li.suishin a.active { color:#fff; text-decoration: none; background: var(--suishin-color); }
	.secondFlex aside .in-aside ul li.special a.active { color:#fff; text-decoration: none; background: var(--special-color); }
	.secondFlex aside .in-aside ul li.ryutsu a.active { color:#fff; text-decoration: none; background: var(--ryutsu-color); }
	.secondFlex aside .in-aside ul li.sanjyo a.active { color:#fff; text-decoration: none; background: var(--sanjyo-color); }
	
	.secondFlex aside .in-aside ul li.takumi a:hover { color:#fff; text-decoration: none; background: var(--takumi-color); opacity: 1.0; }
	.secondFlex aside .in-aside ul li.suishin a:hover { color:#fff; text-decoration: none; background: var(--suishin-color); opacity: 1.0; }
	.secondFlex aside .in-aside ul li.special a:hover { color:#fff; text-decoration: none; background: var(--special-color); opacity: 1.0; }
	.secondFlex aside .in-aside ul li.ryutsu a:hover { color:#fff; text-decoration: none; background: var(--ryutsu-color); opacity: 1.0; }
	.secondFlex aside .in-aside ul li.sanjyo a:hover { color:#fff; text-decoration: none; background: var(--sanjyo-color); opacity: 1.0; }
	
	.secondFlex aside .in-aside ul li.current a         { color: #fff; }
	.secondFlex aside .in-aside ul li.current a:link    { color: #fff; text-decoration: none; }
	.secondFlex aside .in-aside ul li.current a:visited { color: #fff; text-decoration: none; }
	.secondFlex aside .in-aside ul li.current a:hover   { color: #fff; text-decoration: none; opacity: 0.7; }
	.secondFlex aside .in-aside ul li.current a:active  { color: #fff; text-decoration: none; }
	
	.asideSubTtl { text-align: center; margin: 10px 0; padding: 5px 10px; border: 1px solid var(--base-color); color: var(--base-color); font-size: 0.9em; }
	.asideSubTtl-login { text-align: center; margin: 10px 0; padding: 5px 10px; border: 1px solid var(--base-color); color: #fff; background: var(--base-color); font-size: 0.9em; }
	.asideSubTtl-login-out { text-align: center; margin: 0px 0 20px; padding: 5px 10px; border: none; color: #333; background: #f4f4f4; font-size: 0.9em; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a         { color: #333; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:link    { color: #333; text-decoration: none; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:visited { color: #333; text-decoration: none; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:hover   { color: #333; text-decoration: none; opacity: 0.7; }
	.secondFlex aside .in-aside .asideSubTtl-login-out a:active  { color: #333; text-decoration: none; }
		
	.secondFlex aside .in-aside .out-sideSearch .sideTtl { background: var(--base-color); padding: 5px 10px; margin-bottom: 0px; color: #fff; text-align: center; font-size: 0.9em; }
	.secondFlex aside .in-aside .sideSearch { margin-bottom: 20px; padding: 20px; border: 1px solid var(--base-color); }
	.secondFlex aside .in-aside .in-sideSearch { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.secondFlex aside .in-aside .in-sideSearch.in-sideSearch-last { margin-bottom: 20px; padding-bottom: 0px; border-bottom: none;}
	.secondFlex aside .in-aside .in-sideSearch select { padding: 5px 2%; width: 96%; border: 1px solid #dedede; font-size: 0.8em; }
	.secondFlex aside .in-aside .in-sideSearch p { text-align: center; margin-bottom: 10px; font-size: 0.8em; }
	.secondFlex aside .in-aside .in-sideSearch .inputCheck { font-size: 0.8em; }
	.secondFlex aside .in-aside .in-sideSearch input[type=text] { padding: 5px 2%; width: 96%; border: 1px solid #dedede; font-size: 0.8em; }
	.secondFlex aside .in-aside .flatbtn { margin-bottom: 0px; }
	.secondFlex aside .in-aside .flatbtn a { width: 80%; margin: 0 auto; height: 30px; line-height: 30px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; font-size: 0.8em; }
	.secondFlex aside .in-aside .flatbtn a:hover { color:#ffa23e; background:#fff; text-decoration:none; }
	
	.secondFlex aside .in-aside .flatbtn .feas-submit-button { width: 80%; margin: 0 auto; height: 30px; line-height: 30px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; font-size: 0.8em; }
	.secondFlex aside .in-aside .flatbtn .feas-submit-button:hover { color:#ffa23e; background:#fff; text-decoration:none; }
	
	.archiveSelect select { width: 100%; padding: 10px 10px; border: 1px solid #ccc;margin-bottom: 20px;}
	
	.subMenuBox { display: table; background:var(--base-color); color: #fff; font-size: 0.8rem; padding: 5px 15px; line-height: 1.0; }
	
	.anchSec { margin-top: -150px; padding-top: 150px; }
	
	.secondTtl01 { margin-bottom: 40px; font-size: 2.0em; color: var(--base-color); position: relative; }
	
	.newsSingle .secondTtl01 { font-size: 1.5em; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--base-color);}
	.newsSingle .secondTtl01 .jpTxt:after { display: none; }
	
	.secondTtl01.lh12 { line-height: 1.3; }
	.secondTtl01 .jpTxt { position: relative; padding: 0 0.5em; letter-spacing: 0.1em; }
	.secondTtl01 .jpTxt:after { content: ""; position: absolute; bottom: -10px; left: 0; height: 2px; width: 100%; background: var(--base-color);}
	.secondTtl01-no .jpTxt:after { display: none; }
	.secondTtl01 .jpTxt.xsmall { font-size: 0.6em; letter-spacing: 0;}
	.secondTtl01 .jpTxt.xsmall:after { display: none; }
	.secondTtl01 .jpTxt .roboto { letter-spacing: 0; }
	.secondTtl01 span.enTxt { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #f4f4f4; font-size: 5.0rem; line-height: 1.0;}
	.sign { margin-top: 5vh; font-size: 1.5em; }
	.sign span { font-size: 0.75em; }
	
	.secondFlex section { padding-bottom: 10vh; margin-bottom: 10vh; border-bottom: 1px solid #cad7cc; }
	.secondFlex section:last-child { padding-bottom: 0px; border-bottom: none; }
	
	.secondTtl02 { margin-bottom: 20px; font-size: 1.5em; }
	
	.secondSubTtl01 { margin-bottom: 20px; padding: 15px 0px; font-size: 1.2em; color: #000; border-bottom: 1px solid #000; font-weight: bold; } 
	.secondSubTtl01 span { position: relative; padding-left: 1%; }
	.secondSubTtl01 span:after { content: ""; position: absolute; bottom: -22px; left: 0; height: 3px; width: 150px; background: #000; }
	
	.secondTtl03 { background: var(--base-color); margin-bottom: 20px; font-size: 1.2em; color: #fff; padding: 5px 10px; }
	.t-angle { width:0; height:0; border-style:solid; border-width: 30px 125px 0 125px; border-color: #DEDEDE transparent transparent transparent; margin: 0 auto 20px; }
	.boxTtl { text-align: center; padding: 5px 20px; border: 1px solid #f65502; margin:0 auto 20px; max-width: 600px; border-radius: 6px; color:#f65502; font-weight: bold; }
	.pointDl { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--base-color); }
	.pointDl dt { color: var(--base-color); margin-right: 10px; font-weight: bold; }
	.pointBox { max-width: 700px; margin: 0 auto; }
	
	.flexHalf { display: flex; justify-content: space-between; }
	.in-flexHalf { width: 48%; }
	.meritTtl { background: #000; color: #fff; padding: 5px 20px; margin-bottom: 20px; }
	.meritList li { margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
	.meritList li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; }
	.meritTtl-R { background: #0084ff; }
	.meritTtl-C { background: #f7790b; }
	.meritList-R li:before { color: #0084ff; }
	.meritList-C li:before { color: #f7790b; }
	
	.meritDl dt { font-weight: bold; margin-bottom: 10px; }
	.meritDl dd { margin-bottom: 20px; }
	.meritDl-R dt { color: #0084ff; padding:5px 10px; border-left: 5px solid #0084ff; }
	.meritDl-C dt { color: #f7790b; padding:5px 10px; border-left: 5px solid #f7790b; }
	
	.in-in { margin: 0 1% 40px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.in-flex aside h3 { font-size: 1.35rem; }
	.in-flex aside h6 { font-size: 0.75rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.in-flex aside h3 { font-size: 1.40rem; }
	.in-flex aside h6 { font-size: 0.80rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.in-flex aside h3 { font-size: 1.45rem; }
	.in-flex aside h6 { font-size: 0.85rem; }
}
@media screen and (min-width: 1490px) {
}

/*-- company ------------------------------------------------------------*/
.kaTtl.takumi { background: var(--takumi-color); color: #fff; }
.kaTtl.suishin { background: var(--suishin-color); color: #fff; }
.kaTtl.special { background: var(--special-color); color: #fff; }
.kaTtl.ryutsu { background: var(--ryutsu-color); color: #fff; }
.kaTtl.sanjyo { background: var(--sanjyo-color); color: #fff; }
.takumi .fas { color: var(--takumi-color); }
.suishin .fas { color: var(--suishin-color); }
.special .fas { color: var(--special-color); }
.ryutsu .fas { color: var(--ryutsu-color); }
.sanjyo .fas { color: var(--sanjyo-color); }
.arrow-l-button { font-size: 0.9em; position: relative; }
.arrow-l-button a:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 25px; height: 1px; background: #ccc; transition: .3s; }
.arrow-l-button a:before { content: ""; position: absolute; top: calc( 50% - 4px); right: 0; transform: translateY(-50%) rotate(45deg); width: 10px; height: 1px; background: #ccc; }
.arrow-l-button:hover a:after { width: 30px; }
.arrow-l-button:hover { cursor: pointer; }

.takumi a         { resize: none; }
.takumi a:link    { color:var(--takumi-color); text-decoration: none; }
.takumi a:visited { color:var(--takumi-color); text-decoration: none; }
.takumi a:hover   { color:var(--takumi-color); text-decoration: none; opacity: 0.7; }
.takumi a:active  { color:var(--takumi-color); text-decoration: none; }

.suishin a         { resize: none; }
.suishin a:link    { color:var(--suishin-color); text-decoration: none; }
.suishin a:visited { color:var(--suishin-color); text-decoration: none; }
.suishin a:hover   { color:var(--suishin-color); text-decoration: none; opacity: 0.7; }
.suishin a:active  { color:var(--suishin-color); text-decoration: none; }

.special a         { resize: none; }
.special a:link    { color:var(--special-color); text-decoration: none; }
.special a:visited { color:var(--special-color); text-decoration: none; }
.special a:hover   { color:var(--special-color); text-decoration: none; opacity: 0.7; }
.special a:active  { color:var(--special-color); text-decoration: none; }

.ryutsu a         { resize: none; }
.ryutsu a:link    { color:var(--ryutsu-color); text-decoration: none; }
.ryutsu a:visited { color:var(--ryutsu-color); text-decoration: none; }
.ryutsu a:hover   { color:var(--ryutsu-color); text-decoration: none; opacity: 0.7; }
.ryutsu a:active  { color:var(--ryutsu-color); text-decoration: none; }

@media screen and (max-width: 599px) {
	.tbl01 { width: 100%; border-top: 1px solid #dedede; }
	.tbl01 th,.tbl01 td { padding: 10px; text-align: left; display: block; }
	.tbl01 th { text-align: center; border-bottom: 1px dotted #dedede; background: #dedede; }
	.tbl01 td { border-bottom: 1px solid #dedede; }
	
	.tbl02 { width: 100%; table-layout: fixed;  }
	.tbl02 th { padding: 0 20px; }
	.tbl02 td { padding: 20px; }
	
	.kaTtl { padding: 5px 10px; text-align: center; margin-bottom: 20px; font-size: 0.9em; }
	
	.tbl03 { width: 100%; table-layout: fixed; }
	.tbl03 th,.tbl03 td { padding: 20px;  }
	.tbl03 thead th {  border: 1px solid #dedede; background: #f4f4f4; text-align: center; }
	.tbl03 td { border: 1px solid #dedede; }
	
	.flex-half { display: flex; justify-content: space-between; flex-direction: column;  }
	.flex-half .in-flex-half { margin-bottom: 20px; }
	.flex-half .in-flex-half h4 { background: var(--grn-color); padding: 10px; text-align: center; color: #fff; margin-bottom: 20px; }
	
	.boxContent { padding: 20px; border: 1px solid #e8e1c6; background: #fffefa; border-radius: 6px; }
	.boxContent h4 { background: var(--grn-color); padding: 10px; text-align: center; color: #fff; margin-bottom: 20px; }
	
	.memberDl { border-left: 5px solid var(--grn-color); padding-left: 1em; }
	.memberDl dt { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
	
	.kaiin-hyo { margin-bottom: 40px;}
	.in-kaiin-hyo { margin-bottom: 20px; }
}
@media screen and (min-width: 600px) {
	.tbl01 { width: 100%;  }
	.tbl01 th,.tbl01 td { padding: 20px; text-align: left; }
	.tbl01 th { width: 20%; text-align: left; border-bottom: 3px solid #dedede; }
	.tbl01 td { width: 80%; border-bottom: 1px solid #dedede; }
	
	.tbl02 { width: 100%; table-layout: fixed;  }
	.tbl02 th { padding: 0 20px; }
	.tbl02 td { padding: 20px; }
	
	.kaTtl { padding: 5px 10px; text-align: center; margin-bottom: 20px; font-size: 0.9em; }
	
	.tbl03 { width: 100%; table-layout: fixed; }
	.tbl03 th,.tbl03 td { padding: 20px;  }
	.tbl03 thead th {  border: 1px solid #dedede; background: #f4f4f4; text-align: center; }
	.tbl03 td { border: 1px solid #dedede; }
	
	.flex-half { display: flex; justify-content: space-between; }
	.flex-half .in-flex-half { width: 48%; margin-bottom: 40px; }
	.flex-half .in-flex-half h4 { background: var(--grn-color); padding: 10px; text-align: center; color: #fff; margin-bottom: 20px; }
	
	.boxContent { padding: 40px; border: 1px solid #e8e1c6; background: #fffefa; border-radius: 6px; }
	.boxContent h4 { background: var(--grn-color); padding: 10px; text-align: center; color: #fff; margin-bottom: 20px; }
	
	.memberDl { border-left: 5px solid var(--grn-color); padding-left: 1em; }
	.memberDl dt { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
	
	.kaiin-hyo { display: flex; justify-content: space-between; margin-bottom: 40px;}
	.in-kaiin-hyo { width: 31%; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.kaiin-hyo { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px;}
	.in-kaiin-hyo { width: 46%; margin-bottom: 20px; }
}

/*-- feature ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.flex-Third { }
	.flex-Third li { width: 80%; margin: 0 auto 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.flex-Third li:last-child { margin: 0 auto 0px; padding-bottom: 0px; border-bottom: none; }
	.flex-Third li .listPoint { background: var(--base-color); padding: 5px 0; text-align: center; color: #fff; margin-bottom: 10px; }
	.flex-Third li .listTtl { color: var(--base-color); text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 1.1em; }
	.flex-Third li div { margin-bottom: 20px; }
	
	.txtSubBox { display: table; background: var(--base-color); color: #fff; font-size: 0.9rem; padding: 5px 10px; line-height: 1.0; margin-left: 1em; }
	
	.leadTtl { background: #161c61; text-align: center; padding: 5px 20px; font-size: 1.1rem; color: #fff; margin: 0 auto 20px; }
	.pointList { margin: 0 auto 40px; display: flex; justify-content: space-between; }
	.pointList li { width: 32%; }
	.pointList li h5 { text-align: center; margin-bottom: 10px; color:#161c61; display: flex; justify-content: center; align-items: center; font-weight: bold; }
	.pointList li div { text-align: center; }
	
	.flexTwo li { margin-bottom: 5vh; padding-bottom: 5vh; border-bottom: 1px dotted #dedede; }	
	.flexTwo li .list-L { width: 30%; margin:0 auto 20px; }
	.flexTwo li .list-R { }	
	.flexTwo li:nth-child(2) { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
	
	.listTtl { font-weight: bold; margin-bottom: 10px; color:var(--base-color); font-size: 1.5em;  }
	
	.in-movie { position: relative; max-width: 480px;  }
	.movie_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
	
	.flex-forth { width: 80%; margin: 0 auto; }
	.flex-forth li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.flex-forth li .listPoint { background: var(--base-color); padding: 5px 0; text-align: center; color: #fff; margin-bottom: 10px; line-height: 1.0; }
	.flex-forth li .listTtl { color: var(--base-color); text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 1.0em; display: flex; justify-content: center; align-items: center; }
	.flex-forth li div { width: 40%; margin:0 auto 10px; }
}
@media screen and (min-width: 600px) {
	.flex-Third { display: flex; justify-content: space-between; }
	.flex-Third li { width: 31%; }
	.flex-Third li .listPoint { background: var(--base-color); padding: 5px 0; text-align: center; color: #fff; margin-bottom: 10px; }
	.flex-Third li .listTtl { color: var(--base-color); text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 1.1em; }
	.flex-Third li div { margin-bottom: 20px; }
	
	.flex-Third02 { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.flex-Third02 li { width: 31%; margin-right: 2%; margin-bottom: 40px; }
	.flex-Third02 li:nth-child(3n) { margin-right: 0%; }
	
	.txtSubBox { display: table; background: var(--base-color); color: #fff; font-size: 0.9rem; padding: 5px 10px; line-height: 1.0; margin-left: 1em; }
	
	.leadTtl { background: #161c61; text-align: center; padding: 5px 20px; font-size: 1.1rem; color: #fff; margin: 0 auto 20px; }
	.pointList { margin: 0 auto 40px; display: flex; justify-content: space-between; }
	.pointList li { width: 32%; }
	.pointList li h5 { text-align: center; margin-bottom: 10px; color:#161c61; display: flex; justify-content: center; align-items: center; font-weight: bold; }
	.pointList li div { text-align: center; }
	
	.flexTwo li { display: flex; justify-content: flex-start; margin-bottom: 5vh; padding-bottom: 5vh; border-bottom: 1px dotted #dedede; }	
	.flexTwo li .list-L { width: 15%; margin-right: 5%; }
	.flexTwo li .list-R { width: 80%; }	
	.flexTwo li:nth-child(2) { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
	
	.listTtl { font-weight: bold; margin-bottom: 10px; color:var(--base-color); font-size: 1.5em;  }
	
	.in-movie { position: relative; max-width: 480px;  }
	.movie_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
	
	.flex-forth { display: flex; justify-content: space-between; }
	.flex-forth li { width: 23%; }
	.flex-forth li .listPoint { background: var(--base-color); padding: 5px 0; text-align: center; color: #fff; margin-bottom: 10px; line-height: 1.0; }
	.flex-forth li .listTtl { color: var(--base-color); text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 1.0em; display: flex; justify-content: center; align-items: center; }
	.flex-forth li div { width: 40%; margin:0 auto 10px; }
}

/*-- feature ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.flex-third { width: 80%; margin: 5vh auto 0; }
	.flex-third li { margin-bottom: 20px; }
	.flex-third li .roboto { font-size: 0.9em; background: #161c61; color: #fff; padding: 5px 10px; text-align: center; margin-bottom: 10px; }
	.flex-third li h4 { color: #161c61; font-size: 1.1em; margin-bottom: 10px; text-align: center; font-weight: bold; }
	.fa-external-link-alt { opacity: 0.5; margin-left: 1em; }
}
@media screen and (min-width: 600px) {
	.flex-third { display: flex; justify-content: space-between; }
	.flex-third li { width: 31%; }
	.flex-third li .roboto { font-size: 0.9em; background: #161c61; color: #fff; padding: 5px 10px; text-align: center; margin-bottom: 10px; }
	.flex-third li h4 { color: #161c61; font-size: 1.1em; margin-bottom: 10px; text-align: center; font-weight: bold; }
	.fa-external-link-alt { opacity: 0.5; margin-left: 1em; }
}

.exLink a         { resize: none; }
.exLink a:link    { color:var(--base-color); text-decoration: underline; }
.exLink a:visited { color:var(--base-color); text-decoration: underline; }
.exLink a:hover   { color:#333; text-decoration: underline; opacity: 0.7; }
.exLink a:active  { color:var(--base-color); text-decoration: underline; }

/*-- user ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.userPoint { margin-bottom: 20px; }
	.userPoint .userDl { border-left: 5px solid var(--base-color); padding-left: 1em; }
	.userPoint .userDl dt { font-size: 1.1em; color:var(--base-color); margin-bottom: 10px; font-weight: bold; }
	.userPoint .userImg { width: 30%; margin-left: 20px; margin-bottom: 20px; float: right;}
}
@media screen and (min-width: 600px) {
	.userPoint { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
	.userPoint .userDl { border-left: 5px solid var(--base-color); width: calc(96% - 120px); padding-left: 1em; }
	.userPoint .userDl dt { font-size: 1.1em; color:var(--base-color); margin-bottom: 10px; font-weight: bold; }
	.userPoint .userImg { width: 120px; margin-left: 4%; }
}

/*-- member ------------------------------------------------------------*/
.secondTtl03.takumi { background: var(--takumi-color); color: #fff; border-left: 8px solid #113b85; padding: 20px; font-weight: bold; } 
.secondTtl03.suishin { background: var(--suishin-color); color: #fff; border-left: 8px solid #0b4622; padding: 20px; font-weight: bold; }
.secondTtl03.special { background: var(--special-color); color: #fff; border-left: 8px solid #3a3324; padding: 20px; font-weight: bold; }
.secondTtl03.ryutsu { background: var(--ryutsu-color); color: #fff; border-left: 8px solid #e46603; padding: 20px; font-weight: bold; }
.secondTtl03.sanjyo { background: var(--sanjyo-color); color: #fff; border-left: 8px solid #e4a510; padding: 20px; font-weight: bold; }

.kaihiTbl.takumi th { background: var(--takumi-color); color: #fff; } 
.kaihiTbl.takumi td { color: var(--takumi-color); border-bottom: 1px solid var(--takumi-color);} 
.kaihiTbl.suishin th { background: var(--suishin-color); color: #fff; } 
.kaihiTbl.suishin td { color: var(--suishin-color); border-bottom: 1px solid var(--suishin-color); } 
.kaihiTbl.special th { background: var(--special-color); color: #fff; } 
.kaihiTbl.special td { color: var(--special-color); border-bottom: 1px solid var(--special-color); } 
.kaihiTbl.ryutsu th { background: var(--ryutsu-color); color: #fff; } 
.kaihiTbl.ryutsu td { color: var(--ryutsu-color); border-bottom: 1px solid var(--ryutsu-color); } 
.kaihiTbl.sanjyo th { background: var(--sanjyo-color); color: #fff; } 
.kaihiTbl.sanjyo td { color: var(--sanjyo-color); border-bottom: 1px solid var(--sanjyo-color); } 

.secondTtl04.takumi { color: var(--takumi-color); border-left: 5px solid var(--takumi-color); } 
.secondTtl04.suishin { color: var(--suishin-color); border-left: 5px solid var(--suishin-color); }
.secondTtl04.special { color: var(--special-color); border-left: 5px solid var(--special-color); }
.secondTtl04.ryutsu { color: var(--ryutsu-color); border-left: 5px solid var(--ryutsu-color); }
.secondTtl04.sanjyo { color: var(--sanjyo-color); border-left: 5px solid var(--sanjyo-color); }

.toggle-open { position: relative; }
.toggle-open:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: rgba(255,255,255,0.5); }
.toggle-open.active:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: rgba(255,255,255,0.5); }
.in-in.toggleContent-open { margin-bottom: 0px; }
@media screen and (max-width: 599px) {
	.secondFlex section.nyukaiSec { margin-bottom: 5vh; border-bottom: none; padding-bottom: 0px; }
	.kaihiTbl { margin: 0 0 40px; width: 100%; }
	.kaihiTbl th { padding: 10px; text-align: center; vertical-align: middle; border: 1px solid #fff; display: block;}
	.kaihiTbl th .kaihiTtl { font-size: 1.3em; }
	.kaihiTbl th p { font-size: 0.9em; margin-bottom: 0px; text-align: left; }
	.kaihiTbl td { padding: 20px 40px; text-align: center; vertical-align: middle; font-size: 1.3em; line-height: 1.0; border: 1px solid #fff; display: block; }
	.kaihiTbl td .roboto.xlarge { font-size: 2.0em; }
	
	.secondTtl04 { border-left: 5px solid #000; padding: 10px; margin-bottom: 20px; font-weight: bold; font-size: 1.1em; }
	.pdf_R { width: 50px; float: right; margin: 0 40px 20px 40px; }
	.in-kaiin-hyo02 .mHigh { font-size: 0.9em; }
}
@media screen and (min-width: 600px) {
	.secondFlex section.nyukaiSec { margin-bottom: 5vh; border-bottom: none; padding-bottom: 0px; }
	.kaihiTbl { margin: 0 0 40px; }
	.kaihiTbl th { padding: 20px; text-align: left; width: 50%; vertical-align: middle; border: 1px solid #fff; }
	.kaihiTbl th .kaihiTtl { font-size: 1.5em; }
	.kaihiTbl th p { font-size: 0.9em; margin-bottom: 0px; text-align: left; }
	.kaihiTbl td { padding: 20px 40px; text-align: center; width: 50%; vertical-align: middle; font-size: 1.5em; line-height: 1.0; border: 1px solid #fff; }
	.kaihiTbl td .roboto.xlarge { font-size: 2.0em; }
	
	.secondTtl04 { border-left: 5px solid #000; padding: 10px; margin-bottom: 20px; font-weight: bold; font-size: 1.1em; }
	.pdf_R { width: 100px; float: right; margin: 0 40px 20px 40px; }
	.in-kaiin-hyo02 { width: 31%; }
	.in-kaiin-hyo02 .mHigh { font-size: 0.9em; }
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	.kaiin-hyo.kaiin-hyo02 { flex-wrap: wrap; justify-content: center; }
	.in-kaiin-hyo02 { width: 30%; margin:0 1.5% 20px;  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.pdf_R { width: 60px; }
	.kaihiTbl th .kaihiTtl { font-size: 1.3em; }
	.kaihiTbl td { font-size: 1.3em; } 
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.pdf_R { width: 80px; }
	.kaihiTbl th .kaihiTtl { font-size: 1.4em; }
	.kaihiTbl td { font-size: 1.4em; } 
}
/*-- 事業者セレクト -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.out-formFlex { margin: 0 auto; width: 100%; background: #fff; padding: 20px 10px; /*border: 1px solid #dedede; border-radius: 6px;*/}
	.formFlex { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 40px; }
	.formFlex .in-formFlex { margin: 0 4% 20px; }
	.formFlex .in-formFlex select { padding: 5px 10px; border: 1px solid #dedede; }
	.formFlex .in-formFlex p { text-align: center; font-weight: bold; margin-bottom: 5px; }
	.formFlex .in-formFlex input[type=text] { padding: 5px 10px; border: 1px solid #dedede; }
	.flatbtn { margin-bottom: 0px; }
	.flatbtn a { width: 200px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; }
	.flatbtn a:hover { color:#ffa23e; background:#fff; text-decoration:none; }
}
@media screen and (min-width: 600px) {
	.out-formFlex { margin: 0 auto; width: 100%; padding: 40px 10px; border: 1px solid var(--base-color);}
	.formFlex { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
	.formFlex .in-formFlex { margin: 0 4% 20px; }
	.formFlex .in-formFlex select { padding: 5px 10px; border: 1px solid #dedede; }
	.formFlex .in-formFlex p { text-align: center; font-weight: bold; margin-bottom: 5px; }
	.formFlex .in-formFlex input[type=text] { padding: 5px 10px; border: 1px solid #dedede; }
	.flatbtn { margin-bottom: 0px; }
	.flatbtn a { width: 200px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; }
	.flatbtn a:hover { color:#ffa23e; background:#fff; text-decoration:none; }
}

/*-- 事業者を探す -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.memberList { border: 1px solid #dedede; margin-bottom: 20px; padding: 4%; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); border-top: 3px solid var(--base-color); }
	.memberTtlFlex { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--base-color); display: flex; flex-direction: column;}
	.memberTtl { font-size: 1.3em; color: var(--base-color); margin-bottom: 0px; order: 2; }
	.mCateList { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; order: 1; margin-bottom: 10px; }
	.mCateList li { margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 0.8em; margin-bottom: 5px;  }
	.mShubetsu { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
	.mShubetsu li { background-color: #f9f9f9; border: 1px solid #cccccc; padding: 1px 10px; font-size: 0.8em; margin-right: 5px; margin-bottom: 5px; }
	.memberbodyFlex { margin-bottom: 20px;  }
	.memberBodyFlexL { margin-bottom: 20px; }
	.memberBodyFlexL p { margin-bottom: 5px; }
	table.menberTbl01 { width: 100%; margin-bottom: 10px; }
	table.menberTbl01 th { padding: 5px 20px 5px 0; width: 30%; font-size: 0.8em; text-align: left; word-break: keep-all; }
	table.menberTbl01 td { padding: 5px 10px 5px 0; width: 70%; font-size: 0.9em; word-break: break-all; }
	table.menberTbl01 td.xlarge { font-size: 1.25em; line-height: 1.0; }
	table.menberTbl01 td .fa-window-restore { opacity: 0.25; margin-left: 0.5em; font-size: 0.8em; }
	
	.memberBodyFlexR { margin-bottom: 20px; }
	table.menberTbl02 { width: 100%; table-layout: fixed; }
	table.menberTbl02 thead th { padding: 5px 20px; font-size: 0.7em; text-align: center; background: #f4f4f4; border: 1px solid #dedede; }
	table.menberTbl02 tbody td { padding: 5px 10px; text-align: center; font-size: 0.9em; font-weight: bold; border: 1px solid #dedede; }
	
	.m_link_btn a { height: 50px; line-height: 50px; width: 80%; margin: 0; background: #52b978; border: 1px solid var(--base-color); text-align: center; }
	.m_link_btn a         { resize: none; display: block; }
	.m_link_btn a:link    { color:#fff; text-decoration: none; }
	.m_link_btn a:visited { color:#fff; text-decoration: none; }
	.m_link_btn a:hover   { color:var(--base-color); text-decoration: none; background: #fff; }
	.m_link_btn a:active  { color:#fff; text-decoration: none; }
	
	.m_link_btn_navi a { height: 50px; line-height: 50px; width: 80%; margin: 20px 0 0; background: #E54816; border: 1px solid #d13807; text-align: center; font-size: 0.9em; }
	.m_link_btn_navi a         { resize: none; display: block; }
	.m_link_btn_navi a:link    { color:#fff; text-decoration: none; }
	.m_link_btn_navi a:visited { color:#fff; text-decoration: none; }
	.m_link_btn_navi a:hover   { color:#E54816; text-decoration: none; background: #fff; }
	.m_link_btn_navi a:active  { color:#fff; text-decoration: none; }
	
	.mdTbl { width: 100%; margin: 0 auto 20px; }
	.mdTbl th { background: #f4f4f4; padding: 10px; text-align: center; border: 1px solid #dedede; width: 20%; vertical-align: middle; }
	.mdTbl td { background: #fff; padding: 10px; text-align: left; border: 1px solid #dedede; }
	.mdTbl02 th { text-align: center; }
	.mdTbl02 td { text-align: center; }
	
	.memberList02 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.memberList02 .memberTtl { font-size: 1.2em; }
	.memberList02 .mCateList li { font-size: 0.7em; }
	.memberBox { margin-bottom: 5vh; }
}
@media screen and (max-width: 599px) {
	.m_link_btn a { height: 40px; line-height: 40px; width: 80%; margin: 0 auto; }
	.m_link_btn_navi a { height: 40px; line-height: 40px; width: 80%; margin: 0 auto; }
	.memberList02 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; display: flex; flex-direction: column; }
	.memberList02 .memberTtl { order: 2; }
	.memberList02 .mCateList { order: 1; margin-bottom: 5px; }
	.memberList02 .mCateList li { padding: 2px 5px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.memberList02 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; display: flex; justify-content: space-between; align-items: center; }
	.memberList02 .memberTtl { order: 1; }
	.memberList02 .mCateList { order: 2; }
	
	.link_btn_flex { display: flex; justify-content: flex-start; align-items: center; }
	.m_link_btn a { height: 50px; line-height: 50px; width: 150px; margin: 0 10px 0 0; background: #52b978; border: 1px solid var(--base-color); text-align: center; }	
	.m_link_btn_navi a { height: 50px; line-height: 50px; width: 250px; margin: 0; background: #E54816; border: 1px solid #d13807; text-align: center; font-size: 0.9em; }
}
@media screen and (min-width: 900px) {
	.memberList { border: 1px solid #dedede; margin-bottom: 40px; padding: 20px 40px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); border-top: 5px solid var(--base-color);}
	.memberTtlFlex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--base-color); }
	.memberTtl { font-size: 1.5em; color: var(--base-color); }
	.mCateList { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; }
	.mCateList li { margin-left: 5px; color: #fff; padding: 5px 10px; font-size: 0.9em;  }
	.mShubetsu { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
	.mShubetsu li { background-color: #f9f9f9; border: 1px solid #cccccc; padding: 1px 10px; font-size: 0.8em; margin-right: 5px; margin-bottom: 5px; }
	.memberbodyFlex { display: flex; justify-content: space-between; }
	.memberBodyFlexL { width: 56%; }
	.memberBodyFlexL p { margin-bottom: 5px; }
	table.menberTbl01 { width: 100%; margin-bottom: 10px; }
	table.menberTbl01 th { padding: 5px 20px 5px 0; width: 30%; font-size: 0.8em; text-align: left; word-break: keep-all; }
	table.menberTbl01 td { padding: 5px 10px 5px 0; width: 70%; font-size: 0.9em; }
	table.menberTbl01 td.xlarge { font-size: 1.25em; line-height: 1.0; }
	table.menberTbl01 td .fa-window-restore { opacity: 0.25; margin-left: 0.5em; font-size: 0.8em; }
	
	.memberBodyFlexR { width: 42%; padding-left: 2%; border-left: 5px solid #dedede; }
	table.menberTbl02 { width: 100%; table-layout: fixed; }
	table.menberTbl02 thead th { padding: 5px 20px; font-size: 0.7em; text-align: center; background: #f4f4f4; border: 1px solid #dedede; }
	table.menberTbl02 tbody td { padding: 5px 10px; text-align: center; font-size: 0.9em; font-weight: bold; border: 1px solid #dedede; }
	.memberBodyFlexR02 { width: 46%; padding-left: 2%; border-left: none; }
	
	.m_link_btn a { height: 50px; line-height: 50px; width: 180px; margin: 0 10px 0 0; background: #52b978; border: 1px solid var(--base-color); text-align: center; }
	.m_link_btn a         { resize: none; display: block; }
	.m_link_btn a:link    { color:#fff; text-decoration: none; }
	.m_link_btn a:visited { color:#fff; text-decoration: none; }
	.m_link_btn a:hover   { color:var(--base-color); text-decoration: none; background: #fff; }
	.m_link_btn a:active  { color:#fff; text-decoration: none; }
	
	.link_btn_flex { display: flex; justify-content: flex-start; align-items: center; }
	
	.m_link_btn_navi a { height: 50px; line-height: 50px; width: 300px; margin: 0; background: #E54816; border: 1px solid #d13807; text-align: center; font-size: 0.9em; }
	.m_link_btn_navi a         { resize: none; display: block; }
	.m_link_btn_navi a:link    { color:#fff; text-decoration: none; }
	.m_link_btn_navi a:visited { color:#fff; text-decoration: none; }
	.m_link_btn_navi a:hover   { color:#E54816; text-decoration: none; background: #fff; }
	.m_link_btn_navi a:active  { color:#fff; text-decoration: none; }
	
	.memberbodyFlex02 { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dedede; }
	
	.mdTbl { width: 100%; margin: 0 auto 20px; }
	.mdTbl th { background: #f4f4f4; padding: 10px; text-align: center; border: 1px solid #dedede; width: 20%; vertical-align: middle; }
	.mdTbl td { background: #fff; padding: 10px; text-align: left; border: 1px solid #dedede; }
	.mdTbl02 th { text-align: center; }
	.mdTbl02 td { text-align: center; }
	
	.memberList02 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; display: flex; justify-content: space-between; align-items: center; }
	.memberList02 .memberTtl { font-size: 1.2em; }
	.memberList02 .mCateList li { font-size: 0.7em; }
	.memberBox { margin-bottom: 5vh; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.memberList02 .memberTtl { order: 1; }
	.memberList02 .mCateList { order: 2; }
	
	.m_link_btn a { width: 150px; font-size: 0.9em; }
	.m_link_btn_navi a { width: 250px; font-size: 0.8em; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {	
	.m_link_btn a { width: 140px; font-size: 0.9em; }
	.m_link_btn_navi a { width: 220px; font-size: 0.8em; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {	
	.m_link_btn a { width: 150px; font-size: 0.95em; }
	.m_link_btn_navi a { width: 240px; font-size: 0.85em; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {	
	.m_link_btn a { width: 160px; font-size: 0.95em; }
	.m_link_btn_navi a { width: 260px; font-size: 0.85em; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px) {	
	.m_link_btn a { width: 180px; }
	.m_link_btn_navi a { width: 280px; }
}

.mCateList li.takumi { background: var(--takumi-color); } 
.mCateList li.suishin { background: var(--suishin-color); }
.mCateList li.special { background: var(--special-color); }
.mCateList li.ryutsu { background: var(--ryutsu-color); }
.mCateList li.sanjyo { background: var(--sanjyo-color); }

/*-- フッターフォーム -------------------------------------------------------------*/
.f_common_contact { background: var(--opa-color); padding: 5vh 0; }
.f_common_contact .in { margin-bottom: 0px; }
@media screen and (max-width: 599px) {
	.contactList { }
	.contactList li { width: 90%; margin: 0 auto 10px;height: 50px; line-height: 50px; background: var(--base-color); border: 1px solid var(--base-color); text-align: center; position: relative; border-radius: 8px; font-size: 0.9rem;}
	.contactList li:after { content: "〉"; font-family: "Font Awesome 5 Free"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.5; }
	.contactList li a         { resize: none; display: block; }
	.contactList li a:link    { color:#fff; text-decoration: none; }
	.contactList li a:visited { color:#fff; text-decoration: none; }
	.contactList li a:hover   { color:var(--base-color); text-decoration: none; background: #fff; border-radius: 8px; }
	.contactList li a:active  { color:#fff; text-decoration: none; }
	
	.contactList li.ogBtn { background:var(--sub-color); border: 1px solid var(--sub-color); }
	.contactList li.ogBtn { color: var(--sub-color); }
	.contactList li.ogBtn a:hover { color: var(--sub-color); line-height: 48px; }
	.contactList li.ogBtn:hover:after { color:var(--sub-color); }
	.contactList li.blueBtn { background:#0084ff; border: 1px solid #0084ff; line-height: 48px; }
	.contactList li.blueBtn a:hover { color: #0084ff; }
	.contactList li.blueBtn:hover:after { color:#0084ff; }
}
@media screen and (min-width: 600px) {
	.contactList { display: flex; justify-content: space-between; align-items: center; max-width: 1000px; margin: 0 auto; }
	.contactList li { width: 48%; /*height: 80px;*/ line-height: 80px; background: var(--base-color); border: 1px solid var(--base-color); text-align: center; position: relative; border-radius: 8px; font-size: 1.1rem; font-weight: bold; }
	.contactList li:after { content: "〉"; font-family: "Font Awesome 5 Free"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.5; }
	.contactList li a         { resize: none; display: block; }
	.contactList li a:link    { color:#fff; text-decoration: none; }
	.contactList li a:visited { color:#fff; text-decoration: none; }
	.contactList li a:hover   { color:var(--base-color); text-decoration: none; background: #fff; border-radius: 8px; }
	.contactList li a:active  { color:#fff; text-decoration: none; }
	
	.contactList li.ogBtn { background:var(--sub-color); border: 1px solid var(--sub-color); }
	.contactList li.ogBtn { color: var(--sub-color); }
	.contactList li.ogBtn a:hover { color: var(--sub-color); }
	.contactList li.ogBtn:hover:after { color:var(--sub-color); }
	.contactList li.blueBtn { background:#0084ff; border: 1px solid #0084ff; }
	.contactList li.blueBtn a:hover { color: #0084ff; }
	.contactList li.blueBtn:hover:after { color:#0084ff; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.contactList li { font-size: 1.0rem; height: 70px; line-height: 70px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.contactList li { font-size: 1.05rem; height: 75px; line-height: 75px; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}

/*-- ニュース タブ -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.tabs { display: flex; justify-content: center; align-items: center; }
	.tabs li { border: 1px solid #333; padding: 5px 10px; background: #333; color: #fff; font-size: 0.7rem; }
	.tabs li.selected { border-bottom: none; background:#f4f4f4; color: #000; position: relative; }
	.tabs li.selected:after { content: ""; position: absolute; bottom:-2px; left: 0; width: 100%; height: 3px; background:#f4f4f4; z-index: 1; }
	.border-bottom { border-bottom: 1px solid #333; margin-bottom: 20px; }
	
	.tabs li a         { resize: none; display: flex; }
	.tabs li a:link    { color:#ccc; text-decoration: none; }
	.tabs li a:visited { color:#ccc; text-decoration: none; }
	.tabs li a:hover   { color:#ccc; text-decoration: none; opacity: 0.7; }
	.tabs li a:active  { color:#ccc; text-decoration: none; }
	.tabs li.selected a         { resize: none; display: flex; }
	.tabs li.selected a:link    { color:#000; text-decoration: none; }
	.tabs li.selected a:visited { color:#000; text-decoration: none; }
	.tabs li.selected a:hover   { color:#000; text-decoration: none; opacity: 0.7; }
	.tabs li.selected a:active  { color:#000; text-decoration: none; }
	
	.newsList { max-width: 1020px; width: 100%; margin: 0 auto 20px; }
	.newsList li .newsDl { margin-bottom: 10px; }
	
	.newsDl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
	.newsDl dt { background: #333; color: #fff; font-size: 10px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.newsDl dd { background: #fff; color: #333; font-size: 10px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}
@media screen and (min-width: 600px) {
	
	.newsSection { max-width: 1000px; margin: 0 auto; width: 96%; }
	.tabs { display: flex; justify-content: center; align-items: center; }
	.tabs li { border: 1px solid #333; height: 40px; line-height: 40px; padding: 0 40px; background: #444; color: #fff; font-size: 0.9rem; }
	.tabs li.selected { border-bottom: 1px solid #fff; background: #fff; color: #000; position: relative;  }
	.tabs li.selected:after { content: ""; position: absolute; bottom:-2px; left: 0; width: 100%; height: 3px; background:#fff; z-index: 1; }
	.border-bottom { border-bottom: 1px solid #333; margin-bottom: 20px; }
	
	.tabs li a         { resize: none; display: flex; }
	.tabs li a:link    { color:#ccc; text-decoration: none; }
	.tabs li a:visited { color:#ccc; text-decoration: none; }
	.tabs li a:hover   { color:#ccc; text-decoration: none; opacity: 0.7; }
	.tabs li a:active  { color:#ccc; text-decoration: none; }
	.tabs li.selected a         { resize: none; display: flex; }
	.tabs li.selected a:link    { color:#000; text-decoration: none; }
	.tabs li.selected a:visited { color:#000; text-decoration: none; }
	.tabs li.selected a:hover   { color:#000; text-decoration: none; opacity: 0.7; }
	.tabs li.selected a:active  { color:#000; text-decoration: none; }
	
	.newsList { margin: 0 auto 60px; }
	.newsList li { /*display: flex; justify-content: flex-start; align-items: center;*/ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.newsList li p { margin-bottom: 0px; font-size: 0.9rem;  }
	.newsList li .newsDl { margin-bottom: 10px; }	
	.newsDl { display: flex; justify-content: flex-start; align-items: center; }
	.newsDl dt { background: #333; color: #fff; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.newsDl dd { background: #fff; color: #333; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.tabs li { height: 30px; line-height: 30px; padding: 0 20px; font-size: 0.8rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.tabs li { height: 35px; line-height: 35px; padding: 0 30px; font-size: 0.85rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}

/*-- バナーリスト -------------------------------------------------------------*/
.f_common_bnr { background:#fff !important; padding: 5vh 0; }
.f_common_bnr .in { margin-bottom: 0px; }
@media screen and (max-width: 599px) {
	.bnrList li { width: 80%; margin:0 auto 20px; }
	
	.bnrList02 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 6%; }
	.bnrList02 li { width: 49%; margin: 0 0% 10px; }
}
@media screen and (min-width: 600px) {
	.bnrList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 60px }
	.bnrList li { width: 18.4%; margin: 0 1% 20px; }
	
	.bnrList02 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
	.bnrList02 li { width: 15%; margin: 0 1% 20px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.bnrList li { width: 31%; margin: 0 1% 20px; }
	.bnrList02 li { width: 31%; margin: 0 1% 20px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.bnrList02 li { width: 31%; margin: 0 1% 20px; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.bnrList02 li { width: 18%; margin: 0 1% 20px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.bnrList02 li { width: 18%; margin: 0 1% 20px; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}

/*-- シングル -------------------------------------------------------------*/
.singleContent { max-width: 1200px; width: 96%; margin: 0 auto 10vh; }
@media screen and (max-width: 599px) {
	.singleContent { width: 92%; margin: 0 auto 10vh; }
}
@media screen and (min-width: 600px) {
}

@media screen and (max-width: 899px) {
	.in-sp { margin-bottom: 5vh; }
	.news-flex { margin-bottom: 20px;  }
	.news-flex-L { margin-bottom: 0px;  background: var(--base-color); display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 3vh 0; }
	.news-flex-L .roboto { font-size: 2.0rem; margin-bottom: 10px; color: #fff; line-height: 1.0; }
	.news-flex-R { }
	.news-flex .newsList { margin-bottom: 0px; padding: 20px 0; }
	.news-flex .newsList li { margin-bottom: 10px; padding-bottom: 10px; }
	.news-flex .newsList li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
	
	.imgBtn { width: 80%; margin: 0 auto; }
	.imgBtn li { position: relative; margin-bottom: 20px; }
	.imgBtn li h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff; font-size: 1.5em; text-align: center; }
	.imgBtn li h3 span { font-size: 0.6em; display: block;}
	.imgBtn li:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 1;}
	.imgBtn li:hover { opacity: 1.0; }
	.imgBtn li:hover:after { background-color: rgba(0,0,0,0.1); }
	
	.mSubTtl { text-align: center; font-size: 1.2em; font-weight: bold; color: var(--base-color); margin-bottom: 20px; }
}
@media screen and (min-width: 900px) {
	.news-flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10vh;  }
	.news-flex-L { width: 24%; margin-right: 4%; background: var(--base-color); display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 5vh 0; }
	.news-flex-L .roboto { font-size: 3.0rem; margin-bottom: 10px; color: #fff; line-height: 1.0; }
	.news-flex-R { width: 72%; }
	.news-flex .newsList { margin-bottom: 0px; padding: 20px 0; }
	.news-flex .newsList li { margin-bottom: 10px; padding-bottom: 10px; }
	.news-flex .newsList li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
	
	.imgBtn { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; }
	.imgBtn li { position: relative; width: 31%; }
	.imgBtn li h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff; font-size: 1.5em; text-align: center; }
	.imgBtn li h3 span { font-size: 0.6em; display: block;}
	.imgBtn li:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 1;}
	.imgBtn li:hover { opacity: 1.0; }
	.imgBtn li:hover:after { background-color: rgba(0,0,0,0.1); }
	
	.mSubTtl { text-align: center; font-size: 1.2em; font-weight: bold; color: var(--base-color); margin-bottom: 20px; }
}


/*-- ながれ -------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.flowStep {margin-bottom: 40px;  }
	.flowStep .in-step { border-bottom: 1px solid #dedede; padding: 0 2% 20px; margin-bottom: 20px;  position: relative; }
	.flowStep .in-step:after { position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; content: ""; width: 0; height: 0; border-style: solid; border-right: 25px solid transparent; border-left: 25px solid transparent; border-top: 10px solid #dedede; border-bottom: 0;}
	.flowStep .in-step:last-child:after { display: none; }
	.flowStep .in-step .stepTtl { text-align: center; font-family:'Roboto Condensed', sans-serif; font-weight:700; color:var(--base-color); line-height: 1.0; margin-bottom: 10px;  }
	.flowStep .in-step h4 { text-align: center; background:var(--base-color); padding: 10px; text-align: center; margin-bottom: 20px; color: #fff; }
	.flowStep .in-step .cap { width: 80%; margin: 0 auto 20px; }
	.flowStep .in-step p { font-size: 0.9rem; }
	.flowStep .in-step .stepMemo li { font-size: 0.8rem; }
}
@media screen and (min-width: 768px) {
	.flowStep { display: flex; justify-content: center; margin-bottom: 40px;  }
	.flowStep .in-step:nth-child(1) { border-left: 1px solid #dedede; }
	.flowStep .in-step { border-right: 1px solid #dedede; padding: 0 2%; width: calc( 100% / 4); position: relative; }
	.flowStep .in-step:after { position: absolute; top: 50%; transform: translateY(-50%); right: -10px; content: ""; width: 0; height: 0; border-style: solid; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #dedede; border-right: 0;}
	.flowStep .in-step:last-child:after { display: none; }
	.flowStep .in-step .stepTtl { text-align: center; font-family:'Roboto Condensed', sans-serif; font-weight:700; color:var(--base-color); line-height: 1.0; margin-bottom: 10px;  }
	.flowStep .in-step h4 { text-align: center; background:var(--base-color); padding: 10px; text-align: center; margin-bottom: 10px; color: #fff; }
	.flowStep .in-step .cap { width: 100%; margin: 0 auto 10px; }
	.flowStep .in-step p { font-size: 0.9rem; }
	.flowStep .in-step .stepMemo li { font-size: 0.8rem; }
}

/*-- 会員ページ -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.mList { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid var(--base-color); }
	.mList li { width: 20%; text-align: center; height: 60px; border-right: 1px solid #dedede; display: flex; justify-content: center; align-items: center; font-size: 0.7em; }
	.mList li:nth-child(1) { border-left: 1px solid #dedede; }
	.mList li.current { background: var(--base-color); color: #fff; }
	
	.mList li a         { resize: none; display: block; }
	.mList li a:link    { color:#000; text-decoration: none; }
	.mList li a:visited { color:#000; text-decoration: none; }
	.mList li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	
	.mList li:hover 	{ background: var(--base-color); cursor: pointer; color: #fff; }
	.mList li:hover a	{ color: #fff; }
	
	.mList li a:active  { color:#000; text-decoration: none; }
	
	.newsList li { margin-bottom: 20px; }
}
@media screen and (min-width: 900px) {
	.mList { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; border-bottom: 1px solid var(--base-color); }
	.mList li { width: 20%; text-align: center; height: 60px; border-right: 1px solid #dedede; display: flex; justify-content: center; align-items: center; font-size: 0.9em; position: relative; }
	.mList li:nth-child(1) { border-left: 1px solid #dedede; }
	.mList li.current { background: var(--base-color); color: #fff; }
	
	.mList li a         { resize: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
	.mList li a:link    { color:#000; text-decoration: none; }
	.mList li a:visited { color:#000; text-decoration: none; }
	.mList li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	
	.mList li:hover 	{ background: var(--base-color); cursor: pointer; color: #fff; }
	.mList li:hover a	{ color: #fff; }
	
	.mList li a:active  { color:#000; text-decoration: none; }
}

/*-- faq -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.faqDl { margin-bottom: 20px; }
	.faqDl dt { margin-bottom: 10px; font-weight: bold; font-size: 1.0em; cursor: pointer; position: relative; padding-left: 2em; text-indent: -2em; background: var(--opa-color); padding: 5px 2em 5px 3em; border-radius: 6px; }
	.faqDl dt:after { content: "\f078"; font-family: "Font Awesome 5 Free"; position: absolute; top: 50%; transform: translateY(-50%); right: -4%; color:var(--base-color); }
	.faqDl dt.active:after { content: "\f077"; }
	.faqDl dt:before { content: "Q."; color:var(--base-color); margin-right: 10px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 1.5em; }	
	.faqDl dd { font-size: 0.9rem;}
}
@media screen and (min-width: 900px) {
	.faqDl { max-width: 1000px; width: 96%; margin:0 auto 20px; }
	.faqDl dt { margin-bottom: 10px; font-weight: bold; font-size: 1.1em; cursor: pointer; position: relative; background: var(--opa-color); padding: 5px 20px; border-radius: 6px; }
	.faqDl dt:after { content: "\f078"; font-family: "Font Awesome 5 Free"; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; color:var(--base-color); }
	.faqDl dt.active:after { content: "\f077"; }
	.faqDl dt:before { content: "Q."; color:var(--base-color); margin-right: 10px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 1.5em; }	
	.faqDl dd:last-child { margin-bottom: 40px; background: #f4f4f4; padding: 20px; border-radius: 6px; }
}

/*-- download -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.dlDl { margin-bottom: 10px; border-left: 5px solid var(--base-color); padding:4%; background: #f4f4f4; }
	.dlDl dt { margin-bottom: 10px; }
	.dlDl dt p { display: block; margin-bottom: 5px; font-size: 0.9em; }
	.dlDl dd { }
	.dlDl dd ul { display: flex; justify-content: flex-start; align-items: center; }
	.dlDl dd ul li { font-size: 0.8em; margin-left: 0.5em; background: var(--base-color); padding: 2px 10px; border-radius: 4px; }
	.dlDl dd ul li .fas { margin-left: 0.5em; }
	
	.dlCate { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin:0 4% 10px; }
	.dlCate li { margin-right: 10px; padding: 5px 10px; border: 1px solid var(--base-color); font-size: 0.8em; margin-bottom: 10px; }
	.dlCate li.current { background: var(--base-color); }
}
@media screen and (min-width: 900px) {
	.dlDl { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; border-left: 5px solid var(--base-color); padding:5px 1em; background: #f4f4f4; }
	.dlDl dt { width: 60%; }
	.dlDl dt p { display: block; margin-bottom: 5px; font-size: 0.9em; }
	.dlDl dd { width: 46%; }
	.dlDl dd ul { display: flex; justify-content: flex-end; align-items: center; }
	.dlDl dd ul li { font-size: 0.8em; margin-left: 0.5em; background: var(--base-color); padding: 2px 10px; border-radius: 4px; }
	.dlDl dd ul li .fas { margin-left: 0.5em; }
	
	.dlCate { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }
	.dlCate li { margin-right: 10px; padding: 5px 10px; border: 1px solid var(--base-color); font-size: 0.8em; margin-bottom: 10px; }
	.dlCate li.current { background: var(--base-color); }
}
.dlDl dd ul li a         { resize: none; display: block; }
.dlDl dd ul li a:link    { color:#fff; text-decoration: none; }
.dlDl dd ul li a:visited { color:#fff; text-decoration: none; }
.dlDl dd ul li a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
.dlDl dd ul li a:active  { color:#fff; text-decoration: none; }

.dlCate li:hover { background: var(--base-color); }
.dlCate li a         { resize: none; display: block; }
.dlCate li a:link    { color:var(--base-color); text-decoration: none; }
.dlCate li a:visited { color:var(--base-color); text-decoration: none; }
.dlCate li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
.dlCate li a:active  { color:var(--base-color); text-decoration: none; }
.dlCate li:hover a { color: #fff; }
.dlCate li:hover a:link    { color:#fff; text-decoration: none; }
.dlCate li:hover a:visited { color:#fff; text-decoration: none; }
.dlCate li:hover a:hover   { color:#fff; text-decoration: none; }
.dlCate li:hover a:active  { color:#fff; text-decoration: none; }
.dlCate li.current a { color: #fff; }
.dlCate li.current a:link    { color:#fff; text-decoration: none; }
.dlCate li.current a:visited { color:#fff; text-decoration: none; }
.dlCate li.current a:hover   { color:#fff; text-decoration: none; }
.dlCate li.current a:active  { color:#fff; text-decoration: none; }

/*-- movie -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.movieList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.movieList li { width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.movieList li:nth-child(2n) { margin-right: 0; }
	.movieEye { position: relative; border: 1px solid #dedede; width: 80%; margin: 0 auto 20px;}
	.movieEye .movieIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; }
	.movieTtl { font-weight: bold; margin-bottom: 10px; font-size: 0.9em; }
	.movieList li p { font-size: 0.8em; }
	
	.movieList .movieEye { min-height: 180px; object-fit: contain; display: flex; justify-content: center; align-items: center; background: #f4f4f4;}
}
@media screen and (min-width: 900px) {
	.movieList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.movieList li { width: 31%; margin-right: 3.5%; margin-bottom: 40px;}
	.movieList li:nth-child(3n) { margin-right: 0; }
	.movieEye { position: relative; margin-bottom: 20px; border: 1px solid #dedede; max-width: 360px; }
	.movieEye .movieIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50px; }
	.movieTtl { font-weight: bold; margin-bottom: 10px; }
	.movieList li p { font-size: 0.9em; }
	
	.img_y_R02 { width: 40%; }
	
	.movieList .movieEye { min-height: 180px; object-fit: contain; display: flex; justify-content: center; align-items: center; background: #f4f4f4;}
}

/*-- 投稿タイプ　文字 -------------------------------------------------------------*/
.singleSec p { margin-bottom: 20px; }
.singleSec dl.newsDl { margin-bottom: 10px;}
h4.wp-block-heading { margin-bottom: 20px; font-size: 1.2em; font-weight: bold; color: var(--base-color); }
.singleSec .wp-block-image { margin-bottom: 20px; }
.tablepress { table-layout: fixed; margin-bottom: 20px; }
.tablepress thead th { text-align: center; vertical-align: middle; }
.tablepress tbody td { vertical-align: middle; text-align: center; }
.singleSec .wp-block-file__embed { margin-bottom: 20px;}

.singleSec a.wp-block-file__button { background: var(--sub-color); width: 150px; text-align: center; height: 30px; line-height: 30px; }
.singleSec a.wp-block-file__button { color: #fff; }
.singleSec a.wp-block-file__button:link    { color:#fff; text-decoration: none; }
.singleSec a.wp-block-file__button:visited { color:#fff; text-decoration: none; }
.singleSec a.wp-block-file__button:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
.singleSec a.wp-block-file__button:active  { color:#fff; text-decoration: none; }

.singleSec .wp-block-file { margin-bottom: 20px;}
@media screen and (max-width: 899px) {
}
@media screen and (min-width: 900px) {
}

/*-- 会員ページ -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.sideForm { margin-bottom: 10px;}
	.sideForm a { color:#fff; width:100%; height:40px; line-height:40px; border:var(--base-color) 1px solid; display:block; text-align:left; margin:0 auto; background:#fff; font-size: 14px; padding-left: 10px; border-left:var(--base-color) 5px solid;}
	.sideForm a:link    { color:var(--base-color); text-decoration: none; }
	.sideForm a:visited { color:var(--base-color); text-decoration: none; }
	.sideForm a:hover   { color:#fff; text-decoration: none; background:var(--base-color); }
	.sideForm a:active  { color:var(--base-color); text-decoration: none; }
	
	.formBtn { }
	.formBtn li { margin-bottom: 20px; }
	.formBtn li a { color:#fff; width:100%; height:50px; line-height:50px; border:var(--base-color) 1px solid; display:block; text-align:left; margin:0 auto; background:#fff; font-size: 15px; padding-left: 10px; border-left:var(--base-color) 5px solid;}
	.formBtn li a:link    { color:var(--base-color); text-decoration: none; }
	.formBtn li a:visited { color:var(--base-color); text-decoration: none; }
	.formBtn li a:hover   { color:#fff; text-decoration: none; background:var(--base-color); }
	.formBtn li a:active  { color:var(--base-color); text-decoration: none; }
}
@media screen and (min-width: 900px) {
	.sideForm { margin-bottom: 10px;}
	.sideForm a { color:#fff; width:100%; height:50px; line-height:50px; border:var(--base-color) 1px solid; display:block; text-align:left; margin:0 auto; background:#fff; font-size: 15px; padding-left: 10px; border-left:var(--base-color) 5px solid;}
	.sideForm a:link    { color:var(--base-color); text-decoration: none; }
	.sideForm a:visited { color:var(--base-color); text-decoration: none; }
	.sideForm a:hover   { color:#fff; text-decoration: none; background:var(--base-color); }
	.sideForm a:active  { color:var(--base-color); text-decoration: none; }
	
	.formBtn { display: flex; justify-content: space-between; align-items: center; }
	.formBtn li { width: 31%; }
	.formBtn li a { color:#fff; width:100%; height:80px; line-height:80px; border:var(--base-color) 1px solid; display:block; text-align:left; margin:0 auto; background:#fff; font-size: 15px; padding-left: 10px; border-left:var(--base-color) 5px solid;}
	.formBtn li a:link    { color:var(--base-color); text-decoration: none; }
	.formBtn li a:visited { color:var(--base-color); text-decoration: none; }
	.formBtn li a:hover   { color:#fff; text-decoration: none; background:var(--base-color); }
	.formBtn li a:active  { color:var(--base-color); text-decoration: none; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.sideForm a { font-size: 14px; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.sideForm a { font-size: 13px; }
}

/*-- 絞り込み検索 -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.secondFlex main .headSearch #feas-searchform-0 { margin-bottom: 20px; border: 1px solid #dedede; padding: 15px 10px;}
	.secondFlex main .headSearch .formFlexWrapper { }
	.secondFlex main .headSearch .in-sideSearch { margin: 0 2% 20px; display: flex; justify-content: space-between; align-items: center; }
	.secondFlex main .headSearch .in-sideSearch select { padding: 5px 10px; border: 1px solid #dedede; }
	.secondFlex main .headSearch .in-sideSearch p { font-size: 0.8em; font-weight: normal; margin-bottom: 0px !important; margin-right: 10px; word-break: keep-all; }
	.secondFlex main .headSearch .in-sideSearch { text-align: center; font-weight: bold; margin-bottom: 5px; }
	.secondFlex main .headSearch .in-sideSearch input[type=text] { padding: 5px 10px; border: 1px solid #dedede; }
	.secondFlex main .headSearch .flatbtn { margin-bottom: 0px; margin-top: 20px; }
	.secondFlex main .headSearch .flatbtn .feas-submit-button { width: 180px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; }
	.secondFlex main .headSearch .flatbtn .feas-submit-button:hover { color:#ffa23e; background:#fff; text-decoration:none; }
	.secondFlex main .headSearch.footerSearch #feas-searchform-0 { border: none;}
	
	.searchBox_sp { margin: 0 4% 40px; }
	.searchBox_sp .in-sideSearch { margin: 0 2% 20px; display: flex; justify-content: space-between; align-items: center; }
	.searchBox_sp .in-sideSearch select { padding: 5px 10px; border: 1px solid #dedede; }
	.searchBox_sp .in-sideSearch p { font-size: 0.8em; font-weight: normal; margin-bottom: 0px !important; margin-right: 10px; word-break: keep-all; }
	.searchBox_sph .in-sideSearch { text-align: center; font-weight: bold; margin-bottom: 5px; }
	.searchBox_sp .in-sideSearch input[type=text] { padding: 5px 10px; border: 1px solid #dedede; }
	.searchBox_sp .flatbtn { margin-bottom: 0px; margin-top: 20px; }
	.searchBox_sp .flatbtn .feas-submit-button { width: 180px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; }
	.searchBox_sp .flatbtn .feas-submit-button:hover { color:#ffa23e; background:#fff; text-decoration:none; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.secondFlex main .headSearch #feas-searchform-0 { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; border: 1px solid #dedede; padding: 10px 20px;}
	.secondFlex main .headSearch .formFlexWrapper { display: flex; justify-content: center; align-items: center; margin: 0px 50px 0 0; }
	.secondFlex main .headSearch .in-sideSearch { margin: 0 2% 20px; }
	.secondFlex main .headSearch .in-sideSearch select { padding: 5px 10px; border: 1px solid #dedede; }
	.secondFlex main .headSearch .in-sideSearch p { font-size: 0.8em; font-weight: normal; margin-bottom: 0px; }
	.secondFlex main .headSearch .in-sideSearch { text-align: center; font-weight: bold; margin-bottom: 5px; }
	.secondFlex main .headSearch .in-sideSearch input[type=text] { padding: 5px 10px; border: 1px solid #dedede; }
	.secondFlex main .headSearch .flatbtn { margin-bottom: 0px; }
	.secondFlex main .headSearch .flatbtn .feas-submit-button { width: 100px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; }
	.secondFlex main .headSearch .flatbtn .feas-submit-button:hover { color:#ffa23e; background:#fff; text-decoration:none; }
	.secondFlex main .headSearch.footerSearch #feas-searchform-0 { border: none;}
}
@media screen and (min-width: 900px) {
	.headSearch #feas-searchform-0 { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; border: 1px solid #dedede; padding: 10px 20px;}
	.headSearch .formFlexWrapper { display: flex; justify-content: center; align-items: center; margin: 0px 50px 0 0; }
	.headSearch .in-sideSearch { margin: 0 2% 20px; }
	.headSearch .in-sideSearch select { padding: 5px 10px; border: 1px solid #dedede; }
	.headSearch .in-sideSearch p { font-size: 0.8em; font-weight: normal; margin-bottom: 0px; }
	.headSearch .in-sideSearch { text-align: center; font-weight: bold; margin-bottom: 5px; }
	.headSearch .in-sideSearch input[type=text] { padding: 5px 10px; border: 1px solid #dedede; }
	.headSearch .flatbtn { margin-bottom: 0px; }
	.headSearch .flatbtn .feas-submit-button { width: 100px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; border: #ffa23e 1px solid; display: block; text-align: center; background: #ffa23e; border-bottom: #e68822 3px solid; border-radius: 4px; }
	.headSearch .flatbtn .feas-submit-button:hover { color:#ffa23e; background:#fff; text-decoration:none; }
	
	.headSearch.footerSearch #feas-searchform-0 { border: none;}
}


/*-- リフォームナビ -------------------------------------------------------------*/
.ex-reform-content { margin-bottom: 10vh; }
@media screen and (max-width: 767px) {
	.naviContent .in { margin: 0 4% 5vh; }
	.thirdFlex { }
	.thirdFlex li { margin-bottom: 20px; }
	.thirdFlex li div { margin-bottom: 20px; }
	
	.flex-half { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin-bottom: 5vh; }
	.flex-half:nth-child(1) { margin-top: 2.5vh; }
	.in-flex-half { }
	.in-flex-half-img { order: 1; }
	.in-flex-half-txt { order: 2; padding: 4%; }
	
	.ex-reform-content { margin-bottom: 5vh; }
	.in-ex-reform-content { margin: 0 4%; }
	.ex-reform-content .flex-half { margin-bottom: 2.5vh; }
	.ex-reform-content .secondTtl01 { margin-bottom: 20px; }
	.naviTtl { margin-bottom: 40px;}
	.naviTtl dt { font-size: 1.3em; }
	.naviTtl dd { font-size: 0.9em; }
	.ex-lead { background: #f7f7f6; padding: 6%; border-radius: 6px; border: 1px solid #ebebce; }
	.ex-reform-content h4 { padding-left: 60px; position: relative; }
	.ex-reform-content h4:before { content: ""; background: var(--base-color); width: 40px; height: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
	.in-ex-reform-content h3 {background: #07913a; color: #fff; padding: 10px 20px; margin-bottom: 20px; font-size: 1.2em; }
	
	.naviGyosha { background: var(--base-color); color: #fff; padding: 5px 10px; text-align: center; }
	
	.swiper-card .swiper-slide-card .ex_reform_ttl { background: #edf1ed; padding: 5px 10px; font-weight: bold; margin-bottom: 5px; display: flex; justify-content: center; flex-direction: column; line-height: 0.8; }
	.swiper-card .swiper-slide-card .cate { margin-bottom: 10px;}
	.swiper-card .swiper-slide-card .ex_reform_txt { margin-bottom: 10px; }
	
	.ex-list { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.ex-list li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.ex-list li:nth-child(2n) { margin-right: 0%; }
	.ex-list li .navi_thumbnail { margin-bottom: 10px; }
	.ex-list li .ex_reform_ttl { background: #edf1ed; padding: 15px 10px; font-weight: bold; margin-bottom: 5px; display: flex; justify-content: center; flex-direction: column; line-height: 1.1; }
	.ex-list li .ex_reform_ttl .xsmall { /*line-height: 0;*/ }
	.ex-list li .cate { margin-bottom: 10px;}
	.ex-list li .cate dt { font-size: 0.6em; padding: 5px; }
	.ex-list li .cate dd { font-size: 0.6em; padding: 5px; }
	.ex-list li .ex_reform_txt { margin-bottom: 10px; }
	
	.beforeBox { background: #f4f4f4; } 
	.beforeBox h5 { text-align: center; padding: 10px; color: #6e6e6e; font-size: 1.0em; }
	.afterBox { background: #eb6666; } 
	.afterBox h5 { text-align: center; padding: 10px; color: #fff; font-size: 1.0em; }
	
	.pickupImg img { object-fit: cover; height: 15vh; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
	.thirdFlex { display: flex; justify-content: flex-start; flex-wrap:wrap; }
	.thirdFlex li { width: 48%; margin-right: 4%; margin-bottom: 40px; }
	.thirdFlex li:nth-child(2n) { margin-right: 0; }
	.thirdFlex li div { margin-bottom: 20px; }
	
	.flex-half { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; }
	.in-flex-half { width: 48%; }
	
	.ex-reform-content .secondTtl01 { margin-bottom: 20px; }
	.naviTtl { margin-bottom: 40px;}
	.naviTtl dt { font-size: 1.3em; }
	.naviTtl dd { font-size: 0.9em; }
	.ex-lead { background: #f7f7f6; padding: 6%; border-radius: 6px; border: 1px solid #ebebce; }
	.ex-reform-content h4 { padding-left: 60px; position: relative; }
	.ex-reform-content h4:before { content: ""; background: var(--base-color); width: 40px; height: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
	.in-ex-reform-content h3 {background: #07913a; color: #fff; padding: 10px 20px; margin-bottom: 20px; font-size: 1.3em; }
	.naviGyosha { background: var(--base-color); color: #fff; padding: 5px 10px; text-align: center; }
	
	.swiper-card .swiper-slide-card .ex_reform_ttl { background: #edf1ed; padding: 5px 10px; font-weight: bold; margin-bottom: 5px; display: flex; justify-content: center; flex-direction: column; line-height: 0.8; }
	.swiper-card .swiper-slide-card .cate { margin-bottom: 10px;}
	.swiper-card .swiper-slide-card .ex_reform_txt { margin-bottom: 10px; }	
	
	.ex-list { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.ex-list li { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }
	.ex-list li:nth-child(3n) { margin-right: 0%; }
	.ex-list li .navi_thumbnail { margin-bottom: 10px; }
	.ex-list li .ex_reform_ttl { background: #edf1ed; padding: 15px 10px; font-weight: bold; margin-bottom: 5px; display: flex; justify-content: center; flex-direction: column; line-height: 1.1; }
	.ex-list li .ex_reform_ttl .xsmall { line-height: 0; }
	.ex-list li .cate { margin-bottom: 10px;}
	.ex-list li .ex_reform_txt { margin-bottom: 10px; }

	.beforeBox { background: #f4f4f4; } 
	.beforeBox h5 { text-align: center; padding: 10px; color: #6e6e6e; font-size: 1.1em; }
	.afterBox { background: #eb6666; } 
	.afterBox h5 { text-align: center; padding: 10px; color: #fff; font-size: 1.1em; }
	
	.pickupImg img { object-fit: cover; height: 15vh; }
}
@media screen and (min-width: 900px) {
	.thirdFlex { display: flex; justify-content: flex-start; flex-wrap:wrap; }
	.thirdFlex li { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }
	.thirdFlex li:nth-child(3n) { margin-right: 0; }
	.thirdFlex li div { margin-bottom: 20px; }
	
	.flex-half { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; }
	.in-flex-half { width: 48%; }
	
	.ex-reform-content .secondTtl01 { margin-bottom: 20px; }
	.naviTtl { margin-bottom: 40px;}
	.naviTtl dt { font-size: 1.3em; }
	.naviTtl dd { font-size: 0.9em; }
	.ex-lead { background: #f7f7f6; padding: 6%; border-radius: 6px; border: 1px solid #ebebce; }
	.ex-reform-content h4 { padding-left: 60px; position: relative; }
	.ex-reform-content h4:before { content: ""; background: var(--base-color); width: 40px; height: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    .in-ex-reform-content h3 {background: #07913a; color: #fff; padding: 10px 20px; margin-bottom: 20px; font-size: 1.5em; }
	
	.swiper-card .swiper-slide-card .ex_reform_ttl { background: #edf1ed; padding: 5px 10px; font-weight: bold; margin-bottom: 5px; display: flex; justify-content: center; flex-direction: column; line-height: 0.8; }
	.swiper-card .swiper-slide-card .cate { margin-bottom: 10px;}
	.swiper-card .swiper-slide-card .ex_reform_txt { margin-bottom: 10px; }
	
	.beforeBox { background: #f4f4f4; } 
	.beforeBox h5 { text-align: center; padding: 10px; color: #6e6e6e; font-size: 1.2em; }
	.afterBox { background: #eb6666; } 
	.afterBox h5 { text-align: center; padding: 10px; color: #fff; font-size: 1.2em; }
	
	.naviTtl02 { font-size: 1.8em; color: var(--base-color); margin-bottom: 20px; }
	
	.naviGyosha { background: var(--base-color); color: #fff; padding: 5px 10px; text-align: center; }
	
	.ex-list { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.ex-list li { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }
	.ex-list li:nth-child(3n) { margin-right: 0%; }
	.ex-list li .navi_thumbnail { margin-bottom: 10px; }
	.ex-list li .ex_reform_ttl { background: #edf1ed; padding: 15px 10px; font-weight: bold; margin-bottom: 5px; display: flex; justify-content: center; flex-direction: column; line-height: 1.1; }
	.ex-list li .ex_reform_ttl .xsmall { line-height: 0; }
	.ex-list li .cate { margin-bottom: 10px;}
	.ex-list li .ex_reform_txt { margin-bottom: 10px; }
	
	.pickupImg img { object-fit: cover; height: 25vh; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.in-ex-reform-content h3 { font-size: 1.4em; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}

/*-- ログイン -------------------------------------------------------------*/

.login-wrap h2 {font-family:'Roboto Condensed', sans-serif; font-weight:bold; margin-bottom: 20px; }
.login-wrap input[type=text] { padding: 5px 10px; border: 1px solid #999999; margin-left: 0.5em;}
.login-wrap input[type=password] { padding: 5px 10px; border: 1px solid #999999; margin-left: 0.5em;}
.login-wrap input[type=submit] { border: 1px solid #f7790a; height: 40px; line-height: 40px; width: 120px; background: #f7790a; color: #fff;}
.login-wrap .login-remember { font-size: 0.9em; }
/*--モーダルウィンドウ
------------------------------------------------------------*/
#wrapper  { position:relative; }
.md-btn-area {
  margin-bottom:50px;
}
.md-btn {
}
.md-btn:hover {
	opacity:0.7;
}

.modal {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*overflow-y: auto;
  padding: 60px 5% 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 0px;
  
  text-shadow:0 1px 0 #333;*/
  background-color: rgba(29, 48, 68, 0.8);
  color: #000;
  text-align: center;
  font-size: 20px;
  z-index:99999;
  overflow-y:scroll;
}
.modal .in {
	width: 60%  !important; background:#fff; border-radius:6px; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); padding: 30px 60px !important;
}
.modal .in .urlTtl { font-size: 1.5em; }
.modal .in .alL { text-align: left !important; }

/* Close button */
.modal .close {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  background-color: rgba(255,255,255,.2);
  cursor:pointer;
}
.modal .close:before,
.modal .close:after{
  position:absolute;
  top:4px;
  border:1px solid #fff;
  height:30px;
  content:"";
}
.modal .close:before {
  left:19px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal .close:after {
  right:19px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal .close span {
  display:none;
}

/* ****************
 * Background filter (blur)
 * *************** */
.bg-blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: url(#blur);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}

.modal h3 { padding: 10px; border-bottom: 1px solid #ccc; text-align: center; font-size: 0.95rem;}
.modal p { text-align: center; padding: 10px; font-size: 0.9rem; }
@media screen and (max-width: 899px) {
	.modal .in .urlTtl { font-size: 1.2em; word-break: break-all; }
	.modal .in { background:#fff; border-radius:6px; width: 80% !important; padding: 4% !important; }	
	.modal .close {
	  position: absolute;
	  top: 5px;
	  right: 5px;
	  width: 40px;
	  height: 40px;
	  background-color: rgba(0,0,0,0.9);
	  cursor:pointer;
	}
	.modal .close:before,
	.modal .close:after{
	  position:absolute;
	  top:4px;
	  border:1px solid #fff;
	  height:30px;
	  content:"";
	}
	.modal .in .alL { text-align: left !important; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.modal .in .urlTtl { font-size: 1.4em; }
	.modal .in { background:#fff; border-radius:6px; padding: 2% 4%; width: 80% !important;  }
	.modal .close {
	  position: absolute;
	  top: 20px;
	  left: 20px;
	  width: 40px;
	  height: 40px;
	  background-color: rgba(0,0,0,0.9);
	  cursor:pointer;
	}
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.modal .in { background:#fff; border-radius:6px; padding: 2% 4%; width: 80% !important;  }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.modal .in { background:#fff; border-radius:6px; padding: 2% 4%; width: 80% !important;  }
}