@charset "utf-8";

/* common.css
----------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	color: #111;
	line-height: 1.8;
	letter-spacing: 0.06em;
	text-align: left;
	font-weight: 500;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #F2F2F2;
}
a {
	color: #111;
	text-decoration: none;
}
a:hover {
	color: #111;
	text-decoration: none;
}
a:focus {
}
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
input:focus, 
select:focus, 
textarea:focus {
}
img {
	width: 100%;
	height: auto;
}
* {
	box-sizing: border-box;
}


/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	opacity: 0;
	transition: all 1.0s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	text-align: center;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}

/* cta-sec */
.cta-sec {
	width: calc(100% - 16%);
	margin: 110px 0 0 8%;
	padding: 19% 8%;
	background-color: #fff;
}
.cta-sec .sec-ttl {
	text-align: center;
}
.cta-sec_lead {
	margin-bottom: 25px;
	font-size: 1.3rem;
	line-height: 2.2;
}
.cta-sec_lead .br {
	display: none;
}
.cta-sec_btn-area {
}
.form-btn-side {
	margin-bottom: 38px;
}
.cta-sec_btn {
	display: block;
	max-width: 280px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}
.cta-sec_btn:hover {
	color: #fff;
}
.form-mail-side {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 1.6;
}
.form-mail-side_ttl {
	display: block;
	font-size: 1.4rem;
}
.cta-sec_mail {
	font-size: 1.8rem;
}

/* ttl */
.sec-ttl {
	position: relative;
	margin-bottom: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.sec-ttl .num {
	position: absolute;
	top: -18px;
	left: -13px;
	font-size: 1.1rem;
	letter-spacing: 0.03em;
}
.sec-ttl .label {
	position: relative;
	display: inline-block;
	padding-bottom: 11px;
	font-size: 2.1rem;
	letter-spacing: 0.06em;
	line-height: 1;
}
.sec-ttl .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 2px);
	height: 2px;
	background-color: #111;
}

/* lead */
.sec-lead {
}
.sec-lead p {
	margin-bottom: 27px;
	font-size: 1.4rem;
	line-height: 2.7;
}
.sec-lead p:last-child {
	margin-bottom: 0;
}
.sec-lead p a {
	color: #E79B45;
	font-weight: 700;
	text-decoration: underline;
}
.sec-lead p strong {
	font-weight: 700;
	text-decoration: underline;
}
.sec-lead p .br {
	display: none;
}


/* header
----------------------------------------- */
#header {
}

/* slide-menu_btn */
.slide-menu_btn {
	position: fixed;
	top: 10px;
	right: 13px;
	z-index: 10000;
}
/* slide-menu_nav */
.slide-menu_nav {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 134px 0 50px 18%;
	background-color: rgba(242,242,242,0.96);
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 9000;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}
.slide-menu_nav.open {
	visibility: visible;
	opacity: 1;
}
.slide-menu_nav .gnav_sp {
	position: relative;
	margin-bottom: 48px;
}
.slide-menu_nav .gnav_sp li {
	position: relative;
	margin-bottom: 34px;
}
.slide-menu_nav li:last-child {
	margin-bottom: 0;
}
.slide-menu_nav .gnav_sp a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.0rem;
	letter-spacing: 0.03em;
	line-height: 1;
}
.slide-menu_nav .gnav_sp a .num {
	position: absolute;
	top: -9px;
	left: 0;
	font-size: 1.0rem;
	transform: scale(0.9);
}
.slide-menu_nav .gnav01 {
	opacity: 0;
	transition: all .6s;
}
.slide-menu_nav .gnav02 {
	opacity: 0;
	transition: all .6s;
	transition-delay: .04s;
}
.slide-menu_nav .gnav03 {
	opacity: 0;
	transition: all .6s;
	transition-delay: .08s;
}
.slide-menu_nav.open .gnav01,
.slide-menu_nav.open .gnav02,
.slide-menu_nav.open .gnav03 {
	opacity: 1;
}
.gnav_sp_contact {
	margin-bottom: 35px;
	opacity: 0;
	transition: all .6s;
	transition-delay: .12s;
}
.slide-menu_nav .contact-btn {
	display: inline-block;
	padding: 10px 50px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}
