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


.century {
	font-family: century-gothic, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.fadein {
	opacity: 0;
	transform : translate(0, 30px);
	transition : all 1000ms;
}

.fadein.scrollin{
	opacity: 1;
	transform: translate(0, 0);
}

.sec-block {
	width:100vw;
	min-height:100vh;
	padding:100px 0;
	
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	text-align:center;
}
.sec-block + .sec-block {
	border-top:1px solid #EEE
}

p {
	color:#333;
	font-size:15px;
	font-weight:300;
	line-height:1.8;
}



.navi-title {
}
.navi-title h2 {
	color:#F00;
	font-size:32px;
	font-weight:300;
	line-height:1.4;
}
.navi-title p {
	margin-top:10px;
}
.navi-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	width:780px;
	margin:0 auto;
	margin-top:46px;
}
.navi-box {
	width:240px;
	height:240px;
	text-align:left;
}
.navi-box:nth-of-type(n+4) {
	margin-top:30px;
}
.navi-box a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	padding:20px 0 20px 20px;
	background:#555;
	color:#FFF;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
}
.navi-box a:hover {
	opacity:.8;
}
.navi-box div.number {
	float:left;
	margin:-4px 15px 0 2px;
	font-size:62px;
	letter-spacing:-4px;
}
.navi-box:nth-of-type(1) div.number {
	margin:-4px 5px 0 4px;
}
.navi-box h3 {
	font-size:20px;
	font-weight:400;
	line-height:1.3;
}
.navi-box div.caption {
	position:absolute;
	left:24px;
	bottom:24px;
	font-size:13px;
}
.navi-box a:before {
	content:'';
	display:block;
	
	position:absolute;
	right:23px;
	bottom:28px;
	width:18px;
	height:18px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
.mynavi-btn {
	margin:50px 0 0 0;
}



.sec-title {
}
.sec-title div.number {
	color:#555;
	font-size:100px;
}
.sec-title h2 {
	margin-top:10px;
	color:#F00;
	font-size:32px;
	font-weight:300;
	line-height:1.4;
}
.gr-box {
	width:1100px;
	margin:0 auto;
	background:#F8F7F7;
}
.scroll {
	margin-top:100px;
}



/****************************************************************************************************
#メニュー
****************************************************************************************************/

.menuWrapper {
	position:fixed;
	top:0;
	right:0;
	width:150px;
	height:100px;
	z-index:2000;
}
#menuButton {
	overflow:hidden;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:2000;
}

#menuButton span,
#menuButton::before,
#menuButton::after {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:36px;
	height:4px;
	margin:auto;
	background:#555;
	border-radius:2px;
}
#menuButton span {
  overflow:hidden;
  z-index:1;
  color:#555;
}
#menuButton::before {
	z-index:2;
	-webkit-transform:translate(0, -12px);
	transform:translate(0, -12px);
	content:"";
}
#menuButton::after {
	z-index:2;
	-webkit-transform:translate(0, 12px);
	transform:translate(0, 12px);
	content:"";
}

#menuButton span {
  opacity: 1;
  transition: opacity 150ms 50ms;
}
#menuButton::before,
#menuButton::after {
  -webkit-transition: -webkit-transform 200ms;
  transition: transform 200ms;
}
#menuButton.active {
}
#menuButton.active span {
  opacity: 0;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
}
#menuButton.active::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background:#FFF;
}
#menuButton.active::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background:#FFF;
}



