@charset 'utf-8';


/* #############################################################

[ プロジェクト ] 固有スタイルを定義

############################################################# */

/* ==========================================================================
	Project Common
=========================================================================== */

/** -------------------------------- **
	Header
*** ----------------------------------------------------------------- ***/
.p-header {
	width: 100%;
	height: 100px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}
.p-logo {
	margin-bottom: 0;
	line-height: 0;
	position: absolute;
	/*left: 105px;*/
    left: 20px;
	top: 13px;
}

@media screen and (max-width:56.25em) {
	.p-logo {
		top: 20px;
}
}

.p-header-inner {
	position: absolute;
	right: 0;
	top: 0;
}

@media screen and (max-width:56.25em) {
	.p-header {
		background: #fff;
		height:110px;
	}
}


@media screen and (max-width:38em) {
	.p-header {
		height: 66px;
		transition: all .3s;
		background:#fff;
	}
	.p-header.on {
		/*background: rgba(255,255,255,.7);*/
	}
	.p-logo {
		/*width: 65%;*/
		width: 208px;
		left: 10px;
		top: 13px;
	}
}



/** -------------------------------- **
	Global Navigation
*** ----------------------------------------------------------------- ***/
.p-gnav,
.p-gnav-langs {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.p-gnav {
	margin-top:15px;
}

@media screen and (max-width:56.25em) {
.p-gnav {
	margin-top:0;
}
}

@media screen and (max-width:38em) {
.p-gnav {
	margin-top:0;
}
}

.p-gnav [class^="p-gnav-list"],
.p-gnav-langs [class^="p-gnav-lang"] {
	float: left;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
}

.p-gnav [class^="p-gnav-list"] a,
.p-gnav-langs [class^="p-gnav-lang"] a {
	display: block;
	padding: 23px 25px;
	position: relative;
}
.p-gnav .p-gnav-list06 a {
	color: #f9593e;
	background: fff;
}
.p-gnav-langs .p-gnav-lang01 a {
	background: #005bc1;
	color:#fff;
}
.p-gnav-langs .p-gnav-lang02 a {
	background: #ffe71e;
	padding: 23px 10px;
}

.p-gnav-langs .p-gnav-lang01,
.p-gnav-langs .p-gnav-lang02 {
	font-size:.8125rem;
}

.p-gnav-list01,
.p-gnav-list02,
.p-gnav-list03,
.p-gnav-list04 {
	/*margin-top:15px;*/
}

.p-nav-tit,
.menu-trigger {
	display: none;
}

@media print, screen and (max-width:75em) {
	.p-gnav [class^="p-gnav-list"] a,
	.p-gnav-langs [class^="p-gnav-lang"] a {
		padding: 22px 8px;
	}
}

@media print, screen and (max-width:64em) {
	.p-gnav [class^="p-gnav-list"] a,
	.p-gnav-langs [class^="p-gnav-lang"] a {
		padding: 22px 10px;
		font-size: 0.875rem;
	}
}

@media screen and (max-width:56.25em) {
	/*overlay*/
	.overlay {
		position: fixed;
		width: 100%;
		height: 100vh;
		background: #0366ac;
		opacity: 0;
		transition: all .3s;
		z-index: -1;
	}
	.overlay.open {
		top: 0;
		left: 0;
		opacity: .85;
		z-index: 1;
	}

	/*SP Tablet用ナビゲーション*/
	.p-navigation {
		position: fixed;
		top: 0;
		right: 0;
		width: 40%;
		height: 100%;
		overflow-y: auto;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		background: #fff;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-transition-delay: .1s;
		transition-delay: .1s;
}

	.p-navigation.open {
		-webkit-transform: translateX(0);
        transform: translateX(0);
	}


	.p-nav-tit span {
		display: inline-block;
        margin-left: 5%;
        font-size: .875rem;
        vertical-align: middle;
	}


.p-gnav [class^=p-gnav-list] {
    float: none;
}
.p-gnav [class^=p-gnav-list], .p-gnav-langs [class^=p-gnav-lang] {
    border-bottom: 1px solid #8d8d8d;
    text-align: left;
}
.p-gnav [class^=p-gnav-list] a {
    padding: 13% 5%;
}
.p-gnav [class^=p-gnav-list] a, .p-gnav-langs [class^=p-gnav-lang] a {
    font-size: 1rem;
}
.p-gnav, .p-gnav-langs {
    float: none;
}
.p-gnav, .p-gnav-langs {
    float: none;
}
.p-gnav-langs [class^=p-gnav-lang] {
    width: 100%;
}
.p-gnav-langs [class^=p-gnav-lang] a {
    padding: 7% 5%;
    text-align: center;
}


	.p-gnav [class^="p-gnav-list"] a::before {
		display: block;
		content: '';
		width: 20px;
		height: 20px;
		background: resolve('common/icon-arr-01.svg') 90% center no-repeat;
		background-size: 20px;
		position: absolute;
		top: 50%;
		right: 3%;
		transform: translateY(-50%) rotate(90deg);
	}
	.p-gnav .nav-child a::before {
		display: block;
		content: '';
		width: 20px;
		height: 20px;
		background: resolve('common/icon-arr-01.svg') 90% center no-repeat;
		background-size: 20px;
		position: absolute;
		top: 50%;
		right: 3%;
		transform: translateY(-50%) rotate(180deg);
		transition: all .3s;
	}
	.p-gnav .nav-child .p-nav-pagelists a::before {
		transform: translateY(-50%) rotate(90deg);
	}
	.p-gnav [class^="p-gnav-list"] .ac::before {
		background: resolve('common/icon-arr-01--blue.svg') 90% center no-repeat;
		background-size: 20px;
		transform: translateY(-50%) rotate(0deg);
	}
	.p-gnav [class^="p-gnav-list"] .ac::before {
		background: resolve('common/icon-arr-01--blue.svg') 90% center no-repeat;
		background-size: 20px;
		transform: translateY(-50%) rotate(0deg);
	}
	.p-gnav .nav-child .p-nav-pagelists img {
		display: none;
	}
	.p-gnav .p-gnav-list06 a {
		color: $color-white;
		background: $color-orange;
		text-align: center;
	}
	.p-gnav .p-gnav-list06 a::before {
		display: none;
	}


}

@media screen and (max-width: 38em){
	/*SP Tablet用ナビゲーション*/
	.p-navigation {
		width: 74%;
	}
	.p-nav-tit {
		padding: 8px  10px;
		height: 44px;
		font-size: calc( ( 22 * 100vw ) / 414 );
	}
	.p-nav-tit span {
		font-size: calc( ( 16 * 100vw ) / 414 );
	}
	.p-gnav [class^=p-gnav-list] a {
    padding: 6.5% 5%;
}
.p-gnav-langs [class^=p-gnav-lang] a {
    padding: 1.5% 5%;

}

}


/* 2nd menu (Mega Drop / List)
--------------------------------------------- */
@keyframes panelshow {
	from{
			opacity: 0;
	}
	to{
			opacity: 1;
	}
}

.p-gnav .p-nav-panels {
	display: none;
}

/*吹き出し*/
.ac + .p-nav-panels {
	display: flex;
	animation: panelshow .3s;
}
.ac::before {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #292929 transparent;
	position: absolute;
	left: 50%;
	bottom: -30%;
	transform: translateX(-50%);
}
.ac::after {
	display: block;
	content: '';
	width: 200%;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 66px;
	transform: translateX(-50%);
}

@media screen and (max-width:56.25em) {
	.ac + .p-nav-panels {
		display: block;
		animation: panelshow .3s;
	}
	.p-gnav .nav-child a::after {
		display: none;
	}
	.p-gnav .nav-child a::before {
		border: none;
		left: auto;
	}
}


/*panel*/
.p-nav-panels {
	width: 100%;
	margin-top: 20px;
	padding: 20px 60px;
	position: fixed;
	left: 0;
	color: $color-white;
	background: rgba(42, 42, 42, .9);
}
.p-nav-panels .c-grid-items {
	margin: 0 auto;
}
.p-nav-panels .c-grid-items:nth-child(1) {
	padding-right: 30px;
}
.p-nav-panels .c-grid-items:nth-child(2) {
	border-left: 1px solid $color-white;
	padding-left: 30px;
}
.p-nav-panels .c-grid-items:nth-child(3) {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid;
}

@media screen and (max-width:56.25em) {
	.p-nav-panels {
		position: fixed;
		left: 0;
		width: 100%;
		margin-top: 20px;
		padding: 20px 60px;
		background: rgba(42, 42, 42, .9);
		color: #fff;
	}
	.p-nav-panels .c-grid-items {
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
		text-align: left;
	}
	.p-nav-panels .c-grid-items:nth-child(1) {
		padding-right: 0;
	}
	.p-nav-panels .c-grid-items:nth-child(2) {
		border-left: none;
		border-top: 1px solid #fff;
		padding: 5% 0 0;
	}
	.p-nav-panels .c-grid-items:nth-child(3) {
		margin-top: 0;
		padding-top: 0;
		border-top: 1px solid #8d8d8d;
	}
}


/*page list*/
.p-nav-panels-tit {
	padding: 0 5%;
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 20px;
}
.p-gnav .p-nav-panels-tit a {
	color: #fff;
	padding: 10px;
}
.p-nav-panels-tit a:hover {
	color: #fffd70;
}
.p-nav-pagelists {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 20px;
	list-style: none;
	/*justify-content: center;*/
}
.p-gnav-list03 .p-nav-pagelists {
	width: 88%;
	margin: 0 auto;
}
.p-nav-pagelists li {
	flex: 0 0 33%;
	max-width: 33%;
	text-align: left;
}
.p-gnav .p-nav-pagelists li a {
	padding: 10px;
	color: #fff;
}
.p-gnav .p-nav-pagelists li a:hover {
	color: ##fffd70;
}

@media screen and (max-width:56.25em) {
	.p-nav-panels-tit {
		font-size: 1.125rem;
		padding: 0;
		margin-bottom: 0;
		color: #0366ac;
		text-align: center;
	}
	.p-gnav .p-nav-panels .p-nav-panels-tit a {
		color: #0366ac;
		padding: 0;
		font-size: 1.125rem;
	}
	.p-gnav .p-nav-panels .p-nav-panels-tit a:hover {
		color: #0366ac;
	}
	.p-gnav .p-nav-panels .p-nav-panels-tit a::before {
		transform: translateY(-50%) rotate(90deg);
	}

	.p-nav-pagelists {
		padding: 5% 0 0;
	}
	.p-nav-pagelists li {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
	}
	.p-gnav .p-nav-pagelists li a {
		padding: 5%;
		color: #2a2a2a;
		border-top: 1px solid #8d8d8d;
	}
	.p-gnav .p-nav-pagelists li a:hover {
		color: #2a2a2a;
	}
}


/*page imglist*/
.p-nav-pagelists--img {
	padding: 0;
	text-align: center;
}
.p-nav-pagelists--img li {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.p-nav-pagelists--img figcaption {
	margin-top: 10px;
	font-size: 1.125rem;
}
.p-gnav .p-nav-pagelists--img li a {
	color: #fff;
	padding: 0 10px;
}
.p-gnav .p-nav-pagelists--img li a:hover {
	color: $color-yellow;
}


@media screen and (max-width:56.25em) {
	.p-nav-pagelists--img {
		padding: 0;
	}
	.p-nav-pagelists--img img {
		display: none;
	}
	.p-nav-pagelists--img li {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.p-nav-pagelists--img figure {
		margin-bottom: 0;
	}
	.p-nav-pagelists--img figcaption {
		margin-top: 0;
		font-size: 1.125rem;
	}
	.p-gnav .p-nav-pagelists--img li a {
		padding: 5%;
		color: #2a2a2a;
		border-top: 1px solid #8d8d8d;
	}
	.p-gnav .p-nav-pagelists--img li a::before {
		transform: translateY(-50%) rotate(90deg);
	}
	.p-gnav .p-nav-pagelists--img li a:hover {
		color: #2a2a2a;
	}
}


/* Sp Menu trigger
--------------------------------------------- */

@media screen and (max-width: 56.25em){
	.p-nav-tit,
	.menu-trigger {
		display: block;
	}

	.p-nav-tit {
    height: 112px;
    margin-bottom: 0;
    padding: 39px 10px;
    border-bottom: 1px solid #000;
    font-size: 1.25rem;
}

	/*menu style*/
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		/*z-index: 2;
		position: fixed;
		top: 3px;
		right: 14px;
		width: 48px;
		height: 44px;
		padding: 38px;
		cursor: pointer;*/
		z-index: 2;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 48px;
    height: 56px;
    padding: 55px;
    cursor: pointer;
    background: #fff104;
	}
	.menu-trigger span {
		position: absolute;
		/*left: 50%;
		width: 80%;*/
		left: 54%;
    width: 50%;
		height: 5px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		/*border-radius: 4px;*/
		background-color: #2d2e2e;
	}
	.menu-trigger p {
		font-size: 0.875rem;
		position: relative;
		left: -19px;
		top: 23px;
	}
	.menu-trigger-area {
		background:#fff104;
		width: 110px;
		height: 110px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 25%;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 44%;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 34%;
	}

	/*menu animation*/
	.menu-trigger.active {
		background-color: #fff104;
	}
	.menu-trigger.active span {
		background-color: #2d2e2e;
	}
	.menu-trigger.active span:nth-of-type(1) {
		width: 23%;
    left: 27%;
		transform: translate3d(2px, 9px, 0) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		left: 26%;
		transform: translate3d(-1px, 0, 0) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(3) {
		width: 22%;
    left: 28%;
		transform: translate3d(23px, -9px, 0) rotate(45deg);
	}

	.home-mainimg {
		margin-top:110px;
	}

}

@media screen and (max-width:38em) {
	.p-nav-tit {
    height: 66px;
    padding: 15px 10px;
}

	.menu-trigger span {

    width: 42%;
    left:56%;
}

	.menu-trigger span:nth-of-type(2) {
    top: 43%;
	}

	.menu-trigger p {
    font-size: 0.6875rem;
    position: relative;
    left: -13px;
    top: 12px;
	}

	.menu-trigger {
	position: fixed;
    top: 0px;
    right: 0px;
    width: 48px;
    height: 56px;
    padding: 33px;
    cursor: pointer;
    background: #fff104;
	}



	/*menu animation*/
	.menu-trigger.active span:nth-of-type(1) {
		width: 19%;
    left: 36%;
		transform: translate3d(2px, 5px, 0) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		    left: 37%;
    width: 47%;
		transform: translate3d(-1px, 0, 0) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(3) {
		    width: 21%;
    left: 23%;
		transform: translate3d(23px, -4px, 0) rotate(45deg);
	}

	.home-mainimg {
		margin-top:65px;
	}

}


/** -------------------------------- **
	Home mainimg Sec mainimg
*** ----------------------------------------------------------------- ***/

.home-mainimg p,
.sec-mainimg p {
	text-align:center;
}
.home-mainimg p img,
.sec-mainimg p img {
	width:100%;
}
.sec-mainimg p {
	margin-bottom:0;
}





/** -------------------------------- **
	Footer
*** ----------------------------------------------------------------- ***/

/*.p-footer-wrap.p-wrap {
	padding: 40px 0 20px;
	background: resolve('common/bg-footer-img--pc.jpg') center bottom no-repeat;
	background-size: cover;
}*/

.p-footer-wrap.p-wrap {
    padding: 0;
    background: url(/_rkkadm/wp-content/themes/rkkline/assets/images/common/bg-footer-img--pc.jpg) center bottom no-repeat;
    background-size: cover;
	clear:both;
}

@media screen and (max-width:38em) {
	.p-footer-wrap.p-wrap {
		padding: 0;
		background: #fff;
		text-align: center;
	}
}

/* address(PC)
--------------------------------------------- */
.p-footer-warp--contact {
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid $color-gray;
}
.p-footer-subject,
.p-footer-subject h1,
.p-footer-subject .p-footer-contact-tel,
.p-footer-subject .p-footer-contact-tel span,
.p-footer-footer {
	display: inline-block;
	vertical-align: middle;
}

.p-footer-subject {
	font-size: 1.875rem;
	font-weight: 500;
	margin-right: 50px;
}
.p-footer-subject h1,
.p-footer-subject .p-footer-contact-tel span {
	font-size: 1.125rem;
	font-weight: 350;
	margin-right: 20px;
}
.p-footer-subject h1 {
	margin-right: 50px;
}

@media screen and (max-width:56.25em) {
	.p-footer-subject {
		margin-right: 20px;
	}
	.p-footer-subject h1,
	.p-footer-subject .p-footer-contact-tel span {
		margin-right: 10px;
	}
	.p-footer-subject h1 {
		margin-right: 5px;
	}
}

/* Footer Menu
--------------------------------------------- */
.p-footer-warp--nav {
	padding: 20px;
	border-bottom: 1px solid #8d8d8d;
}

.p-footer-warp--nav {
	padding: 20px;
	line-height: 2.1;
	border-bottom: 1px solid #8d8d8d;
}

.p-footer-nav--parent {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.p-footer-warp--nav ul {
	padding-left: 0;
	list-style: none;
}
.p-footer-nav--1st {
	font-size: 0.875rem;
}
.p-footer-nav--1st li + li {
	padding-top: 10px;
}
.p-footer-nav--2nd {
	padding: 15px 0;
	font-size: 0.75rem;
}

/* Line Style */
.p-footer-nav--parent,
.p-footer-warp--nav li {
	position: relative;
	padding-left: 30px;
}
.p-footer-nav--parent::before,
.p-footer-warp--nav li::before {
	content: '';
	width: 20px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 1rem;
	background: #050404;
}
.p-footer-nav--1st li+li::before {
	top: 1.5rem;
}
.p-footer-nav--2nd li {
	padding-left: 15px;
}
.p-footer-nav--2nd li::before {
	width: 10px;
	top: 50%;
	background: #0366ac;
	transform: translateY(-50%);
}

.p-footer-nav--parent::after,
.p-footer-warp--nav li::after {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-left: 1px solid #050404;
}
.p-footer-nav--parent::after,
.p-footer-warp--nav .first-list::after {
	height: 62%;
	top: auto;
	bottom: 0;
}
.p-footer-nav--parent.single--parent::after {
	content: unset;
}
.p-footer-warp--nav .first-list::after {
	height: 46%;
}
.p-footer-nav--2nd li::after {
	display: none;
}
.p-footer-warp--nav li:last-child::after {
	height: 1.5rem;
}
.p-footer-nav--lang .first-list::after {
	height: 88%;
}
.p-footer-nav--lang li:last-child::after {
	height: 1rem;
}

/*スマホメニュー*/
@media screen and (max-width:38em) {
	.p-footer-warp-sp--nav {
		border-bottom: 1px solid #2a2a2a;
	}
	.p-footer-warp-sp--nav ul {
		padding-left: 0;
		margin-bottom: 0;
	}
	.p-footer-warp-sp--nav ul li {
		border-top: 1px solid #2a2a2a;
	}
	.p-footer-warp-sp--nav ul li:nth-child(even) {
		border-left: 1px solid #2a2a2a;
	}
	.p-footer-warp-sp--nav ul li a {
		display: block;
		padding: 5%;
		text-align: center;
		font-size: calc( ( 16 * 100vw ) / 414 );
	}
}

.p-footer-nav {
	float:right;
}



@media screen and (max-width:56.25em) {
.p-footer-nav {
	margin-right:10px;
	width:60%;
	margin-top:-16px;
}
}

@media screen and (max-width: 38em){
.p-footer-nav {
    width:auto;
	margin-right:0;
}
.p-footer-nav-area {
	text-align:center;
	border-bottom: 1px solid #bcbcbc;
}
.p-footer-nav {
	float:none;
	padding-left: 0;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: -2px;
}
}

.p-footer-nav li {
	float:left;
	list-style:none;
	font-size:.8125rem;
	border-right:1px solid #8d8d8d;
	margin-right:5px;
	padding-right:5px;
	line-height:1;
}

@media screen and (max-width: 38em){
/*.p-footer-nav li {
	border-right:none;
	margin-right:0;
	padding-right:0;
	line-height:auto;
	width:50%;
}*/
.p-footer-nav li {
	font-size:.6875rem;
}
}

@media screen and (max-width: 38em){
/*.p-footer-nav li:nth-child(1) {
	border-right: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
}
.p-footer-nav li:nth-child(2) {
	border-bottom: 1px solid #2a2a2a;
}*/
}

.p-footer-nav li:last-child {
	border-right:none;
	margin-right:0;
	padding-right:0;
}

@media screen and (max-width: 38em){
/*.p-footer-nav li:last-child {
	border-left: 1px solid #2a2a2a;
}*/
}

.p-footer-nav li a {
	color:#2d2e2e !important;
}

@media screen and (max-width: 38em){
/*.p-footer-nav li a {
	display:block;
	padding:10px;
}*/
}

.p-footer-wrap--menu {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/common/ft-bg.png) -1090px 0 no-repeat;
	height:230px;
	background-size:cover;
}

@media screen and (max-width:56.25em) {
.p-footer-wrap--menu {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/common/ft-bg.png) -530px 0 no-repeat;
	height:200px;
	background-size:cover;
}
}

.p-footer-wrap--menu span {
	font-weight:600;
	font-size:1rem;
}

@media screen and (max-width: 38em){
.p-footer-wrap--menu {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/common/ft-bg.png) -135px 0 no-repeat;
	/*height:250px;*/
	padding: 1.5% 0 75%;
	background-size:cover;
}
}

.p-footer-wrap--menu ul {
	max-width:1235px;
	margin:30px auto 0;
	padding-top:35px;
}

@media screen and (max-width: 38em){
.p-footer-wrap--menu ul {
	padding-top:15px;
	padding-left:0;
	margin:0 10px;
}
}

.p-footer-wrap--menu ul li {
	float: left;
    margin-right: 2%;
    list-style: none;
    text-align: center;
    width: 22.5%;
}

@media screen and (max-width: 38em){
.p-footer-wrap--menu ul li {
    margin: 0 3% 2% 0;
    width: 48%;
	line-height:1.3;
}
}

@media screen and (max-width: 38em){
.p-footer-wrap--menu ul li:nth-child(2n) {
    margin-right: 0;
}
}

.p-footer-wrap--menu ul li:last-child {
	margin-right:0;
}

.p-footer-wrap--menu ul li img {
	margin-bottom:10px;
}

@media screen and (max-width: 38em){
.p-footer-wrap--menu ul li img {
	margin-bottom:0;
}
}

.p-footer-wrap--menu ul li span {
	font-size:1rem;
}

@media screen and (max-width: 38em){
.p-footer-wrap--menu ul li span {
	font-size:.75rem;
}
}

/* Footer copyright
--------------------------------------------- */
.p-footer-wrap--copyright {
	padding: 20px 0 0;
}
.p-footer-logo {
	float: left;
	width: 220px;
	height: 23px;
}
.p-copyright {
	float: left;
	font-size: 0.812rem;
	color: #2d2e2e;
    margin-left: 20px;
}

@media screen and (max-width:56.25em) {
.p-copyright {
    margin-left: 10px;
	width:39%;
}
}

@media screen and (max-width:38em) {
.p-copyright {
	float: none;
	font-size: 0.812rem;
	color: #2d2e2e;
    margin: 6px 0;
	width:auto;
}
}

@media screen and (max-width:38em) {
	.p-footer-logo {
		float: none;
		width: 220px;
		height: 23px;
		margin: 0 auto 2%;
	}
	.p-copyright {
		float: none;
		font-size: calc( ( 13 * 100vw ) / 414 );
	}
}

/* Footer Pagetop
--------------------------------------------- */
.p-fixed-pagetop {
	position: fixed;
	right: 1%;
	bottom: 2%;
	opacity: 0;
	transition: all .3s;
}
.p-fixed-pagetop.on {
	opacity: 1.0;
}

/*スマホ Page TOP*/
@media screen and (max-width:38em) {
	.p-footer-wrap--pagetop .p-footer-pagetop-btnlist {
		padding: 0;
		margin-bottom: 0;
		list-style: none;
	}

	/*Pagetop ボタン*/
	.p-footer-wrap--pagetop .c-grid-items {
		max-width: 85%;
		flex-basis: 85%;
	}
	.p-footer-wrap--pagetop .c-grid-items a {
		height: 100%;
		padding: 5%;
		font-size: calc( ( 18 * 100vw ) / 414 );
		font-weight: 900;
		position: relative;
	}
	.p-footer-wrap--pagetop .c-grid-items a::before {
		display: inline-block;
		content: '';
		width: 24px;
		height: 12px;
		margin-right: 4%;
		background: resolve('common/icon-arr-01.svg') center bottom no-repeat;
	}

	/:HOME ボタン*/
	.p-footer-wrap--pagetop .c-grid-items:first-child {
		max-width: 15%;
		flex-basis: 15%;
	}
	.p-footer-wrap--pagetop .c-grid-items:first-child a {
		padding: 14%;
	}
	.p-footer-wrap--pagetop .c-grid-items:first-child a::before {
		display: none;
	}
	.p-footer-wrap--pagetop .c-grid-items:first-child a:hover {
		background-color: #0366ac;
	}


}


/** -------------------------------- **
	Topics path
*** ----------------------------------------------------------------- ***/
.sec-topicpath {
	background:#f5f5f5;
	padding:5px 0 10px;
	margin-bottom: 10px;
}
.sec-topicpath ol {
	margin-left:65px;
	font-size:.8125rem;
}
.sec-topicpath ol li {
	float:left;
	list-style:none;
	margin-right:10px;
}
.sec-topicpath ol li:after {
	content:"＞";
	margin-left:10px;
}
.sec-topicpath ol li:last-child:after {
	content:""
}
.sec-topicpath ol li,
.sec-topicpath ol li a {
	color:#8d8d8d;
}


/** -------------------------------- **
	Wrapper
*** ----------------------------------------------------------------- ***/
.p-wrap {
	padding: 60px 0;
}
.sec-page main .p-wrap {
	padding: 60px 0 0;
	margin-top: 2%;
}
.sec-page .p-wrap.bg-wrap {
	padding: 60px 0;
	margin-top: 0;
}

.p-conts {
	max-width: 1200px;
	margin: 0 auto;
}
.p-conts-inner {
	max-width: 1060px;
	margin: 0 auto;
}
.c-page-headline + .p-conts-inner {
	margin-top: 60px;
}
.p-conts-inner.page-conts,
.page-conts {
	padding: 0 30px;
	margin-top: 40px;
	margin-bottom: 60px;
}
.p-wp-content {
	margin-bottom: 60px;
}

@media screen and (max-width:56.25em) {
	.p-wrap {
		padding: 8% 0;
	}
	.p-conts-inner {
		max-width: 92%;
	}
	.p-conts-inner.page-conts,
	.page-conts {
		padding: 0;
		margin-top: 6%;
		margin-bottom: 8%;
	}
	.sec-page main .p-wrap {
		padding: 4% 0 0;
	}
	.sec-page .p-wrap.bg-wrap {
		padding: 4% 0;
	}
}


/* ==========================================================================
	Page Original
=========================================================================== */

/** -------------------------------- **
	post
*** ----------------------------------------------------------------- ***/

/* Archive List
--------------------------------------------- */
.posts--article {
	padding: 0;
	font-size: 0.875rem;
	list-style: none;
}
.posts--article .post-list {
	display: table;
	margin-bottom: 0;
	margin: 20px 0;
}
.posts--article .post-list dt,
.posts--article .post-list dd {
	display: table-cell;
	vertical-align: top;
	margin-bottom: 0;
}
.posts--article .post-list dt span {
	display: block;
	/*width: 125px;*/
	padding: 2px 10px;
	font-size: 0.75rem;
	font-weight: 350;
	text-align: center;
	border: 1px solid #f9593e;
}
.posts--article .post-list dd {
	padding-left: 15px;
}

.posts--article .post-list.navigation {
	margin: 20px 0 30px;
}
.posts--article .post-list.navigation dt {
	display: block;
}
.posts--article .post-list.navigation dt span {
	display: inline-block;
	border: none;
}
.posts--article .post-list.navigation dd {
	display: inline-block;
	margin-bottom: 5px;
}
.posts--article .post-list.navigation dd:first-child {
	padding-left: 0;
}

@media screen and (max-width:38em) {
	.posts--article {
		padding: 0 5%;
		margin-bottom: 0;
		font-size: calc( ( 15 * 100vw ) / 414 );
	}
	.posts--article .post-list {
		width: 100%;
		margin: 0;
		padding: 5% 0;
	}
	.posts--article li:not(:first-child) .post-list {
		border-top: 1px #8d8d8d;
	}
	.posts--article .post-list dt,
	.posts--article .post-list dd {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
	}
	.posts--article .post-list dt span {
		padding: 3px 6px;
		font-size: calc( ( 12 * 100vw ) / 414 );
	}
	.posts--article .post-list dt {
		padding-right: 5%;
	}
	.posts--article .post-list dd {
		padding-left: 0;
	}
	.posts--article .post-list dd:last-child {
		display: block;
		padding-top: 2%;
	}
}

/* navigation
--------------------------------------------- */
.c-tabs-box {
	.tabs-nav.navigation-menu .tabs-btn {
		font-size: 0.812rem;
		border: none;
		border: 1px solid #fff;
	}
	.tabs-nav.navigation-menu .tabs-btn.bg-color--yellow {
		color: #2a2a2a;
	}
	.tabs-nav.navigation-menu .tabs-btn.active,
	.tabs-nav.navigation-menu .tabs-btn:hover {
		color: #2a2a2a;
		border: 1px solid #2a2a2a;
	}
}


/* Post Detail
--------------------------------------------- */
.single-posts-date {
	margin-bottom: 0;
}

/*Wysiwygエディタ用（後で調整）
エディタ用スタイルにも適用する*/
.single-posts h1 {
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 1.25rem;
	font-weight: 500;
	padding-bottom: 12px;
	padding-left: 50px;
	position: relative;
	border-bottom: 1px solid $color-light-gray2;
}
.single-posts h1::before {
	content: '';
	width: 30px;
	height: 6px;
	background-color: #fffd70;
	position: absolute;
	left: 0;
	top: calc( 50% - 8px );
}

@media screen and (max-width:38em) {
	.single-posts h1 {
		font-size: calc( ( 18 * 100vw ) / 414 );
		padding-bottom: 4%;
		padding-left: 32px;
	}
	.single-posts h1::before {
		width: 20px;
	}
}

.single-posts h2 {
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 1.25rem;
	font-weight: 500;
	padding-bottom: 12px;
	padding-left: 50px;
	position: relative;
}
.single-posts h2::before {
	content: '';
	width: 30px;
	height: 3px;
	background-color: #fffd70;
	position: absolute;
	left: 0;
	top: calc( 50% - 8px );
}

@media screen and (max-width:38em) {
	.single-posts h2 {
		font-size: calc( ( 18 * 100vw ) / 414 );
		padding-bottom: 4%;
		padding-left: 32px;
	}
	.single-posts h2::before {
		width: 20px;
	}
}

.single-posts h3 {
	color: #0366ac;
	font-size: 1.125rem;
	font-weight: 500;
}
.single-posts h4 {
	font-size: 1rem;
	font-weight: 500;
}
.single-posts h5 {
	font-size: 0.83em;
	font-weight: 500;
}
.single-posts h6 {
	font-size: 0.67em;
	font-weight: 500;
}
.single-posts pre {
	display: block;
	font-family: Consolas, Monaco, monospace;
}
.single-posts strong {
	font-weight: bold;
}
.single-posts em {
	font-style: italic;
}
.single-posts ul {
	list-style: outside disc;
}
.single-posts ol {
	list-style: outside decimal;
}
.single-posts li {
	margin-bottom: .6rem;
}
.single-posts blockquote {
	display: block;
	margin: 1em 40px;
}
.single-posts a {
	color: #0366ac;
	text-decoration: underline;
}
.single-posts del {
	text-decoration: line-through;
}
.single-posts hr {
	display: block;
	border: none;
	border-top: #9a9a9a 1px solid;
	border-bottom: #eeeeee 1px solid;
}
.single-posts .alignright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.single-posts .alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.single-posts .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

.single-posts table {
	width: 100%;
	table-layout: fixed;
}
.single-posts table th,
.single-posts table td {
	font-size: 1rem;
	font-weight: 350;
	padding: 8px 5px;
}
.single-posts table th {
	width: 50%;
}
.single-posts table tr:not(:first-child) {
	border-top: 1px solid #adadad;
}

.single-posts dl {
	margin: 1.5rem 0;
}


/** -------------------------------- **
	home
*** ----------------------------------------------------------------- ***/

/* home common
--------------------------------------------- */
.home-subject {
	text-align: center;
	position: relative;
}
.home-subject h1 {
	font-size: 2.25rem;
	font-weight: 700;
}
.home-subject span {
	display: block;
	font-size: 0.937rem;
	font-weight: 600;
}
.home-subject .home-subject-line {
	display: block;
	width: 70%;
	max-width: 300px;
	padding: 10px;
	margin: 20px auto 6%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.more-btn {
	margin: 10px auto 0;
}
.home-conts-link-area {
	display: inline-block;
}


@media screen and (max-width:38em) {
	.home-subject h1 {
		font-size: calc( ( 28 * 100vw ) / 414 );
	}
	/*.home-subject span {
		display: inline-block;
		vertical-align: middle;
		margin-left: 5%;
		font-size: calc( ( 14 * 100vw ) / 414 );
	}*/
	.home-subject .home-subject-line {
		display: block;
		width: 60%;
		max-width: 100%;
		padding: 3% 5%;
		margin: 5% auto;
	}
}

/* slide
--------------------------------------------- */
.home-wrap--slide {
	position: relative;
	padding-bottom: 0;
}
.home-main-slide {
	padding: 0;
	margin-bottom: 0;
}
.slide-item {
	vertical-align: bottom;
	height: 780px;
	position: relative;
}
.slide-item .catchword {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 3.625rem;
	line-height: 1.4;
	font-weight: 900;
	position: absolute;
	top: 35%;
	left: 50%;
	opacity: 0;
	transform: translateX(-50%) translateY(-10%);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-delay: .3s;
}
.slide-item .catch-shadow {
	margin: 0;
	text-shadow: 1px 1px 10px #666;
}
.catchword--color {
	color: #f65b0e;
}
.catchword--ja {
	font-size: 2.875rem;
}
.slick-current .catchword {
	color: #fff;
	opacity: 1;
	transform: translateX(-50%) translateY(-50%);
}

.slide-item.item01 {
	/*padding-top: 65%;*/
	background: resolve('home/main-slide-01--pc.jpg') center 10% no-repeat;
	background-size: cover;
}
.slide-item.item02 {
	background: resolve('home/main-slide-02--pc.jpg') center no-repeat;
	background-size: cover;
}
.slide-item.item03 {
	background: resolve('home/main-slide-03--pc.jpg') center no-repeat;
	background-size: cover;
}
.slide-item.item04 {
	background: resolve('home/main-slide-04--pc.jpg') center no-repeat;
	background-size: cover;
}
.slide-item.item05 {
	background: resolve('home/main-slide-05--pc.jpg') center no-repeat;
	background-size: cover;
}

@media print, screen and (max-height:768px) {
	.slide-item {
		height: 620px;
	}
}

@media print, screen and (max-width:75em) {
	.slide-item .catchword {
		max-width: 900px;
		top: 30%;
	}
}

@media print, screen and (max-width:64em)  {
	.slide-item {
		height: 580px;
	}
	.slide-item .catchword {
		top: 34%;
		font-size: calc( ( 54 * 100vw ) / 1024 );
	}
	.catchword--ja {
		font-size: calc( ( 46 * 100vw ) / 1024 );
	}
}

@media screen and (max-width:38em) {
	.home-main-slide {
		position: relative;
	}
	.slide-item {
		height: 46vh;
	}
	.slide-item .catchword {
		top: auto;
		bottom: 3%;
		padding-left: 3%;
		text-align: left;
		transform: translateX(-50%) translateY(0%);
		font-size: calc( ( 29 * 100vw ) / 414 );
	}
	.slick-current .catchword {
		color: #fff;
		opacity: 1;
		transform: translateX(-50%) translateY(-10%);
	}
	/*.slide-item.item05 .catchword {
	top: auto;
	}*/
	.catchword::before {
		bottom: 3%;
		padding-left: 3%;
		font-size: calc( ( 28 * 100vw ) / 414 );
	}
	.catchword--ja {
		font-size: calc( ( 20 * 100vw ) / 414 );
	}
	.slide-item.item01 {
		/*padding-top: 69.3%;*/
		background: resolve('home/main-slide-01--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.slide-item.item02 {
		background: resolve('home/main-slide-02--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.slide-item.item03 {
		background: resolve('home/main-slide-03--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.slide-item.item04 {
		background: resolve('home/main-slide-04--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.slide-item.item05 {
		background: resolve('home/main-slide-05--sp.jpg') center no-repeat;
		background-size: cover;
	}
}

@media print, screen and (max-width: 38em) and (orientation:landscape) {
	.slide-item {
		height: 100vh;
	}
}

/* home-nav-list
--------------------------------------------- */
.home-nav-list {
	width: 100%;
	position: absolute;
	bottom: 85px;
}
.home-nav-list .p-conts {
	max-width: 1020px;
}
.home-nav-list ul {
	padding-left: 0;
}
.home-nav-list ul li {
	padding: 0 10px;
}
.home-nav-list .home-nav-list--btn {
	padding: 10px 10px;
	text-align: center;
	color: $color-white;
	font-size: 1.25rem;
	font-weight: 900;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, .11);
}
.home-nav-list .home-nav-list--btn span {
	display: block;
	font-size: 0.812rem;
}
.home-nav-list .home-nav-list--btn img {
	height: 45px;
	margin-bottom: 10px;
}
.home-nav-list .home-nav-list--btn:hover {
	background: rgba(42, 42, 42, 1.0);
}
.home-nav-list figure {
	margin: 0;
}

@media print, screen and (max-width:75em) {
	.home-nav-list .p-conts {
		max-width: 1020px;
	}
}

@media screen and (max-width:56.25em) {
	.home-nav-list {
		bottom: 25%;
	}
	.home-nav-list .home-nav-list--btn {
		font-size: calc( ( 18 * 100vw ) / 768 );
	}
	.home-nav-list .home-nav-list--btn span {
		font-size: calc( ( 14 * 100vw ) / 768 );
	}
}

@media screen and (max-width:38em) {
	.home-nav-list {
		width: 100%;
		position: relative;
		bottom: auto;
	}
	.home-nav-list ul li {
		padding: 0;
		/*border-top: 1px solid #000;*/
		background: #666;
	}
	.home-nav-list ul li:nth-child(even) {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	.home-nav-list figure {
		margin-top: 2%;
		margin-bottom: 0;
	}
	.home-nav-list .home-nav-list--btn {
		/*padding: 8% 8% 8.1%;*/
		padding: 5% 8% 6.1%;
		text-align: center;
		font-size: calc( ( 18 * 100vw ) / 414 );
		font-weight: 700;
		border: none;
	}
	.home-nav-list .home-nav-list--btn span {
		display: none;
		font-size: calc( ( 12 * 100vw ) / 414 );
		font-weight: 500;
	}
	.home-nav-list .home-nav-list--btn img {
		/*float: left;*/
		float: none;
		width: 40%;
		margin: 0 auto;
	}
}

/* home-wrap--posts
--------------------------------------------- */
.home-wrap--posts.p-wrap {
	padding: 240px 0 20%;
	position: relative;
	background: resolve('home/bg-home-operation.jpg') center bottom no-repeat;
	background-size: cover;
}

@media print, screen and (max-width:64em) {
	.home-wrap--posts.p-wrap {
		padding: 200px 0 20%;
	}
}

@media screen and (max-width:56.25em) {
	.home-wrap--posts.p-wrap {
		padding: 240px 0 20%;
	}
}

@media screen and (max-width:38em) {
	.home-wrap--posts.p-wrap {
		padding: 0;
		background: none;
	}
}


/* home-posts--operation */
.home-posts--operation {
	width: 100%;
	max-width: 1000px;
	min-height: 200px;
	padding: 10px;
	position: absolute;
	bottom: 100%;
	right: 50%;
	transform: translateX(50%) translateY(75%);
	background: #fff;
}

.home-posts--operation .home-subject {
	float: left;
	width: 30%;
	text-align: center;
	position: relative;
}
.home-posts--operation .home-subject-inner {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(30%);
}

.home-posts--operation .home-conts {
	float: right;
	width: 70%;
}

.home-posts--operation .post-list dt {
	display: block;
}
.home-posts--operation .post-list dt span {
	display: inline-block;
}
.home-posts--operation .post-list dd {
	display: inline-block;
	margin-bottom: 5px;
}

@media screen and (max-width:38em) {
	.home-posts--operation {
		min-height: auto;
		padding: 0;
		position: relative;
		bottom: auto;
		right: auto;
		transform: translateX(0) translateY(0);
	}
	.home-posts--operation .home-subject {
		float: none;
		width: 100%;
		text-align: center;
		position: relative;
		background: #efefef;
	}
	.home-posts--operation .home-subject-inner {
		display: flex;
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		transform: translateX(0) translateY(0);
	}
	.home-posts--operation .home-subject h1 {
		flex-grow: 0;
		flex-shrink: 0;
		max-width: 73%;
		flex-basis: 73%;
		margin-bottom: 0;
		padding: 4% 5% 3%;
		font-size: calc( ( 18 * 100vw ) / 414 );
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		text-align: left;
	}
	.home-posts--operation .home-subject h1 span {
		font-size: calc( ( 12 * 100vw ) / 414 );
	}
	.home-posts--operation .home-subject .u-btn {
		margin: 0;
		flex-grow: 0;
		flex-shrink: 0;
		max-width: 27%;
		flex-basis: 27%;
	}
	.home-posts--operation .home-subject .u-btn a {
		max-width: 100%;
		margin: 0;
		padding: 16% 0;
		font-size: calc( ( 16 * 100vw ) / 414 );
	}

	.home-posts--operation .home-conts {
		float: none;
		width: 100%;
	}
	.home-posts--operation .posts--article .post-list.navigation {
		margin: 0;
	}
}

/* home-posts--news */
.home-posts--news {
	/*max-width: 56%;
	flex-basis: 56%;
	margin-right: 4%;*/
	background: #fff;
}
.home-posts-inner--news {
	padding: 20px 30px;
}
.home-posts-inner--news .home-subject .u-btn {
	display: none;
}
.home-posts--news .more-btn {
	margin: 30px auto 0;
}

@media print, screen and (max-width:64em) {
	.home-posts-inner--news {
		padding: 20px 0;
	}
	.home-posts--news {
		margin-right: 2%;
		margin-left: 1%;
	}
}

@media screen and (max-width:38em) {
	.home-posts--news {
		max-width: 100%;
		flex-basis: 100%;
		margin: 0;
		padding: 0;
		margin-bottom: 70px;
	}
	.home-posts-inner--news {
		padding: 0;
	}
	/*.home-posts-inner--news .home-subject {
		display: flex;
		width: 100%;
		background: #efefef;
	}*/


	.home-posts-inner--news .home-subject .u-btn.u-sp {
		position:relative;
	}
	.home-posts-inner--news .home-subject .u-btn.u-sp a {
		position:absolute;
		right:0;
		top:0;
		padding: 14.5% 0;
	}


	/*.home-posts-inner--news .home-subject h1 {
		flex-grow: 0;
		flex-shrink: 0;
		max-width: 73%;
		flex-basis: 73%;
		margin-bottom: 0;
		padding: 4% 5% 3%;
		font-size: calc( ( 18 * 100vw ) / 414 );
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		text-align: left;
	}*/
	/*.home-posts-inner--news .home-subject h1 span {
		font-size: calc( ( 12 * 100vw ) / 414 );
	}*/
	.home-posts-inner--news .home-subject .u-btn {
		display: block;
		margin: 0;
		flex-grow: 0;
		flex-shrink: 0;
		max-width: 27%;
		flex-basis: 27%;
	}

	@media screen and (max-width:38em) {
	.home-posts-inner--news .home-subject .u-btn {
    display: block;
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 27%;
    margin: 0;
	}
	}

	.home-posts-inner--news .home-subject .u-btn a {
		max-width: 100%;
		margin: 0;
		padding: 16% 0;
		font-size: calc( ( 16 * 100vw ) / 414 );
	}

	/*tabs list*/
	.home-posts--news .tabs-nav {
		display: flex;
	}
	.home-posts--news .tabs-nav .tabs-nav-list {
		flex-grow: 0;
		flex-shrink: 0;
		max-width: 33.3333%;
		flex-basis: 33.3333%;
		width: 100%;
		margin: 0;
	}
	.home-posts--news .tabs-nav .tabs-nav-list:not(:first-child) {
		padding-left: 1px;
	}
	.home-posts--news .tabs-nav .tabs-btn {
		font-size: calc( ( 16 * 100vw ) / 414 );
		padding: 15% 5%;
		border: none;
	}
	.home-posts--news .tabs-nav .tabs-btn.active,
	.home-posts--news .tabs-nav .tabs-btn:hover {
		background: #e8f5ff;
        color: #0366ac;
		border: none;

	}
}

/* home-posts--schedule */
.home-posts--schedule {
	max-width: 40%;
	flex-basis: 40%;
	background: #fffd70;
}
.home-posts-inner--schedule {
	padding: 20px 0;
}
.home-posts--schedule .home-subject {
	padding: 20px 0;
}
.home-posts--schedule .home-subject img {
	width: 63px;
}
.home-posts--schedule .more-btn {
	max-width: 100%;
	padding: 12px 14px;
	border: 1px solid #0366ac;
}
.home-posts--schedule ul {
	padding-left: 0;
}
.home-posts--schedule li {
	margin-top: 3%;
	padding-left: 3%;
	padding-right: 3%;
}

@media print, screen and (max-width:75em) {
	.home-posts--schedule .more-btn {
		font-size: calc( ( 14 * 100vw ) / 1200 );
	}
}

@media screen and (max-width:56.25em) {
	.home-posts--schedule .more-btn {
		padding: 10% 4%;
		font-size: calc( ( 14 * 100vw ) / 768 );
	}
	.home-posts--schedule .c-grid li:not(:first-child) .more-btn {
		padding: 20% 4%;
	}
}

@media screen and (max-width:38em) {
	.home-posts--schedule {
		max-width: 100%;
		flex-basis: 100%;
	}
	.home-posts--schedule .home-subject {
		padding: 5% 0 0;
	}
	.home-posts--schedule .home-subject span {
		display: block;
		margin-left: 0;
	}
	.home-posts--schedule .more-btn {
		padding: 6%;
		font-size: calc( ( 16 * 100vw ) / 414 );
	}
	.home-posts--schedule .c-grid li:not(:first-child) .more-btn {
		padding: 8%;
	}
}


/* .home-wrap--ship
--------------------------------------------- */
.home-wrap--ship {
	padding: 60px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.home-wrap--ship::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: resolve('home/bg-home-ship--pc.jpg') center no-repeat;
	background-size: cover;
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	z-index: -1;
}
.home-wrap--ship.current::after {
	transform: scale(1.1);
}
.home-wrap--ship .home-conts {
	margin-bottom: 10%;
}
.home-wrap--ship .home-conts p {
	font-size: 1.125rem;
	font-weight: 350;
}

@media screen and (max-width:38em) {
	.home-wrap--ship {
		padding: 10% 5%;
		background: resolve('home/bg-home-ship--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.home-wrap--ship .home-conts {
		margin-bottom: 10%;
	}
	.home-wrap--ship .home-conts p {
		font-size: calc( ( 18 * 100vw ) / 414 );
	}
}



/* .home-wrap--results
--------------------------------------------- */
.home-wrap--results {
	padding: 60px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.home-wrap--results::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: resolve('home/bg-home-results--pc.jpg') center no-repeat;
	background-size: cover;
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	z-index: -1;
}
.home-wrap--results.current::after {
	transform: scale(1.1);
}
.home-wrap--results .home-conts {
	margin-bottom: 14%;
}
.home-wrap--results .home-conts p {
	font-size: 1.125rem;
	font-weight: 350;
}

@media screen and (max-width:38em) {
	.home-wrap--results {
		padding: 10% 5%;
		background: resolve('home/bg-home-results--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.home-wrap--results .home-conts {
		margin-bottom: 10%;
	}
	.home-wrap--results .home-conts p {
		font-size: calc( ( 18 * 100vw ) / 414 );
	}
}


/* .home-wrap--company
--------------------------------------------- */
.home-wrap--company {
	padding: 60px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.home-wrap--company::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: resolve('home/bg-home-company--pc.jpg') center no-repeat;
	background-size: cover;
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	z-index: -1;
}
.home-wrap--company.current::after {
	transform: scale(1.1);
}
.home-wrap--company .home-conts {
	margin-bottom: 14%;
}
.home-wrap--company .home-conts p {
	font-size: 1.125rem;
	font-weight: 350;
}

@media screen and (max-width:38em) {
	.home-wrap--company {
		padding: 10% 5%;
		background: resolve('home/bg-home-company--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.home-wrap--company .home-conts {
		margin-bottom: 10%;
	}
	.home-wrap--company .home-conts p {
		font-size: calc( ( 18 * 100vw ) / 414 );
	}
}



/* .home-wrap--group
--------------------------------------------- */
.home-wrap--group {
	padding: 10% 0 18%;
	position: relative;
	overflow: hidden;
}
.home-wrap--group::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: resolve('home/bg-home-group--pc.jpg') center no-repeat;
	background-size: cover;
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	z-index: -1;
}
.home-wrap--group.current::after {
	transform: scale(1.1);
}
.home-wrap--group::before {
	width: 756px;
	height: 638px;
	content: '';
	background: resolve('home/home-rkk-map.svg') center no-repeat;
	background-size: contain;
	position: absolute;
	top: 7%;
	right: 10%;
}
.home-wrap--group .home-conts-link-area:hover {
	color: inherit;
}
.home-wrap--group .home-group-conts {
	width: 40%;
	text-align: left;
	position: relative;
	z-index: 1;
}
.home-wrap--group .home-subject {
	margin-bottom: 40px;
	text-align: left;
}
.home-wrap--group .home-subject h1 {
	font-size: 1.75rem;
	font-weight: 400;
}
.home-wrap--group .home-conts {
	margin-bottom: 60px;
}
.home-wrap--group .home-conts h2 {
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 2;
}
.home-wrap--group .home-conts p {
	font-size: 1rem;
	line-height: 2;
}
.home-wrap--group .home-footer {
	text-align: center;
}

@media print, screen and (max-width:64em) {
	.home-wrap--group {
		padding: 8% 0 25%;
	}
	.home-wrap--group::before {
		right: 2%;
	}
	.home-wrap--group .home-group-conts {
		width: 50%;
		margin-left: 2%;
	}
}
@media screen and (max-width:56.25em) {
	.home-wrap--group {
		padding: 10% 0 10%;
	}
	.home-wrap--group .home-group-conts {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	.home-wrap--group::before {
		display: none;
	}
	.home-wrap--group .home-subject {
		text-align: center;
	}
}

@media screen and (max-width:38em) {
	.home-wrap--group {
		padding: 10% 0 10%;
		background: resolve('home/bg-home-group--sp.jpg') center no-repeat;
		background-size: cover;
	}
	.home-wrap--group .home-group-conts {
		width: 96%;
	}
	.home-wrap--group .home-subject h1 {
		font-size: calc( ( 22 * 100vw ) / 414 );
	}
	.home-wrap--group .home-conts {
		margin-bottom: 8%;
	}
	.home-wrap--group .home-conts h2 {
		font-size: calc( ( 20 * 100vw ) / 414 );
	}
	.home-wrap--group .home-conts p {
		font-size: calc( ( 16 * 100vw ) / 414 );
	}
}

/* .home-wrap--recruit
--------------------------------------------- */
.home-wrap--recruit {
	margin-bottom: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.home-wrap--recruit::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: resolve('home/bg-home-recruit--pc.jpg') center repeat-x;
	background-size: cover;
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	z-index: -1;
}
.home-wrap--recruit.current::after {
	transform: scale(1.1);
}
.home-wrap--recruit .home-subject {
	margin-bottom: 0;
}
.home-wrap--recruit .home-subject-line {
	width: 180px;
}
.home-wrap--recruit .home-conts-link-area {
	display: block;
	width: 30%;
	padding: 5.8% 0;
	margin: 0 auto;
}

@media print, screen and (max-width:87.5em) {
	.home-wrap--recruit::after {
		background: resolve('home/bg-home-recruit--notepc.jpg') center repeat-x;
		background-size: cover;
	}
}

@media print, screen and (max-width:75em) {
	.home-wrap--recruit .home-conts-link-area {
		width: 40%;
	}
}


@media screen and (max-width:38em) {
	.home-wrap--recruit {
		padding: 0;
		background: resolve('home/bg-home-recruit--sp.jpg') center no-repeat;
		background-size: 100% auto;
	}
	.home-wrap--recruit::after {
		display: none;
	}
	.home-recruit-conts {
		width: 45%;
    margin-right: auto;
    margin-left: 3%;
	}
	.home-wrap--recruit .home-conts-link-area {
		width: 100%;
		padding: 6% 0;
	}
	.home-wrap--recruit .home-subject {
		margin-bottom: 10%;
	}
	.home-wrap--recruit .more-btn.bg-color--blue {
		max-width: 130px;
		padding: 5%;
		font-size: calc( ( 14 * 100vw ) / 414 );
	}
}

@media print, screen and (max-width: 38em) and (orientation:landscape) {
	.home-wrap--recruit .more-btn.bg-color--blue {
		max-width: 180px;
		padding: 8px 10px;
		font-size: 0.937rem;
	}
}

.home-posts--news {
    background: #fff;
	margin-bottom: 125px;
}
.home-posts-inner--news {
    padding: 20px 30px;
	max-width:830px;
	margin:70px auto -60px;
}

@media screen and (max-width: 38em){
.home-posts-inner--news {
    padding: 0 10px;
	max-width:830px;
	margin:30px auto 40px;
}
.home-posts-inner--news .u-btn {
	background:#2e2f2f;
}
.home-posts--news .u-btn .more-btn.bg-color--white {
	width:100%;
	border:none;
	background:#2e2f2f;
	color: #fff;
}
.home-posts--news .u-btn .more-btn.bg-color--white a {
	display:block;
}

}

.home-posts-inner--news dl {
	margin:60px 0 70px;
}

@media screen and (max-width: 38em){
.home-posts-inner--news dl {
	margin:30px 0 -30px;
	border-top: 1px solid #c4c4c4;
    padding-top: 8px;
}
}

.home-posts-inner--news dl dt {
	float: left;
	width: 20%;
	padding: 10px 0 10px 5%;
}

@media screen and (max-width: 64em){
.home-posts-inner--news dl dt {
    float:none;
    padding:0;
    width: 100%;
	font-weight: normal;
}
}

/*@media screen and (max-width: 56.25em){
.home-posts-inner--news dl dt {
    float: left;
    width: 36%;
    padding:10px 0 10px 25%;
}
}*/

@media screen and (max-width: 38em){
.home-posts-inner--news dl dt {
    float:none;
    padding:0;
    width: 100%;
	font-weight: normal;
}
}

/*.home-posts-inner--news dl > dd {
	float:left;
	border-bottom:1px solid #c4c4c4;
    padding:10px 24% 10px 0;
}*/

.home-posts-inner--news dl dd {
	padding: 10px 5% 10px 20%;
	border-bottom:1px solid #c4c4c4;
}

@media screen and (max-width:56.25em) {
.home-posts-inner--news dl dd {
    padding:10px 0;
}
}

@media screen and (max-width:38em) {
.home-posts-inner--news dl dd {
    padding:0 0 10px;
}
}

.home-posts-inner--news dl dd:last-child {
	border-bottom:none;
}

.home-posts-inner--news .home-subject .u-btn {
    display: none;
}

.home-posts--news .more-btn {
    margin: 30px auto 0;
}
.home-posts--news .u-btn .more-btn.bg-color--white {
	width:210px;
}

.banner {
	text-align: center;
	margin-bottom: 65px;
}

.home-inner--feature p {
	margin:60px 0;
	text-align:center;
	font-size:1.125rem;
	line-height:2.2;
}

@media screen and (max-width: 38em){
.home-posts--news .u-btn .more-btn.bg-color--white {
	width:100%;
}
.home-inner--feature p {
	/*margin:15px 10px;
	text-align:left;
	font-size:1rem;
	line-height:1.8;*/
}
.home-inner--feature p.home-feature-sp {
	margin: 70px 40px 50px;
	text-align:left;
	font-size:1rem;
	line-height:1.8;
}
.home-inner--feature p.home-feature-sp02 {
	text-align:center;
	margin:0 10px 55px;
	font-size:1rem;
	line-height:1.8;
}
}

.home-inner--feature ul {
	max-width:1235px;
	margin:0 auto 190px;
}

@media screen and (max-width: 38em){
.home-inner--feature ul {
	margin:0 10px 25px;
    padding-left: 0;
}
}

.home-inner--feature ul:after {
	content:"";
	display:block;
	clear:both;
}


.home-inner--feature ul li {
	float:left;
	margin-right:2%;
	list-style:none;
	text-align:center;
    width: 23.5%;
}

@media screen and (max-width: 38em){
.home-inner--feature ul li {
	float:left;
	margin:0 3% 5% 0;
	list-style:none;
	text-align:center;
    width: 47%;
}
}

.home-inner--feature ul li:last-child {
	margin-right:0;
}

.home-inner--feature ul li img {
	margin-bottom:20px;
}

@media screen and (max-width: 38em){
.home-inner--feature ul li img {
	margin-bottom:5px;
}
}

.home-inner--feature ul li span {
	font-size:1.125rem;
}

@media screen and (max-width: 38em){
.home-inner--feature ul li span {
	font-size:.875rem;
}
}

.home-inner--about {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/home/index-bg.png) -950px 0 no-repeat;
	height:500px;
	background-size:cover;
}

@media screen and (max-width: 75em){
.home-inner--about {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/home/index-bg.png) -630px 0 no-repeat;
	height:500px;
	background-size:cover;
}
}

@media screen and (max-width: 56.25em){
.home-inner--about {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/home/index-bg.png) -453px 0 no-repeat;
	height:400px;
	background-size:cover;
}
}

@media screen and (max-width: 38em){
.home-inner--about {
	background:#f2f2f2 url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/home/index-bg-sp.gif) left top no-repeat;
	/*height:570px;*/
	padding: 0% 0 160%;
	background-size:cover;
}
}

.home-inner--about .home-subject {
	padding-top:40px;
}

@media screen and (max-width: 38em){
.home-inner--about .home-subject {
	padding-top: 35px;
    padding-bottom: 15px;
}
}

.home-inner--about ul {
	max-width:1235px;
	margin:35px auto 0;
}

@media screen and (max-width: 38em){
.home-inner--about ul {
	margin:13px 10px 0;
    padding-left: 0;

}
}

.home-inner--about ul li {
	float:left;
	margin-right:2%;
	list-style:none;
	text-align:center;
    width: 22.5%;
}

@media screen and (max-width: 38em){
.home-inner--about ul li {
	float:left;
	margin:0 3% 5% 0;
	list-style:none;
	text-align:center;
    width: 48%;
    font-size: .875rem;
}
.home-inner--about ul li:nth-child(2n) {
	margin-right:0;
}
}


.home-inner--about ul li:last-child {
	margin-right:0;
}

.home-inner--about ul li img {
	margin-bottom:3px;
}

.home-inner--about ul li span {
	font-size:1.125rem;
	font-weight: 600;
}

@media screen and (max-width: 38em){
.home-inner--about ul li span {
	font-size:.875rem;
}
}


/* moddal video */
.home .modaal-content-container {
	padding: 0;
}
.home-main-mv {
	width: 100%;
	height: auto;
	vertical-align: middle;
}



/** -------------------------------- **
	service
*** ----------------------------------------------------------------- ***/

/* top page
--------------------------------------------- */
.service-word--tit img {
	max-width: 392px;
	margin-bottom: 20px;
}
.service-word--txt {
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: 60px;
}

.service-nav-lists ul {
	list-style: none;
	padding-left: 0;
}
.service-nav-lists {
	list-style: none;
	padding-left: 0;
	margin-top: 40px;
}
.service-nav-lists ul {
	list-style: disc;
	font-size: 0.875rem;
	padding-left: 2.5rem;
}
.service-nav-lists li {
	margin-top: 15px;
}
.service-nav-lists a::before {
	display: inline-block;
	content: '＞';
	margin-right: 5px;
}
.service-nav-lists li li a::before {
	content: unset;
}


.service-nav-sec h4 {
	font-size: 1.25rem;
	margin-top: 10px;
}
.service-nav-sec p {
	margin-top: 10px;
}
.service-nav-sec .c-grid-items--mgn {
	margin-bottom: 30px;
}

@media screen and (max-width:38em) {
	.service-nav-01 {
		display: block;
		padding: 50% 10% 10%;
	}
	.service-nav-sec .c-grid-items--mgn {
		margin-bottom: 6%;
	}
}


/* domesticroutes
--------------------------------------------- */
.domesticroutes .c-tabs-box .tabs-nav .tabs-nav-list {
	max-width: 200px;
	width: 200px;
}
.domesticroutes .c-tabs-box .tabs-nav .tabs-btn {
	padding: 10px 0;
}

@media screen and (max-width:38em) {
	.domesticroutes .c-tabs-box .tabs-nav .tabs-nav-list {
			width: 47%;
	}
}

/* schedule table */
.domesticroutes .schedule-table td {
	text-align: center;
}
.domesticroutes .c-table--tophead th:first-child {
	width: 18%;
}

/* domesticroutes-map */
.domesticroutes-map-img {
	width: 95%;
	/*height: 475px;*/
	margin-bottom: 40px;
	text-align: center;
}
.domesticroutes-map-img img {
	width: 59%;
}
.domesticroutes-map .c-btn-col .u-btn {
	margin: 0 10px;
}
/*.domesticroutes-map .c-grid-col3-2--pc {
max-width: 60%;
flex-basis: 60%;
}
.domesticroutes-map .c-grid-col3--pc {
max-width: 40%;
flex-basis: 40%;
}*/

.domesticroutes-map-select {
	padding: 20px 20px 1px;
	margin-bottom: 60px;
	position: relative;
}
.domesticroutes-map-select:first-child::after {
	display: block;
	content: '';
	width: 45px;
	height: 25px;
	background: resolve('common/icon-arr-03.svg') center no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: -40px;
	transform: translateX(-50%);
}
.domesticroutes-map-select dd {
	margin-top: 10px;
}
.domesticroutes-map-select-lists {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.domesticroutes-map-select-lists li {
	float: left;
	width: 24%;
	margin-right: 1%;
	padding-bottom: 3%;
}
.map-select-check {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
}
.map-select-check::before {
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	background: #fff;
	position: absolute;
	left: 0;
	top: 5px;
}
.map-select-check.active::after {
	display: block;
	content: '';
	width: 25px;
	height: 20px;
	background: resolve('common/icon-check.svg') center no-repeat;
	background-size: contain;
	position: absolute;
	left: -3px;
	top: -3px;
}
.map-select-check.offlink {
	cursor: auto;
	color: #8d8d8d;
}
.map-select-check.offlink::before {
	border: 1px solid #8d8d8d;
}


.domesticroutes-map-conts {
	display: none;
	padding: 20px;
	border: 1px solid #adadad;
}
.domesticroutes-map-conts.open {
	display: block;
	animation: timeOpen .6s;
}
.domesticroutes-map-conts--date {
	font-size: 1.5rem;
	padding: 10px;
	letter-spacing: .2rem;
	text-align: center;
	background: #fffd70;
}
.domesticroutes-map-conts .c-table--tophead {
	margin-bottom: 20px;
}
.domesticroutes-map-conts .c-table--tophead td:first-child {
	font-size: .875rem;
}

/*オープンアニメーション*/
@keyframes timeOpen {
	from{
			opacity: 0;
	}
	to{
			opacity: 1;
	}
}

@media screen and (max-width:38em){
	.domesticroutes-map .c-grid-col3-2--pc,
	.domesticroutes-map .c-grid-col3--pc {
		max-width: 100%;
		flex-basis: 100%;
	}
}


/* domesticroutes / regularship
--------------------------------------------- */
.regularship .c-tabs-box .tabs-nav .tabs-nav-list {
	max-width: 100%;
	width: 300px;
}

@media print, screen and (max-width:64em) {
	.regularship .c-tabs-box .tabs-nav .tabs-nav-list {
		width: 31%;
	}
}

@media screen and (max-width:38em) {
	.regularship .c-tabs-box .tabs-nav .tabs-nav-list {
			width: 47%;
	}
}


/* domesticroutes / occasionalship
--------------------------------------------- */
.occasionalship-word--txt {
	font-size: 1.125rem;
	font-weight: 400;
	margin-bottom: 60px;
}

.occasionalship .c-tabs-box .tabs-nav .tabs-nav-list {
	max-width: 100%;
	width: 300px;
}

@media print, screen and (max-width:64em) {
	.occasionalship .c-tabs-box .tabs-nav .tabs-nav-list {
		width: 31%;
	}
}

@media screen and (max-width:38em) {
	.occasionalship .c-tabs-box .tabs-nav .tabs-nav-list {
			width: 47%;
	}
}



/* overseasroutes
--------------------------------------------- */
.overseasroutes .c-tabs-box .tabs-nav .tabs-nav-list {
	max-width: 160px;
	width: 160px;
	margin-left: 4px;
	margin-right: 4px;
}
.overseasroutes .c-tabs-box .tabs-nav .tabs-btn {
	padding: 10px 0;
	font-size: 0.937rem;
}

.overseasroutes-roro-dl dt {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.25rem;
	padding-top: 20px;
	height: 95px;
}
.overseasroutes-roro-dl dd {
	font-size: 1rem;
	line-height: 2;
	margin-top: 20px;
}
.overseasroutes-roro-dl img {
	vertical-align: middle;
	margin-right: 20px;
}

.overseasroutes .c-card--subtitle {
	margin-top: 0;
}

.overseasroutes-app-flow a {
	color: $color-link-text;
	text-decoration: underline;
}
.overseasroutes-app-flow a:hover {
	text-decoration: none;
}

@media screen and (max-width:38em) {
	.overseasroutes .c-card--img {
		margin-top: 8%;
	}
	.overseasroutes .c-tabs-box .tabs-nav .tabs-nav-list {
    width: 48%;
    margin-right: 1%;
    margin-left: 0px;
	}
}

@media screen and (max-width:38em) {
.page-class {
    margin: 0 10px;
}
}

/* access
--------------------------------------------- */
.page-map--inner {
	max-width:880px;
	margin:0 auto;
}
.page-map--inner iframe {
	height:700px;
	margin-bottom:40px;
}
.page-map--inner table {
	margin-bottom:70px;
}

@media screen and (max-width: 38em){
.page-map--inner table {
	margin-bottom:30px;
}
}

.page-map--inner table th {
	font-weight:normal;
	padding-right:20px;
    white-space: nowrap;
}
.page-map--inner table td:before {
	content:"|";
	padding-right:30px;
}

@media screen and (max-width: 38em){
.page-map--inner table td:before {
	content:"";
	padding-right:0;
}
}

.page-map--inner table th,
.page-map--inner table td {
	font-size:1.125rem;
	line-height:1;
	padding-bottom:20px;
}

@media screen and (max-width: 38em){
.page-map--inner table th {
	padding-bottom:10px;
}
}

@media screen and (max-width: 38em){
.page-map--inner table th,
.page-map--inner table td {
	width: 100%;
    display: block;
}
}

.page-map--inner ol {
	margin:0 0 175px -15px;
}

@media screen and (max-width: 38em){
.page-map--inner ol {
	margin:0 0 50px -15px;
}
}

.page-map--inner ol li {
	margin-bottom:45px;
}

@media screen and (max-width: 38em){
.page-map--inner ol li {
	margin-bottom:25px;
}
}

/* equipment
--------------------------------------------- */
.page-equipment--inner {
	max-width:893px;
	margin:0 auto;
}
.p-equipment-lead {
	font-size:1.5rem;
	text-align:center;
	color:#005bc1;
	line-height:2;
	margin:45px 0 30px;
}

@media screen and (max-width: 38em){
.p-equipment-lead {
	font-size:1.125rem;
	text-align:center;
	color:#005bc1;
	line-height:1.5;
	margin:25px 0 15px;
}
}

.p-paragraph {
	line-height:2;
}
.page-equipment-pic {
    max-width:893px;
	margin:50px auto 110px;
}

@media screen and (max-width: 38em){
.page-equipment-pic {
	max-width:893px;
	margin:25px auto 40px;
}
}

.page-equipment-pic--inner--left {
	float:left;
	max-width: 555px;
}
.page-equipment-pic--inner--right {
    float:right;
    max-width: 318px;
}
.page-equipment-pic--inner02 {
    margin-top: 20px;
}
.page-equipment-pic--inner02 p {
    float: left;
}
.page-equipment-pic--inner02 p:first-child {
    margin-right: 22px;
}

@media screen and (max-width: 38em){
.page-equipment-pic--inner--left {
    float:none;
}
.page-equipment-pic--inner--right {
    float:none;
}
.page-equipment-pic--inner02 p {
    float: none;
    text-align: center;
}
.page-equipment-pic--inner02 p:first-child {
    margin: 0 0 20px 0;
}
}

.page-equipment-pic--inner p:first-child {
	margin-right:10px;
}

@media screen and (max-width: 38em){
.page-equipment-pic--inner p:first-child {
	margin-right:0;
}
}

.page-equipment .c-page-subject-inner {
    position: static;
    padding: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.page-equipment--inner02 {
	max-width:940px;
	margin:120px auto 0;
}

@media screen and (max-width: 38em){
.page-equipment--inner02 {
	margin:30px auto 0;
}
}

.page-equipment-floor--inner table {
	float:left;
	width:49%;
	margin-bottom:45px;
}

@media screen and (max-width: 38em){
.page-equipment-floor--inner table {
	float:none;
	width:100%;
	margin-bottom:25px;
}
}

.page-equipment-floor--inner table:first-child {
	margin-right:2%;
}
.page-equipment-floor--inner table th,
.page-equipment-floor--inner table td {
	border:1px solid #2a2a2a;
	padding:10px;
	text-align:center;
	font-size:.875rem;
}
.page-equipment-floor--inner table th {
	font-weight:normal;
	background:#f8f8f8;
}
.page-equipment-floor--inner:after
.page-equipment-floor--inner02:after {
	content:"";
	display:block;
	clear:both;
}
.page-equipment-floor--inner02 p {
	float:left;
	margin-bottom:150px;
}

@media screen and (max-width: 38em){
.page-equipment-floor--inner02 p {
	float:none;
	margin-bottom:30px;
}
}

.page-equipment-floor--inner02 p:first-child {
	/*margin-right:35px;*/
    margin-right: 3.7%;
    width:40%;
}
.page-equipment-floor--inner02 p:last-child {
	width:56%;
}

@media screen and (max-width: 38em){
.page-equipment-floor--inner02 p:first-child {
    margin-right: 0;
    width:auto;
}
}
@media screen and (max-width: 38em){
.page-equipment-floor--inner02 p:last-child {
	width:auto;
}
}



/* company
--------------------------------------------- */
.page-company--inner {
	max-width:980px;
	margin:0 auto;
}
.page-company--inner table {
	width:100%;
	margin:30px auto 255px;
	font-size:.9375rem;
}
.page-company--inner table .item2 {
    white-space: nowrap;
}
.page-company--inner table .sub {
    font-size:.8125rem;
}

@media screen and (max-width: 38em){
.page-company--inner table {
	margin:30px auto 50px;
}
}

.page-company--inner table th {
	white-space:nowrap;
	border-bottom:1px solid #b1b1b1;
	padding:15px 40px 15px 20px;
}

@media screen and (max-width: 38em){
.page-company--inner table th {
	padding:5px 20px 5px 10px;
}
}

.page-company--inner table td {
	border-bottom:1px solid #b1b1b1;
	padding:15px 20px;
}

@media screen and (max-width: 38em){
.page-company--inner table td {
	border-bottom:1px solid #b1b1b1;
	padding:5px 10px;
}
}

.page-company--inner table .item {
	white-space:nowrap;
}

.page-company--inner table .bb-none {
	border-bottom:none;
}
.page-company--inner table .item02 {
	padding:5px 0 0 20px;
}
@media screen and (max-width: 38em){
    .page-company--inner table .item02 {
        padding:5px 0 0 9px;
    }
}
.page-company--inner table .item03 {
	padding:5px 0 0 0;
    position: relative;
    left: -22px;
}
@media screen and (max-width: 38em){
    .page-company--inner table .item03 {
        left: -70px;
    }
}
.page-company--inner table .item04 {
	padding:5px 0;
}
.page-company--inner table .item05 {
	padding-top:15px;
}
.page-company--inner table .item06 {
	padding-bottom:15px;
}
.page-company--inner table .item07 {
	vertical-align:top;
}

/* privacy
--------------------------------------------- */
.page-privacy--inner {
	max-width:855px;
	margin:0 auto 150px;
}

@media screen and (max-width: 38em){
.page-privacy--inner {
	margin:0 auto 50px;
}
}

.page-privacy--inner dl {
	margin-bottom:50px;
}

@media screen and (max-width: 38em){
.page-privacy--inner dl {
	margin-bottom:25px;
}
}

.page-privacy--inner dl dt {
	line-height:2;
	font-weight:normal;
}

@media screen and (max-width: 38em){
.page-privacy--inner dl dt {
	line-height:1.5;
}
}

.page-privacy--inner dl dd {
	margin-bottom:30px;
	line-height:2;
}

@media screen and (max-width: 38em){
.page-privacy--inner dl dd {
	margin-bottom:20px;
	line-height:1.5;
}
}

.page-privacy--inner .p-paragraph {
	margin-bottom:35px;
}

@media screen and (max-width: 38em){
.page-privacy--inner .p-paragraph {
	margin-bottom:20px;
}
}

/* tenant
--------------------------------------------- */
/*.page-tenant--inner {
	max-width:880px;
	margin:0 auto 90px;
}

@media screen and (max-width: 38em){
.page-tenant--inner {
	margin:0 auto 40px;
}
}*/
.page-tenant--inner .tenant-ichiran {
	text-align: center;
	margin-bottom: 95px;
}
.tenant-inner {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 25px;
	border-bottom: none;
}

.tenant--txt {
	color:#2a2a2a;
    max-width: 366px;
}

@media screen and (max-width: 38em){
.tenant--txt {
	font-size:1.125rem;
}
.page-tenant--inner .tenant-ichiran {
	margin: 30px 0;
}
}

.tenant--txt span:before,
.tenant--txt span:after {
    border-top: 2px solid #2a2a2a;
}

.page-tenant--inner ul {
	max-width: 830px;
	margin:0 auto 80px;
	padding: 0;
}

@media screen and (max-width: 50em){
.page-tenant--inner ul {
	max-width: 615px;
}
}

@media screen and (max-width: 38em){
.page-tenant--inner ul {
	margin:0 10px 25px;
    padding-left: 0;
}
.page-tenant--inner ul:last-of-type {
	margin-top: 30px;
}
}

.page-tenant--inner ul:after {
	content:"";
	display:block;
	clear:both;
}

.page-tenant--inner ul li {
	float:left;
	list-style:none;
	text-align:center;
}

@media screen and (max-width: 38em){
.page-tenant--inner ul li {
	float: none;
}
}

.page-tenant--inner ul li:first-child {
	margin-right:3%;
}
@media screen and (max-width: 50em){
.page-tenant--inner ul li:first-child {
	margin-left: 6%;
	margin-right: 4%;
}
}
@media screen and (max-width: 38em){
.page-tenant--inner ul li:first-child {
	margin: 0 auto;
}
}

.page-tenant--inner ul li:last-child {
	margin-left:3%;
}
@media screen and (max-width: 50em){
.page-tenant--inner ul li:last-child {
	float: none;
	margin: 0 auto;
}
}
@media screen and (max-width: 38em){
.page-tenant--inner ul li:last-child {
	margin: 0 auto;
}
}

@media screen and (max-width: 50em){
.tenant-iji {
	float: none;
	clear: both;
	text-align: center;
}
}

.page-tenant--inner ul li img {
	margin-top: 5px;
	margin-bottom:20px;
}

@media screen and (max-width: 38em){
.page-tenant--inner ul li img {
	margin-bottom:5px;
}
}

.page-tenant--inner ul li span {
	font-size:1.15rem;
	margin-bottom: 15px;
}

@media screen and (max-width: 38em){
.page-tenant--inner ul li span {
	font-size:1rem;
}
}

.tenant-center ul li {
	float: none;
	margin: 0 auto;
}

.page-tenant-center ul li:last-child {
	margin-right:auto;
}

/* contact
--------------------------------------------- */
.page-contact--inner {
	max-width:880px;
	margin:0 auto;
}
.page-contact--inner .p-paragraph {
	font-size:1.125rem;
	text-align:center;
	margin-bottom:60px;
}

@media screen and (max-width: 38em){
.page-contact--inner .p-paragraph {
	font-size:1.0625rem;
	text-align:center;
	margin-bottom:30px;
}
}

.page-contact--inner dl {
	font-size:1.125rem;
}

@media screen and (max-width: 38em){
.page-contact--inner dl {
	font-size:1.0625rem;
}
}

.page-contact--inner .box {
	border:1px solid #d9d9d9;
	padding:10px;
	width:100%;
}
.page-contact--inner dl dt {
	font-weight:normal;
}
.page-contact--inner dl dd {
	margin-bottom:20px;
}
.page-contact--inner form .p-paragraph {
	font-size:.9375rem;
	text-align:left;
	margin:45px 0 30px;
}

@media screen and (max-width: 38em){
.page-contact--inner form .p-paragraph {
	margin:20px 0 25px;
}
}

.page-contact--inner .u-btn .more-btn.bg-color--black {
	width:260px;
	margin:50px auto 65px;
}

/*.submit-btn {
    width:260px;
    margin: 10px auto 65px;
    background-color: #000;
    border: none;
    cursor: pointer;
    cursor: pointer;
}*/

.mw_wp_form .submit-button {
    margin: 50px 0 60px;
}

.mw_wp_form .submit-button input {
    margin: 0 auto;
    display: block;
    padding: 18px 10px;
    background: #000;
    color: #fff;
    -webkit-appearance: none;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    display: inline-block;
    width: 260px;
}

@media screen and (max-width: 38em){
.page-contact--inner .u-btn .more-btn.bg-color--black {
	width:260px;
	margin:25px auto 30px;
}
/*
.contact-btn-area {
    text-align: center;
    width: 100%
}

.contact-btn-area ul {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding-left: 0;
}

.submit-btn {
    margin:0 auto 30px;
    width: 47%;
    font-size: 0.9rem;
    display: inline-block;
}
.submit-btn.first {
    margin-right: 3%;
}
*/

.mw_wp_form .submit-button input {
    margin: 0 auto;
    display: block;
    padding: 18px 10px;
    background: #000;
    color: #fff;
    -webkit-appearance: none;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}

}

.p-contact-area {
	max-width:670px;
	margin:0 auto 245px;
	border:3px solid #ffe71e;
	padding:30px 15px;
}

@media screen and (max-width: 38em){
.p-contact-area {
	margin:0 auto 50px;
}
}

.p-contact-area:after {
	content:"";
	display:block;
	clear:both;
}
.p-contact-area .p-contact-txt {
	float:left;
	font-size:1.25rem;
	width:43%;
	text-align:center;
	padding-top:25px;
}

@media screen and (max-width: 38em){
.p-contact-area .p-contact-txt {
	float:none;
	width:100%;
	padding-top:0;
}
}

.p-contact-area .p-contact-tel {
	float:right;
	color:#005bc1;
	font-size:2.5rem;
	width:57%;
	text-align:center;
	line-height:0.8;
	border-left:1px solid #2a2a2a;
	margin-bottom:0;
	padding:10px 0;
}

@media screen and (max-width: 38em){
.p-contact-area .p-contact-tel {
	float:none;
	font-size:2.5rem;
	width:100%;
	line-height:0.8;
	border-left:none;
    border-top:1px solid #2a2a2a;
	margin-bottom:0;
	padding:10px 0;
}
}

.p-contact-area .p-contact-tel span {
	font-size:1rem;
}




/* feature
--------------------------------------------- */
.page-feature-nav {
	max-width:1060px;
	margin:0 auto 20px;
}

@media screen and (max-width: 38em){
.page-feature-nav {
	max-width:100%;
	padding-left:0;
}
}

.page-feature-nav:after {
	content:"";
	display:block;
	clear:both;
}
.page-feature-nav li {
	float:left;
	margin-right:20px;
	text-align:center;
	list-style:none;
}

@media screen and (max-width: 56.25em){
.page-feature-nav {
	padding:0 10px;
}
}
@media screen and (max-width: 56.25em){
.page-feature-nav li {
	float:none;
	margin:0 0 10px 0;
}
}

@media screen and (max-width: 38em){
.page-feature-nav li {
	float:none;
	margin:0 0 10px 0;
}
}

.page-feature-nav li:last-child {
	margin-right:0;
}
.page-feature-nav li a {
	display:block;
	padding:5px 20px;
	border:1px solid #2a2a2a;
}
.page-feature-nav li:first-child a {
	padding:5px 55px;
}
.page-feature--inner {
	max-width:880px;
	margin:0 auto;
}
.page-feature--inner-2 {
	max-width:980px;
	margin:0 auto;
}
.page-feature--inner-3 {
	max-width:1070px;
	margin:0 auto;
}
.page-feature--inner-4 {
	max-width:1200px;
	margin:0 auto;
}

.feature-img {
	float: left;
}
@media screen and (max-width: 64em){
.feature-img {
	float: none;
	clear: both;
	text-align: center;
}
}

.feature--inner-5 {
	max-width: 622px;
	float: right;
}
@media screen and (max-width: 64em){
.feature--inner-5 {
	max-width: 100%;
	float: none;
	clear: both;
	margin: 0 auto;
}
}

.feature-dounyu1 {
	margin-bottom: 40px;
}
@media screen and (max-width: 64em){
.feature-dounyu1 {
	text-align: center;
}
}

.feature-dounyu2 {
	max-width: 430px;
	float: left;
}
@media screen and (max-width: 64em){
.feature-dounyu2 {
	max-width: 100%;
	float: none;
	text-align: center;
}
}

.feature--inner-6 {
	max-width: 155px;
	float: right;
}
@media screen and (max-width: 64em){
.feature--inner-6 {
	max-width: 100%;
	float: none;
	clear: both;
	margin: 0 auto;
}
}

.p-feature--lead {
	font-size:1.8rem;
	margin:50px 0 20px;
}

.p-feature-rinen {
	font-size: 1.25rem;
}
.feature-rinen .p-paragraph {
	font-size: 1.125rem;
	margin-bottom: 30px;
}
.feature-rinen .p-feature-list {
	padding-left: 1.6rem;
	margin-bottom: 30px;
}
.feature-rinen .p-feature-list li {
	margin-bottom: 15px;
}

@media screen and (max-width: 38em){
.p-feature-rinen {
	font-size: 1.125rem;
}
.feature-rinen {
	margin-top: 30px;
}
.feature-rinen .p-paragraph {
	font-size: 1.0625rem;
}
}

.p-feature--kachi {
   font-size: 1.375rem;
   font-weight: 500;
   line-height: 3em;
   text-align: center;
   color: #2887D7;
   border-top: 1px solid #2887D7;
   border-bottom: 1px solid #2887D7;
}
@media screen and (max-width: 38em){
.p-feature--kachi {
   font-size: 1.1rem;
   line-height: 1.5em;
}
}

.p-feature-image {
	font-size: 1.1875rem;
}
@media screen and (max-width: 38em){
.p-feature-image {
    font-size: 1.0625rem;
}
}

.p-feature-list {
	font-size: 1rem;
}

.p-feature-seido {
	font-size: 0.8125em;
}

.p-feature-seido > span {
	color: #f22d31;
}
@media screen and (max-width: 38em){
.p-feature-seido {
		font-size: 1rem;
		text-align: left;
}
}

.p-feature--hukakachi {
	font-size: .812rem;
	font-weight: 350;
	padding-left: 1.6rem;
}
.p-feature--hukakachi li {
	margin-bottom: 1rem;
}

@media screen and (max-width: 64em){
.p-feature--hukakachi {
	margin: 0 15%;
}
}
.hukakachi-midashi {
	font-size: .812rem;
	margin-bottom: .5rem;
}
.hukakachi-midashi::after {
	display: block;
	content: '';
	margin-top: .5rem;
	border-bottom: 1px solid #2a2a2a;
}
@media screen and (max-width: 64em){
.hukakachi-midashi::after {
	max-width: 200px;
	margin: 0 auto;
}
}
.p-feature-strong {
	font-weight: 500;
}

.c-conts-ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
	font-size: 4.2vw;
	line-height: 1.5;
	color: #00aaeb;
	font-weight: 500;
	position: relative;
	margin-bottom: 2rem;
	overflow: hidden; }
  .c-conts-ttl::before,
  .c-conts-ttl::after {
	display: block;
	content: '';
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	height: 1px;
	border-bottom: 1px solid #89d8f6; }


@media screen and (max-width: 38em){
.p-feature--lead {
	font-size:1.125rem;
	margin:25px 0 20px;
}
}

.page-feature--inner .p-paragraph {
	font-size:1.125rem;
	text-align:left;
	margin-bottom:50px;
}

@media screen and (max-width: 38em){
.page-feature--inner .p-paragraph {
	margin-bottom:0;
	font-size:1.0625rem;
}
}

.page-feature--inner table {
	width:100%;
	margin-bottom:100px;
}

@media screen and (max-width: 38em){
.page-feature--inner table {
	margin:30px 0;
}
}

.page-feature--inner table th {
	font-weight:normal;
	background:#f8f8f8;
	white-space:nowrap;
}
.page-feature--inner table th,
.page-feature--inner table td {
	font-size:.8125rem;
	padding:10px;
	border:1px solid #2a2a2a;
}
.page-feature--inner table td {
	text-align:left;
}
.bb-none {
	border-bottom:none !important;
}
.bt-none {
	border-top:none !important;
}
.page-feature--inner table td p:last-child {
	margin-bottom:0;
}
.page-feature--inner-2 .p-paragraph {
	margin-left:55px;
}

@media screen and (max-width: 38em){
.page-feature--inner-2 .p-paragraph {
	margin-left:0;
}
}

.page-feature--inner-3 .p-paragraph {
	text-align:center;
	font-size:1.25rem;
}

@media screen and (max-width: 38em){
.page-feature--inner-3 .p-paragraph {
	font-size:1.0625rem;
}
}

.page-feature--inner02 {
	margin-bottom:90px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 {
	margin:20px 0 40px;
}
}

.page-feature--inner02 div {
	float:left;
	/*margin-right:50px;*/
    margin-right:6%;
	height:450px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div {
	float:none;
	/*margin-right:50px;*/
    margin:0 0 60px 0;
	height:auto;
}
}

.page-feature--inner02:after {
	content:"";
	display:block;
	clear:both;
}
.page-feature--inner02 div:nth-child(1),
.page-feature--inner02 div:nth-child(2) {
	/*max-width:300px;*/
    width: 27%;
	padding:20px 20px 10px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(1),
.page-feature--inner02 div:nth-child(2) {
	/*max-width:300px;*/
    width: auto;
	padding:10px 20px 10px;
}
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(2) {
	margin-bottom: 12px;
}
}

.page-feature--inner02 div:nth-child(1):before,
.page-feature--inner02 div:nth-child(2):before {
	content:url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/feature/feature-img04.gif);
	position:relative;
	/*left:295px;*/
    left: 117%;
	top:175px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(1):before,
.page-feature--inner02 div:nth-child(2):before {
	content:url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/feature/feature-img04-sp.gif);
	position:relative;
	/*left:295px;*/
    left: 42%;
	top:387px;
}
.page-feature--inner02 div:nth-child(2):before {
	top:415px;
}
}

.page-feature--inner02 div:nth-child(3) {
	/*max-width:170px;*/
    width: 14%;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(3) {
	/*max-width:170px;*/
    width: auto;
}
}

.page-feature--inner02 div:nth-child(3):before {
	content:url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/feature/feature-img04.gif);
	position:relative;
	/*left:185px;*/
    left: 120%;
	top:209px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(3):before {
	content:url(/_nahaportcenter/wp-content/themes/nahaportcenter/assets/images/feature/feature-img04-sp.gif);
	position:relative;
	/*left:185px;*/
    left: 42%;
	top:123px;
}
}

.page-feature--inner02 div:nth-child(4) {
	/*max-width:150px;*/
    width: 14%;
	margin-right:0;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(4) {
	/*max-width:150px;*/
    width: auto;
}
}

.page-feature--inner02 div:nth-child(1) {
	background:#f8f8f8;
}
.page-feature--inner02 div:nth-child(2) {
	background:#fffacf;
}
.page-feature--inner02 div dl dt {
	font-size:1.125rem;
	margin-bottom:20px;
	text-align:center;
}
.page-feature--inner02 div dl dd {
	margin-bottom:20px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div dl dd img {
	display:block;
	margin:0 auto;
}
}

.page-feature--inner02 div ul {
	margin-left:-20px;
	font-size: .875rem;
}
.page-feature--inner02 div ul li {
	margin-bottom:5px;
}
.page-feature--inner02 div:nth-child(3) p{
	color:#005bc1;
	font-size:1.25rem;
	text-align:center;
	margin-top:152px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(3) p{
	margin-top:15px;
}
}

.page-feature--inner02 div:nth-child(4) p {
	color:#005bc1;
	font-size:1.25rem;
	text-align:center;
	margin-top:200px;
}

@media screen and (max-width: 38em){
.page-feature--inner02 div:nth-child(4) p {
	margin-top:0;
}
}

.page-feature--inner03 {
	margin:45px 0 80px;
}

@media screen and (max-width: 38em){
.page-feature--inner03 {
	margin:30px 0 40px;
}
}

.page-feature--inner03:after {
	content:"";
	display:block;
	clear:both;
}
.page-feature--inner03 div {
	float:left;
	/*width:280px;*/
    width:23.5%;
	background:#fffacf;
	/*:margin-right:25px;*/
    margin-right:2%;
	height:130px;
}

@media screen and (max-width: 38em){
.page-feature--inner03 div {
	float:none;
	/*width:280px;*/
    width:100%;
	/*:margin-right:25px;*/
    margin:0 0 25px 0;
	height:130px;
}
}

.page-feature--inner03 div:last-child {
	margin-right:0;
}
.page-feature--inner03 div p {
	text-align:center;
	font-size:1rem;
}
.page-feature--inner03 div:nth-child(1) p {
	margin-top:50px;
}

@media screen and (max-width: 38em){
.page-feature--inner03 div:nth-child(1) p {
	padding-top:50px;
}
}

.page-feature--inner03 div:nth-child(2) p,
.page-feature--inner03 div:nth-child(3) p {
	margin-top:40px;
}

@media screen and (max-width: 38em){
.page-feature--inner03 div:nth-child(2) p,
.page-feature--inner03 div:nth-child(3) p {
	margin-top:20px;
}
}

@media screen and (max-width: 38em){
.page-feature--inner03 div:nth-child(2) p,
.page-feature--inner03 div:nth-child(3) p {
	padding-top:40px;
}
}

.page-feature--inner03 div:nth-child(4) p {
	margin-top:30px;
}

 @media screen and (max-width: 38em){
.page-feature--inner03 div:nth-child(4) p {
	padding-top:30px;
}
}

.page-feature--inner04 {
	max-width:1115px;
	margin:0 auto 80px;
}
@media screen and (max-width: 64em){
.page-feature--inner04 {
	max-width: 1000px;
}
}
@media screen and (max-width: 50em){
.page-feature--inner04 {
	max-width: 750px;
}
}
.page-feature--inner04:after {
	content:"";
	display:block;
	clear:both;
}
.page-feature--inner04 dl {
	float:left;
	/*width:340px;*/
    width:32%;
	/*margin:0 47px 60px 0;*/
    margin:0 2% 60px 0;
	height:400px;
}
.page-feature--inner04 dl .tit {
	font-weight:600;
}

 @media screen and (max-width: 38em){
.page-feature--inner04 dl {
	float:none;
	/*width:340px;*/
    width:100%;
	/*margin:0 47px 60px 0;*/
    margin:0 0 25px 0;
	height:auto;
}
}

 @media screen and (max-width: 38em){
.page-feature--inner04 dl dt {
	text-align:center;
}
}

.page-feature--inner04 dl:nth-child(3n) {
	margin-right:0;
}
.page-feature--inner04 dl dd {
	font-size:.9375rem;
}
.page-feature--inner04 dl .tit {
	text-align:center;
	font-size:1.25rem;
	margin:30px 0;
}

 @media screen and (max-width: 38em){
.page-feature--inner04 dl .tit {
	margin:15px 0;
	font-size:1.0625rem;
}
}

.page-feature {
	padding-top:110px;
	margin-top:-110px;
}

/* sitemap
--------------------------------------------- */
.page-sitemap--inner {
    max-width:855px;
    margin:0 auto 150px;
}

.page-sitemap--inner ul li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
.page-sitemap--inner ul li:first-child {
    border-top: 1px solid #ddd;
}

@media screen and (max-width: 38em){
    .page-sitemap--inner {
        margin:0 auto 50px;
    }
    .page-sitemap--inner ul {
        padding-left: 0;
    }
}


/* news list
--------------------------------------------- */
.page-news--inner {
    max-width:855px;
    margin:0 auto 150px;
}

.page-news--inner dl dd {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 38em){
    .page-news--inner {
        margin:0 auto 50px;
    }

}








/* ship
--------------------------------------------- */
.ship .ship-lists .c-grid-items--mgn {
	padding-right: 3%;
	padding-left: 3%;
}

/* smapano */
.smapano iframe {
	width: 100%;
	height: 315px;
}


/* warehouse
--------------------------------------------- */
.warehouse-point-lists {
	padding-left: 0;
	list-style: none;
	text-align: center;
}
.warehouse-point-lists li {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 1.5%;
	padding: 6% 0;
}
.warehouse-point-lists li span {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 15px;
}

@media screen and (max-width:56.25em) {
	.warehouse-point-lists li {
		width: 29%;
		font-size: calc( ( 22 * 100vw ) / 768 );
		padding: 7% 0;
	}
	.warehouse-point-lists li span {
		font-size: calc( ( 14 * 100vw ) / 768 );
		margin-top: 15px;
	}
}

@media screen and (max-width:38em) {
	.warehouse-point-lists li {
		width: 32%;
		margin: 0;
		font-size: calc( ( 16 * 100vw ) / 414 );
		padding: 9% 0;
	}
	.warehouse-point-lists li span {
		display: none;
	}
}

/*facility*/
.facility-lead-txt {
	font-size: 1.125rem;
	letter-spacing: 0;
	margin-top: 40px;
}
.facility-overview {
	flex-basis: 60%;
	max-width: 60%;
}
.facility-gmap {
	flex-basis: 40%;
	max-width: 40%;
}
.facility-gmap iframe {
	height: 340px;
}
[class*="facility"] .c-table--nostyle {
	width: 100%;
}
[class*="facility"] .c-table--nostyle th {
	width: 25%;
	padding: 20px 0;
}
[class*="facility"] .c-table--nostyle td {
	width: 76%;
	padding: 20px 0;
}
[class*="facility"] .c-table--nostyle ul {
	padding-left: 1.5rem;
}
[class*="facility"] .c-table--nostyle li {
	margin-bottom: 10px;
}

@media screen and (max-width:38em) {
	.facility-overview,
	.facility-gmap {
		max-width: 100%;
		flex-basis: 100%;
	}
}

/* transport-equipment
--------------------------------------------- */
.transport-equipment .p-conts-inner + .p-conts-inner {margin-bottom: 60px;}
.page-conts.equipment-conts {
	padding: 30px 0;
	margin: 0 30px;
	border-bottom: 1px solid #adadad;
}
.equipment-tit {
	font-size: 1.125rem;
	margin-bottom: 30px;
	text-align: center;
}
.equipment-tit + .c-grid--mgn {
	max-width: 88%;
	margin: 0 auto;
}
.equipment-conts .c-grid-items--mgn:first-child {
	padding-left: 0;
}
.equipment-conts .c-grid-items--mgn:last-child {
	padding-right: 0;
}
.equipment-container-spec:not(:last-child) {
	border-bottom: 1px solid #adadad;
}

@media screen and (max-width:38em) {
	.page-conts.equipment-conts {
		margin: 0;
	}
	.equipment-tit + .c-grid--mgn {
		max-width: 100%;
		flex-direction: row;
	}
	.page-conts.equipment-conts .c-grid-col3-2--pc {
		order: 2;
	}
	.equipment-conts .c-grid-items--mgn {
		padding-left: 0;
	}
}


/** -------------------------------- **
	company
*** ----------------------------------------------------------------- ***/

/* top page
--------------------------------------------- */
.company-bg-img-01 {
	height: 426px;
	background: resolve('company/bg-company-nav-img-01.jpg') center no-repeat;
	background-size: cover;
	position: relative;
}

.company-nav-01 {
	display: block;
	padding: 80px 100px 0;
}
.company-nav-01--txt {
	max-width: 400px;
}
.company-nav-01--btn {
	margin-top: 30px;
	margin-left: 90px;
}
.company-nav-01--btn .more-btn {
	display: inline-block;
	width: 210px;
	max-width: 100%;
}

.company-nav-sec h4 {
	font-size: 1.25rem;
	margin-top: 10px;
}
.company-nav-sec p {
	margin-top: 10px;
}
.company-nav-sec .c-grid-items--mgn {
	margin-bottom: 30px;
}

@media screen and (max-width:56.25em) {
	.company-nav-01 {
		padding: 80px 60px 0;
	}
}

@media screen and (max-width:38em) {
	.company-bg-img-01 {
		background: resolve('company/bg-company-nav-img-01--sp.jpg') center  no-repeat;
		height: 100%;
		background-size: cover;
		position: relative;
	}

	.company-nav-01 {
		display: block;
    padding: 12% 10% 8%;
	}
	.company-nav-01--btn {
		margin: 0;
	}
	.company-nav-01--btn .more-btn {
		width: 100%;
	}
	.company-nav-sec .c-grid-items--mgn {
		margin-bottom: 6%;
	}
}


/* message
--------------------------------------------- */
.message-bgimg {
	background: resolve('company/bg-message--img.jpg') center no-repeat;
	background-size: cover;
}
.message.p-wp-content {
	margin-bottom: 0;
}
.message-subject {
	max-width: 750px;
	margin-bottom: 40px;
	justify-content: space-between;
}
.message-subject--txt {
	font-size: 2.25rem;
	font-weight: 350;
}
.message-txt p {
	font-size: 1rem;
	line-height: 2.125;
	margin-bottom: 2rem;
}

.message-subject--img {
	max-width: 33%;
	flex-basis: 33%;
}
.message-subject-inner {
	max-width: 63%;
	flex-basis: 63%;
}

@media screen and (max-width:38em) {
	.message-subject {
		max-width: 92%;
		margin-bottom: 8%;
	}
	.message-subject--txt {
		font-size: calc( ( 26 * 100vw ) / 414 );
	}
	.message-txt {
		font-size: calc( ( 16 * 100vw ) / 414 );
		line-height: 2.125;
	}

}


/* overview
--------------------------------------------- */
.overview .c-table--rowcolor th {
	width: 20%;
}
.overview .p-conts-inner {
	max-width: 800px;
}


/* branch-office
--------------------------------------------- */
.branch-office .c-tabs-box .tabs-nav .tabs-nav-list {
	max-width: 160px;
	width: 160px;
	margin: 0 5px;
}

.branch-office--name {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 20%;
	padding: 15px 0;
	margin-bottom: 0;
	text-align: center;
}

.branch-office--address {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 80%;
	padding: 15px 25px;
	margin-bottom: 0;
	border-left: 1px solid #8d8d8d;
}
.branch-office--address p {
	margin-bottom: 0;
}

.branch-office--map {
	margin-top: 4%;
}
.branch-office--map iframe {
	height: 400px;
}


@media print, screen and (max-width:64em) {
	.branch-office .c-tabs-box {
		.tabs-nav .tabs-nav-list {
			width: 31%;
			max-width: 100%;
			margin: 1%;
		}
	}
	.branch-office--name {
		flex-basis: 100%;
		text-align: left;
	}
	.branch-office--address {
		flex-basis: 100%;
		padding: 15px 0;
		margin-bottom: 0;
		border-left: none;
	}
}

@media screen and (max-width:38em) {
	.branch-office .c-tabs-box {
		.tabs-nav .tabs-nav-list {
			width: 47%;
			margin: 1%;
		}
		.tabs-nav .tabs-btn {
			font-size: calc( ( 18 * 100vw ) / 414 );
		}
	}
}

/* idea
--------------------------------------------- */
.sec-page .p-wrap.bg-wrap.idea-bgimg {
	padding: 60px 0 22%;
	background: resolve('company/bg-idea--img.jpg') center bottom no-repeat #cfe6f1;
	background-size: 100%;
}

.idea.p-wp-content {
	margin-bottom: 0;
}

.idea-conts-wrap {
	max-width: 1140px;
	margin: 0 auto 60px;
	padding: 40px 0;
	background: $color-white;
	border: 1px solid $color-blue;
}

.idea-headline,
.idea-conts {
	padding: 0 40px;
}
.idea-conts {
	font-size: 1.125rem;
	line-height: 2;
}
.idea-conts p {
	margin-bottom: 0;
}

.idea-headline {
	margin-bottom: 40px;
	text-align: center;
}
.idea-headline--txt {
	font-size: 1.25rem;
	letter-spacing: .2rem;
	margin-bottom: 40px;
}
.idea-headline--title {
	font-size: 1.875rem;
	font-weight: 400;
	padding-bottom: 40px;
	border-bottom: 1px dashed #8d8d8d;
}
.idea-svg-01 {
	max-width: 392px;
}
.idea-svg-02 {
	max-width: 356px;
}
.idea-svg-03 {
	max-width: 880px;
}





/* report
--------------------------------------------- */
.sec-page main .p-wrap.report-wrap {
	margin-top: 0;
	padding-top: 0;
}
.report-txt-lead {
	font-size: 1.125rem;
}
.report-chara--box {
	max-width: 600px;
	margin: 30px auto 60px;
	padding: 30px 0;
	border: 1px solid #0366ac;
}
.report-chara--box * {
	text-align: center;
	margin-bottom: 0;
}

.report-magazine-list li {
	margin-bottom: 4%;
	text-align: center;
}
.report-magazine-list span {
	display: block;
	max-width: 200px;
	margin: 20px auto 0;
	padding: 4px;
	font-size: 1rem;
	text-align: center;
}


/* history
--------------------------------------------- */

.history-headline {
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #8d8d8d;
}
.history-headline--txt {
	font-size: 3.125rem;
	font-weight: 500;
	color: #545353;
	text-align: center;
}

.history .c-table--rowcolor {
	width: 82%;
	margin: 0 auto;
}
.history .c-table--rowcolor th {
	width: 22%;
	font-size: 1.125rem;
}
.history .c-table--rowcolor td {
	width: 76%;
	font-size: 1rem;
}
.history .c-table--rowcolor th,
.history .c-table--rowcolor td {
	padding: 15px 20px;
	vertical-align: top;
}

.history .c-table--rowcolor dl {
	margin-bottom: 10px;
}
.history .c-table--rowcolor dt,
.history .c-table--rowcolor dd {
	float: left;
	width: 10%;
	font-weight: 400;
	margin-bottom: 0;
}
.history .c-table--rowcolor dd {
	width: 84%;
	margin-left: 5%;
}
.history .c-table--rowcolor .history-pic {
	margin: 2% 0 0;
}


@media screen and (max-width:56.25em) {
	.history .c-table--rowcolor {
		width: 100%;
	}
	.history .c-table--rowcolor th {
		width: 25%;
		font-size: calc( ( 18 * 100vw ) / 768 );
	}
	.history .c-table--rowcolor td {
		width: 75%;
		font-size: calc( ( 16 * 100vw ) / 768 );
	}
	.history .c-table--rowcolor th,
	.history .c-table--rowcolor td {
		padding: 10px 16px;
	}
	.history .c-table--rowcolor dt {
		width: 15%;
	}
	.history .c-table--rowcolor dd {
		width: 80%;
	}
}

@media screen and (max-width:38em) {
	.history .c-table--rowcolor {
		width: 100%;
	}
	.history .c-table--rowcolor th {
		font-size: calc( ( 18 * 100vw ) / 414 );
	}
	.history .c-table--rowcolor td {
		font-size: calc( ( 14 * 100vw ) / 414 );
	}
	.history .c-table--rowcolor th,
	.history .c-table--rowcolor td {
		display: block;
		width: 100%;
	}
	.history .c-table--rowcolor dt {
		width: 18%;
	}
	.history .c-table--rowcolor dd {
		width: 77%;
	}
}


/** -------------------------------- **
	group
*** ----------------------------------------------------------------- ***/

/* top page
--------------------------------------------- */
.group-nav li {
	margin-bottom: 20px;
}

.group-corporate {
	max-width: 1000px;
	margin-bottom: 60px;
	border: 1px solid #8d8d8d;
}

@media screen and (max-width:38em) {
	.group-corporate {
		max-width: 92%;
		margin: 0 auto 10%;
	}
}



/*トリガー*/
.group-corporate .js-acd {
	padding: 40px;
	text-align: center;
	position: relative;
}
.group-headline--tit {
	font-size: 1.5rem;
	font-weight: 900;
}
.group-arr-btm {
	font-size: 0.875rem;
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.group-arr-btm::after {
	display: inline-block;
	content: '';
	width: 43px;
	height: 23px;
	margin-left: 20px;
	vertical-align: middle;
	background: resolve('common/icon-arr-03--blue.svg') center no-repeat;
	background-size: contain;
}

@media screen and (max-width:38em) {
	.group-corporate .js-acd {
		padding: 8%;
	}
	.group-headline--tit {
		font-size: calc( ( 18 * 100vw ) / 414 );
		font-weight: 900;
	}
	.group-arr-btm {
		font-size: calc( ( 13 * 100vw ) / 414 );
		right: 10px;
	}
	.group-arr-btm::after {
		display: block;
		margin-left: 0;
		margin-top: 5px;
	}
}


/*コンテンツ*/
.group-logo-img {
	margin-bottom: 60px;
}
.group-keyword {
	padding: 10px;
	font-size: 1.5rem;
	font-weight: 500;
}
.group-summary {
	padding: 10px;
	font-size: 1.125rem;
}
.group-service {
	padding: 20px 10px;
	border-bottom: 1px solid #8d8d8d;
}
.group-about {
	margin-bottom: 0;
	padding: 20px 10px;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
}
.group-about dd,
.group-service dd {
	margin-top: .8rem;
}
.group-address {
	padding: 0 10px 20px;
}
.group-address .more-btn.bg-color--yellow {
	max-width: 50%;
}

@media screen and (max-width:38em) {
	.group-logo-img {
		margin-bottom: 6%;
	}
	.group-keyword {
		font-size: calc( ( 18 * 100vw ) / 414 );
	}
	.group-summary {
		font-size: calc( ( 16 * 100vw ) / 414 );
	}
}

/*close*/
.acd-body-close {
	padding: 50px 20px;
	position: relative;
	cursor: pointer;
}
.group-arr-top {
	font-size: 0.875rem;
	font-weight: 900;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.group-arr-top::after {
	display: inline-block;
	content: '';
	width: 23px;
	height: 43px;
	margin-left: 30px;
	vertical-align: middle;
	background: resolve('common/icon-arr-02.svg') center no-repeat;
	background-size: contain;
	transform: rotate(-90deg);
}

/*オープン時*/
.acd-hd-open .group-arr-btm {
	display: none;
}

@media screen and (max-width:38em) {
	.acd-body-close {
		padding: 10% 20px;
	}
}



/* vision
--------------------------------------------- */
.vision-lead-txt {
	font-size: 1rem;
	line-height: 2;
	padding: 0 20px 60px;
}

.vision-grouprinen {
	margin-top: 40px;
	font-size: 1.5rem;
	font-weight: 700;
	list-style: none;
	text-align: center;
	counter-reset: number 0;
}
.vision-grouprinen li {
	display: block;
	margin-bottom: 20px;
}
.vision-grouprinen li::before {
	display: inline-block;
	counter-increment: number 1;
	content: counter(number) '.';
}

.vision-symbol-img {
	margin-top: 60px;
}
.vision-symbol-img img {
	width: 60%;
}
.vision-symbol-btn .more-btn.bg-color--blue {
	max-width: 100%;
	width: 300px;
	padding: 14px 20px;
}

.vision-description {
	padding-top: 40px;
	margin-top: 40px;
	align-items: center;
}
.vision-description:not(:first-child) {
	border-top: 1px solid #8d8d8d;
}
.vision-description--tit {
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.vision-description--subtit {
	font-size: 1.125rem;
	margin-top: 30px;
}
.vision-description--txt {
	line-height: 1.8;
	margin-bottom: 40px;
}

@media screen and (max-width:38em) {
	.vision-symbol-img {
		margin-top: 6%;
	}
	.vision-description {
		align-items: flex-start;
	}
	.vision-description--txt {
		margin-bottom: 4%;
	}
}


/* recruit （初回公開）
--------------------------------------------- */
.recruit .c-tabs-box .tabs-nav .tabs-nav-list {
	max-width: 200px;
	width: 200px;
}
.recruit .c-table--rowcolor th {
	width: 30%;
}
.recruit .c-table--rowcolor ol {
	padding-left: 1rem;
}
.recruit .c-table--rowcolor ol li {
	margin: 5px 0;
}
.recruit .c-table--rowcolor ol li {
	margin: 5px 0;
}
.recruit .c-table--rowcolor .u-btn {
	margin-bottom: 5px;
}
.recruit .c-table--rowcolor .more-btn.bg-color--blue {
	max-width: 220px;
	margin: 10px 0 0;
}


@media screen and (max-width:38em){
	.recruit .c-tabs-box .tabs-nav .tabs-nav-list {
		max-width: 120px;
		width: 120px;
	}
	.recruit .c-table--rowcolor th {
		width: 30%;
		padding: 4%;
	}
}


/* Contact JP
--------------------------------------------- */

.contact-box {
	max-width: 1000px;
	margin-bottom: 60px;
	border: 1px solid #8d8d8d;
}
.contact-box .page-conts {
	margin-top: 0;
}
.contact-box .c-table--tophead td {
	font-size: 1rem;
	vertical-align: middle;
}
.contact-box .c-table--tophead p {
	margin-bottom: 0;
}
.contact-box .c-table--tophead td:nth-child(3) {
	width: 23%;
}
.contact-box .u-btn,
.contact-box .u-btn .blank-btn,
.contact-box .u-btn .more-btn {
	margin: 0;
}
.contact-box .more-btn.bg-color--light-cyan {
	display: inline-block;
	width: auto;
	font-size: 0.937rem;
	padding: 6px 33px;
	text-align: center;
	border: 1px solid  #8d8d8d;
}
.contact-box .blank-btn {
	border: 1px solid  #8d8d8d;
}
.contact-box .contact-btn {
	font-size: 0.937rem;
	padding: 8px 10px;
	margin-bottom: 10px;
}


@media screen and (max-width:38em) {
	.contact-box {
		max-width: 92%;
		margin: 0 auto 10%;
		.page-conts {
			padding-left: 4%;
			padding-right: 4%;
		}

		.c-table--tophead tr,
		.c-table--tophead th,
		.c-table--tophead td,
		.c-table--tophead td:nth-child(3) {
			display: block;
			width: 100%;
			padding: 3% 0 0;
			border: none;
			text-align: center;
		}
		.c-table--tophead td.btn-cel,
		.c-table--tophead td:nth-child(3) {
			padding-bottom: 6%;
		}
		.c-table--tophead tr {
			border-top: 1px solid  $color-gray;
		}
		.contact-btn {
			width: 70%;
			margin-left: auto;
			margin-right: auto;
		}
	}
}

/*トリガー*/
.contact-box .js-acd {
	padding: 40px;
	text-align: center;
	position: relative;
}

@media screen and (max-width:38em) {
	.contact-box .js-acd {
		padding: 8%;
	}
}