.slide-menu_nav .contact-btn:hover {
	color: #fff;
}
.slide-menu_nav.open .gnav_sp_contact {
	opacity: 1;
}
.gnav_sp_sns {
	display: flex;
	padding-left: 10px;
}
.gnav_sp_sns .sns-x {
	width: 20px;
	margin-right: 22px;
	opacity: 0;
	transition: all .6s;
	transition-delay: .16s;
}
.gnav_sp_sns .sns-facebook {
	width: 22px;
	margin-top: 1px;
	opacity: 0;
	transition: all .6s;
	transition-delay: .2s;
}
.slide-menu_nav.open .sns-x,
.slide-menu_nav.open .sns-facebook {
	opacity: 1;
}

/* menu-trigger */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 39px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 1px;
	background-color: #111;
}
.menu-trigger.active span {
	background-color: #111;
}
.menu-trigger span:nth-of-type(1) {
	top: 16px;
	left: 10px;
}
.menu-trigger span:nth-of-type(2) {
	bottom: 16px;
	left: 10px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(4px) rotate(-45deg);
	transform: translateY(4px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(-2px) rotate(45deg);
	transform: translateY(-2px) rotate(45deg);
}


/* contents
----------------------------------------- */


/* footer
----------------------------------------- */
#footer {
	margin-top: 75px;
}
.footer-teaser-message {
	margin-bottom: 43px;
	padding: 0 8%;
	font-size: 1.2rem;
}
.footer-inner {
}

/* footer-inner_right */
.footer-inner_right {
	margin-bottom: 70px;
	padding: 0 8%;
}

/* footer-gnav_list */
.footer-gnav_list {
	position: relative;
	margin-bottom: 48px;
}
.footer-gnav_list li {
	position: relative;
	margin-bottom: 30px;
}
.footer-gnav_list li:last-child {
	margin-bottom: 0;
}
.footer-gnav_list a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.0rem;
	letter-spacing: 0.03em;
	line-height: 1;
}
.footer-gnav_list a .num {
	position: absolute;
	top: -9px;
	left: 0;
	font-size: 1.0rem;
	transform: scale(0.9);
}
.footer-gnav_contact {
	margin-bottom: 35px;
}
#footer .contact-btn {
	display: inline-block;
	padding: 10px 50px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}
#footer .contact-btn:hover {
	color: #fff;
}
.footer-gnav_sns {
	display: flex;
	padding-left: 10px;
}
.footer-gnav_sns .sns-x {
	width: 20px;
	margin-right: 22px;
}
.footer-gnav_sns .sns-facebook {
	width: 22px;
	margin-top: 1px;
}

/* footer-inner_left */
.footer-inner_left {
}
.footer_logo {
	width: 90px;
	margin: 0 auto 22px;
}
.footer-address {
	margin-bottom: 36px;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.04em;
}
.footer-address .br {
	display: none;
}
.footer-copyright {
	padding-bottom: 30px;
	text-align: center;
}
.footer-copyright small {
	font-family: 'Roboto', sans-serif;
	font-size: 1.0rem;
	letter-spacing: 0.03em;
}



















































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {

/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	opacity: 0;
	transition: all 1.0s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	margin-top: -60px;
	margin-left: -60px;
	text-align: center;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}

/* cta-sec */
.cta-sec {
	width: calc(100% - 16%);
	margin: 130px 0 0 8%;
	padding: 12% 8%;
	background-color: #fff;
}
.cta-sec .sec-ttl {
	text-align: center;
}
.cta-sec_lead {
	margin-bottom: 45px;
	font-size: 1.3rem;
	line-height: 2.2;
	text-align: center;
}
.cta-sec_lead .br {
	display: inline-block;
}
.cta-sec_btn-area {
}
.form-btn-side {
	margin-bottom: 38px;
}
.cta-sec_btn {
	display: block;
	max-width: 280px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}
.cta-sec_btn:hover {
	color: #fff;
}
.form-mail-side {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 1.6;
}
.form-mail-side_ttl {
	display: block;
	font-size: 1.4rem;
}
.cta-sec_mail {
	font-size: 1.8rem;
}