/****************************************************************************************************
サブナビ
****************************************************************************************************/
#sNavi {
	position:fixed;
	width:400px;
	height:100%;
	top:0;
	right:0;
	z-index:1000;
	overflow:scroll;
	background:rgba(255,255,255,0.95);
	border-left:3px solid #444;
	text-align: left;
	display:none;
}
#sNaviWrap {
	contents:'';
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:500;
	background:rgba(0,0,0,.5);
	opacity:0;
}
#sNavi li {
	font-size:16px;
	font-weight:400;
	line-height:1.6;
}
#sNavi > ul {
	border-top:100px solid #444;
}
#sNavi > ul > li {
	border-top:1px dotted #CCC;
	padding:1em 1.5em;
}
#sNavi > ul > li > ul {
	padding:0.2em 1.2em 0 1.2em;
}
#sNavi > ul > li > ul > li {
	margin-top:0.5em;
}
#sNavi li a {
	background:url(../img/common/ar-r-medium.png) no-repeat left center;
	padding-left:15px;
	color:#333;
	text-decoration:none;
}
#sNavi li.sub a {
	background:url(../img/common/ar-r-medium-gr.png) no-repeat left center;
	padding-left:15px;
	color:#333;
	text-decoration:none;
}
#sNavi li.select > a,
#sNavi li.select > span {
	color:#333;
	font-weight:bold;
}
#sNavi li.document a {
	color:#005D3B;
	font-weight:bold;
}
#sNavi li.contact a {
	color:#D8AE4D;
	font-weight:bold;
}
.blank {
	display:inline-block;
	width:14px;
	height:12px;
	margin:1px 0 0 4px;
	background:url(../img/common/icon-blank.png) no-repeat left center;
}



/****************************************************************************************************
#top
****************************************************************************************************/
.inner {
}
#main-img1 {
	margin-top:40px;
}
#main-img2 {
	margin-top:20px;
}
#main-img3 {
	margin-top:16px;
}
#scroll {
	margin-top:60px;
}



/****************************************************************************************************
#sec1
****************************************************************************************************/
#sec1 .gr-box {
	margin-top:60px;
	padding:60px 70px;
}
#sec1 .gr-box h3 {
	color:#535353;
	font-size:26px;
	font-weight:300;
	line-height:1.4;
}
#sec1 .gr-box h3 + div {
	margin-top:34px;
}
#sec1 .gr-box h3 + div figure {
	float:right;
	width:180px;
	margin:0 0 30px 30px;
}
#sec1 .gr-box h3 + div figure figcaption {
	margin-top:8px;
	color:#333;
	font-size:15px;
	font-weight:300;
	line-height:1.5;
}
#sec1 .gr-box h3 + div figure figcaption span {
	font-size:11px;
}
#sec1 .gr-box h3 + div p {
	margin-top:8px;
	line-height:2.0;
	text-align:left;
}
#sec1 .gr-box h3 + div p + p {
	margin-top:2.0em;
}



/****************************************************************************************************
#sec2
****************************************************************************************************/
#sec2 .gr-box {
	margin-top:60px;
	padding:40px;
}
.public-block1 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.public-block1 > div + h3 {
	margin-left:35px;
}
.public-block1 > h3 + p {
	margin-left:30px;
}
.public-block1 h3 {
	color:#F00;
	font-size:26px;
	font-weight:300;
	line-height:1.4;
}
.public-block1 p {
	text-align:left;
}
.public-block2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	
	margin-top:36px;
}
.public-block2 div {
	text-align:left;
}
.public-block2 div + div {
	margin-left:2em;
	padding-left:2em;
	border-left:1px solid #666666;
}
.public-block2 div h4 {
	color:#535353;
	font-size:22px;
	font-weight:400;
	line-height:1.4;
}
.public-block2 div p {
	margin-top:5px;
}

.facility-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	width:1098px;
	margin:0 auto;
	margin-top:30px;
}
.facility-box {
	width:346px;
	min-height:346px;
	padding:38px 32px 32px 32px;
	background:#F8F7F7;
}
.facility-box:nth-of-type(n+4) {
	margin-top:30px;
}
.facility-box h3 {
	margin-bottom:20px;
	color:#F00;
	font-size:26px;
	font-weight:300;
	line-height:1.4;
}
.facility-box p {
	margin-top:18px;
	text-align:left;
}
.facility-box:nth-of-type(n+4) h3 {
	margin-bottom:28px;
}
.facility-box:nth-of-type(n+4) p {
	margin-top:32px;
}



/****************************************************************************************************
#sec3
****************************************************************************************************/
.sec-intoro {
	margin:50px 0 70px 0;
}

