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

/*
* COMMON
******************************************************/
* {
	word-wrap:break-word;
	background-repeat:no-repeat;
	overflow-wrap:break-word
}
html {
	scroll-behavior:smooth;
	font-family:"Hiragino Kaku Gothic ProN",
	'ヒラギノ角ゴ Pro W3',
    "Hiragino Sans",
	Meiryo,
	メイリオ,
	Osaka,
	'MS PGothic',
    Arial,
	"Helvetica Neue" ,
	sans-serif;
	font-weight: 400;
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	line-height: 1.75;
	overflow-wrap: break-word;
	word-break: normal;
	z-index: 1;
}
@media screen and (max-width:768px) {
	body {
		letter-spacing: 1px;
		line-height: 1.5;
	}
}

/* LINK */
body, body a {
	color: #323232;
}
body a,
body a:hover,
body a:visited {
 text-decoration:none;
}
a {
 transition:.2s ease-in-out;
}

main {
	display:block; /* IE */
}

/* IMG HOVER */
a img {
 transition:.2s ease-in-out;
}

img {
	max-width: 100%;
}

/* text color */
.textcolor-red {
	color: #eb3341;
}

/*
* PC-SP
******************************************************/
.pc-only {
}
.sp-only {
	display:none;
}
@media screen and (max-width:768px) {
	.pc-only {
		display:none;
	}
	.sp-only {
		display:block;
	}
}
/* menu */
.pc-menu {
}
.sp-menu {
	display:none;
}
@media screen and (max-width:950px) {
	.pc-menu {
		display:none;
	}
	.sp-menu {
		display:block;
	}
}

/*
* HEADER
******************************************************/
.global-header__wrapper {

}
.global-header {

}
/* PC */
.global-pc-header__wrapper {
	position: relative;
}
.global-pc-header__wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 15px;
    background: #82cddb;
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}
.global-pc-header {
	padding-top: 15px;
	background: #FFF;
}
.global-pc-header-company-info {
	max-width: 960px;
	width: 100%;
	margin: auto;
	background: #FFF;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 70px;
}
.company-info {

}
.company-info-phone {
	padding-top: 20px;
	font-size: 1.4rem;
}
.company-info-phone span:last-child {
	padding-left: 0.6em;
}
.company-info-address {
	font-size: 1rem;
	letter-spacing: 0.4px;
}
.global-pc-header-nav {
	background: #82cddb;
	padding: 6px 0;
}
.global-pc-header-nav ul {
	display: flex;
	justify-content: space-between;
	max-width: 920px;
	width: 100%;
	margin: auto;
}
.global-pc-header-nav li {
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	font-weight: 700;
}
.global-pc-header-nav li a {
	display: block;
	transition: .24s all ease;
}
.global-pc-header-nav li a:hover,
.global-pc-header-nav li.menu-color a:hover {
	color: #2143a6;
}
/* PC second menu */
.global-pc-header-nav ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.global-pc-header-nav li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 113px;
    left: 0;
    box-sizing: border-box;
	width: 100%;
	max-width: inherit;
	height:30px;
	line-height: 30px;
	background:#3964af;
    -webkit-transition: all .2s ease;
	transition: all .4s ease;
	display: flex;
	justify-content: center;
	z-index: 3;
}
.global-pc-header-nav li.menu__mega:hover ul.menu__second-level {
    top: 121px;
    visibility: visible;
	opacity: 1;
}
.global-pc-header-nav li.menu__mega:hover ul.list__wrapper {
	max-width: 960px;
	width: 100%;
	margin: auto;
}
.global-pc-header-nav li.menu__mega ul.menu__second-level > li {
	text-align: center;
	width: auto;
	letter-spacing: 0.1em;
	font-size: 1.4rem;
}
.global-pc-header-nav li.menu__mega ul.menu__second-level > li > a {
	color:#FFF;
	padding: 0 30px;
	transition: .24s all ease;
}
.global-pc-header-nav li.menu__mega ul.menu__second-level > li > a:hover {
	color:#82cddb;
}
/* PC second menu fixed */
.submenu {

}
.submenu ul {
	position: fixed;
	top: 123px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: inherit;
	height: 30px;
	line-height: 30px;
	background: #3964af;
	-webkit-transition: all .2s ease;
	transition: all .4s ease;
	display: flex;
	justify-content: center;
	z-index: 3;
}
.submenu li {
	text-align: center;
	width: auto;
	letter-spacing: 0.1em;
	font-size: 1.4rem;
}
.submenu li a {
	color:#FFF;
	padding: 0 30px;
	transition: .24s all ease;
}
.submenu li a:hover {
	color:#82cddb;
}
@media(max-width:950px) {
	.submenu {
		display:none;
	}
}

