@charset "utf-8";

/* Base Start */

* {
	box-sizing:border-box;
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,textarea {
	display:block;
}

img {
  border:0;
  vertical-align:top;
}

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:"Noto Sans JP", '小塚ゴシック Pro','Kozuka Gothic Pro',"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-size:100%;
	text-align:center;
}

.mincho {
	font-family:'小塚明朝 Pro','Kozuka Mincho Pro',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

a {
	color:#0090d8;
	outline:none;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#anc-wrapper {
	width:100%;
	overflow:hidden;
}

/* Base End */

/* Clearfix Start */

.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

/* Clearfix End */

/* Header Start */

.upper-top {
	position:relative;
	padding-top:78.846%;
	width:100%;
	height:0;
}

.upper {
	position:relative;
	padding-top:49.7%;
	width:100%;
	height:0;
}

.mv-top {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:41.4%;
}

.mv {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:65%;
}

.bw-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:68.3%;
}

.bw {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50%;
}

.mv-top img,
.bw-top img,
.mv img,
.bw img {
	width:100%;
	height:auto;
}

.all-up-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.all-up {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
}

.all-up-top h1 {
	position:absolute;
	left:4.3%;
	top:calc(107px + 8%);
	color:#fff;
	width:56%;
	height:auto;
	line-height:0;
	font-size:0;
	text-align:left;
}

.all-up-top h1 small {
	display:block;
	padding-bottom:1em;
	line-height:212%;
	font-size:calc(.75em + 1.55vw);
	font-weight:600;
}

.all-up-top h1 big {
	display:block;
	line-height:128%;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:calc(2em + 4.5vw);
	font-weight:600;
}

.all-up-top section {
	position:absolute;
	right:4.3%;
	top:calc(107px + 7.8%);
	width:auto;
	height:70%;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	text-align:left;
}

.all-up-top section b {
	display:inline-block;
	padding:3em .8em;
	color:#fff;
	line-height:100%;
	font-size:calc(1em + 1vw);
	font-weight:500;
}

.all-up-top section b:nth-child(1) {
	background-color:#0090d9;
}

.all-up-top section b:nth-child(2) {
	margin:1.8em .8em 0 .6em;
	background-color:#40a9fc;
}

.all-up-top section b:nth-child(3) {
	margin-top:4.7em;
	background-color:#89c5fd;
}

.all-up h1 {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#0090d9;
	border-radius:50%;
	color:#fff;
	width:218px;
	height:218px;
	line-height:0;
	font-size:0;
}

.all-up h1 span {
	display:inline-block;
	padding-bottom:27px;
}

.all-up h1 small {
	display:block;
	padding-bottom:15px;
	line-height:100%;
	font-size:12px;
	font-weight:normal;
}

.all-up h1 big {
	display:block;
	padding-left:2px;
	line-height:100%;
	font-size:26px;
	font-weight:700;
	letter-spacing:2px;
}

#header {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	height:107px;
}

#header strong {
	margin-right:auto;
	padding-left:32px;
	height:39px;
}

#header strong img {
	width:auto;
	height:100%;
}

.pc-navi {
	display:flex;
	list-style-type:none;
}

.pc-navi li {
	padding-right:48px;
	line-height:100%;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
}

.pc-navi li a {
	color:#000;
	text-decoration:none;
}

.pc-navi li a:hover,
.pc-navi li.current a,
.pc-navi li.current a:hover {
	color:#fff;
}

#header em {
	display:block;
	margin-right:36px;
	width:170px;
	height:50px;
}

#header em a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#e18e50;
	border-radius:17px / 25px;
	color:#fff;
	width:170px;
	height:50px;
	line-height:100%;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	letter-spacing:1px;
}

#header em a::before {
	position:absolute;
	left:10px;
	top:calc(50% - 5px);
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	content:"";
}

#header em a:hover {
	opacity:.8;
}

#nav-toggle {
	z-index:10001;
	display:none;
	box-sizing:border-box;
	border:1px solid transparent;
	margin-right:16px;
	width:40px;
	height:40px;
	cursor:pointer;
}

#nav-toggle div {
	position:relative;
	width:32px;
	height:19px;
}

#nav-toggle div span {
	position:absolute;
	left:0;
	display:block;
	width:100%;
	height:1px;
	background-color:#000;
	transition:.35s ease-in-out;
}

#nav-toggle div span:nth-child(1) {
	top:0;
}

#nav-toggle div span:nth-child(2) {
	top:9px;
}

#nav-toggle div span:nth-child(3) {
	top:18px;
}

.sp-navi {
	z-index:10000;
	position:absolute;
	left:0;
	bottom:100%;
	padding:180px 48px 108px 20px;
	background:#f4eee6 url(../common_images/bg_sp_menu.png) left top no-repeat;
	width:100%;
	height:auto;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:right;
}

.sp-navi ul {
	list-style-type:none;
}

.sp-navi ul li {
	padding-bottom:44px;
	line-height:100%;
	font-size:26px;
	font-weight:600;
	letter-spacing:1px;
}

.sp-navi ul li a {
	color:#000;
	text-decoration:none;
}





@media only screen and (max-width : 1169px) {
	.upper-top {
		padding:0;
		height:793px;
	}
	
	.upper {
		padding:0;
		height:607px;
	}
	
	.mv-top {
		height:337px;
	}
	
	.mv {
		height:365px;
	}
	
	.bw-top {
		height:534px
	}
	
	.bw {
		height:348px
	}
	
	.mv-top img,
	.bw-top img,
	.mv img,
	.bw img {
		height:100%;
		object-fit:cover;
	}
	
	.all-up-top h1 {
		left:4.5%;
		top:87px;
		display:flex;
		align-items:center;
		width:91%;
		height:340px;
	}
	
	.all-up-top h1 span {
		display:block;
	}
	
	.all-up-top section {
		position:absolute;
		top:440px;
		height:auto;
		overflow:visible;
	}
	
	.all-up-top section b {
		position:absolute;
		padding:1em .5em;
		font-size:20px;
		height:auto;
		white-space:nowrap;
	}
	
	.all-up-top section b:nth-child(1) {
		right:0;
		top:0;
		margin:0;
	}
	
	.all-up-top section b:nth-child(2) {
		right:62px;
		top:33px;
		margin:0;
	}
	
	.all-up-top section b:nth-child(3) {
		right:121px;
		top:97px;
		margin:0;
	}
	
	#header {
		height:87px;
	}
	
	#header strong {
		padding-left:31px;
	}
	
	#header em,
	.pc-navi {
		display:none;
	}
	
	#nav-toggle {
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.open #nav-toggle {
		border-color:#000;
	}
	
	.open #nav-toggle div span:nth-child(1) {
		top:10px;
		transform:rotate(315deg);
	}
	
	.open #nav-toggle div span:nth-child(2) {
		width:0;
		left:50%;
	}
	
	.open #nav-toggle div span:nth-child(3) {
		top:10px;
		transform:rotate(-315deg);
	}
	
	.open .sp-navi {
		transform:translateY(100%);
	}
	
}


@media screen and (min-width : 768px) and (max-width : 1169px) {
	.all-up-top section {
		right:54px;
	}
	
	.all-up-top h1 small {
		font-size:19px;
	}
	
	.all-up-top h1 big {
		font-size:54px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.all-up-top section {
		right:32px;
	}
	
	.all-up-top h1 small {
		font-size:14px;
	}
	
	.all-up-top h1 big {
		font-size:31px;
		font-weight:900;
	}
	
	.all-up h1 {
		width:180px;
		height:180px;
	}
	
	.all-up h1 span {
		padding-bottom:0;
	}
	
	.all-up h1 small {
		padding-bottom:12px;
		font-size:10px;
	}
	
	.all-up h1 big {
		font-size:22px;
	}
}

/* Header End */

/* Main Start */

.container {
	margin:0 auto;
	width:1168px;
}

#contents {
	position:relative;
}

.main-h2 {
	line-height:0;
	font-size:0;
}

.main-h2 big,
.main-h2 span {
	display:block;
	padding-left:7px;
	color:rgba(163,210,237,.31);
	line-height:128%;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:70px;
	font-weight:900;
	letter-spacing:7px;
}

.main-h2 small {
	display:block;
	padding-top:60px;
	line-height:143%;
	font-size:25px;
	font-weight:900;
	letter-spacing:1px;
}

.arrow-lnavi {
	padding:100px 0 140px 0;
}

.arrow-lnavi ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	list-style-type:none;
}

.arrow-lnavi ul li {
	padding:0 4px 8px;
}