.job-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	width:1098px;
	margin:0 auto;
	margin-top:30px;
}
.job-box {
	width:346px;
	padding:30px 30px 30px 30px;
	background:#F8F7F7;
	text-align:left;
}
.job-box:nth-of-type(n+4) {
	margin-top:30px;
}
.job-name {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.job-name div {
	width:44px;
	height:44px;
	background:#545454;
	border-radius:22px;
	color:#FFF;
	font-size:26px;
	line-height:44px;
	text-align:center;
}
.job-type {
}
.job-name div.job-eigyou {
	background:#F00;
}
.job-name h3 {
	margin-left:8px;
	color:#535353;
	font-size:22px;
	font-weight:400;
	line-height:1.4;
}
.job-box:nth-of-type(6) .job-name h3 {
	font-size:19px;
}
.job-box p {
	margin-top:16px;
}

.type-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:60px 0 0 0;
}
.type-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.type-box + .type-box {
	margin-left:2em;
}
.type-box div {
	width:26px;
	height:26px;
	background:#545454;
	border-radius:13px;
	color:#FFF;
	font-size:15px;
	line-height:26px;
	text-align:center;
}
.type-box div.job-eigyou {
	background:#F00;
}
.type-box h3 {
	margin-left:8px;
	color:#333;
	font-size:15px;
	font-weight:300;
	line-height:1.6;
}



/****************************************************************************************************
#sec4
****************************************************************************************************/
.step-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	width:1098px;
	margin:0 auto;
	margin-top:30px;
}
.step-box {
	width:346px;
	min-height:256px;
	padding:30px 30px 30px 30px;
	background:#F8F7F7;
	text-align:left;
}
.step-box.box-gray,
.step-block.step2 .step-box.box-gray {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	
	position:relative;
	background:#545454;
}
.step-box.box-gray h3 {
	color:#FFF;
	font-size:22px;
	font-weight:300;
	line-height:1.4;
}
.step-box.box-gray:after {
	position:absolute;
	content:'';
	right:-25px;
	width:0;
	height:0;
	border-style:solid;
	border-width:25px 0 25px 25px;
	border-color:transparent transparent transparent #545454;
}
	
.step-name {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.step-name div {
	width:44px;
	height:44px;
	background:#545454;
	border-radius:22px;
	color:#FFF;
	font-size:26px;
	line-height:44px;
	text-align:center;
}
.step-type {
}
.step-name h3 {
	margin-left:8px;
	color:#535353;
	font-size:22px;
	font-weight:400;
	line-height:1.2;
}
.step-box p {
	margin-top:16px;
}

.step-block.step2 .step-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-ms-flex-pack:center;
	justify-content:left;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:center;
	-webkit-align-content:center;
	-ms-align-content:center;
	align-content: center;
}
.step-block.step2 .step-box .step-name h3 {
	margin-left:0;
}



/****************************************************************************************************
#sec5
****************************************************************************************************/

.look-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	width:1098px;
	margin:0 auto;
	margin-top:60px;
		
}

/* 20210225 KKC 追加 ↓ */
.look-block:after {
    content: "";
    display: block;
    width: 346px;  /* .boxに指定したwidthと同じ幅を指定する */
}
/* 20210225 KKC 追加 ↑ */

.look-box {
	width:346px;
	padding:28px 0;
	background:#F8F7F7;
	color:#545454;
}
.look-box:nth-of-type(n+4) {
	margin-top:30px;
}
.look-title {
}
.look-title h3 {
	font-size:26px;
	font-weight:300;
	line-height:1.4;
}
.look-box figure {
	position:relative;
}
.look-box span.red {
	color:#F00;
}
.look-box span.century {
	letter-spacing:0;
}

#look-box1 {
}
#look-box1-1 {
	font-size:20px;
	font-weight:300;
	line-height:1.4;
}
#look-box1-2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	
	margin-top:6px;
}
#look-box1-2-1 span.century.large {
	font-size:62px;
	line-height:1.0;
}
#look-box1-2-1 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}
#look-box1-2-2 {
	margin-left:10px;
	font-size:22px;
	line-height:1.1;
	text-align:left;
}
#look-box1-2-2 span.century {
	font-size:24px;
}

#look-box2 {
}
#look-box2-1 {
	font-size:20px;
	font-weight:300;
	line-height:1.4;
}
#look-box2-2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:baseline;
	-webkit-align-items:baseline;
	-ms-flex-align:baseline;
	align-items:baseline;
	
	margin-top:6px;
}
#look-box2-2-1 {
	font-size:22px;
	line-height:1.0;
}
#look-box2-2-1 span.century {
	font-size:24px;
}
#look-box2-2-2 {
	margin-left:10px;
}
#look-box2-2-2 span.century.large {
	font-size:62px;
	line-height:1.0;
}
#look-box2-2-2 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}
#look-box2-2-2 span.century {
	font-size:24px;
}

