@charset "UTF-8";

/* for PC,ipad */
@import url("corpcommon_pc.css") screen and (min-width:1024px);

/* for iphone,ipod,Andoroid */
@import url("corpcommon_mobi.css") screen and (min-width:0) and (max-width:1023px);

/* import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=M+PLUS+1p:wght@400;500;700&family=Mochiy+Pop+One&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sawarabi+Gothic&family=Yomogi&family=Yusei+Magic&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

/* //////////////////////////////////////////////////////////
*****************************************
Neoworks Corp Common Style - Common device
Developer: Neoworkers Corp.
*****************************************
////////////////////////////////////////////////////////// */



/* Footer Neoworks Common Link */
.neoworks_com-footer a{text-decoration:none;border-bottom:1px dotted #fff;padding:0 .5em .2em;}
.neoworks_com-footer a:hover{color:var(--darkbg-hover-color);}
.neoworks-common-footer li{padding:0 1em;}


img{max-width:100%;}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



/* ------------------------------------------------ 
      Page Common Style
---------------------------------------------------  */
:root{
	--website-base-color:#326432;
	--website-base-texthover-color:rgba(168,216,185);
	--website-basethin-color:#95c494;
	--website-sectiontitle-color:#55555;
	--website-bgthin-color:#fafafa;
	--website-bg-thingrey-color:#f7f7f7;
	--website-bg-cream-color:#fffff5;
	--website-bg-cream2-color:#ffffe2;
	--website-th-color:#888888;
	--website-submit-color-red:rgba(203,27,69,1);
	--website-button-color-prev:#666;
	--website-fmpart-bordercolor:#888888;
	--website-linkbtn-color:rgba(0,126,78,1);
	--website-linkbtnhv-color:#fa7073;
	--website-listbtn-color:rgba(0,108,124,1);
	--website-listbtnhv-color:#fa7073;
	--tab-border-color:#143745;
	--tab-active-color:#143745;
	--background-thine-grey:#fbfcfc;
	--website-caution-color:rgba(240,94,28,1);
	--darkbg-hover-color:rgba(251,226,81,1);
}

p a,th a,td a{color:var(--website-base-color) !important;text-decoration-style:dotted;}
p a:hover,th a:hover,td a:hover{color:var(--website-base-texthover-color) !important;}
p a:visited,th a:visited,td a:visited{color:var(--website-sectiontitle-color) !important;}

/* eye and h1 title */
.p-topArea.c-filterLayer::before{
	animation: eye-open 1s ease-in 0.1s forwards;
}
@keyframes eye-open {
  to {
    opacity:0.6;
  }
}
h1.c-pageTitle__main{
	font-family: "Kosugi", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing:0.1em;}
h1.c-pageTitle__main:after{
	content:'';
	display:block;
	margin:5px auto 0;
	width:1px;
	height:5px;
	background:#fff;
	animation: h1-open 1s ease-in 0.1s forwards;
}
@keyframes h1-open {
  to {
	width:80px;
  }
}


.c-gnav__li > .c-gnav__a span{font-weight:600;display:block;padding:5px .3em 7px;border-bottom:2px solid transparent;transition: all  0.4s ease;}
.c-gnav__li > .c-gnav__a:hover span{color:#fff;border-bottom:2px solid #fff;}
.c-gnav__li.-current > .c-gnav__a span{color:#fff;border-bottom:2px solid #fff;}

.l-header{z-index:300;}
.p-drawer{z-index:200;}
.p-drawer__inner{z-index:210;}

.simplePageTitle{max-width:1200px;margin: 3em auto;text-align:center;}
.simplePageTitle h1.c-pageTitle__main:after{background:#555555;}


body{line-height:1.6 !important;font-weight:400 !important;}

/* wrap width */
[class*='maxWidth']{
	display:block;
	margin:0 auto;
}

.maxWidth800{max-width:800px;}
.maxWidth1000{max-width:1080px;}

/* table */
table.nmTable th,table.nmTable td,.nmTable th,.nmTable td{
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.nmTable th,.nmTable th{background:var(--website-th-color);}

/* ------------------------------------------------ 
      Post
---------------------------------------------------  */
.postContentOuter {
	width:100vw !important;
	background:var(--website-bg-thingrey-color);
}

.postContentOuter .postContetMain .block-group > .block-group h4{border-bottom:1px solid #555555;}
.postContentOuter .postContetMain .block-list > li{position:relative;}
.postContentOuter .postContetMain .block-list > li:before{
	position:absolute;
	top:0;
	left:0;
	content:"\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
}

.block-buttons-is-layout-flex.is-content-justification-center{align-items:center;justify-content:center;}
.block-buttons-is-layout-flex.is-content-justification-center .block-button{text-align:center;}
.block-buttons .block-button a{
	position:relative;
	display:inline-block;
	background:var(--website-base-color);
	color:#fff;
	text-decoration:none;
}

.block-buttons .block-button a:hover{background:var(--website-button-color-prev)}

.block-buttons .block-button a:after{
	position:absolute;
	content:"\f2f5";
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	margin-left:1em;
	transform:rotate(0deg);
	transition: 0.3s ease-in-out;
}

.block-buttons .block-button:hover a:after{
	transform:rotate(-30deg);
}

.block-buttons .block-button.to_contact a:after{
	position:absolute;
	content:"\f5ad";
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	margin-left:1em;
	transform:rotate(10deg);
	transform-origin: right bottom;
	transition: transform 0.3s ease-in-out;
}

.block-buttons .block-button.to_contact:hover a:after{
	transform:rotate(-20deg);
}

h2.block-heading{
	opacity:0;
	transition:0.5s ease-out;
}
h2.block-heading.active{
	opacity:1;
}
h2.block-heading.has-text-align-center:after{
	content:'';
	display:block;
	max-width:300px;
	margin:.25em auto;
	background:#555555;
	transition:1s ease-in-out;
	transition-delay: 1s;
	height:8px;
}

h2.block-heading.has-text-align-center:after{width:0px;}
h2.block-heading.active.has-text-align-center:after{width:100%;}

.postContentOuter p{opacity:0;transition:1s ease-out;}
.postContentOuter p.active{opacity:1;transition-delay: .7s;}



/* ------------------------------------------------ 
      normal section of page
---------------------------------------------------  */

.nmSection h2.block-heading{opacity:1 !important;margin-bottom:1em !important;}
.nmSection ol.block-list li{list-style-type:decimal;}
.nmSection ul.block-list li{list-style-type:disc;}
.nmSection .block-list li{margin-bottom:.8em;}
.nmSection h3.block-heading{
	border-bottom:3px solid #eeeeee;
	padding:.25em;}

/* お願い・注意書きなど */
.neoworksjpContent .pleaseWrap{
	max-width:90%;
	background-color:var(--website-bg-cream-color);
	border:2px solid #555555;
	border-radius:4px;
	font-weight:400;
}