.arrow-lnavi ul li a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid #0090d9;
	color:#0090d8;
	padding:0 70px;
	height:67px;
	line-height:100%;
	font-size:14px;
	text-decoration:none;
}

.arrow-lnavi ul li a::after {
	position:absolute;
	left:calc(50% - 4px);
	bottom:10px;
	display:block;
	border-right:1px solid #0090d9;
	border-bottom:1px solid #0090d9;
	width:8px;
	height:8px;
	content:"";
	transform:rotate(45deg);
}

.arrow-lnavi ul li a:hover::after {
	bottom:5px;
}

.arrow-lnavi-op {
	padding:100px 0 140px 0;
}

.arrow-lnavi-op ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	list-style-type:none;
}

.arrow-lnavi-op ul li {
	padding:0 7px 14px;
}

.arrow-lnavi-op ul li a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid #0090d9;
	color:#0090d8;
	width:222px;
	height:67px;
	line-height:100%;
	font-size:14px;
	text-decoration:none;
}

.arrow-lnavi-op ul li a::after {
	position:absolute;
	left:10px;
	top:calc(50% - 4px);
	display:block;
	border-right:1px solid #0090d9;
	border-top:1px solid #0090d9;
	width:8px;
	height:8px;
	content:"";
	transform:rotate(45deg);
}

.arrow-lnavi-op ul li a:hover,
.arrow-lnavi-op ul li.current a,
.arrow-lnavi-op ul li.current a:hover {
	border-color:#ccc;
	color:#999;
}

.arrow-lnavi-op ul li a:hover::after,
.arrow-lnavi-op ul li.current a::after,
.arrow-lnavi-op ul li.current a:hover::after {
	border-color:#ccc;
}

.detail-m,
.detail-l {
	display:block;
}

.detail-m a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#e18e50;
	border-radius:21px / 30px;
	color:#fff;
	width:204px;
	height:60px;
	line-height:100%;
	font-size:13px;
	text-decoration:none;
}

.detail-m a::before {
	position:absolute;
	left:10px;
	top:calc(50% - 5px);
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	content:"";
}

.detail-m a:hover,
.detail-l a:hover {
	opacity:.8;
}

.detail-l a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#e18e50;
	border-radius:28px / 37px;
	color:#fff;
	width:254px;
	height:74px;
	line-height:100%;
	font-size:16px;
	text-decoration:none;
}

.detail-l a span {
	font-size:14px;
}

.detail-l a::before {
	position:absolute;
	left:15px;
	top:calc(50% - 6px);
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:12px;
	height:12px;
	transform:rotate(45deg);
	content:"";
}

.graysh-brown {
	background-color:rgba(142,127,102,.16);
}

.light-brown {
	background-color:rgba(237,191,104,.1);
}

.lightgray {
	background-color:#f4f4f2;
}

.darkgray {
	background-color:#666;
}

.beige {
	background-color:rgba(244,238,230,.64);
}

.graysh-beige {
	background-color:#edeae6;
}

.pager {
	margin:0 auto;
	padding:32px 0 160px 0;
	border-top:1px solid #ccc;
}

.topic-lists>.pager {
	padding:108px 0 0 0;
}

.pager-inner {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
}

.back,
.next {
	position:relative;
	margin:10px 0;
	border:1px solid #999;
	width:22px;
	height:22px;
	text-indent:-9999px;
}

.back a,
.next a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

.back::after,
.next::after {
	position:absolute;
	top:calc(50% - 4px);
	display:block;
	border-top:1px solid #ccc;
	width:8px;
	height:8px;
	content:"";
	pointer-events: none;
}

.back::after {
	border-left:1px solid #ccc;
	left:calc(50% - 2px);
	transform:rotate(315deg);
}

.pager ol {
	display:inline-flex;
	flex-flow:row wrap;
	justify-content:center;
	margin:0 10px;
	list-style-type:none;
}

.pager ol li {
	margin:12px 0;
	padding:0 20px;
	line-height:18px;
	font-size:18px;
}

.pager ol li a {
	color:#000;
	text-decoration:none;
}

.pager ol li a:hover {
	color:#6c9752;
}

.pager ol li+li {
	border-left:1px solid #ccc;
}

.next::after {
	border-right:1px solid #ccc;
	left:calc(50% - 6px);
	transform:rotate(45deg);
}

.back:hover::after,
.next:hover::after {
	border-color:#6c9752;
}

.topic-path {
	margin:0 26px;
	padding-top:6px;
	text-align:left;
}

.topic-path ul {
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	list-style-type:none;
}

.topic-path p {
	color:#000;
	line-height:260%;
	font-size:12px;
}

.topic-path p span a {
	color:#000;
	text-decoration:none;
}

.topic-path p span a:hover {
	text-decoration:underline;
}

.topic-path p span a::after {
	display:inline-block;
	margin:-3px 5px 0;
	content:">";
}

.topic-article>.pager {
	margin-top:200px;
}

.topic-article>.pager>.pager-inner {
	justify-content:space-between;
}

.topic-article>.pager>.pager-inner div {
	display:flex;
	align-items:center;
}




@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.container {
		width:750px;
	}
	
	.main-h2 small {
		padding-top:45px;
	}
	
	.arrow-lnavi,
	.arrow-lnavi-op {
		padding:75px 0 105px 0;
	}
	
	.pager {
		padding:24px 0 120px 0;
	}
	
	.pager ol li {
		padding:0 15px;
	}
	
	.topic-lists>.pager {
		padding:81px 0 0 0;
	}
	
	.topic-article>.pager {
		margin-top:150px;
	}
}

@media only screen and (max-width : 767px) {
	.container {
		width:90%;
	}
	
	.topic-path {
		margin:0 auto;
		width:90%;
	}
	
	.main-h2 big {
		padding-left:4px;
		font-size:56px;
		letter-spacing:4px;
	}
	
	.main-h2 span {
		display:block;
		color:rgba(163,210,237,.31);
		padding-left:4px;
		line-height:128%;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:38px;
		font-weight:900;
		letter-spacing:4px;
	}
	
	.main-h2 small {
		padding-top:30px;
	}
	
	.arrow-lnavi,
	.arrow-lnavi-op {
		padding:50px 0 70px 0;
	}
	
	.arrow-lnavi ul li a {
		padding:0 50px;
		height:59px;
		font-size:13px;
	}
	
	.arrow-lnavi-op ul li {
		padding:0 4px 8px;
	}
	
	.arrow-lnavi-op ul li a {
		width:160px;
		height:59px;
		font-size:13px;
	}
	
	.arrow-lnavi-op ul li a::after {
		left:5px;
	}
	
	.pager {
		padding:16px 0 80px 0;
	}
	
	.pager ol li {
		padding:0 10px;
	}
	
	.topic-lists>.pager {
		padding:54px 0 0 0;
	}
	
	.topic-article>.pager {
		margin-top:100px;
	}
}

/* Main End */

/* Footer Start */

#footer {
	display:flex;
	align-items:center;
	background:url(../common_images/bg_footer.webp) center center no-repeat;
	background-size:cover;
	width:100%;
	height:282px;
}

.foot-data {
	margin:0 auto 0 52px;
}

.foot-data address {
	display:block;
	padding:24px 0 18px 0;
	line-height:100%;
	font-size:14px;
}

.foot-data small {
	display:block;
	line-height:10px;
	font-size:9px;
}

.foot-navi {
	display:flex;
	align-items:center;
}

.foot-navi>ul,
.foot-navi>ul>li>ul {
	display:flex;
	list-style-type:none;
}

.foot-navi>ul>li>ul>li {
	padding-right:40px;
	line-height:100%;
	font-size:15px;
	font-weight:600;
	text-align:left;
}

.foot-navi>ul>li>ul>li a {
	color:#000;
	text-decoration:none;
}

.foot-navi>ul>li>ul>li a:hover,
.foot-navi>ul>li>ul>li.current a,
.foot-navi>ul>li>ul>li.current a:hover {
	color:#999;
}

.foot-navi em {
	display:block;
	margin-right:36px;
	width:170px;
	height:50px;
}

.foot-navi em a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#e18e50;
	border-radius:17px / 25px;
	color:#fff;
	width:170px;
	height:50px;
	line-height:100%;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	letter-spacing:1px;
}

.foot-navi em a::before {
	position:absolute;
	left:10px;
	top:calc(50% - 5px);
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	content:"";
}

.foot-navi em a:hover {
	opacity:.8;
}