#look-box3 {
}
#look-box3-1 {
	font-size:20px;
	font-weight:300;
	line-height:1.4;
}
#look-box3-2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:baseline;
	-webkit-align-items:baseline;
	-ms-flex-align:baseline;
	align-items:baseline;
	
	margin-top:6px;
}
#look-box3-2-1 {
}
#look-box3-2-1 span.century.large {
	margin:0 5px 0 0;
	font-size:62px;
	line-height:1.0;
}
#look-box3-2-1 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}

#look-box4 {
}
#look-box4-1 {
	margin-top:6px;
}
#look-box4-1-1 span.century.large {
	margin:0 5px 0 0;
	font-size:62px;
	line-height:1.0;
}
#look-box4-1-1 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}

#look-box5 {
}
#look-box5-1 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	
	margin-top:6px;
}
#look-box5-1-1 {
	padding-top:2px;
	font-size:20px; /* 22px */
	line-height:1.1;
	text-align:left;
}
#look-box5-1-1 span.century {
	font-size:24px;
}
#look-box5-1-2 {
	margin-left:10px;
}
#look-box5-1-2 span.century.large {
	/*margin-right:-10px;数字が7の時のみ*/
	font-size:62px;
	line-height:1.0;
}
#look-box5-1-2 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}
#look-box5-1-2 span.century {
	font-size:24px;
}

#look-box6 {
}
#look-box6-1 {
	font-size:20px;
	font-weight:300;
	line-height:1.4;
}
#look-box6-2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	
	margin-top:6px;
}
#look-box6-2-1,
#look-box6-2-2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-flex-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:left;
}
#look-box6-2-2 {
	margin-left:30px;
}
#look-box6-2-1-1,
#look-box6-2-2-1 {
	margin-right:2px;
	padding-top:2px;
}
#look-box6-2-1-1 span.small,
#look-box6-2-2-1 span.small {
	font-size:22px;
	line-height:1.1;
	text-align:left;
}
#look-box6-2-1-1 span.century,
#look-box6-2-2-1 span.century {
	font-size:24px;
}
#look-box6-2-1-2 span.century.large,
#look-box6-2-2-2 span.century.large {
	font-size:62px;
	line-height:1.0;
}
#look-box6-2-2-2 span.century,large {
	/*margin-right:-10px;数字が7の時のみ*/
}
#look-box6-2-1-2 span.small,
#look-box6-2-2-2 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}
#look-box6-3 {
	position:absolute;
	top:4px;
	left:0;
	right:0;
	font-size:20px;
}

#look-box7 {
}
#look-box7-1 {
}
#look-box7-2 {
}
#look-box7-3 {
	position:absolute;
	top:4px;
	left:0;
	right:0;
	font-size:20px;
}
#look-box7-1 span.small {
	font-size:22px;
	font-weight:300;
	vertical-align:2px;
}
#look-box7-1 span.century.large {
	margin:0 7px 0 0;
	font-size:62px;
	line-height:1.0;
}
#look-box7-2 {
	margin-top:8px;
}
#look-box7-2 span.small {
	font-size:22px;
	font-weight:300;
}
#look-box7-2 span.century {
	font-size:24px;
}

/* 20240206 aksh 追加 ↓ */
#look-box2-3 {
	position:absolute;
	top:4px;
	left:0;
	right:0;
	font-size:20px;
}

#look-box6-2-1 ul,
#look-box6-2-2 ul {
	font-size: 12px;
	margin-left: 10px;
	line-height: 1.4;
}
#look-box6-2-1 ul li img,
#look-box6-2-2 ul li img {
	width: 14px;
	margin-right: 5px;
}
/* 20240206 aksh 追加 ↑ */