/* SP */
.global-sp-header__wrapper {
	position: relative;
	border-bottom: 3px solid #82cddb;
}
.global-sp-header__wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    background: #82cddb;
}
.global-sp-header {
	padding-top: 20px;
	height: 65px;
	background: #FFF;
}
.global-sp-header-logo {
	max-width: 275px;
	margin-left: 6px;
}
.global-sp-header-menu-button {
	position: absolute;
	top: 15px;
	right: 20px;
}
.global-sp-header-nav {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 3;
	background: rgba(0,0,0,0.7);
}
.global-sp-header-nav ul {
	padding: 60px 20px;
}
.global-sp-header-nav li {
	border-bottom: 1px solid #FFF;
	line-height: 3em;
}
.global-sp-header-nav li a {
	color: #FFFFFF;
	display: block;
}
.global-sp-header-nav li span {
	padding-left:3em;
}
/* humberger */
.menu-trigger,
.menu-trigger span{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	cursor :pointer;
}
.menu-trigger{
	position: relative;
	width: 50px;
	height: 50px;
	color:#FFF;
	background: #5aa94e;
	border-radius: 4px;
	z-index: 7;
}
.menu-trigger span{
	position: absolute;
	background: #FFF;
	width: 30px;
	height: 3px;
	left: 0;
	right: 0;
	margin: auto;
}
.menu-trigger span:nth-of-type(1){
	top: 19px;
}
.menu-trigger span:nth-of-type(2){
	top: 9px;
	bottom: 0;
}
.menu-trigger span:nth-of-type(3){
	bottom: 10px;
}
.menu-trigger.active span:nth-of-type(1){
  -webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2){
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  -webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
#menu-text {
	font-size: 1rem;
	text-align: center;
	color: #FFF;
}
@media(max-width:767px) {
	.menu-button {
		top: 0;
	}
}


/*
* CONTENTS
******************************************************/
.main-content {
	max-width: 960px;
	width: 100%;
	margin: auto;
	padding-top: 124px!important;
}
.main-content_inner {
	padding: 0 30px;
}
.page-catch {
	padding: 20px 36px;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 1.8rem;
	color: #0051a4;
}
.page-catch-text {
}
@media(max-width:767px) {
	.main-content {
		padding-top: 0!important;
	}
	.main-content_inner {
		max-width: inherit;
		width: auto;
		padding: 0 10px;
	}
	.page-catch {
		font-size: 1.4rem;
	}
}


/*
* FOOTER
******************************************************/
.global-footer__wrapper {
	width:100%;
	overflow:hidden;
	background:#5aa94e;
	color: #FFF;
}
.global-footer {
	max-width: 960px;
	width: 100%;
	margin: auto;
	padding: 11px 0;
}
.footer-navi {
	text-align: right;
	margin-bottom: 30px;
}
	.footer-navi li {
		display: inline-block;
		position: relative;
		margin: 0 8px 0 0;
		padding: 0 0 0 9px;
	}
	.footer-navi li:last-child {
		margin: 0;
	}
	.footer-navi li::before {
		content: "";
		display: block;
		position: absolute;
		background: url('../img/common/footer-ico-arrow.png') left top no-repeat;
		width: 7px;
		height: 13px;
		top: 9px;
		left: 0;
	}
	.footer-navi li a {
		color: #FFF;
		font-size: 1.3rem;
	}
.footer-logo {
	text-align: center;
}
.footer-company-info {
	display: none;
}
.footer-copyright{
	text-align: center;
	padding-top: 5px;
}
.copyright {
	font-weight: normal;
	font-size: 1.3rem;
}
.pagetop-button {
	bottom: 16px;
	right: 16px;
	position: fixed;
	z-index: 9999;
}
@media(max-width:767px) {
	.global-footer {
		width: auto;
		margin: auto;
		padding: 20px;
	}
	.footer-navi {
		text-align: left;
		margin-bottom: 40px;
	}
	.footer-navi li {
		display: block;
		padding: 0 0 3px 9px;
	}
	.footer-navi li::before {
		top: 7px;
	}
	.footer-company-info {
		display:block;
		font-size: 1.1rem;
		text-align:center;
	}
	.copyright {
		font-weight: normal;
		font-size: 0.8rem;
	}
	.pagetop-button {
		bottom: 5px;
		right: 16px;
		position: fixed;
		z-index: 1;
	}
}