@media only screen and (max-width : 1169px) {
	.foot-navi,
	.foot-navi>ul {
		flex-direction:column;
	}
	
	.foot-navi>ul>li+li>ul {
		padding:18px 0 28px 0;
	}
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.foot-data {
		margin:0 auto 0 40px;
	}
	
	.foot-navi>ul>li>ul>li {
		padding:0;
		width:9em;
	}
	
	.foot-navi em {
		margin:0 3em 0 auto;
	}
}

@media only screen and (max-width : 767px) {
	#footer {
		flex-direction:column;
		height:auto;
	}
	
	.foot-data {
		margin:0 auto;
		padding-bottom:32px;
	}
	
	.foot-navi {
		order:-1;
		margin:0 auto;
		padding:32px 0;
	}
	
	.foot-navi>ul {
		padding-left:2em;
	}
	
	.foot-navi>ul>li>ul>li {
		width:7em;
		white-space:nowrap;
	}
	
	.foot-navi em {
		margin:0 auto;
	}
}

/* Footer End */

/* Pagetop and Pagebottom Start */

#pagetop {
	position:fixed;
	right:50px;
	bottom:18px;
	width:45px;
	height:44px;
}

@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	#pagetop {
		right:36px;
	}
}

@media only screen and (max-width : 767px) {
	#pagetop {
		right:22px;
	}
}

/* Pagetop and Pagebottom End */

/* Top Page (index.html) Start */

.top-h2 {
	line-height:0;
	font-size:0;
}

.top-h2 big {
	display:block;
	color:rgba(163,210,237,.31);
	line-height:100%;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:70px;
	font-weight:900;
	letter-spacing:8px;
}

.top-h2 small {
	display:block;
	padding-top:40px;
	line-height:143%;
	font-size:25px;
	font-weight:900;
	letter-spacing:1px;
}

.top-about {
	position:relative;
	text-align:left;
	padding:116px 570px 160px 0;
}

.top-about b {
	position:absolute;
	right:0;
	top:220px;
	display:block;
	width:406px;
	height:416px;
}

.top-about b span {
	position:absolute;
	left:calc(50% - 116px);
	bottom:-27px;
}

.top-about p,
.top-quality p {
	padding:28px 0 36px 0;
	line-height:260%;
	font-size:16px;
	letter-spacing:1px;
}

.top-quality {
	position:relative;
	text-align:right;
	padding:0 0 160px 450px;
}

.top-quality b {
	position:absolute;
	left:0;
	top:110px;
	display:block;
	width:392px;
	height:404px;
}

.top-quality p {
	padding-left:50px;
}

.top-quality em a {
	margin-left:auto;
}

.top-service {
	padding:116px 0 80px 0;
	background:url(../top_images/bg_top01.webp) center center no-repeat;
	background-size:cover;
}

.top-service div {
	margin:28px auto 48px auto;
	background-color:rgba(255,255,255,.74);
	width:1224px;
}

.top-service div ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:60px 0 92px 0;
	list-style-type:none;
}

.top-service div ul li {
	padding:0 11px 20px;
}

.top-service div ul li dl {
	width:100%;
	max-width:369px;
}

.top-service div ul li dl dt {
	position:relative;
	padding-bottom:135px;
}

.top-service div ul li dl dt img {
	z-index:1;
	max-width:100%;
	height:auto;
}

.top-service div ul li dl dt h3 {
	z-index:10;
	position:absolute;
	bottom:0;
	left:calc(50% - 78px);
	display:flex;
	justify-content:center;
	align-items:center;
	margin:-21px auto 0;
	border-radius:50%;
	color:#fff;
	width:156px;
	height:156px;
	line-height:143%;
	font-size:16px;
	font-weight:600;
}

.top-service div ul li:nth-child(1) dl dt h3 {
	background-color:#0090d9;
}

.top-service div ul li:nth-child(2) dl dt h3 {
	background-color:#40a9fc;
}

.top-service div ul li:nth-child(3) dl dt h3 {
	background-color:#89c5fd;
}

.top-service div ul li dl dd p {
	padding-top:36px;
	line-height:200%;
	font-size:16px;
}

.top-service em a {
	margin:0 auto;
}

.top-works {
	padding:136px 0 124px 0;
}


.top-works ul li dl dd p {
	color: #000;
}

@media only screen and (min-width : 768px) {
.top-works ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
}
}

.top-works ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:96px 0 64px 0;
	list-style-type:none;
}

.top-works ul li {
	padding:0 18px 36px;
}

.top-works ul li dl {
	width:100%;
	max-width:350px;
}

.top-works ul li dl dt img {
	max-width:100%;
	height:auto;
}

.top-works ul li dl dd {
	padding-top:20px;
}

.top-works ul li dl dd h3 {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	border:1px solid #0090d9;
	color:#3fa9fc;
	width:247px;
	height:33px;
	line-height:100%;
	font-size:12px;
}

.top-works ul li dl dd b {
	display:block;
	padding:20px 0 12px 0;
	color:#666;
	line-height:140%;
	font-size:16px;
}

.top-works ul li dl dd p {
	line-height:140%;
	font-size:16px;
}

.top-works em a {
	margin:0 auto;
}

.top-rec {
	padding:54px 0;
	background:url(../top_images/bg_top02.webp) left center no-repeat;
	background-size:cover;
}

.top-rec section {
	position:relative;
	margin-left:32px;
	padding:84px 420px 76px 72px;
	background-color:rgba(255,255,255,.8);
	text-align:left;
}

.top-rec section strong {
	display:block;
	padding-top:64px;
	color:#0090d8;
	line-height:143%;
	font-size:25px;
	font-weight:900;
	letter-spacing:1px;
}

.top-rec section strong span {
	display:inline-block;
}

.top-rec section b {
	position:absolute;
	right:-41px;
	top:84px;
	display:block;
	width:374px;
	height:387px;
}

.top-rec section div {
	position:absolute;
	right:78px;
	bottom:-116px;
	display:block;
	width:271px;
	height:281px;
}

.top-rec section p {
	padding:28px 0 36px 0;
	line-height:260%;
	font-size:16px;
	letter-spacing:1px;
}

.top-topics {
	padding:164px 0 172px 0;
}

.top-topics dl {
	padding:64px 0 92px 0;
	font-size:17px;
}

.top-topics dl dt {
	padding-top:32px;
	color:#999;
	line-height:100%;
}

.top-topics dl dd {
	padding-top:6px;
	line-height:200%;
}

.top-topics dl dd a {
	color:#000;
	text-decoration:none;
}

.top-topics dl dd a:hover {
	text-decoration:underline;
}

.top-topics em a {
	margin:0 auto;
}