/****************************************************************************************************
#sec6
****************************************************************************************************/
.outline-block {
	width:1100px;
	margin:0 auto;
	margin-top:60px;
	padding:70px;
	
	background:#F8F7F7;
	text-align:left;
}
.outline-block {
}
.outline-box {
}
.outline-box + .outline-box {
	margin-top:50px;
}
.outline-box .sec-ttl {
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #666;
}
.outline-box .sec-ttl h3 {
	color:#F00;
	font-size:26px;
	font-weight:300;
	line-height:1.4;
}

.youkou-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
}

.youkou-text {
}
.youkou-text dl {
	color:#525252;
	font-size:15px;
	font-weight:300;
	line-height:2.0;
}
.youkou-text dl dt {
	float:left;
	font-weight:500;
}
.youkou-text dl dd {
	padding-left:8em;
}
.mynavi-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
  	-webkit-box-direction:normal;
  	-ms-flex-direction:row;
  	flex-direction:row;
	-webkit-box-pack:space-between;
	-webkit-flex-pack:space-between;
	-webkit-justify-content:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
}
.mynavi-bnr {
	color:#525252;
	font-size:13px;
	font-weight:300;
	line-height:2.0;
}
.mynavi-bnr a {
	display:block;
	margin-bottom:10px;
}
.mynavi-qr {
	margin-left:18px;
}

.flow-box {
	position:relative;
	padding:22px;
	background:#FFF;
	color:#525252;
	font-size:22px;
	font-weight:300;
	line-height:1.4;
	text-align:center;
}
.flow-box + .flow-box {
	margin-top:34px;
}
.flow-box span.small {
	font-size:15px;
	font-weight:300;
	line-height:1.8;
	text-align:center;
}
.flow-box:after {
	position:absolute;
	bottom:-24px;
	left:0;
	right:0;
	margin:0 auto;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:24px 23px 0 23px;
	border-color:#ff0000 transparent transparent transparent;
}
.flow-box.gray:after {
	border-color:#525252 transparent transparent transparent;
}
.flow-box.none:after {
	display:none;
}

.sc-box {
}
.sc-box > dl {
	font-size:15px;
	font-weight:300;
	line-height:2.0;
}
.sc-box > dl > dt {
}
.sc-box > dl > dd {
	padding-left:2em;
}
.sc-box > dl > dd > dl {
}
.sc-box > dl > dd > dl > dt {
	float:left;
}
.sc-box > dl > dd > dl > dd {
	padding-left:4em;
}
.sc-box + .sc-box {
	margin-top:2em;
}