/* ttl */
.sec-ttl {
	position: relative;
	margin-bottom: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.sec-ttl .num {
	position: absolute;
	top: -18px;
	left: -13px;
	font-size: 1.1rem;
	letter-spacing: 0.03em;
}
.sec-ttl .label {
	position: relative;
	display: inline-block;
	padding-bottom: 11px;
	font-size: 2.1rem;
	letter-spacing: 0.06em;
	line-height: 1;
}
.sec-ttl .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 2px);
	height: 2px;
	background-color: #111;
}

/* lead */
.sec-lead {
}
.sec-lead p {
	margin-bottom: 27px;
	font-size: 1.4rem;
	line-height: 2.7;
}
.sec-lead p:last-child {
	margin-bottom: 0;
}
.sec-lead p a {
	color: #E79B45;
	font-weight: 700;
	text-decoration: underline;
}
.sec-lead p strong {
	font-weight: 700;
	text-decoration: underline;
}
.sec-lead p .br {
	display: none;
}


/* header
----------------------------------------- */
#header {
}

/* slide-menu_btn */
.slide-menu_btn {
	position: fixed;
	top: 10px;
	right: 13px;
	z-index: 10000;
}
/* slide-menu_nav */
.slide-menu_nav {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 134px 0 50px 18%;
	background-color: rgba(242,242,242,0.96);
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 9000;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}
.slide-menu_nav.open {
	visibility: visible;
	opacity: 1;
}
.slide-menu_nav .gnav_sp {
	position: relative;
	margin-bottom: 48px;
}
.slide-menu_nav .gnav_sp li {
	position: relative;
	margin-bottom: 34px;
}
.slide-menu_nav li:last-child {
	margin-bottom: 0;
}
.slide-menu_nav .gnav_sp a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.0rem;
	letter-spacing: 0.03em;
	line-height: 1;
}
.slide-menu_nav .gnav_sp a .num {
	position: absolute;
	top: -9px;
	left: 0;
	font-size: 1.0rem;
	transform: scale(0.9);
}
.slide-menu_nav .gnav01 {
	opacity: 0;
	transition: all .6s;
}
.slide-menu_nav .gnav02 {
	opacity: 0;
	transition: all .6s;
	transition-delay: .04s;
}
.slide-menu_nav .gnav03 {
	opacity: 0;
	transition: all .6s;
	transition-delay: .08s;
}
.slide-menu_nav.open .gnav01,
.slide-menu_nav.open .gnav02,
.slide-menu_nav.open .gnav03 {
	opacity: 1;
}
.gnav_sp_contact {
	margin-bottom: 35px;
	opacity: 0;
	transition: all .6s;
	transition-delay: .12s;
}
.slide-menu_nav .contact-btn {
	display: inline-block;
	padding: 10px 50px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}
.slide-menu_nav .contact-btn:hover {
	color: #fff;
}
.slide-menu_nav.open .gnav_sp_contact {
	opacity: 1;
}
.gnav_sp_sns {
	display: flex;
	padding-left: 10px;
}
.gnav_sp_sns .sns-x {
	width: 20px;
	margin-right: 22px;
	opacity: 0;
	transition: all .6s;
	transition-delay: .16s;
}
.gnav_sp_sns .sns-facebook {
	width: 22px;
	margin-top: 1px;
	opacity: 0;
	transition: all .6s;
	transition-delay: .2s;
}
.slide-menu_nav.open .sns-x,
.slide-menu_nav.open .sns-facebook {
	opacity: 1;
}

/* menu-trigger */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 39px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 1px;
	background-color: #111;
}
.menu-trigger.active span {
	background-color: #111;
}
.menu-trigger span:nth-of-type(1) {
	top: 16px;
	left: 10px;
}
.menu-trigger span:nth-of-type(2) {
	bottom: 16px;
	left: 10px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(4px) rotate(-45deg);
	transform: translateY(4px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(-2px) rotate(45deg);
	transform: translateY(-2px) rotate(45deg);
}


/* contents
----------------------------------------- */


/* footer
----------------------------------------- */
#footer {
	margin-top: 120px;
}
.footer-teaser-message {
	margin-bottom: 43px;
	padding: 0 8%;
	font-size: 1.2rem;
}
.footer-inner {
}

/* footer-inner_right */
.footer-inner_right {
	margin-bottom: 70px;
	padding: 0 8%;
}