@media only screen and (max-width : 1169px) {
	.top-about b,
	.top-quality b {
		position:relative;
		top:0;
		margin:50px auto;
	}
	
	.top-quality b {
		margin-bottom:25px;
	}
	
	.top-service {
		background-position:left center;
	}
	
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.top-h2 small {
		padding-top:30px;
	}
	
	.top-about {
		padding:87px 0 120px 0;
	}
	
	.top-about p,
	.top-quality p {
		padding:28px 0 27px 0;
	}
	
	.top-quality {
		padding:0 0 120px 0;
	}
	
	.top-service {
		padding:87px 0 60px 0;
	}
	
	.top-service div {
		margin:21px auto 36px auto;
		width:758px;
	}
	
	.top-service div ul {
		padding:45px 0 69px 0;
	}
	
	.top-service div ul li {
		padding:0 5px 32px;
	}
	
	.top-service div ul li dl {
		max-width:360px;
	}
	
	.top-service div ul li dl dd p {
		padding-top:27px;
	}
	
	.top-works {
		padding:102px 0 93px 0;
	}
	
	.top-works ul {
		padding:72px 0 48px 0;
	}
	
	.top-works ul li {
		padding:0 12px 27px;
	}
	
	.top-works ul li dl dd {
		padding-top:15px;
	}
	
	.top-works ul li dl dd b {
		padding:15px 0 9px 0;
	}
	
	.top-rec section {
		margin:0 32px;
		padding:52px;
	}
	
	.top-rec section strong {
		padding:24px 0;
	}
	
	.top-rec section b {
		position:static;
		top:0;
		margin-right:auto;
	}
	
	.top-rec section div {
		position:static;
		bottom:0;
		margin-left:auto;
	}
	
	.top-topics {
		padding:123px 0 129px 0;
	}
	
	.top-topics dl {
		padding:48px 0 69px 0;
		font-size:16px;
	}
	
	.top-topics dl dt {
		padding-top:24px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.top-h2 big {
		font-size:34px;
		letter-spacing:3px;
	}
	
	.top-h2 small {
		padding-top:20px;
		font-size:20px;
	}	
	
	.top-about {
		padding:58px 0 80px 0;
	}
	
	.top-about b,
	.top-quality b {
		width:100%;
		height:auto;
	}
	
	.top-about b {
		max-width:406px;
	}
	
	.top-quality b {
		max-width:392px;
	}
	
	.top-about b>img,
	.top-quality b>img,
	.top-rec section b>img,
	.top-rec section div>img {
		max-width:100%;
		height:auto;
	}
	
	.top-about p,
	.top-quality p {
		padding:28px 0 18px 0;
		font-size:13px;
	}
	
	.top-quality {
		padding:0 0 80px 0;
	}
	
	.top-service {
		padding:58px 0 40px 0;
	}
	
	.top-service div {
		margin:14px auto 24px auto;
		width:90%;
	}
	
	.top-service div ul {
		padding:30px 0 46px 0;
	}
	
	.top-service div ul li {
		padding:0 20px 20px;
	}
	
	.top-service div ul li dl dd p {
		padding-top:18px;
		font-size:13px;
	}
	
	.top-works {
		padding:68px 0 62px 0;
	}
	
	.top-works ul {
		padding:48px 0 32px 0;
	}
	
	.top-works ul li {
		padding:0 0 18px;
	}
	
	.top-works ul li dl dd {
		padding-top:10px;
	}
	
	.top-works ul li dl dd b {
		padding:10px 0 6px 0;
	}
	
	.top-rec section {
		margin:0 20px;
		padding:24px;
	}
	
	.top-rec section strong {
		padding:20px 0;
		font-size:20px;
	}	
	
	.top-rec section b {
		position:static;
		top:0;
		margin-right:auto;
		width:100%;
		max-width:374px;
		height:auto;
	}
	
	.top-rec section div {
		position:static;
		bottom:0;
		margin-left:auto;
		padding-top:20px;
	}
	
	.top-rec section p {
		font-size:13px;
	}
	
	.top-topics {
		padding:82px 0 86px 0;
	}
	
	.top-topics dl {
		padding:32px 0 46px 0;
		font-size:15px;
	}
	
	.top-topics dl dt {
		padding-top:16px;
	}
	
	
}

/* Top Page (index.html) End */

/* Archive (archive/index.html) Start */

.ex-genre {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:96px 0;
	list-style-type:none;
}

.ex-genre li {
	padding:0 7px 14px;
}

.ex-genre li a {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#0090d8;
	color:#fff;
	width:153px;
	height:40px;
	line-height:100%;
	font-size:15px;
	text-decoration:none;
}

.ex-genre li a:hover,
.ex-genre li.current a,
.ex-genre li.current a:hover {
	background-color:#999;
}

.ex-lists {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	list-style-type:none;
}

.ex-lists li {
	width:100%;
	max-width:350px;
}

.ex-lists li a {
	display:block;
	color:#000;
	text-decoration:none;
}

.ex-lists li a:hover {
	opacity:.8;
}

.ex-lists li a dl {
	width:100%;
}

.ex-lists li a dl dt img {
	max-width:100%;
	height:auto;
}

.ex-lists li a dl dd {
	padding:24px 0 92px 0;
}

.ex-lists li a dl dd h3 {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	border:1px solid rgba(0,144,217,.42);
	color:#3fa9fc;
	width:247px;
	height:32px;
	line-height:100%;
	font-size:12px;
}

.ex-lists li a dl dd em {
	display:block;
	padding:24px 0 14px 0;
	color:#666;
	line-height:100%;
	font-size:14px;
}

.ex-lists li a dl dd p {
	line-height:140%;
	font-size:16px;
	font-weight:600;
}

.watch-pdf {
	padding-bottom:160px;
}

.watch-pdf div {
	margin:0 auto;
	padding:76px 24px 60px;
	background-color:rgba(205,197,184,.24);
	width:100%;
	max-width:1120px;
}

.watch-pdf div em {
	display:block;
}

.watch-pdf div em a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	background-color:#e18e50;
	border-radius:32px / 45px;
	color:#fff;
	width:100%;
	max-width:306px;
	height:90px;
	line-height:100%;
	font-size:16px;
	text-decoration:none;
}

.watch-pdf div em a span {
	display:inline-block;
	padding-right:19px;
}

.watch-pdf div em a::before {
	position:absolute;
	left:45px;
	top:calc(50% - 5px);
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	content:"";
}

.watch-pdf div em a::after {
	position:absolute;
	right:50px;
	top:calc(50% - 21px);
	display:block;
	background:url(../archive_images/index/icon_pdf.png) no-repeat;
	background-size:33px 42px;
	width:33px;
	height:42px;
	content:"";
}

.watch-pdf div em a:hover {
	opacity:.8;
}

.watch-pdf div p {
	padding-top:52px;
	line-height:141%;
	font-size:16px;
	font-weight:600;
}

@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.ex-genre {
		padding:72px 0;
	}
	
	.ex-lists li a dl dd {
		padding:18px 0 69px 0;
	}
	
	.ex-lists li a dl dd em {
		padding:18px 0 14px 0;
	}
	
	.watch-pdf {
		padding-bottom:120px;
	}
	
	.watch-pdf div {
		padding:57px 24px 45px;
	}
	
	.watch-pdf div p {
		padding-top:39px;
	}
}

@media only screen and (max-width : 767px) {
	.ex-genre {
		padding:48px 0;
	}
	
	.ex-lists {
		flex-direction:column;
	}
	
	.ex-lists li {
		margin:0 auto;
	}
	
	.ex-lists li a dl dd {
		padding:12px 0 46px 0;
	}
	
	.ex-lists li a dl dd em {
		padding:12px 0 14px 0;
	}
	
	.watch-pdf {
		padding-bottom:80px;
	}
	
	.watch-pdf div {
		padding:38px 24px 30px;
	}
	
	.watch-pdf div p {
		padding-top:26px;
	}
}

/* Archive (archive/index.html) End */

/* Archive Detail (archive/detail.html) Start */

.archive-detail {
	padding-bottom:160px;
}

.archive-detail strong {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:124px auto 0;
	border:1px solid rgba(0,144,217,.42);
	color:#3fa9fc;
	width:247px;
	height:32px;
	line-height:100%;
	font-size:12px;
	font-weight:400;
}

.archive-detail h3 {
	padding-top:48px;
	line-height:140%;
	font-size:30px;
}

.archive-detail b {
	display:block;
	padding-top:20px;
	color:#666;
	line-height:100%;
	font-size:16px;
}

.archive-detail p {
	padding:60px 80px 0;
	line-height:140%;
	font-size:16px;
}

.archive-detail ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:84px 0 76px 0;
	list-style-type:none;
}

.archive-detail ul li {
	padding-bottom:64px;
	width:100%;
	max-width:550px;
}

.archive-detail ul li img {
	max-width:100%;
	height:auto;
}

.archive-detail ul li span {
	display:block;
	padding-top:24px;
	line-height:140%;
	font-size:16px;
}

.archive-detail em {
	display:block;
}

.archive-detail em a {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	background-color:#000;
	color:#fff;
	width:100%;
	max-width:424px;
	height:73px;
	line-height:100%;
	font-size:18px;
	text-decoration:none;
}

.archive-detail em a span {
	position:relative;
	display:inline-block;
	padding:0 20px;
}

.archive-detail em a span::before {
	position:absolute;
	left:0;
	top:calc(50% - 4px);
	display:block;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:8px;
	height:8px;
	content:"";
	transform:rotate(45deg);
}

@media only screen and (max-width : 1169px) {
	.archive-detail ul {
		flex-direction:column;
	}
	
	.archive-detail ul li {
		margin:0 auto;
	}
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.archive-detail {
		padding-bottom:120px;
	}
	
	.archive-detail strong {
		margin:93px auto 0;
	}
	
	.archive-detail h3 {
		padding-top:36px;
		font-size:26px;
	}
	
	.archive-detail b {
		padding-top:15px;
	}
	
	.archive-detail p {
		padding:45px 40px 0;
	}
	
	.archive-detail ul {
		padding:63px 0 57px 0;
	}
	
	.archive-detail ul li {
		padding-bottom:48px;
	}
	
	.archive-detail ul li span {
		padding-top:18px;
		font-size:15px;
	}
}

@media only screen and (max-width : 767px) {
	.archive-detail {
		padding-bottom:80px;
	}
	
	.archive-detail strong {
		margin:62px auto 0;
	}
	
	.archive-detail h3 {
		padding-top:24px;
		font-size:30px;
	}
	
	.archive-detail b {
		padding-top:10px;
	}
	
	.archive-detail p {
		padding:30px 0 0;
	}
	
	.archive-detail ul {
		padding:42px 0 38px 0;
	}
	
	.archive-detail ul li {
		padding-bottom:32px;
	}
	
	.archive-detail ul li span {
		padding-top:12px;
		font-size:14px;
	}
}