@media screen and (max-width: 767px) {
	
	#contents {
		width:100%;
		padding:0;
	}
	
	.sec-block {
		width:100%;
		padding:22vw 4vw;
	}
	
	p {
		font-size:2.933vw;
		font-weight:300;
		line-height:1.7;
	}
	
	.navi-title h2 {
		font-size:5.333vw;
		font-weight:300;
		line-height:1.4;
	}
	.navi-title p {
		margin-top:3vw;
	}
	.navi-block {
		width:100%;
		margin-top:10vw;
	}
	.navi-box {
		width:45vw;
		height:45vw;
	}
	.navi-box:nth-of-type(n+3) {
		margin-top:2vw;
	}
	.navi-box a {
		width:100%;
		height:100%;
		padding:3vw 0vw 3vw 3vw;
	}
	.navi-box div.number {
		margin:-1vw 2vw 0 0;
		font-size:11.5vw;
		letter-spacing:-2px;
	}
	.navi-box:nth-of-type(1) div.number {
		margin:-1vw 2vw 0 0;
	}
	.navi-box h3 {
		font-size:4.000vw;
		font-weight:400;
		line-height:1.3;
	}
	.navi-box div.caption {
		left:3.5vw;
		bottom:3.5vw;
		font-size:2.66vw;
	}
	.navi-box a:before {
		right:4.5vw;
		bottom:4.5vw;
		width:4vw;
		height:4vw;
	}
	.mynavi-btn {
		width:60vw;
		margin:0 auto;
		margin-top:10vw;
	}
	
	
	
	.sec-title {
	}
	.sec-title div.number {
		color:#555;
		font-size:15vw;
	}
	.sec-title h2 {
		margin-top:1vw;
		font-size:5.333vw;
		font-weight:300;
		line-height:1.4;
	}
	.gr-box {
		width:100%;
	}
	.scroll {
		width:12vw;
		margin:0 auto;
		margin-top:10vw;
	}
	
	
	
	/****************************************************************************************************
	#メニュー
	****************************************************************************************************/
	
	.menuWrapper {
		position:fixed;
		top:0;
		right:0;
		width:18vw;
		height:18vw;
		z-index:2000;
	}
	#menuButton {
		overflow:hidden;
		display:block;
		position:relative;
		width:100%;
		height:100%;
		cursor:pointer;
		z-index:2000;
	}
	
	#menuButton span,
	#menuButton::before,
	#menuButton::after {
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:8vw;
		height:1vw;
		margin:auto;
		background:#555;
		border-radius:2px;
	}
	#menuButton span {
	  overflow:hidden;
	  z-index:1;
	  color:#555;
	}
	#menuButton::before {
		z-index:2;
		-webkit-transform:translate(0, -12px);
		transform:translate(0, -12px);
		content:"";
	}
	#menuButton::after {
		z-index:2;
		-webkit-transform:translate(0, 12px);
		transform:translate(0, 12px);
		content:"";
	}
	
	#menuButton span {
	  opacity: 1;
	  transition: opacity 150ms 50ms;
	}
	#menuButton::before,
	#menuButton::after {
	  -webkit-transition: -webkit-transform 200ms;
	  transition: transform 200ms;
	}
	#menuButton.active {
	}
	#menuButton.active span {
	  opacity: 0;
	  -webkit-transition: opacity 150ms;
	  transition: opacity 150ms;
	}
	#menuButton.active::before {
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  background:#FFF;
	}
	#menuButton.active::after {
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  background:#FFF;
	}
	
	
	
	/****************************************************************************************************
	サブナビ
	****************************************************************************************************/
	#sNavi {
		width:65%;
		height:100%;
	}
	#sNavi li {
		font-size:3.466vw;
		font-weight:400;
		line-height:1.6;
	}
	#sNavi > ul {
		border-top:18vw solid #444;
	}
	#sNavi li a {
		background:url(../img/common/ar-r-medium.png) no-repeat left center;
		padding-left:15px;
		color:#333;
		text-decoration:none;
	}
	#sNavi li.sub a {
		background:url(../img/common/ar-r-medium-gr.png) no-repeat left center;
		padding-left:15px;
	}
	.blank {
		display:inline-block;
		width:14px;
		height:12px;
		margin:1px 0 0 4px;
		background:url(../img/common/icon-blank.png) no-repeat left center;
	}
	
	
	
	/****************************************************************************************************
	#top
	****************************************************************************************************/
	.inner {
	}
	#main-img1 {
		width:60vw;
		margin:0 auto;
		margin-top:10vw;
	}
	#main-img2 {
		width:40vw;
		margin:0 auto;
		margin-top:6vw;
	}
	#main-img3 {
		width:40vw;
		margin:0 auto;
		margin-top:4vw;
	}
	#scroll {
		width:12vw;
		margin:0 auto;
		margin-top:15vw;
	}
	
	
	
	/****************************************************************************************************
	#sec1
	****************************************************************************************************/
	#sec1 .gr-box {
		margin-top:10vw;
		padding:8vw 5vw;
	}
	#sec1 .gr-box h3 {
		font-size:4.266vw;
		font-weight:300;
		line-height:1.4;
	}
	#sec1 .gr-box h3 + div {
		margin-top:6vw;
	}
	#sec1 .gr-box h3 + div figure {
		width:25vw;
		margin:0 0 1vw 3vw;
	}
	#sec1 .gr-box h3 + div figure figcaption {
		margin-top:1vw;
		font-size:2.400vw;
		font-weight:300;
		line-height:1.5;
	}
	#sec1 .gr-box h3 + div figure figcaption span {
		font-size:1.6vw;
	}
	#sec1 .gr-box h3 + div p {
		font-size:3.200vw;
		margin-top:0;
		line-height:1.8;
		text-align:left;
	}
	#sec1 .gr-box h3 + div p + p {
		margin-top:1.8em;
	}
	
	
	
	/****************************************************************************************************
	#sec2
	****************************************************************************************************/
	#sec2 .gr-box {
		margin-top:10vw;
		padding:8vw 4vw 4vw 4vw;
	}
	.public-block1 {
		-webkit-box-orient:column;
		-webkit-box-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.public-block1 > div + h3 {
		margin:4vw 0 0 0;
	}
	.public-block1 > h3 + p {
		margin:3vw 0 0 0;
		text-align:center;
	}
	.public-block1 h3 {
		font-size:5.866vw;
		font-weight:300;
		line-height:1.4;
	}
	.public-block2 {
		-webkit-box-orient:column;
		-webkit-box-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		
		margin-top:0;
	}
	.public-block2 div {
		text-align:left;
		margin:1em 0 0 0;
		padding:1em 0 0 0;
		border-top:1px solid #666666;
	}
	.public-block2 div + div {
		margin:1em 0 0 0;
		padding:1em 0 0 0;
		border-top:1px solid #666666;
		border-left:none;
	}
	.public-block2 div h4 {
		font-size:5.333vw;
		font-weight:400;
		line-height:1.4;
	}
	.public-block2 div p {
		margin-top:1vw;
	}
	
	.facility-block {
		
		width:100%;
		margin:0 auto;
		margin-top:5vw;
	}
	.facility-box {
		width:45vw;
		min-height:45vw;
		padding:4vw;
	}
	.facility-box:nth-of-type(n+3) {
		margin-top:2vw;
	}
	.facility-box h3 {
		margin-bottom:2vw;
		font-size:4.800vw;
		font-weight:300;
		line-height:1.4;
	}
	.facility-box div {
		width:26vw;
		margin:0 auto;
	}
	.facility-box p {
		margin-top:2vw;
	}
	.facility-box:nth-of-type(n+4) h3 {
		margin-bottom:2vw;
	}
	.facility-box:nth-of-type(n+4) p {
		margin-top:2vw;
	}
	
	
	
	/****************************************************************************************************
	#sec3
	****************************************************************************************************/
	.sec-intoro {
		margin:5vw 0 5vw 0;
	}
	
	.job-block {
		width:100%;
		margin:0 auto;
		margin-top:10vw;
	}
	.job-box {
		width:45vw;
		padding:4vw;
	}
	.job-box:nth-of-type(n+3) {
		margin-top:2vw;
	}
	.job-name {
		-webkit-box-orient:column;
		-webkit-box-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.job-name div {
		width:5vw;
		height:5vw;
		border-radius:2.5vw;
		font-size:3.200vw;
		line-height:5vw;
	}
	.job-name h3 {
		margin:2.5vw 0 0 0;
		font-size:3.466vw;
	}
	.job-box:nth-of-type(6) .job-name h3 {
		font-size:3.466vw;
	}
	.job-box p {
		margin-top:2vw;
	}
	
	.type-block {
		margin:10vw 0 0 0;
	}
	.type-box + .type-box {
		margin-left:1em;
	}
	.type-box div {
		width:5vw;
		height:5vw;
		border-radius:2.5vw;
		font-size:3.200vw;
		line-height:5vw;
	}
	.type-box h3 {
		margin-left:2vw;
		font-size:2.933vw;
		font-weight:300;
		line-height:1.6;
	}
	
	
	
	/****************************************************************************************************
	#sec4
	****************************************************************************************************/
	.step-block {
		width:100%;
		margin:0 auto;
		margin-top:10vw;
	}
	.step-box {
		width:100%;
		min-height:auto;
		padding:4vw;
		background:#F8F7F7;
		text-align:left;
	}
	.step-box + .step-box {
		border-top:1px solid #DDD;
	}
	.step-box.box-gray,
	.step-block.step2 .step-box.box-gray {
		-webkit-box-orient:column;
		-webkit-box-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.step-box.box-gray h3 {
		width:100%;
		font-size:4.000vw;
		font-weight:300;
		line-height:1.4;
		text-align:center;
	}
	.step-box.box-gray:after {
		display:none;
	}
	
	.step-name div {
		width:8vw;
		height:8vw;
		border-radius:4vw;
		font-size:5.333vw;
		line-height:8vw;
		text-align:center;
	}
	.step-type {
	}
	.step-name h3 {
		margin-left:2vw;
		color:#535353;
		font-size:5.333vw;
		font-weight:400;
		line-height:1.2;
	}
	.step-box p {
		margin-top:3vw;
	}
	
	.step-block.step2 .step-box {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-ms-flex-direction:row;
		flex-direction:row;
		-webkit-box-pack:center;
		-webkit-flex-pack:center;
		-ms-flex-pack:center;
		justify-content:left;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-align-content:center;
		-webkit-align-content:center;
		-ms-align-content:center;
		align-content: center;
	}
	.step-block.step2 .step-box .step-name h3 {
		margin-left:0;
	}
	
	
	
	/****************************************************************************************************
	#sec5
	****************************************************************************************************/
	
	.look-block {
		width:100%;
		margin:0 auto;
		margin-top:10vw;
	}
	.look-box {
		width:45vw;
		padding:4vw;
	}
	.look-box:nth-of-type(n+3) {
		margin-top:2vw;
	}
	.look-title {
	}
	.look-title h3 {
		font-size:4.000vw;
	}
	.look-box figure {
		position:relative;
	}
	.look-box span.red {
		color:#F00;
	}
	.look-box span.century {
		letter-spacing:0;
	}
	
	#look-box1 {
		zoom:0.5;
	}
	
	#look-box2 {
		zoom:0.5;
	}
	
	#look-box3 {
		zoom:0.5;
	}
	
	#look-box4 {
		zoom:0.5;
	}
	
	#look-box5 {
		zoom:0.5;
	}
	
	#look-box6 {
		zoom:0.5;
	}
	#look-box6-3 {
		top:1vw;
		font-size:3.466vw;
	}
	
	#look-box7 {
		zoom:0.5;
	}
	#look-box7-3 {
		top:1vw;
		font-size:3.466vw;
	}
	