/* footer-gnav_list */
.footer-gnav_list {
	position: relative;
	margin-bottom: 48px;
}
.footer-gnav_list li {
	position: relative;
	margin-bottom: 30px;
}
.footer-gnav_list li:last-child {
	margin-bottom: 0;
}
.footer-gnav_list a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.0rem;
	letter-spacing: 0.03em;
	line-height: 1;
}
.footer-gnav_list a .num {
	position: absolute;
	top: -9px;
	left: 0;
	font-size: 1.0rem;
	transform: scale(0.9);
}
.footer-gnav_contact {
	margin-bottom: 35px;
}
#footer .contact-btn {
	display: inline-block;
	padding: 10px 50px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}
#footer .contact-btn:hover {
	color: #fff;
}
.footer-gnav_sns {
	display: flex;
	padding-left: 10px;
}
.footer-gnav_sns .sns-x {
	width: 20px;
	margin-right: 22px;
}
.footer-gnav_sns .sns-facebook {
	width: 22px;
	margin-top: 1px;
}

/* footer-inner_left */
.footer-inner_left {
}
.footer_logo {
	width: 90px;
	margin: 0 auto 22px;
}
.footer-address {
	margin-bottom: 36px;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.04em;
}
.footer-address .br {
	display: none;
}
.footer-copyright {
	padding-bottom: 30px;
	text-align: center;
}
.footer-copyright small {
	font-family: 'Roboto', sans-serif;
	font-size: 1.0rem;
	letter-spacing: 0.03em;
}

} /* tablet end */
























































/* PC 960px - */
@media only screen and (min-width: 960px) {

.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
img {
	width: 100%;
	height: auto;
}


/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	position: relative;
	opacity: 0;
	transition: all 1.0s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	margin-top: -100px;
	margin-left: -60px;
	text-align: center;
	color: #fff;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}

/* cta-sec */
.cta-sec {
	width: 85%;
	max-width: 1200px;
	margin: 220px auto 0;
	padding: 125px 0;
	background-color: #fff;
}
.cta-sec .sec-ttl {
	text-align: center;
}
.cta-sec_lead {
	margin-bottom: 65px;
	font-size: 1.5rem;
	line-height: 2.2;
	text-align: center;
}
.cta-sec_lead .br {
	display: inline-block;
}
.cta-sec_btn-area {
	display: flex;
	justify-content: center;
}
.form-btn-side {
	width: 360px;
	margin: 0 10% 0 0;
}
.cta-sec_btn {
	display: block;
	max-width: 360px;
	margin: 0 auto;
	padding: 24px 0 24px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
	transition: all .5s;
}
.cta-sec_btn:hover {
	color: #111;
	background-color: #eee;
}
.form-mail-side {
	padding-top: 16px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	letter-spacing: 0.02em;
	line-height: 1.6;
}
.form-mail-side_ttl {
	display: block;
	font-size: 1.6rem;
	line-height: 1.4;
}
.cta-sec_mail {
	font-size: 2.6rem;
	line-height: 1.4;
	transition: color .3s;
}
.cta-sec_mail:hover {
	color: #999;
}

/* ttl */
.sec-ttl {
	position: relative;
	margin-bottom: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.sec-ttl .num {
	position: absolute;
	top: -19px;
	left: -14px;
	font-size: 1.2rem;
	letter-spacing: 0.03em;
}
.sec-ttl .label {
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 2.4rem;
	letter-spacing: 0.06em;
	line-height: 1;
}
.sec-ttl .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 2px);
	height: 2px;
	background-color: #111;
}

/* lead */
.sec-lead {
}
.sec-lead p {
	margin-bottom: 27px;
	font-size: 1.6rem;
	line-height: 2.8;
}
.sec-lead p:last-child {
	margin-bottom: 0;
}
.sec-lead p a {
	color: #E79B45;
	font-weight: 700;
	text-decoration: underline;
}
.sec-lead p strong {
	font-weight: 700;
	text-decoration: underline;
}
.sec-lead p .br {
	display: inline;
}


/* header
----------------------------------------- */
#header {
}