/* Archive Detail (archive/detail.html) End */

/* Company (company/index.html) Start */

.company-base {
	background:rgba(244,238,230,.64) url(../company/images/bg_com01.webp) left 73% no-repeat;
	background-size:50vw auto;
}

.company01 {}

.company01 dl {
	display:flex;
	padding:108px 0 168px 0;
}

.company01 dl dt {
	flex-shrink:0;
	padding-top:11px;
	width:314px;
}

.company01 dl dt img {
	max-width:100%;
	height:auto;
}

.company01 dl dd {
	flex-grow:1;
	margin-left:105px;
	line-height:260%;
	font-size:16px;
	letter-spacing:1px;
	opacity:.8;
}

.company01 dl dd p {
	text-align:left;
}

.company01 dl dd strong {
	display:block;
	padding-top:68px;
	text-align:right;
	font-weight:400;
}

.company02 {
	padding:140px 0;
}

.company02 ul {
	margin:0 auto;
	padding-top:112px;
	list-style-type:none;
	width:100%;
	max-width:1024px;
}

.company02 ul li {
	padding:16px 0;
	line-height:180%;
	font-size:15px;
	font-weight:500;
	text-align:left;
	letter-spacing:2px;
}

.company02 ul li+li {
	border-top:1px solid #ccc;
}

.company02 ul li dl {
	display:flex;
}

.company02 ul li dl dt {
	flex-shrink:0;
	padding-left:10px;
	width:196px;
}

.company02 ul li dl dd {
	flex-grow:1;
}

.company03 {
	padding:132px 0 112px 0;
	background:url(../company/images/bg_com02.png) center center no-repeat;
	background-size:cover;
}

.company03-inner {
	margin:0 auto;
	width:1082px;
}

.big-circle {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding-top:100px;
	list-style-type:none;
}

.big-circle li {
	margin:0 8px 16px;
	background:url(../company/images/bg_comcircle.webp) no-repeat;
	background-size:100% 100%;
	width:489px;
	height:489px;
}

.big-circle li h3 {
	line-height:0;
	font-size:0;
}

.big-circle li h3 small {
	display:block;
	padding-top:114px;
	padding-left:2px;
	line-height:10px;
	font-size:9px;
	font-weight:400;
	letter-spacing:2px;
}

.big-circle li h3 big {
	display:block;
	padding-top:16px;
	padding-left:2px;
	line-height:100%;
	font-size:22px;
	letter-spacing:2px;
}

.big-circle li h3::after {
	display:block;
	margin:40px auto 0;
	background-color:#000;
	width:156px;
	height:1px;
	content:"";
}

.big-circle li em {
	display:block;
	padding-top:68px;
	line-height:100%;
	font-size:26px;
	font-weight:600;
}

.big-circle li p {
	padding-top:36px;
	line-height:180%;
	font-size:16px;
	font-weight:600;
}

.company03-inner section {
	margin-top:156px;
	padding:0 44px 104px;
	background-color:rgba(255,255,255,.74);
}

.company03-inner section div {
	position:relative;
	margin:0 auto;
	width:175px;
	height:96px;
}

.company03-inner section div h3 {
	position:absolute;
	left:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#0090d9;
	border-radius:50%;
	color:#fff;
	width:175px;
	height:175px;
	line-height:0;
	font-size:0;
}

.company03-inner section div h3 span {
	display:inline-block;
}

.company03-inner section div h3 span small {
	display:block;
	padding-bottom:16px;
	padding-left:2px;
	line-height:10px;
	font-size:8px;
	font-weight:400;
	letter-spacing:2px;
}

.company03-inner section div h3 span big {
	display:block;
	padding-bottom:26px;
	padding-left:2px;
	line-height:100%;
	font-size:22px;
	font-weight:500;
	letter-spacing:2px;
}

.big-count {
	list-style-type:none;
}

.big-count li {
	padding-top:48px;
}

.big-count li dl {
	display:flex;
	align-items:center;
	min-height:122px;
}

.big-count li dl dt {
	flex-shrink:0;
	color:rgba(0,144,216,.12);
	width:172px;
	line-height:100%;
	font-size:102px;
	font-weight:800;
}

.big-count li dl dd {
	flex-grow:1;
	position:relative;
	padding-left:32px;
	text-align:left;
}

.big-count li dl dd::before {
	position:absolute;
	left:0;
	top:calc(50% - 61px);
	display:block;
	background-color:rgba(0,144,217,.6);
	width:1px;
	height:122px;
	content:"";
}

.big-count li dl dd strong {
	display:block;
	color:rgba(0,144,216,.8);
	line-height:180%;
	font-size:27px;
	letter-spacing:2px;
}

.big-count li dl dd p {
	padding-top:16px;
	line-height:180%;
	font-size:16px;
	font-weight:500;
	letter-spacing:1px;
}

.company04 {
	padding:188px 0 160px 0;
}

.company04 div {
	position:relative;
	margin-top:84px;
	padding-top:45.77%;
	width:100%;
	height:0;
	overflow:hidden;
}

.company04 div iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}

.company04 address {
	display:block;
	padding-top:56px;
	line-height:180%;
	font-size:16px;
}

