@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:https://www.geotechnos.co.jp/
File name:sp.css
Summary:base styles
Created:2021-10-13
--------------------------------------------------------------- */

@media screen and (max-width: 1200px) {

	/* Contents */
	/* ------------------------------------------------------------ */

	main:not(#index) {
		padding-top: 40px;
	}

	main section .inner {
		padding: 0 20px;
	}

	main section p.common_btn a {
		background: #fff;
		border: 1px #008BAB solid;
		border-radius: 25px;
		color: #008BAB;
		width: 200px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#index a[href^="tel:"] {
		pointer-events: auto;
		text-decoration: none;
	}

	/* title */
	/* ------------------------------------------------------------ */

	main section h2 {
		color: #008BAB;
		font-size: 28px;
		font-weight: 500;
		font-style: italic;
		display: block;
	}

	main section#title h2 {
		text-align: center;
		color: #008BAB;
		font-style: normal;
		font-size: 24px;
		font-weight: 700;
	}

	main section#title h2 span {
		font-size: 12px;
		font-weight: 700;
		font-style: italic;
		display: block;
		padding-bottom: 10px;
	}

	main:not(#index) section h3 {
		text-align: center;
		font-size: 16px;
		margin-top: 20px;
	}

	main:not(#index) section h3 span {
		font-weight: 500;
		position: relative;
		display: block;
		padding-bottom: 10px;
	}

	main:not(#index) section h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main:not(#index) section#mainvisual {
		margin-top: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	main:not(#index) section#mainvisual figure {
		width: 100%;
		height: 200px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main:not(#index) section#mainvisual figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	main:not(#index) section#mainvisual figcaption {
		background: #EAF5F8;
		width: 100%;
		padding: 30px 0;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main:not(#index) section#mainvisual figcaption p.comment {
		text-align: left;
		font-weight: 500;
		line-height: 1.7;
		padding: 0 20px;
	}

	main:not(#index) section#mainvisual ul.inpage_link {
		background: #fff;
		width: 90%;
		margin-top: -60px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		z-index: 1;
	}

	main:not(#index) section#mainvisual ul.inpage_link li {
		position: relative;
		width: 50%;
	}

	main:not(#index) section#mainvisual ul.inpage_link li a::before {
		content: "";
		background-color: #D1D1D1;
		position: absolute;
		width: 96%;
		height: 1px;
		bottom: 0;
		left: 2%;
	}

	main:not(#index) section#mainvisual ul.inpage_link li:nth-of-type(n+3) a::before {
		content: none;
	}

	main:not(#index) section#mainvisual ul.inpage_link li:nth-child(odd) a::after {
		content: "";
		background-color: #D1D1D1;
		position: absolute;
		width: 1px;
		height: 50px;
		top: 50%;
		right: 0;
		margin-top: -25px;
	}

	main:not(#index) section#mainvisual ul.inpage_link li a {
		padding: 0 10px;
		height: 60px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main:not(#index) section#mainvisual ul.inpage_link li a span {
		text-align: left;
		color: #333;
		font-size: 14px;
		font-weight: 500;
	}

	main:not(#index) section#mainvisual ul.inpage_link li a span>em {
		color: #008BAB;
		font-size: 12px;
		font-style: italic;
		display: block;
		margin-bottom: 5px;
	}

	main:not(#index) section#mainvisual ul.inpage_link li a img {
		width: 12px;
		height: auto;
	}

	/* Mainvisual */
	/* ------------------------------------------------------------ */

	main#index section#mainvisual {
		background: url(../img/index/img_top.png?date=20211015) no-repeat center top;
		background-size: auto;
		background-size: cover;
	}

	main#index section#mainvisual .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#index section#mainvisual .inner>div:nth-of-type(1) {
		width: 100%;
		margin-top: 30%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#index section#mainvisual .inner>div:nth-of-type(1) h2 {
		color: #fff;
		text-align: left;
		font-size: 7.467vw;
		font-family: GenEiAntique;
		font-style: normal;
		line-height: 1.5;
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	}

	main#index section#mainvisual .inner .hero_scroll_outer {
		height: 80px;
		position: absolute;
		bottom: 10px;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	main#index section#mainvisual .inner .hero_scroll_outer {
		transition: opacity 0.5s;
	}

	main#index section#mainvisual .inner .hero_scroll_outer .hero_scroll_bar {
		height: 60px;
		width: 1px;
		background: none;
		position: relative;
	}

	main#index section#mainvisual .inner .hero_scroll_outer .hero_scroll_bar::after {
		content: '';
		display: block;
		width: 1px;
		height: 60px;
		position: absolute;
		left: 0px;
		top: 0px;
		background: #fff;
		transform-origin: center top;
		transform: scale(0);
		animation: heroScroll 2s ease infinite;
	}

	main#index section#mainvisual .inner .hero_scroll_outer p {
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		position: absolute;
		bottom: 0px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	@keyframes heroScroll {
		0%,
		15% {
			transform: scale(0);
			opacity: 0;
		}
		30% {
			transform: scale(1);
			opacity: 1;
		}
		80% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}
	}


	/* Index News */
	/* ------------------------------------------------------------ */

	main#index section#news {
		background: #fff;
		margin: 80px 0;
	}

	main#index section#news .inner {
		display: block;
	}

	main#index section#news .inner>div:nth-of-type(2) {
		margin-top: 20px;
	}

	main#index section#news .inner>div:nth-of-type(2) article {
		border-bottom: 1px #D1D1D1 solid;
		padding: 20px 0;
		display: block;
	}

	main#index section#news .inner>div:nth-of-type(2) article time {
		color: #c1c1c1;
		display: block;
		margin-bottom: 5px;
	}

	main#index section#news .inner>div:nth-of-type(2) article p {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	main#index section#news .inner p.common_btn {
		width: 202px;
		margin: 40px auto 0;
	}


	/* Index Message */
	/* ------------------------------------------------------------ */

	main#index section#message {
		background: #EAF5F8;
		margin: 80px 0;
	}

	main#index section#message .inner {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#index section#message .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#index section#message .inner>div {
		margin-top: 40px;
		display: block;
	}

	main#index section#message .inner>div figcaption {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#index section#message .inner>div figcaption h4 {
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		padding: 0 20px;
	}

	main#index section#message .inner>div figcaption p {
		line-height: 1.7;
		margin-top: 20px;
		padding: 0 20px;
	}

	main#index section#message .inner>div figure {
		margin-top: 40px;
	}

	/* Index About us / Our service / Member */
	/* ------------------------------------------------------------ */

	main#index section#aboutus,
	main#index section#ourservice,
	main#index section#member {
		margin: 80px 0;
	}

	main#index section#aboutus .inner,
	main#index section#ourservice .inner,
	main#index section#member .inner {
		padding: 0;
	}

	main#index section#aboutus .inner figure,
	main#index section#ourservice .inner figure,
	main#index section#member .inner figure {
		margin-top: -100px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	}

	main#index section#aboutus .inner figure,
	main#index section#member .inner figure {
		margin-right: 8vw;
	}

	main#index section#ourservice .inner figure {
		margin-left: 8vw;
	}


	main#index section#aboutus .inner figcaption,
	main#index section#ourservice .inner figcaption,
	main#index section#member .inner figcaption {
		background: #EAF5F8;
		padding-bottom: 140px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#index section#aboutus .inner figcaption,
	main#index section#member .inner figcaption {
		margin-left: 8vw;
	}

	main#index section#ourservice .inner figcaption {
		margin-right: 8vw;
	}

	main#index section#aboutus .inner figcaption div,
	main#index section#ourservice .inner figcaption div,
	main#index section#member .inner figcaption div {
		padding: 0 20px;
	}

	main#index section#aboutus .inner figcaption h2,
	main#index section#ourservice .inner figcaption h2,
	main#index section#member .inner figcaption h2 {
		margin-top: -15px;
		text-align: center;
	}

	main#index section#aboutus .inner figcaption h3,
	main#index section#ourservice .inner figcaption h3,
	main#index section#member .inner figcaption h3 {
		text-align: left;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		margin-top: 40px;
	}

	main#index section#aboutus .inner figcaption h3 span,
	main#index section#ourservice .inner figcaption h3 span,
	main#index section#member .inner figcaption h3 span {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		position: relative;
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	main#index section#aboutus .inner figcaption h3 span::after,
	main#index section#ourservice .inner figcaption h3 span::after,
	main#index section#member .inner figcaption h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	main#index section#aboutus .inner figcaption .comment,
	main#index section#ourservice .inner figcaption .comment,
	main#index section#member .inner figcaption .comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		margin-top: 20px;
	}

	main#index section#aboutus .inner figcaption .common_btn,
	main#index section#ourservice .inner figcaption .common_btn,
	main#index section#member .inner figcaption .common_btn {
		width: 202px;
		margin: 40px auto 0;
	}

	/* Index Entry */
	/* ------------------------------------------------------------ */

	main#index section#entry {
		background: #EAF5F8;
		margin: 80px 0;
		padding-bottom: 40px;
	}

	main#index section#entry .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#index section#entry .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#index section#entry .inner>p.comment {
		text-align: center;
		line-height: 1.7;
		margin-top: 40px;
	}

	main#index section#entry .inner>div {
		width: 100%;
		margin-top: 40px;
		display: block;
	}

	main#index section#entry .inner>div p.entry_btn a {
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		height: 70px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	main#index section#entry .inner>div p.entry_btn:nth-of-type(1) a {
		background: #052C52;
	}

	main#index section#entry .inner>div p.entry_btn:nth-of-type(2) a {
		background: #008BAB;
	}

	main#index section#entry .inner>div p.entry_btn a span {
		font-size: 12px;
		margin-bottom: 10px;
		display: block;
	}

	/* About */
	/* ------------------------------------------------------------ */

	main#about section#mainvisual figcaption>div {
		margin-top: 20px;
	}

	main#about section#mainvisual figcaption>div ul.banner {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	main#about section#mainvisual figcaption>div li {
		width: 75%;
		display: inline-block;
		margin-right: 20px;
	}

	main#about section#mainvisual figcaption>div li:last-child {
		margin-right: 0;
	}

	main#about section#contents {
		margin-top: 60px;
	}

	main#about section#contents .inner>div {
		display: block;
	}

	main#about section#contents .inner>div>article {
		display: block;
	}

	main#about section#contents .inner>div>article:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#about section#contents .inner>div>article figure {
		width: 100%;
	}

	main#about section#contents .inner>div>article figure {
		width: 100%;
		height: calc(100vw * 0.6);
	}

	/* 中の要素 */
	main#about section#contents .inner>div>article figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	main#about section#contents .inner>div>article figcaption {
		background: #F2F2F2;
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#about section#contents .inner>div>article figcaption h3 {
		text-align: left;
		margin: 0;
	}

	main#about section#contents .inner>div>article figcaption h3 span {
		font-weight: 500;
		position: relative;
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	main#about section#contents .inner>div>article figcaption h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main#about section#contents .inner>div>article figcaption p.comment {
		text-align: center;
		font-size: 14px;
		line-height: 1.7;
	}

	main#about section#contents .inner>div>article figcaption p.common_btn {
		margin-top: 20px;
	}

	main#about section#contents .inner>div>article figcaption p.common_btn a {
		font-size: 14px;
		border-radius: 20px;
		width: 140px;
		height: 40px;
	}

	/* Vision */
	/* ------------------------------------------------------------ */

	main#vision section#philosophy,
	main#vision section#greeting,
	main#vision section#profile {
		margin-top: -40px;
		padding-top: 100px;
	}

	main#vision section#philosophy .outer,
	main#vision section#greeting .outer,
	main#vision section#profile .outer {
		background: #EAF5F8;
		padding: 0 0 30px;
	}

	main#vision section#philosophy .inner,
	main#vision section#greeting .inner,
	main#vision section#profile .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#vision section#philosophy .inner>h2,
	main#vision section#greeting .inner>h2,
	main#vision section#profile .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#vision section#philosophy .inner>div {
		width: 100%;
		margin-top: 30px;
		display: block;
	}

	main#vision section#philosophy .inner>div>figure {
		width: 100%;
		margin-top: 20px;
	}

	main#vision section#philosophy .inner>div>figcaption {
		line-height: 1.7;
	}

	main#vision section#greeting .inner>h4 {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		margin-top: 30px;
	}

	main#vision section#greeting .inner>div {
		width: 100%;
		margin-top: 30px;
		display: block;
	}

	main#vision section#greeting .inner>div>figure {
		width: 100%;
	}

	main#vision section#greeting .inner>div>figcaption {
		margin-top: 20px;
		line-height: 1.7;
	}

	main#vision section#greeting .inner>div>figcaption span.sign {
		text-align: right;
		font-weight: 500;
		margin-top: 20px;
		display: block;
	}

	main#vision section#profile .inner>div {
		width: 100%;
		margin-top: 30px;
		display: block;
	}

	main#vision section#profile .dllist {
		width: 100%;
		margin: 0;
	}

	main#vision section#profile .dlbox {
		width: 100%;
		display: block;
	}

	main#vision section#profile .dlbox .dtbox {
		font-size: 14px;
		text-align: left;
		display: block;
	}

	main#vision section#profile .dlbox .ddbox {
		font-size: 12px;
		text-align: left;
		border-bottom: 1px #D1D1D1 solid;
		display: block;
	}

	main#vision section#profile .dlbox .dtbox .wrap {
		font-weight: 500;
		line-height: 1.7;
		padding: 10px 0 0;
	}

	main#vision section#profile .dlbox .ddbox .wrap {
		line-height: 1.7;
		padding: 10px 0;
	}

	main#vision section#profile .dlbox .wrap span {
		font-size: 10px;
		display: block;
	}

	main#vision section#profile .dlbox .wrap em {
		font-weight: 500;
		margin: 0 0 10px;
		display: block;
	}

	main#vision section#profile .dlbox .wrap em:nth-of-type(2) {
		margin: 20px 0 10px;
		display: block;
	}

	/* System */
	/* ------------------------------------------------------------ */

	main#system section#environment,
	main#system section#welfare {
		margin-top: -40px;
		padding-top: 100px;
	}

	main#system section#environment .outer,
	main#system section#welfare .outer {
		background: #EAF5F8;
		padding: 0 0 30px;
	}

	main#system section#environment .inner,
	main#system section#welfare .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#system section#environment .inner>h2,
	main#system section#welfare .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#system section#environment .inner>div {
		width: 100%;
		margin-top: 30px;
		display: block;
	}

	main#system section#environment .inner>div>article {
		width: 100%;
	}

	main#system section#environment .inner>div>article:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#system section#environment .inner>div>article figure {
		width: 100%;
	}

	main#system section#environment .inner>div>article figcaption {
		background: #fff;
		border-radius: 0 0 10px 10px;
		box-sizing: border-box;
		width: 100%;
		padding: 20px;
	}

	main#system section#environment .inner>div>article figcaption p.comment {
		font-size: 14px;
		line-height: 1.7;
	}

	main#system section#environment .inner>div>article p.common_btn {
		margin: 20px auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#system section#environment .inner>div>article p.common_btn a {
		font-size: 14px;
		border-radius: 20px;
		width: 140px;
		height: 40px;
	}

	main#system section#welfare .inner>div {
		width: 100%;
		margin-top: 60px;
		display: block;
	}

	main#system section#welfare .inner>div>article {
		background: #fff;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#system section#welfare .inner>div>article:nth-of-type(n+2) {
		margin-top: 60px;
	}

	main#system section#welfare .inner>div>article figure {
		width: 100px;
		margin-top: -50px;
	}

	main#system section#welfare .inner>div>article figcaption {
		font-size: 14px;
		line-height: 1.5;
		padding: 20px;
	}

	main#system section#welfare .inner>div>article figcaption h3 {
		text-align: center;
		color: #008BAB;
		font-weight: 500;
		margin: 0 0 10px;
	}

	main#system section#welfare .inner>div>article figcaption p.comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
	}

	/* Career */
	/* ------------------------------------------------------------ */

	main#career section#contents {
		margin-top: -40px;
		padding-top: 100px;
	}

	main#career section#contents .outer {
		background: #EAF5F8;
		padding: 0 0 30px;
	}

	main#career section#contents .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#career section#contents .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#career section#contents .inner>h4 {
		background: #fff;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		width: 100%;
		margin-top: 30px;
		padding: 10px 0;
	}

	main#career section#contents .inner figure {
		width: 100%;
		max-width: 800px;
		margin-top: 30px;
	}

	main#career section#contents .inner>div {
		margin-top: 30px;
		width: 100%;
		display: block;
	}

	main#career section#contents .inner>div>aside {
		background: #fff;
		border-radius: 10px;
		width: 100%;
		overflow: hidden;
	}

	main#career section#contents .inner>div>aside:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#career section#contents .inner>div>aside h5 {
		background: #00898F;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		width: 100%;
		padding: 20px 0;
	}

	main#career section#contents .inner>div>aside p.comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		padding: 20px;
	}

	/* FAQ */
	/* ------------------------------------------------------------ */

	main#faq section#recruitment,
	main#faq section#work,
	main#faq section#education {
		margin-top: -40px;
		padding-top: 100px;
	}

	main#faq section h3 {
		text-align: center;
		margin: 0;
	}

	main#faq section h3 span {
		font-weight: 500;
		position: relative;
		display: block;
		padding-bottom: 10px;
	}

	main#faq section h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main#faq section article {
		background: #EAF5F8;
		margin-top: 30px;
		padding: 20px;
	}

	main#faq section article:nth-of-type(n+2) {
		margin-top: 20px;
	}

	main#faq section article dl {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	main#faq section article dl dt {
		background: #052C52;
		color: #fff;
		border-radius: 20px;
		font-style: italic;
		width: 40px;
		height: 40px;
		margin-right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}

	main#faq section article dl dd {
		line-height: 1.7;
		font-weight: 500;
	}

	main#faq section article dl em {
		font-weight: 500;
		display: block;
		margin: 0 0 10px;
	}

	main#faq section article dl em:nth-of-type(2) {
		margin: 20px 0 10px;
	}

	main#faq section article dl:nth-of-type(2) {
		margin-top: 10px;
	}

	main#faq section article dl.flex-start {
		align-items: flex-start;
	}

	main#faq section article dl:nth-of-type(2) dt {
		background: #fff;
		color: #052C52;
	}

	main#faq section article dl:nth-of-type(2) dd {
		font-weight: normal;
	}

	/* Our service / Member */
	/* ------------------------------------------------------------ */

	main#ourservice section#contents,
	main#member section#contents {
		margin-top: 60px;
	}

	main#ourservice section#contents .inner>div,
	main#member section#contents .inner>div {
		display: block;
	}

	main#ourservice section#contents .inner>div>article,
	main#member section#contents .inner>div>article {
		background: #F2F2F2;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#ourservice section#contents .inner>div>article:nth-of-type(n+2),
	main#member section#contents .inner>div>article:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#ourservice section#contents .inner>div>article figure,
	main#member section#contents .inner>div>article figure {
		width: 100%;
	}

	main#ourservice section#contents .inner>div>article figcaption,
	main#member section#contents .inner>div>article figcaption {
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#ourservice section#contents .inner>div>article figcaption h3,
	main#member section#contents .inner>div>article figcaption h3 {
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		margin: 0;
	}

	main#ourservice section#contents .inner>div>article figcaption h3 span {
		font-size: 16px;
		position: relative;
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	main#member section#contents .inner>div>article figcaption h3 span {
		font-size: 16px;
		position: relative;
		display: block;
		padding-bottom: 10px;
	}

	main#ourservice section#contents .inner>div>article figcaption h3 span::after,
	main#member section#contents .inner>div>article figcaption h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main#ourservice section#contents .inner>div>article figcaption p.comment,
	main#member section#contents .inner>div>article figcaption p.comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		margin-top: 20px;
	}

	main#ourservice section#contents .inner>div>article figcaption p.common_btn,
	main#member section#contents .inner>div>article figcaption p.common_btn {
		margin-top: 20px;
	}

	main#ourservice section#contents .inner>div>article figcaption p.common_btn a,
	main#member section#contents .inner>div>article figcaption p.common_btn a {
		font-size: 14px;
		border-radius: 20px;
		width: 140px;
		height: 40px;
	}

	/* Interview(List) / Schedule(List) */
	/* ------------------------------------------------------------ */

	main#interview section#list,
	main#oneday section#list {
		margin-top: 60px;
	}

	main#interview section#list .outer,
	main#oneday section#list .outer {
		background: #EAF5F8;
		padding: 0 0 30px;
	}

	main#interview section#list .inner,
	main#oneday section#list .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#interview section#list .inner>h2,
	main#oneday section#list .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#interview section#list .inner>article,
	main#oneday section#list .inner>article {
		width: 100%;
		margin-top: 30px;
		display: block;
	}

	main#interview section#list .inner>article>figure,
	main#oneday section#list .inner>article>figure {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}

	main#interview section#list .inner>article>figure a,
	main#oneday section#list .inner>article>figure a {
		width: 100%;
	}

	main#interview section#list .inner>article>figure img,
	main#oneday section#list .inner>article>figure img {
		width: 100%;
		height: auto;
	}

	main#interview section#list .inner>article aside,
	main#oneday section#list .inner>article aside {
		background: #052C52;
		color: #fff;
		font-weight: 500;
		width: 150px;
		height: 40px;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1;
	}

	main#interview section#list .inner>article>figcaption,
	main#oneday section#list .inner>article>figcaption {
		background: #fff;
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#interview section#list .inner>article h3,
	main#oneday section#list .inner>article h3 {
		color: #008BAB;
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		font-style: italic;
		margin: 0;
	}
	main#interview section#list .inner>article p.comment,
	main#oneday section#list .inner>article p.comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		padding: 10px 0;
	}
	main#interview section#list .inner>article h4,
	main#oneday section#list .inner>article h4 {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
	}

	main#interview section#list .inner>article p.common_btn,
	main#oneday section#list .inner>article p.common_btn {
		margin-top: 20px;
	}

	main#interview section#list .inner>article p.common_btn a,
	main#oneday section#list .inner>article p.common_btn a {
		font-size: 14px;
		border-radius: 20px;
		width: 140px;
		height: 40px;
	}

	/* Interview(Detail) / Schedule(Detail) */
	/* ------------------------------------------------------------ */

	main#interview_detail section#head,
	main#oneday_detail section#head {
		margin-top: 60px;
	}

	main#interview_detail section#head>div,
	main#oneday_detail section#head>div {
		width: 100%;
		display: block;
	}

	main#interview_detail section#head>div figure,
	main#oneday_detail section#head>div figure {
		max-width: 760px;
		margin: -60px 8vw 0 0;
		position: relative;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		z-index: 1;
	}

	main#interview_detail section#head>div figure>aside,
	main#oneday_detail section#head>div figure>aside {
		background: #052C52;
		color: #fff;
		font-weight: 500;
		width: 150px;
		height: 40px;
		position: absolute;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
	}

	main#interview_detail section#head>div figcaption,
	main#oneday_detail section#head>div figcaption {
		background: #EAF5F8;
		text-align: center;
		margin-left: 8vw;
		padding-bottom: 90px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		z-index: 0;
	}

	main#interview_detail section#head>div figcaption div,
	main#oneday_detail section#head>div figcaption div {
		padding: 0 20px;
	}

	main#interview_detail section#head>div figcaption h2,
	main#oneday_detail section#head>div figcaption h2 {
		margin-top: -15px;
	}

	main#interview_detail section#head>div figcaption h3,
	main#oneday_detail section#head>div figcaption h3 {
		text-align: left;
		font-weight: 500;
		line-height: 1.5;
		margin-top: 30px;
	}

	main#interview_detail section#head>div figcaption .comment,
	main#oneday_detail section#head>div figcaption .comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		margin-top: 15px;
	}

	main#interview_detail section#head>div figcaption .sign,
	main#oneday_detail section#head>div figcaption .sign {
		text-align: right;
		font-size: 18px;
		font-weight: 500;
		margin-top: 15px;
	}

	main#interview_detail section#head>div figcaption .sign span,
	main#oneday_detail section#head>div figcaption .sign span {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 10px;
		display: block;
	}

	main#interview_detail section#interview {
		margin-top: 60px;
	}

	main#interview_detail section#interview h4 {
		text-align: left;
		font-weight: 500;
		line-height: 1.7;
		margin-bottom: 10px;
		padding-bottom: 10px;
		display: flex;
		position: relative;
	}

	main#interview_detail section#interview h4:after {
		background: #333;
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 80px;
		height: 1px;
	}

	main#interview_detail section#interview h4:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#interview_detail section#interview p.comment {
		line-height: 1.7;
	}

	main#interview_detail section#interview figure {
		width: 100%;
		margin: 30px 0;
	}

	main#oneday_detail section#schedule {
		margin-top: 60px;
	}

	main#oneday_detail section#schedule .inner>div {
		display: block;
	}

	main#oneday_detail section#schedule .inner>div:nth-of-type(n+2) {
		margin-top: 60px;
	}

	main#oneday_detail section#schedule .inner>div>div:nth-of-type(1) {
		width: 80px;
	}

	main#oneday_detail section#schedule .inner>div>div:nth-of-type(1) p.zone {
		background: #EAF5F8;
		color: #008BAB;
		border-radius: 40px;
		font-size: 18px;
		font-weight: 500;
		width: 80px;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1;
	}

	main#oneday_detail section#schedule .inner>div>div:nth-of-type(2) {
		width: 100%;
	}

	main#oneday_detail section#schedule article {
		margin-top: 30px;
		position: relative;
		display: block;
	}

	main#oneday_detail section#schedule article:nth-of-type(n+2) {
		margin-top: 60px;
	}

	main#oneday_detail section#schedule article::after {
		content: url(../img/member/arrow.svg);
		display: block;
		width: 12px;
		height: 18px;
		position: absolute;
		left: 50%;
		bottom: -40px;
		z-index: 0;
	}

	main#oneday_detail section#schedule .inner>div:nth-of-type(3)>div:last-child article:last-child::after {
		content: none;
	}

	main#oneday_detail section#schedule article>figcaption {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		z-index: 1;
	}

	main#oneday_detail section#schedule article>figcaption time {
		background: #052C52;
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		padding: 5px 10px;
	}

	main#oneday_detail section#schedule article>figcaption h4 {
		font-weight: 500;
		margin-top: 10px;
	}

	main#oneday_detail section#schedule article>figcaption p.comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		margin-top: 10px;
	}

	main#oneday_detail section#schedule article>figure {
		width: 100%;
		margin-top: 20px;
	}

	/* Requirements */
	/* ------------------------------------------------------------ */

	main#requirements section#contents {
		margin-top: 60px;
	}

	main#requirements section#contents .outer {
		background: #EAF5F8;
		padding: 0 0 30px;
	}

	main#requirements section#contents .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#requirements section#contents .inner>h2 {
		text-align: center;
		margin-top: -15px;
	}

	main#requirements section#contents .inner>div {
		width: 100%;
		margin-top: 30px;
		display: block;
	}

	main#requirements section#contents .inner>div>article {
		background: #fff;
		width: 100%;
	}

	main#requirements section#contents .inner>div>article:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#requirements section#contents .inner>div>article figure {
		width: 100%;
	}

	main#requirements section#contents .inner>div>article figcaption {
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#requirements section#contents .inner>div>article figcaption h3 {
		text-align: center;
		font-weight: 500;
		margin: 0;
	}

	main#requirements section#contents .inner>div>article figcaption h3 span {
		font-size: 14px;
		position: relative;
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	main#requirements section#contents .inner>div>article figcaption h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main#requirements section#contents .inner>div>article figcaption p.comment {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
		margin-top: 10px;
	}

	main#requirements section#contents .inner>div>article figcaption p.common_btn {
		margin-top: 10px;
	}

	main#requirements section#contents .inner>div>article figcaption p.common_btn a {
		font-size: 14px;
		border-radius: 20px;
		width: 140px;
		height: 40px;
	}

	/* Requirements Fresh / Requirements Career */
	/* ------------------------------------------------------------ */

	main#requirements_fresh section#statue,
	main#requirements_fresh section#detail,
	main#requirements_fresh section#flow,
	main#requirements_career section#statue,
	main#requirements_career section#detail,
	main#requirements_career section#flow {
		margin-top: 60px;
	}

	main#requirements_fresh section h3,
	main#requirements_career section h3 {
		text-align: center;
		margin: 0;
	}

	main#requirements_fresh section h3 span,
	main#requirements_career section h3 span {
		font-weight: 500;
		position: relative;
		display: block;
		padding-bottom: 10px;
	}

	main#requirements_fresh section h3 span::after,
	main#requirements_career section h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main#requirements_fresh section#statue .outer,
	main#requirements_career section#statue .outer {
		background: #EAF5F8;
		margin-top: 30px;
		padding: 30px 0;
	}

	main#requirements_fresh section#statue .outer .inner,
	main#requirements_career section#statue .outer .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#requirements_fresh section#statue p.comment,
	main#requirements_career section#statue p.comment {
		text-align: left;
		font-weight: 500;
		line-height: 1.7;
	}

	main#requirements_fresh section#detail .dllist,
	main#requirements_career section#detail .dllist {
		margin-top: 30px;
	}

	main#requirements_fresh section#detail .dllist .dlbox,
	main#requirements_career section#detail .dllist .dlbox {
		width: 100%;
		display: block;
	}

	main#requirements_fresh section#detail .dllist .dlbox .dtbox {
		background: #EAF5F8;
		text-align: center;
		border-top: 1px #D1D1D1 solid;
		display: block;
	}

	main#requirements_career section#detail .dllist .dlbox .dtbox {
		background: #052C52;
		color: #fff;
		text-align: center;
		border-top: 1px #D1D1D1 solid;
		display: block;
	}

	main#requirements_fresh section#detail .dllist .dlbox .ddbox,
	main#requirements_career section#detail .dllist .dlbox .ddbox {
		text-align: left;
		display: block;
	}

	main#requirements_fresh section#detail .dllist .dlbox:last-child .dtbox,
	main#requirements_career section#detail .dllist .dlbox:last-child .dtbox {}

	main#requirements_fresh section#detail .dllist .dlbox:last-child .ddbox,
	main#requirements_career section#detail .dllist .dlbox:last-child .ddbox {
		border-bottom: 1px #D1D1D1 solid;
	}

	main#requirements_fresh section#detail .dllist .dlbox .wrap {
		font-size: 14px;
		line-height: 1.7;
		padding: 10px 20px;
	}

	main#requirements_career section#detail .dllist .dlbox .wrap {
		font-size: 14px;
		line-height: 1.7;
		padding: 15px 20px;
	}

	main#requirements_fresh section#detail .dllist .dlbox .dtbox .wrap,
	main#requirements_career section#detail .dllist .dlbox .dtbox .wrap {
		font-weight: 500;
	}

	main#requirements_fresh section#detail .dllist .dlbox .wrap p.notes,
	main#requirements_career section#detail .dllist .dlbox .wrap p.notes {
		font-size: 12px;
	}

	main#requirements_fresh section#detail .dllist .dlbox .wrap dl,
	main#requirements_career section#detail .dllist .dlbox .wrap dl {
		display: table;
	}

	main#requirements_fresh section#detail .dllist .dlbox .wrap dt,
	main#requirements_career section#detail .dllist .dlbox .wrap dt {
		font-weight: 500;
		width: 5em;
		display: table-cell;
	}

	main#requirements_fresh section#detail .dllist .dlbox .wrap dd,
	main#requirements_career section#detail .dllist .dlbox .wrap dd {
		display: table-cell;
	}

	main#requirements_fresh section#flow .inner>div,
	main#requirements_career section#flow .inner>div {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#requirements_fresh section#flow ul,
	main#requirements_career section#flow ul {
		width: 100%;
		margin: 30px 0 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#requirements_fresh section#flow ul li {
		background: #EAF5F8;
		color: #008BAB;
		text-align: center;
		font-size: 18px;
		line-height: 1.5;
		font-weight: 500;
		border-radius: 10px;
		width: 100%;
		height: 100px;
		margin-bottom: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	main#requirements_career section#flow ul li {
		background: #F2F2F2;
		color: #052C52;
		text-align: center;
		font-size: 18px;
		line-height: 1.5;
		font-weight: 500;
		border-radius: 10px;
		width: 100%;
		height: 100px;
		margin-bottom: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	main#requirements_fresh section#flow ul li::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -37px;
		transform: translateX(-50%);
		border: 10px solid transparent;
		border-top: 14px solid #008BAB;
	}

	main#requirements_career section#flow ul li::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -37px;
		transform: translateX(-50%);
		border: 10px solid transparent;
		border-top: 14px solid #052C52;
	}

	main#requirements_fresh section#flow ul li:last-child {
		background: #008BAB;
		color: #fff;
		font-size: 22px;
		font-weight: 500;
		margin: 0;
	}

	main#requirements_career section#flow ul li:last-child {
		background: #052C52;
		color: #fff;
		font-size: 22px;
		font-weight: 500;
		margin: 0;
	}

	main#requirements_fresh section#flow ul li:last-child::after,
	main#requirements_career section#flow ul li:last-child::after {
		content: none;
	}

	main#requirements_fresh section#flow p.indent,
	main#requirements_career section#flow p.indent {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
	}

	/* News List / News Detail */
	/* ------------------------------------------------------------ */

	main#news section#list {
		margin-top: 60px;
	}

	main#news section#detail {
		margin-top: 0px;
	}

	main#news section#list .inner>h3 {
		text-align: center;
		margin: 0;
	}

	main#news section#list .inner>h3 span {
		font-weight: 500;
		position: relative;
		display: block;
		padding-bottom: 10px;
	}

	main#news section#list .inner>h3 span::after {
		content: "";
		background: #052C52;
		height: 2px;
		width: 40px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	main#news section#list .inner>div,
	main#news section#detail .inner>div {
		margin-top: 30px;
		display: block;
	}

	main#news section#list .inner>div>div:nth-of-type(1),
	main#news section#detail .inner>div>div:nth-of-type(1) {
		width: 100%;
	}

	/* News List / News Detail */
	main#news section#list .inner>div>div:nth-of-type(1)>article:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>article a {
		display: block;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>article figure {
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figure {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figcaption figure {
		margin: 30px 0;
	}

	main#news section .inner>div>div:nth-of-type(1)>article figure p.new {
		background: #008BAB;
		color: #fff;
		font-size: 10px;
		width: 50px;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 1;
	}
	/*
main#news section .inner > div > div:nth-of-type(1) > article:nth-of-type(n+2) figure p.new {
	display: none;
}
*/
	main#news section#list .inner>div>div:nth-of-type(1)>article figcaption {}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figcaption {
		margin-top: 10px;
	}

	main#news section .inner>div>div:nth-of-type(1)>article figcaption>div {
		margin-top: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#news section .inner>div>div:nth-of-type(1)>article figcaption time {
		color: #c1c1c1;
		font-size: 12px;
	}

	main#news section .inner>div>div:nth-of-type(1)>article figcaption p.category {
		border: 1px #008BAB solid;
		border-radius: 20px;
		color: #008BAB;
		font-size: 10px;
		padding: 5px 10px;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>article figcaption h1 {
		color: #333;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		margin-top: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figcaption h1 {
		text-align: left;
		color: #333;
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
		line-height: 1.2;
		margin-top: 10px;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figcaption h2 {
		text-align: left;
		color: #333;
		font-size: 16px;
		font-weight: 700;
		font-style: normal;
		line-height: 1.2;
		margin: 30px 0 20px;
		padding-bottom: 10px;
		border-bottom: 1px #008BAB solid;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figcaption h3 {
		text-align: left;
		color: #333;
		font-weight: 700;
		font-style: normal;
		line-height: 1.2;
		margin: 30px 0 20px;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>article figcaption p.comment {
		color: #33475B;
		font-size: 14px;
		line-height: 1.5;
		margin-top: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>article figcaption pre {
		color: #33475B;
		font-size: 14px;
		line-height: 1.5;
		font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
		white-space: pre-wrap;
		overflow: hidden;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>ul.pagination {
		margin-top: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>ul.pagination li {
		margin: 0 5px;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>ul.pagination li img {
		width: 7px;
		height: 12px;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>ul.pagination li a {
		background: #F2F2F2;
		color: #052C52;
		font-size: 14px;
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#news section#list .inner>div>div:nth-of-type(1)>ul.pagination li.active a {
		background: #052C52;
		color: #F2F2F2;
	}

	/* News Detail Recommend */
	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend {
		margin-top: 40px;
		overflow: hidden;
	}
	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend h3 {
		margin: 60px 0 20px;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend>div {
		background: #EAF5F8;
		padding: 20px;
		display: block;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article:nth-of-type(n+2) {
		margin-top: 20px;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article {
		background: #fff;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article a {
		display: block;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figure {
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figure p.new {
		background: #008BAB;
		color: #fff;
		font-size: 10px;
		width: 50px;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 1;
	}
	/*
main#news section#detail .inner > div > div:nth-of-type(1) > div.recommend article:nth-of-type(n+2) figure p.new {
	display: none;
}
*/
	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figcaption {
		padding: 10px;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figcaption>div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figcaption time {
		color: #c1c1c1;
		font-size: 12px;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figcaption p.category {
		border: 1px #008BAB solid;
		border-radius: 20px;
		color: #008BAB;
		font-size: 10px;
		padding: 5px 10px;
	}

	main#news section#detail .inner>div>div:nth-of-type(1)>div.recommend article figcaption h1 {
		color: #333;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.2;
		margin-top: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	main#news section#list .inner>div>div:nth-of-type(2),
	main#news section#detail .inner>div>div:nth-of-type(2) {
		margin-top: 60px;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>p.banner_top,
	main#news section#detail .inner>div>div:nth-of-type(2)>p.banner_top {
		margin-bottom: 30px;
	}

	main#news section#list .inner>div>div:nth-of-type(2) h3,
	main#news section#detail .inner>div>div:nth-of-type(2) h3 {
		margin: 0 0 10px;
	}

	main#news section#list .inner>div>div:nth-of-type(2) h3:nth-of-type(n+2),
	main#news section#detail .inner>div>div:nth-of-type(2) h3:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>article:nth-of-type(n+2),
	main#news section#detail .inner>div>div:nth-of-type(2)>article:nth-of-type(n+2) {
		margin-top: 20px;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>article a,
	main#news section#detail .inner>div>div:nth-of-type(2)>article a {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>article figure,
	main#news section#detail .inner>div>div:nth-of-type(2)>article figure {
		width: 100px;
		margin-right: 10px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-shrink: 0;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>article figcaption,
	main#news section#detail .inner>div>div:nth-of-type(2)>article figcaption {}

	main#news section#list .inner>div>div:nth-of-type(2)>article figcaption time,
	main#news section#detail .inner>div>div:nth-of-type(2)>article figcaption time {
		color: #c1c1c1;
		font-size: 12px;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>article figcaption h1,
	main#news section#detail .inner>div>div:nth-of-type(2)>article figcaption h1 {
		color: #333;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		margin-top: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>ul.category li:nth-of-type(n+2),
	main#news section#detail .inner>div>div:nth-of-type(2)>ul.category li:nth-of-type(n+2) {
		margin-top: 10px;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>ul.category li img,
	main#news section#detail .inner>div>div:nth-of-type(2)>ul.category li img {
		width: 7px;
		height: 12px;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>ul.category li a,
	main#news section#detail .inner>div>div:nth-of-type(2)>ul.category li a {
		color: #052C52;
		font-size: 14px;
		font-weight: 500;
		height: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#news section#list .inner>div>div:nth-of-type(2)>p.banner_bottom,
	main#news section#detail .inner>div>div:nth-of-type(2)>p.banner_bottom {
		margin-top: 30px;
	}

	/* Sitemap */
	/* ------------------------------------------------------------ */

	main#sitemap section#list {
		margin-top: 60px;
	}

	main#sitemap section#list dl:nth-of-type(n+2) {
		margin-top: 30px;
	}

	main#sitemap section#list dl img {
		width: 7px;
		height: auto;
		margin-right: 10px;
	}

	main#sitemap section#list dl dt {
		border-bottom: 1px #D1D1D1 solid;
		margin-bottom: 20px;
	}

	main#sitemap section#list dl dt a {
		color: #052C52;
		font-size: 18px;
		padding: 10px 10px 20px 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#sitemap section#list dl dd {
		margin-top: 20px;
	}

	main#sitemap section#list dl dd a {
		color: #008BAB;
		font-size: 18px;
		padding: 5px 10px 5px 34px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	/* 404 NOT FOUND */
	/* ------------------------------------------------------------ */

	main#notfound section#contents {
		margin-top: 60px;
	}

	main#notfound section#contents .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	main#notfound section#contents h3 {
		line-height: 1.2;
		font-weight: 700;
		margin: 0;
	}

	main#notfound section#contents p.comment {
		line-height: 1.7;
		margin-top: 30px;
	}

	main#notfound section#contents p.back_btn {
		width: 100%;
		margin-top: 40px;
	}

	main#notfound section#contents p.back_btn a {
		background: #fff;
		border: 1px #008BAB solid;
		border-radius: 25px;
		color: #008BAB;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

}