/* 20240206 aksh 追加 ↓ */
	#look-box2-3 {
		top:1vw;
		font-size:3.466vw;
	}
/* 20240206 aksh 追加 ↑ */	
	
	/****************************************************************************************************
	#sec6
	****************************************************************************************************/
	.outline-block {
		width:100%;
		margin:0 auto;
		margin-top:10vw;
		padding:8vw;
	}
	.outline-box + .outline-box {
		margin-top:10vw;
	}
	.outline-box .sec-ttl {
		padding-bottom:3vw;
		margin-bottom:5vw;
		border-bottom:1px solid #666;
	}
	.outline-box .sec-ttl h3 {
		font-size:4.800vw;
		font-weight:300;
		line-height:1.4;
	}
	
	.youkou-block {
		-webkit-box-orient:column;
		-webkit-box-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	
	.youkou-text {
	}
	.youkou-text dl {
		font-size:3.200vw;
		font-weight:300;
		line-height:2.0;
	}
	.youkou-text dl dt {
	}
	.youkou-text dl dd {
		padding-left:6em;
	}
	.mynavi-box {
		margin-top:5vw;
	}
	.mynavi-bnr {
		font-size:2.400vw;
		font-weight:300;
		line-height:2.0;
	}
	.mynavi-bnr a {
		display:block;
		margin-bottom:2vw;
	}
	.mynavi-qr {
		margin-left:5vw;
	}
	
	.flow-box {
		padding:4vw;
		font-size:4.266vw;
		font-weight:300;
		line-height:1.4;
	}
	.flow-box + .flow-box {
		margin-top:6vw;
	}
	.flow-box span.small {
		font-size:3.200vw;
		font-weight:300;
		line-height:1.8;
	}
	.flow-box:after {
		position:absolute;
		bottom:-5vw;
		left:0;
		right:0;
		margin:0 auto;
		content:'';
		width:0;
		height:0;
		border-style:solid;
		border-width:5vw 4vw 0 4vw;
		border-color:#ff0000 transparent transparent transparent;
	}
	.flow-box.gray:after {
		border-color:#525252 transparent transparent transparent;
	}
	
	.sc-box {
	}
	.sc-box dl {
		font-size:3.200vw;
		font-weight:300;
		line-height:2.0;
	}
	.sc-box dl dt {
	}
	.sc-box dl dd {
		padding-left:2em;
	}
	.sc-box + .sc-box {
		margin-top:2em;
	}
	
	#pagetop {
		width:12vw;
		margin:0 auto;
	}
}


@media screen and (max-width: 767px) and (orientation: landscape) {
	
}