@media only screen and (max-width : 1169px) {
	.company-base {
		background-position:left 93%;
		background-size:77vw auto;
	}
	
	.company01 dl {
		flex-direction:column;
	}
	
	.company01 dl dt {
		padding-top:30px;
		width:100%;
	}
	
	.company01 dl dd {
		margin:0;
		padding-top:30px;
	}
	
	.big-count li dl {
		flex-direction:column;
	}
	
	.big-count li dl dt {
		padding-bottom:32px;
		width:100%;
	}
	
	.big-count li dl dd {
		padding-left:0;
		padding-top:32px;
		width:100%;
	}
	
	.big-count li dl dd::before {
		left:calc(50% - 61px);
		top:0;
		width:122px;
		height:1px;
	}
	
	.big-count li dl dd strong {
		text-align:center;
		font-size:21px;
		letter-spacing:1px;
	}
	
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.company01 dl {
		padding:81px 0 126px 0;
	}
	
	.company01 dl dd strong {
		padding-top:51px;
	}
	
	.company01 dl dd {
		font-size:15px;
	}
	
	.company02 {
		padding:140px 0;
	}
	
	.company02 ul {
		padding-top:84px;
	}
	
	.company02 ul li {
		padding:12px 0;
		font-size:14px;
	}
	
	.company02 ul li dl dt {
		padding-left:5px;
		width:140px;
	}
	
	.company03 {
		padding:99px 0 84px 0;
	}
	
	.company03-inner {
		width:750px;
	}
	
	.big-circle {
		padding-top:75px;
	}
	
	.company03-inner section {
		margin-top:136px;
		padding:0 33px 78px;
	}
	
	.big-count li {
		padding-top:36px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.company01 dl {
		padding:54px 0 84px 0;
	}
	
	.company01 dl dd strong {
		padding-top:34px;
	}
	
	.company01 dl dd {
		font-size:14px;
	}
	
	.company02 {
		padding:140px 0;
	}
	
	.company02 ul {
		padding-top:56px;
	}
	
	.company02 ul li {
		padding:8px 0;
		font-size:13px;
	}
	
	.company02 ul li dl {
		flex-direction:column;
	}
	
	.company02 ul li dl dt {
		padding-left:0;
		width:100%;
		font-weight:700;
	}
	
	.company03 {
		padding:66px 0 56px 0;
	}
	
	.company03-inner {
		width:90%;
	}
	
	.big-circle {
		padding-top:50px;
	}
	
	.big-circle li {
		margin:0 0 8px 0;
		width:336px;
		height:336px;
	}
	
	.big-circle li h3 small {
		padding-top:76px;
	}
	
	.big-circle li h3 big {
		padding-top:10px;
	}
	
	.big-circle li h3::after {
		margin:26px auto 0;
	}
	
	.big-circle li em {
		padding-top:46px;
		font-size:22px;
	}
	
	.big-circle li p {
		padding-top:12px;
		line-height:160%;
		font-size:14px;
	}
	
	.company03-inner section {
		margin-top:116px;
		padding:0 22px 52px;
	}
	
	.big-count li {
		padding-top:24px;
	}
	
	.company04 div {
		padding-top:100%;
	}
}

/* Company (company/index.html) End */

/* Blog (blog/index.html) Start */

.blog-top {
	padding-top:68px;
}

.blog-base {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	text-align:left;
	padding-bottom:100px;
}

.blog-list {
	padding-top:80px;
	width:818px;
}

.blog-list article+article {
	border-top:1px solid #ccc;
}

.blog-list article a {
	display:block;
	padding-bottom:52px;
	color:inherit;
	text-decoration:none;
}

.blog-list article a:hover {
	opacity:.7;
}

.blog-list article a h3 {
	padding:24px 0 16px 0;
	color:#8c7f66;
	line-height:196%;
	font-size:26px;
}

.blog-list article a p {
	padding-bottom:20px;
	color:#000;
	line-height:200%;
	font-size:18px;
}

.blog-list article a ul {
	display:-webkit-flex;
	display:flex;
	color:#666;
	line-height:100%;
	font-size:14px;
	list-style-type:none;
}

.blog-list article a ul li:first-child {
	padding-right:8px;
}

.blog-list article a ul li:last-child {
	padding-left:8px;
	border-left:1px solid #666;
}

.blog-navi {
	padding-top:88px;
	width:344px;
}

.blog-navi h3 {
	padding:30px 0 16px 0;
	border-bottom:3px solid #8f8067;
	color:#8C7F66;
	line-height:100%;
	font-size:18px;
}

.blog-navi ul {
	padding:20px 12px 0 12px;
	list-style-type:none;
}

.blog-navi ul li {
	line-height:200%;
	font-size:16px;
}

@media only screen and (max-width : 1249px) {
	.blog-base {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.blog-list,
	.blog-navi {
		width:100%;
	}
	
	.archive-navi {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
	}
}

@media screen and (min-width : 768px) and (max-width : 1249px) {
	.blog-top {
		padding-top:51px;
	}
	
	.blog-base {
		padding-bottom:75px;
	}
	
	.blog-list {
		padding-top:60px;
	}
	
	.blog-list article a h3 {
		padding:18px 0 12px 0;
		font-size:22px;
	}
	
	.blog-list article a p {
		padding-bottom:15px;
		font-size:17px;
	}
	
	.blog-navi {
		padding-top:66px;
	}
	
	.blog-navi h3 {
		font-size:17px;
	}
	
	.blog-navi ul {
		padding:15px 9px 0 9px;
	}
	
	.blog-navi ul li {
		font-size:15px;
	}
	
	.archive-navi li {
		width:8em;
	}
}

@media only screen and (max-width : 767px) {
	.blog-top {
		padding-top:34px;
	}
	
	.blog-base {
		padding-bottom:50px;
	}
	
	.blog-list {
		padding-top:40px;
	}
	
	.blog-list article a h3 {
		padding:12px 0 8px 0;
		font-size:20px;
	}
	
	.blog-list article a p {
		padding-bottom:10px;
		font-size:16px;
	}
	
	.blog-navi {
		padding-top:44px;
	}
	
	.blog-navi h3 {
		font-size:16px;
	}
	
	.blog-navi ul {
		padding:10px 6px 0 6px;
	}
	
	.blog-navi ul li {
		font-size:14px;
	}
	
	.archive-navi li {
		width:7em;
	}
}

/* Blog (blog/index.html) End */

/* Blog Detail (blog/detail.html) Start */

.article {
	padding-top:120px;
	width:818px;
}

.article h3 {
	color:#8c7f66;
	line-height:196%;
	font-size:26px;
}

.article>ol {
	display:-webkit-flex;
	display:flex;
	padding:8px 0 44px 0;
	line-height:100%;
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
}

.article>ol>li:first-child {
	padding-right:8px;
}

.article>ol>li:last-child {
	padding-left:8px;
	border-left:1px solid #000;
}

.article p {
	padding-bottom:32px;
	line-height:200%;
	font-size:16px;
}

.article em {
	display:block;
	padding-bottom:10px;
}

.article>ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	padding-top:100px;
	list-style-type:none;
	line-height:100%;
	font-size:16px;
}

.article ul li:nth-child(1) {
	padding:2px 8px 2px 0;
}

.article ul li:nth-child(1) a {
	position:relative;
	display:inline-block;
	padding-left:20px;
}

.article ul li:nth-child(1) a::before {
	position:absolute;
	left:0;
	top:calc(50% - 4px);
	display:block;
	box-sizing:border-box;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	content:"";
}

.article ul li:nth-child(2) {
	padding:2px 8px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

.article ul li:nth-child(3) {
	padding:2px 0 2px 8px;
}

.article ul li:nth-child(3) a {
	position:relative;
	display:inline-block;
	padding-right:20px;
}

.article ul li:nth-child(3) a::after {
	position:absolute;
	right:0;
	top:calc(50% - 4px);
	display:block;
	box-sizing:border-box;
	border-top:1px solid #000;
	border-right:1px solid #000;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	content:"";
}

@media only screen and (max-width : 1249px) {
	.article {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1249px) {
	.article {
		padding-top:90px;
	}
	
	.article h3 {
		font-size:24px;
	}
	
	.article>ol {
		padding:6px 0 33px 0;
	}
	
	.article p {
		padding-bottom:24px;
		font-size:15px;
	}
	
	.article>ul {
		padding-top:75px;
		font-size:15px;
	}
}

@media only screen and (max-width : 767px) {
	.article {
		padding-top:60px;
	}
	
	.article h3 {
		font-size:22px;
	}
	
	.article>ol {
		padding:4px 0 22px 0;
	}
	
	.article p {
		padding-bottom:16px;
		font-size:14px;
	}
	
	.article>ul {
		padding-top:50px;
		font-size:14px;
	}
}

/* Blog Detail (blog/detail.html) End */

/* Contact (contact/index.html) Start */

.form {}

.form p {
	padding:108px 0 88px 0;
	line-height:260%;
	font-size:16px;
	text-align:left;
}

.form ul {
	list-style-type:none;
	text-align:left;
}

.form ul:after {
	margin-top:32px;
	display:block;
	background-color:#ebebeb;
	width:100%;
	height:1px;
	content:"";
}

.form ul li {
	padding-bottom:52px;
}

.form ul li dl {
	display:flex;
	align-items:center;
	line-height:100%;
	font-size:16px;
}

.form ul li dl dt {
	flex-shrink:0;
	width:225px;
	line-height:28px;
}

.nece::after {
	float:right;
	display:inline-block;
	margin-left:auto;
	background-color:#0090d9;
	color:#fff;
	line-height:28px;
	font-size:14px;
	width:70px;
	text-align:center;
	content:"必須"
}

.form ul li dl dd {
	flex-grow:1;
	margin-left:60px;
	line-height:100%;
	font-size:16px;
}

.form ul li dl dd input[type="text"],
.form ul li dl dd input[type="tel"],
.form ul li dl dd input[type="email"],
.form ul li dl dd textarea,
.form ul li dl dd select {
	padding:16px;
	background-color:#f9f9f9;
	border-radius:4px;
	border:1px solid #7399b8;
	width:100%;
	font-family:"Noto Sans JP", '小塚ゴシック Pro','Kozuka Gothic Pro',"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	line-height:24px;
	font-size:16px;
}

.form ul li dl dd input[type="text"],
.form ul li dl dd input[type="tel"],
.form ul li dl dd input[type="email"] {
	width:70%;
}

label {
	vertical-align:middle;
	padding:0 20px 0 12px;
	cursor:pointer;
}

.form b {
	display:block;
	padding:68px 0 32px 0;
	font-size:16px;
	font-weight:400;
	text-align:center;
}

.form em {
	display:block;
}

.form em input {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	border:0;
	background-color:#0090d9;
	color:#fff;
	width:228px;
	height:76px;
	line-height:100%;
	font-family:"Noto Sans JP", '小塚ゴシック Pro','Kozuka Gothic Pro',"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-size:18px;
	cursor:pointer;
}

.form em input:hover {
	opacity:.8;
}

.privacy {
	padding-top:280px;
	padding-bottom:160px;
}

.privacy p {
	padding-top:144px;
}

.privacy p,
.privacy dl {
	line-height:160%;
	font-size:16px;
	text-align:left;
}

.privacy dl dt {
	padding-top:24px;
	font-weight:600;
}

.privacy ul li,
.privacy ol li {
	margin-left:1em;
}

.privacy ol {
	padding:24px 0;
	list-style-type:disc;
}

.h2-1st {
	padding-top:92px;
}

@media only screen and (max-width : 1249px) {
	.form ul li dl dd input[type="text"],
	.form ul li dl dd input[type="tel"],
	.form ul li dl dd input[type="email"] {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1249px) {
	.form p {
		padding:81px 0 66px 0;
	}
	
	.form ul:after {
		margin-top:24px;
	}
	
	.form ul li {
		padding-bottom:39px;
	}
	
	.form ul li dl dd {
		margin-left:30px;
	}
	
	.privacy {
		padding-top:210px;
		padding-bottom:120px;
	}
	
	.privacy p {
		padding-top:108px;
	}
	
	.privacy dl dt {
		padding-top:18px;
	}
	
	.privacy ol {
		padding:18px 0;
	}
	
	.h2-1st {
		padding-top:69px;
	}
}

@media only screen and (max-width : 767px) {
	.form p {
		padding:54px 0 44px 0;
	}
	
	.form ul:after {
		margin-top:16px;
	}
	
	.form ul li {
		padding-bottom:26px;
	}
	
	.form ul li dl {
		flex-direction:column;
	}
	
	.form ul li dl dt {
		margin-right:auto;
	}
	
	.nece::after {
		float:none;
		margin-left:10px;
	}
	
	.form ul li dl dd {
		margin-left:0;
		padding-top:16px;
	}
	
	.privacy {
		padding-top:140px;
		padding-bottom:80px;
	}
	
	.privacy p {
		padding-top:72px;
	}
	
	.privacy dl dt {
		padding-top:12px;
	}
	
	.privacy ol {
		padding:12px 0;
	}
	
	.h2-1st {
		padding-top:46px;
	}
}

/* Contact (contact/index.html) End */

/* Features (features/index.html) Start */

.features-base {
	background:rgba(244,238,230,.64) url(../features/images/bg_features.webp) center top repeat-y;
	background-size:100vw auto;
}

.features {
	margin:0 auto;
	padding-bottom:160px;
	width:1082px;
}

.features em {
	display:block;
	padding:80px 0 16px 0;
	line-height:200%;
	font-size:16px;
	font-weight:600;
}

.feat-inner {
	margin-top:140px;
	background-color:rgba(255,255,255,.74);
}

.feat-h3-base {
	position:relative;
	margin:0 auto;
	width:172px;
	height:88px;
}

.feat-h3-base h3 {
	position:absolute;
	left:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:172px;
	height:176px;
}

.feat-h3-base h3::after {
	position:absolute;
	left:calc(50% - 60px);
	bottom:0;
	display:block;
	background-color:rgba(0,144,217,.6);
	width:120px;
	height:1px;
	content:"";
}

.feat-h3-base h3 small {
	display:inline-block;
	padding-left:16px;
	color:rgba(0,144,216,.8);
	line-height:100%;
	font-size:19px;
	letter-spacing:2px;
	transform:rotate(90deg);
}

.feat-h3-base h3 big {
	display:inline-block;
	margin-left:-24px;
	margin-right:20px;
	color:#0090d8;
	line-height:100%;
	font-size:102px;
}

.feat-inner strong {
	display:block;
	padding:56px 0 52px 2px;
	color:rgba(0,144,216,.8);
	line-height:143%;
	font-size:30px;
	font-weight:600;
	letter-spacing:2px;
}

.feat-inner p {
	margin:0 48px;
	padding-bottom:72px;
	line-height:200%;
	font-size:16px;
	font-weight:600;
}

.alt-box {
	padding:80px 0 88px 56px;
}

.alt-box:nth-of-type(even) {
	background-color:rgba(0,144,216,.05);
}

.alt-box dl {
	display:flex;
}

.alt-box dl dt {
	flex-shrink:0;
	padding-top:36px;
	width:175px;
}

.alt-box dl dt b {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#0090D9;
	border-radius:50%;
	width:175px;
	height:175px;
	line-height:0;
	font-size:0;
}

.alt-box dl dt b span {
	display:inline-block;
}

.alt-box dl dt b span small {
	display:block;
	padding:0 0 8px 2px;
	color:#9cc;
	font-size:10px;
	line-height:143%;
	letter-spacing:2px;
}

.alt-box dl dt b span big {
	display:block;
	padding-left:2px;
	color:#fff;
	font-size:18px;
	line-height:143%;
	letter-spacing:2px;
}

.alt-box dl dd {
	flex-grow:1;
	margin-left:72px;
}

.alt-box dl dd ul {
	display:flex;
	flex-flow:row wrap;
	list-style-type:none;
}

.alt-box dl dd ul li {
	position:relative;
	margin:0 40px 40px 0;
	width:330px;
	height:auto;
}

.alt-box dl dd ul li img,
.feat-inner ol li img {
	width:100%;
	height:auto;
}

.alt-box dl dd ul li::before,
.feat-inner ol li::before {
	position:absolute;
	left:10px;
	top:100%;
	display:block;
	background-color:#ccc;
	width:100%;
	height:10px;
	content:"";
}

.alt-box dl dd ul li::after,
.feat-inner ol li::after {
	position:absolute;
	left:100%;
	top:10px;
	display:block;
	background-color:#ccc;
	width:10px;
	height:100%;
	content:"";
}

.feat-inner ol {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:0 0 64px 10px;
	list-style-type:none;
}

.feat-inner ol li {
	position:relative;
	margin:0 55px 40px;
	width:330px;
	height:auto;
}

@media only screen and (max-width : 1169px) {
	.features {
		width:100%;
	}
	
	.alt-box dl {
		flex-direction:column;
	}
	
	.alt-box dl dt {
		padding:0;
		width:100%;
	}
	
	.alt-box dl dt b {
		margin:0 auto;
	}
	
	.alt-box dl dd {
		margin:0;
		padding-top:32px;
	}
	
	.alt-box dl dd ul {
		justify-content:center;
	}
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.features {
		padding-bottom:120px;
	}
	
	.features em {
		padding:60px 0 12px 0;
		font-size:15px;
	}
	
	.feat-inner strong {
		padding:42px 0 39px 2px;
		font-size:26px;
	}
	
	.feat-inner p {
		margin:0 36px;
		padding-bottom:54px;
		font-size:15px;
	}
	
	.alt-box {
		padding:60px 0 66px 0;
	}
	
	.alt-box dl dd ul li,
	.feat-inner ol li {
		margin:0 15px 30px;
		width:320px;
	}
	
	.feat-inner ol {
		padding:0 0 48px 0;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.features {
		padding-bottom:80px;
	}
	
	.features em {
		padding:40px 0 8px 0;
		font-size:14px;
	}
	
	.feat-inner strong {
		padding:28px 0 26px 2px;
		font-size:22px;
	}
	
	.feat-inner p {
		margin:0 24px;
		padding-bottom:36px;
		font-size:14px;
	}
	
	.alt-box {
		padding:40px 0 44px 0;
	}
	
	.alt-box dl dd ul li,
	.feat-inner ol li {
		margin:0 34px 30px 24px;
		max-width:320px;
	}
	
	.feat-inner ol {
		padding:0 0 32px 0;
	}
	
	
}

/* Features (features/index.html) End */

/* News Index (news/index.html) Start */

.topic-base {
	padding-bottom:160px;
}

.topic {
	display:flex;
	justify-content:space-between;
}

.topic-lists {
	padding-top:132px;
	width:750px;
}

.topic-lists-link {
	list-style-type:none;
}

.topic-lists-link li {
	padding:32px 0;
	text-align:left;
}

.topic-lists-link li+li {
	border-top:1px solid #ccc;
}

.topic-lists-link li dl {
	display:flex;
	align-items:center;
	line-height:140%;
	font-size:18px;
}

.topic-lists-link li dl dt {
	flex-shrink:0;
	width:5.75em;
	border-right:1px solid #666;
}

.topic-lists-link li dl dd {
	flex-grow:1;
	padding-left:1em;
	font-weight:600;
}

.topic-lists-link li dl dd a {
	color:#0090d9;
	text-decoration:none;
}

.topic-lists-link li dl dd a:hover {
	text-decoration:underline;
}

.topic-article {
	width:750px;
	text-align:left;
}

.topic-navi {
	padding-top:116px;
	width:278px;
	text-align:left;
}

.topic-navi h3 {
	padding:48px 0 18px 0;
	border-bottom:1px solid #ccc;
	line-height:100%;
	font-size:16px;
}

.topic-navi ul {
	padding-top:12px;
	list-style-type:none;
}

.topic-navi ul li {
	padding-bottom:12px;
	line-height:160%;
	font-size:16px;
	font-weight:600;
}

.topic-navi ul li a {
	color:#0090d9;
	text-decoration:none;
}

.topic-navi ul li a:hover {
	text-decoration:underline;
}

@media only screen and (max-width : 1169px) {
	.topic {
		flex-direction:column;
	}
	
	.topic-lists,
	.topic-article,
	.topic-navi {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.topic-base {
		padding-bottom:120px;
	}
	
	.topic-lists {
		padding-top:99px;
	}
	
	.topic-lists-link li {
		padding:24px 0;
	}
	
	.topic-lists-link li dl {
		font-size:17px;
	}
	
	.topic-navi {
		padding-top:87px;
	}
	
	.topic-navi h3 {
		padding:36px 0 18px 0;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.topic-base {
		padding-bottom:80px;
	}
	
	.topic-lists {
		padding-top:66px;
	}
	
	.topic-lists-link li {
		padding:16px 0;
	}
	
	.topic-lists-link li dl {
		font-size:16px;
	}
	
	.topic-navi {
		padding-top:58px;
	}
	
	.topic-navi h3 {
		padding:24px 0 18px 0;
	}
	
	
}

/* News Index (news/index.html) End */

/* News Detail (news/detail.html) Start */

.topic-article {
	padding-top:160px;
}

.topic-article h3 {
	line-height:140%;
	font-size:22px;
}

.topic-article h3::after {
	display:block;
	margin:24px auto 0 0;
	background-color:#0090d9;
	border-radius:2px;
	width:178px;
	height:4px;
	content:"";
}

.topic-article dl {
	display:flex;
	padding:20px 0 80px 0;
	line-height:100%;
	font-size:15px;
}

.topic-article dl dt {
	width:5.75em;
	border-right:1px solid #666;
}

.topic-article dl dd {
	padding-left:1em;
}

.topic-article p {
	padding-bottom:8px;
	line-height:260%;
	font-size:16px;
}

.topic-article p img {
	max-width:100%;
	height:auto;
}

.topic-article p a {
	color:#0090d9;
	text-decoration:none;
}

.topic-article p a::before {
	display:inline;
	content:">";
}

.topic-article p a:hover {
	text-decoration:underline;
}

@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.topic-article {
		padding-top:120px;
	}
	
	.topic-article h3 {
		font-size:21px;
	}
	
	.topic-article h3::after {
		margin:18px auto 0 0;
	}
	
	.topic-article dl {
		padding:15px 0 60px 0;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.topic-article {
		padding-top:80px;
	}
	
	.topic-article h3 {
		font-size:20px;
	}
	
	.topic-article h3::after {
		margin:12px auto 0 0;
	}
	
	.topic-article dl {
		padding:10px 0 40px 0;
	}
	
	
}

/* News Detail (news/detail.html) End */

/* Recruit Index (recruit/index.html) Start */

.recruit-base {
	background:rgba(244,238,230,.64);
}

.recruit-top {}

.recruit-top section {
	position:relative;
	margin-top:124px;
	padding:0 400px 128px 0;
	text-align:left;
}

.recruit-top section strong {
	display:block;
	color:rgba(0,144,216,.8);
	line-height:181%;
	font-size:25px;
	font-weight:900;
	letter-spacing:1px;
}

.recruit-top section strong span {
	display:inline-block;
}

.recruit-top section b {
	position:absolute;
	right:30px;
	top:10px;
	display:block;
	width:319px;
	height:330px;
}

.recruit-top section b img,
.recruit-top section div img {
	max-width:100%;
	height:auto;
}

.recruit-top section div {
	position:absolute;
	right:-34px;
	bottom:-32px;
	display:block;
	width:271px;
	height:281px;
}

.recruit-top section p {
	padding-top:32px;
	line-height:260%;
	font-size:16px;
	letter-spacing:1px;
}

.guide-top {
	padding-top:200px;
}

.guide {
	padding-bottom:36px;
}

.guide h3 {
	background-color:rgba(0,144,217,.18);
	display:flex;
	justify-content:center;
	align-items:center;
	color:rgba(0,144,216,.8);
	width:100%;
	height:159px;
	line-height:100%;
	font-size:25px;
}

.guide>.container {
	padding:80px 0 124px 0;
}

.guide>.container ul {
	margin:0 auto;
	list-style-type:none;
	width:100%;
	max-width:1024px;
}

.guide>.container ul li {
	padding:16px 0;
	line-height:180%;
	font-size:15px;
	font-weight:500;
	text-align:left;
	letter-spacing:2px;
}

.guide>.container ul li+li {
	border-top:1px solid #ccc;
}

.guide>.container ul li dl {
	display:flex;
}

.guide>.container ul li dl dt {
	flex-shrink:0;
	padding-left:10px;
	width:196px;
}

.guide>.container ul li dl dd {
	flex-grow:1;
}

.guide>.container em {
	padding-top:148px;
}

.guide>.container em a {
	margin:0 auto;
}

.guide>.container>small {
	display:block;
	color:#900;
	line-height:100%;
	font-size:23px;
	font-weight:600;
}



@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	.recruit-top section {
		margin-top:93px;
		padding:0 0 96px 0;
	}
	
	.recruit-top section b {
		position:static;
		top:0;
		margin-right:auto;
		padding-top:32px;
	}
	
	.recruit-top section div {
		position:static;
		bottom:0;
		margin-left:auto;
	}
	
	.guide-top {
		padding-top:150px;
	}
	
	.guide {
		padding-bottom:36px;
	}
	
	.guide h3 {
		height:149px;
	}
	
	.guide>.container {
		padding:60px 0 91px 0;
	}
	
	.guide>.container ul li {
		padding:12px 0;
		font-size:14px;
	}
	
	.guide>.container ul li dl dt {
		padding-left:5px;
		width:140px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.recruit-top section {
		margin-top:62px;
		padding:0 0 64px 0;
	}
	
	.recruit-top section strong {
		font-size:20px;
	}	
	
	.recruit-top section b {
		position:static;
		top:0;
		right:auto;
		margin:0 auto;
		padding-top:20px;
		width:100%;
		max-width:319px;
		height:auto;
		text-align:center;
	}
	
	.recruit-top section div {
		position:static;
		bottom:0;
		right:auto;
		margin:0 auto;
		padding-top:20px;
		text-align:center;
	}
	
	.recruit-top section p {
		font-size:13px;
	}
	
	.guide-top {
		padding-top:100px;
	}
	
	.guide {
		padding-bottom:36px;
	}
	
	.guide h3 {
		height:139px;
		font-size:20px;
	}
	
	.guide>.container {
		padding:40px 0 62px 0;
	}
	
	.guide>.container ul li {
		padding:8px 0;
		font-size:13px;
	}
	
	.guide>.container ul li dl {
		flex-direction:column;
	}
	
	.guide>.container ul li dl dt {
		padding-left:0;
		width:100%;
		font-weight:700;
	}
	
	.guide>.container>small {
		font-size:20px;
	}
}

.guide-top .main-h2 small {
    padding-top: 18px;
}

.job_list .item {
	display: grid;
	grid-template-columns: 172px 1fr;
	margin-top: 88px;
	border-top: 1px solid #E5E5E5;
}

.job_list > .item > .first {
	background: #F3F3F3;
}

.job_list .item .label {
	padding: 17px 0 17px 24px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	text-align: left;
	line-height: 2.6;
}

.job_list .item .detail {
	padding: 17px 24px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	text-align: left;
	line-height: 2.6;
}

@media only screen and (max-width : 767px) {
	.job_list .item {
		grid-template-columns: 6em 1fr;
		margin-top: 40px;
	}
}

.description {
	margin-top: 136px;
}

.description_list {
	margin-top: 88px;
	border-top: 1px solid #E5E5E5;
}

.description_list .item {
	display: grid;
	grid-template-columns: 172px 1fr;
}

.description_list .item .label {
	padding: 17px 0 17px 24px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	text-align: left;
	line-height: 2.6;
}

.description_list .item .detail {
	padding: 17px 24px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	text-align: left;
	line-height: 2.6;
}

.description .detail-l {
	display: flex;
	justify-content: center;
	padding: 172px 0 222px 0;
	text-align: center;
}

@media only screen and (max-width : 767px) {
	.description_list {
		margin-top: 40px;
		border-top: 1px solid #E5E5E5;
	}
	.description_list .item {
		grid-template-columns: 6em 1fr;
	}
	.description .detail-l {
		display: flex;
		justify-content: center;
		padding: 40px 0 80px 0;
		text-align: center;
	}
}


/* Recruit Index (recruit/index.html) End */

/* Recruit Form (recruit/form.html) Start */





@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	
}

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

/* Recruit Form (recruit/form.html) End */

/*  (/index.html) Start */





@media only screen and (max-width : 1169px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1169px) {
	
}

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

/*  (/index.html) End */


.wpcf7-not-valid-tip {
	margin-top: 0.5em;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 1em 0 0;
}
.wpcf7-list-item label {
    padding: 0 20px 0 0;
}