@charset "utf-8";

/*==========================================
 body
===========================================*/
body {width: 100vw;
color:#4e4e4e;
background-color:#ffffff;
text-align: left;
line-height: 1.8;
letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */}
/*==========================================
 demo.css
===========================================*/
html, body, .container, .content-wrap {
overflow: hidden;
width: 100%;
height: 100%;}

.container {background-color:#ffffff;/*#f4efe3;*/}
.content-wrap {overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.content {position: relative; background-color:#ffffff;/*#f4efe3;*/}
.content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
	transition: opacity 0.4s, transform 0s 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);}

/* contentCSS 共通===========================================*/
.site-header{margin: 0 auto 0;
    width: 100%;
    background: rgba( 64, 65, 67,0.8);
    display: flex;
    padding: 4px;
    position: fixed;
    justify-content: space-between;
	z-index: 900;
}
.site-header h1 {font-weight:normal; line-height:100%;}
.site-header h1 span{font-weight:normal;}
.site-header p {margin: 8px auto 0; padding: 0; color: #ffffff; font-size: 1em; font-weight:normal;}
.site-header .fas{font-size: 2em; padding: 0 4px; color: #829e35;/*468b38;*/ }
.site-header a:link,
.site-header a:visited {color: #ffffff; text-decoration: none;}
.site-header a:hover,
.site-header a:active {color: #333333; text-decoration: none;}

/*==========================================
 topCSS
===========================================*/
/* codropsheader -------------------------------------------*/
.codropsheader {height: 88vh;
text-align: center;
overflow: hidden;
position: relative;
margin: 0 auto; padding: 0;
-webkit-scroll-behavior: smooth;
scroll-behavior: smooth;
-webkit-scroll-snap-type: mandatory;
scroll-snap-type: mandatory;
-webkit-scroll-snap-points-y: repeat(100vh);
scroll-snap-points-y: repeat(100vh);}
/*.codropsheader p {margin: auto; padding: 200px 0 0;}*/
.codropsheader p {margin: auto; 
position: absolute;
top: 40%; left: 0%;
-ms-transform: translate(0%,40%);
-webkit-transform : translate(0%,40%);
transform : translate(0%,40%);
width: 100%;}


/* related_stageheader ---------------------------------------*/
.related_stageheader {text-align:left; margin:0 auto 0; padding: 38px 0 0; background-color:#404143; color: #ffffff;}
.related_stageheader p {margin:0 auto 38px; letter-spacing:2px;}
.related_stageheader h2 {color: #ffffff; margin:0 auto 22px;}
#related_stageheader_curveUpColor path{fill: #ffffff; stroke: #ffffff;}
#related_stageheader_curveDownColor path{fill: #ffffff; stroke: #ffffff;}
/* related_stage000 ---------------------------------------*/
.related_stage000 {text-align:left;　margin:38px auto 0; padding: 22px 0 38px; background-color:#ffffff;}
.related_stage000 p {margin:18px auto; letter-spacing:1px; /*color: #333333;*/}
.related_stage000 p br{display: none;}
.related_stage000 h2 {margin:48px auto 0; color: #333333; line-height: 1.2;/*padding-bottom: 2px; border-bottom: 1px solid #cccccc;*/}
.related_stage000 h2:first-letter {margin-right: .1em; font-size: 1.5em;}
.related_stage000 h2 span {font-size: 0.8em; color:#777777; padding-left: 10px;}
#related_stage000_curveUpColor path{fill: #ffffff; stroke: #ffffff;}
#related_stage000_curveDownColor path{fill: #ffffff; stroke: #ffffff;}
/* related_stage001 ---------------------------------------*/
.related_stage001 {text-align:left;　margin:0 auto; padding: 0; background-color: #ebe8df; color: #222222;}
.related_stage001 p {margin:18px auto; letter-spacing:1px; color: #333333;}
.related_stage001 h2 {margin:48px auto 0; color: #333333;/*padding-bottom: 2px; border-bottom: 1px solid #cccccc;*/}
.related_stage001 h2:first-letter {margin-right: .1em; font-size: 1.5em;}
.related_stage001 h2 span {font-size: 0.8em; color:#777777; padding-left: 10px;}
#related_stage001_curveUpColor path{fill: #ffffff; stroke: #ffffff;}
#related_stage001_curveDownColor path{fill: #ffffff; stroke: #ffffff;}
/* related_stage002 ---------------------------------------*/
.related_stage002 {text-align:left;　margin:0 auto; padding: 0 0 48px;}
.related_stage002 p {margin:0 auto 18px; letter-spacing:1px; color: #333333;}
.related_stage002 h2 {margin:48px auto 18px; color: #333333; line-height: 1.2;/*padding-bottom: 2px; border-bottom: 1px solid #cccccc;*/}
.related_stage002 h2:first-letter {margin-right: .1em; font-size: 1.5em;}
.related_stage002 h2 span {font-size: 0.88em; color:#777777; padding-left: 10px;}

/*==========================================
 contentCSS
===========================================*/
/* Titleree --------------------------------------*/
#titleree {width: 100%; margin:0 auto; padding:88px 0 22px; text-align: center; /*background-color:#9f8500;*/}
#titleree h2{font-size: 1.3em; font-weight: normal; margin:4px 0 4px 0; color: #333333; letter-spacing:2px; /*text-shadow: 1px 1px 2px #333333;*/}
/* related_stage-content -------------------------*/
.related_stage-content {text-align:left;　margin:0 auto; padding:0 0 38px;}
.related_stage-content h2 {margin:48px auto 0; color: #333333;/*padding-bottom: 2px; border-bottom: 1px solid #cccccc;*/}
.related_stage-content h2:first-letter {margin-right: .1em; font-size: 1.4em;}
.related_stage-content h2 span {font-size: 0.8em; color:#777777; padding-left: 10px;}
.related_stage-content p {margin:0 auto 8px; padding:0;}
.related_stage-content p.eria-sp{margin:22px auto; padding:0;}
.related_stage-content p.eria-bottom{margin:0 auto 88px; padding:0;}
.related_stage-content section {width: 100%;}
.related_stage-content article {width: 100%;}
.related_stage-content aside {width: 100%;}
.related_stage-content .eria-left {text-align:left;}
.related_stage-content .eria-right {text-align:left;}
.related_stage-content .eria-left-07 {text-align:left;}
.related_stage-content .eria-right-03 {text-align:left;}
.related_stage-content .eria-left_border {text-align:left; background-color:#ffffff; padding:0.5%; border-radius: 8px; border:solid 1px #cccccc;}
.related_stage-content .eria-right_border {text-align:left; background-color:#ffffff; padding:0.5%; border-radius: 8px; border:solid 1px #cccccc;}
#related_stage-content_trianglePath1 {fill: #404148; stroke: #404148;} 
#related_stage-content_trianglePath2 {fill: #2072a7; stroke: #2072a7;}
/* related_stage-content-sub -------------------------*/
.related_stage-content-sub {text-align:left;　margin:0 auto; padding:48px 0; background-color:#f2f9f9; border-top: 2px dashed #13948f; border-bottom: 2px dashed #13948f;}
.related_stage-content-sub h2 {margin:48px auto 0; color: #333333;/*padding-bottom: 2px; border-bottom: 1px solid #cccccc;*/}
.related_stage-content-sub h2:first-letter {margin-right: .1em; font-size: 1.5em;}
.related_stage-content-sub h2 span {font-size: 0.8em; color:#777777; padding-left: 10px;}
.related_stage-content-sub p {margin:0 auto 8px; padding:0;}
.related_stage-content-sub p.eria-bottom{margin:0 auto 88px; padding:0;}
.related_stage-content-sub section {width: 100%;}
.related_stage-content-sub article {width: 100%;}
.related_stage-content-sub aside {width: 100%;}
.related_stage-content-sub .eria-left {text-align:left;}
.related_stage-content-sub .eria-right {text-align:left;}
.related_stage-content-sub .eria-left-07 {text-align:left;}
.related_stage-content-sub .eria-right-03 {text-align:left;}
.related_stage-content-sub .eria-left_border {text-align:left; background-color:#ffffff; padding:0.5%; border-radius: 8px; border:solid 1px #cccccc;}
.related_stage-content-sub .eria-right_border {text-align:left; background-color:#ffffff; padding:0.5%; border-radius: 8px; border:solid 1px #cccccc;}

/* related_stage-content-3column ---------------------------------------*/
.related_stage-content-3column {text-align:center;　margin:0 auto; padding: 0; /*background-color:#ffffff;*/ color: #333333;}
.related_stage-content-3column p{margin:18px auto 22px; padding:0; text-align:left;}
.related_stage-content-3column .fa-brands{margin:0 2px;}

/*==========================================
 footer
===========================================*/
#footer {width: 100vw; margin:0 auto; padding: 0; /*background-color:#404148;*/ color: #ffffff;}
#footer_curveUpColor path{fill: #ffffff; stroke: #ffffff;}
#footer_curveDownColor path{fill: #ffffff; stroke: #ffffff;}
#footer_bigHalfCircle path {fill: #ffffff; stroke: #ffffff;}

footer a:link,
footer a:visited {color: #ffffff; text-decoration: none;}
footer a:hover,
footer a:active {color: #17a4a4; text-decoration: none;}
.footer_nav {overflow: hidden; float: left; font-size:1em; margin: 88px auto 0; padding:0;}
.footer_nav ul{margin: 0 auto; padding: 0; list-style: none}
.footer_nav li {float: left; margin: 0 8px; padding: 0;}
.footer_nav li a:before {color:#ffffff; margin:0 4px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";}
.company_nav {overflow: hidden; float: left; font-size:0.88em; margin: 0 auto 118px; padding:0;}
.company_nav ul{margin: 0; padding: 0; list-style: none}
.company_nav li {float: left; margin: 0 8px; padding: 0;}
.company_nav li a:before {color:#ffffff; margin:0 4px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";}
.company_nav li.none {display: none;}
address {overflow: hidden; font-size: 0.8em; float: right;}

/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {z-index: 8888; margin:0 auto; padding: 8px 0; text-align: center;/* font-size: 1.28em;*/}