/* header-gnav_pc */
.header-gnav_pc {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
.header-gnav_pc_list {
	display: flex;
	justify-content: right;
	position: absolute;
	top: 43px;
	right: 260px;
	width: 450px;
	padding-top: 7px;
}
.header-gnav_pc_list li {
	margin-right: 32px;
}
.header-gnav_pc_list li:last-child {
	margin-right: 0;
}
.header-gnav_pc_list .gnav01 {
}
.header-gnav_pc_list .gnav02 {
}
.header-gnav_pc_list .gnav03 {
}
.header-gnav_pc_list a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	line-height: 1;
	transition: color .3s;
}
.header-gnav_pc_list a:hover {
	color: #999;
}
.header-gnav_pc_list .num {
	position: absolute;
	top: -9px;
	left: 0;
	font-size: 1.0rem;
	transform: scale(0.9);
}
.header-gnav_pc_contact {
	position: absolute;
	top: 40px;
	right: 40px;
}
.header-gnav_pc_contact .contact-btn {
	display: inline-block;
	width: 170px;
	padding: 8px 0 7px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
	transition: all .5s;
}
.header-gnav_pc_contact .contact-btn:hover {
	background-color: #fff;
	color: #111;
}
.header-gnav_pc_sns {
	display: flex;
	position: absolute;
	top: 102px;
	right: 50px;
}
.header-gnav_pc_sns li {
}
.header-gnav_pc_sns li.sns-x {
	width: 17px;
	margin-right: 18px;
}
.header-gnav_pc_sns li.sns-facebook {
	width: 18px;
	margin-top: 1px;
}
.header-gnav_pc_sns a {
	transition: opacity .3s;
}
.header-gnav_pc_sns a:hover {
	opacity: .4;
}


/* contents
----------------------------------------- */


/* footer
----------------------------------------- */
#footer {
	position: relative;
	margin-top: 120px;
}
.footer-teaser-message {
	margin-bottom: 40px;
	padding: 0 4.3% 0 0;
	font-size: 1.5rem;
	text-align: right;
}
.footer-inner {
	position: relative;
	height: 250px;
}

/* footer-inner_right */
.footer-inner_right {
	position: absolute;
	top: 0;
	right: 4.3%;
	margin: 0;
	padding: 0;
}

/* footer-gnav_list */
.footer-gnav_list {
	display: flex;
	justify-content: right;
	position: absolute;
	top: 3px;
	right: 190px;
	width: 450px;
	padding-top: 7px;
}
.footer-gnav_list li {
	position: relative;
	margin-right: 32px;
}
.footer-gnav_list li:last-child {
	margin-bottom: 0;
}
.footer-gnav_list a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	line-height: 1;
	transition: color .3s;
}
.footer-gnav_list a:hover {
	color: #999;
}
.footer-gnav_list a .num {
	position: absolute;
	top: -9px;
	left: 0;
	font-size: 1.0rem;
	transform: scale(0.9);
}
.footer-gnav_contact {
	position: absolute;
	top: 0;
	right: 0;
}
#footer .contact-btn {
	display: inline-block;
	width: 170px;
	padding: 8px 0 7px;
	background-color: #111;
	border-radius: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
	transition: all .5s;
}
#footer .contact-btn:hover {
	background-color: #fff;
	color: #111;
}
.footer-gnav_sns {
	display: flex;
	position: absolute;
	top: 62px;
	right: 10px;
}
.footer-gnav_sns .sns-x {
	width: 17px;
	margin-right: 18px;
}
.footer-gnav_sns .sns-facebook {
	width: 18px;
	margin-top: 1px;
}
.footer-gnav_sns  a {
	transition: opacity .3s;
}
.footer-gnav_sns  a:hover {
	opacity: .4;
}

/* footer-inner_left */
.footer-inner_left {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 5%;
}
.footer_logo {
	width: 120px;
	margin: 0 55px 0 0;
}
.footer-address {
	width: 400px;
	margin: 40px 0 0;
	font-size: 1.4rem;
	text-align: left;
	letter-spacing: 0.04em;
}
.footer-address .br {
	display: inline;
}
.footer-copyright {
	margin-top: 40px;
	padding-bottom: 50px;
	text-align: center;
}
.footer-copyright small {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.03em;
}


} /* pc end */














































/* PC:1201px - */
@media only screen and (min-width: 1201px) {

} /* pc end */