@charset "UTF-8";
/* -------------------------------

- lp共通

 ------------------------------- */
 /* inview
------------------------------- */
.inview {
	opacity:1;
	transition: 1s;
}
.inview.fadeIn {
	opacity:0;


}
/* section
------------------------------- */
section {
	overflow: hidden;
}
#content {
	overflow: hidden;
}
section .section_inner {
	margin: 120px auto;
}
/* contactBtn
------------------------------- */
section .contactBtn {
	margin-top: 60px;
}
section .contactBtn a {
	font-size: 26px;
	padding: 30px;
}

@media only screen and (max-width: 737px){
	section .section_inner {
		margin: 60px auto;
	}
	section .contactBtn {
		margin-top: 30px;
	}
	section .contactBtn a {
		font-size:15px;
		padding: 20px;
	}
}
/* -------------------------------

- header

 ------------------------------- */
.site-header .header_inner {
 	max-width: 1588px;
 	height: 70px;
 	margin: 0 auto;
 	padding: 15px 20px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }
 .site-header .sitelog {
	max-width: 208px;
	width: 54%;
 }
.site-header .sitelog a {
	display: flex;
	align-items: center;
}
.site-header .contactBtn a {
	display: flex;
	align-items: center;
}

.site-header .contactBtn p {
	display: inline-block;
	margin: 0 10px;
}
@media only screen and (max-width: 737px){
	.site-header .header_inner {
		height: 60px;
	}
	.site-header .sitelog {
		font-size: 24px;
	}
	.site-header .contactBtn a {
		font-size: 12px;
	}
}
/* -------------------------------

- mv

 ------------------------------- */
#mv {
	position: relative;
}
#mv .mv_inner {
	background: url(./images/lp/mv@2x.jpg) center no-repeat;
	background-size: cover;
	height: 860px;
	max-height: calc(100vh - 70px);
	position: relative;
}
/* mv_lead
------------------------------- */
#mv .mv_lead  {
	position: absolute;
	left: 14.479vw;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
}
#mv .mv_lead .sub,
#mv .mv_lead .main {
	display: inline-block;
	background: #fff;
	padding: 10px 20px;
	margin-bottom: 10px;
}
#mv .mv_lead .sub.sp {
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}
#mv .mv_lead .sub:first-child {
align-self:flex-start;
}
#mv .mv_lead .sub {
	font-size: 1.25vw;
	font-weight: 700;
	letter-spacing: 0.12em;
}
#mv .mv_lead .line {
	color: #06C755;
	font-weight: 900;
}
#mv .mv_lead .line img {
		width: 2em;
}
#mv .mv_lead .main {
	width: 49vw;
}
#mv .mv_lead .main img {
	width: 95%;
}
#mv .mv_lead .main_furigana {
	font-size: 0.938vw;
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-left: auto;
}
@media only screen and (max-width: 737px){
	#mv {
		position: relative;
	}
	#mv .mv_inner {
		background: url(./images/lp/mv_sp@2x.jpg) center no-repeat;
		background-size: cover;
		height:  calc(100vh - 60px);
		max-height: none;
		position: relative;
	}
	/* mv_lead
	------------------------------- */
	#mv .mv_lead  {
		left: 15px;
		width: calc(100% - 30px );
		box-sizing: border-box;
	}
	#mv .mv_lead .sub,
	#mv .mv_lead .sub.sp,
	#mv .mv_lead .main {
		display: inline-block;
		background: #fff;
		padding: 5px 10px;
		margin-bottom: 5px;
	}
	#mv .mv_lead .main {
		padding: 10px 20px;
	}
	#mv .mv_lead .sub.pc {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		background: none;
		padding: 0;
		margin: 0;
	}
	#mv .mv_lead .sub {
		font-size: 12px;
	}

	#mv .mv_lead .main {
		width: auto;
	}
	#mv .mv_lead .main_furigana {
		font-size: 12px;
	}
}

/* message
------------------------------- */
#mv .message {
	position: absolute;
	right: 3.906vw;
	bottom: 3.906vw;
	text-align: right;
}
#mv .message .title {
	font-size: 0.938vw;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
}
#mv .message .checkbox {
	font-size: 1.25vw;
	line-height: 1.6;
	font-weight: 700;
	letter-spacing: 0.075em;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
#mv .message .checkbox li {
	display: inline-block;
	margin-bottom: 1.25em;
	padding-left: 2.5em;
	position: relative;
}
#mv .message .checkbox li:last-child {
	margin-bottom: 0;
}
#mv .message .checkbox li:before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	background: url(./images/lp/checkbox.svg) center bottom no-repeat;
	background-size: contain;
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
}
@media only screen and (max-width: 737px){
	#mv .message {
		position: static;
		text-align: left;
		margin: 45px 20px 40px;
		position: relative;
		right: 0;
		bottom: 0;
	}
	.message:before {
		content: "";
		width: 100%;
		padding-bottom: 100%;
		background-image:  url(./images/lp/commentary_bg.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: -50%;
		left: 19%;
		z-index: -1;
		transform: translateY(0);
	}
	#mv .message .title {
		font-size:11px;
		margin-bottom: 20px;
		text-align: center;
	}
	#mv .message .checkbox {
		font-size: 14px;
		line-height: 2.25;
		align-items: flex-start;
	}
}

/* -------------------------------

- commentary

 ------------------------------- */
#commentary {
	position: relative;
}
#commentary:before {
	content: "";
	width: 100%;
	padding-bottom: 100%;
	background-image:  url(./images/lp/commentary_bg.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 19%;
	z-index: -1;
	transform: translateY(-50%);
}
#commentary .section_inner {
	position: relative;
}
#commentary .imgWrap {
	width: 47%;
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
#commentary .textWrap {
	width: 50%;
	margin-left: auto;
}
#commentary .texSec {
	line-height: 4;
}
@media only screen and (max-width: 737px){
	#commentary:before {
		display: none;
	}
	#commentary .section_inner {
		display: block;
	}
	#commentary .imgWrap,
	#commentary .textWrap {
		width: auto;
		position: static;
		transform: translateY(0);
	}
	#commentary .title01 {
		font-size: 23px;
		line-height: 2;
	}
	#commentary .texSec {
		line-height: 2;
	}
}
/* -------------------------------

- merit

 ------------------------------- */
#merit {
	background: #FFEA02;
}
/* meritBox
------------------------------- */
#merit .meritSec {
	margin-bottom: 40px;
}
#merit .meritBox,
#merit .dataBox {
	padding: 55px 75px;
}
#merit #meritSec05 .meritBox {
	padding: 20px 75px 40px 40px;
}
#merit #meritSec05 .meritBox .textWrap {
	max-width: none;
}
#merit .meritBox {
	background-color: #fff;
	display: flex;
	align-items: center;
}
#merit .meritSec:nth-of-type(2n) .meritBox {
	flex-direction: row-reverse;
}
#merit .meritBox .imgWrap {
	width: 50%;
}
#merit .meritBox .textWrap {
	width: 50%;
	max-width: 340px;
}
#merit .meritSec:nth-of-type(2n) .textWrap {
	margin-left: auto;
}
#merit .meritBox .textWrap .num {
	width: 4em;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
}
#merit .meritBox .textWrap .title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 10px;
}
#merit .meritBox .textWrap .comment {
	line-height: 2;
	margin-bottom: 30px;
}
#merit .meritBox .textWrap .btn01 {
	cursor: pointer;
}
#merit .meritBox .textWrap .btn01 .icon {
	margin-right: 5px;
}
@media only screen and (max-width: 737px){
	#merit .meritSec {
		margin-bottom: 15px;
	}
	#merit .meritBox,
	#merit .dataBox,
	#merit #meritSec05 .meritBox {
		padding: 30px;
	}
	#merit .meritBox {
		display: block;
	}
	#merit .meritBox .imgWrap {
		width: auto;
	}
	#merit .meritBox .textWrap,
	#merit .meritSec:nth-of-type(2n) .textWrap {
		width: auto;
		margin: 0 auto;
	}
	#merit .meritBox .textWrap .num {
		font-size: 12px;
	}
	#merit .meritBox .textWrap .title {
		font-size: 23px;
	}
	#merit .meritBox .textWrap .comment {
		margin-bottom: 25px;
	}
}
/* dataBox
------------------------------- */
#merit .dataBox {
	display: none;
	background-color: #F3F3F3;
	position: relative;
	text-align: center;
}
#merit .dataBox:before {
  content: "";
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 35%;
  transform: translate(0,-100%);
  background: 
  linear-gradient(to bottom right, transparent 50%, #F3F3F3 50%) top left no-repeat,
  linear-gradient(to bottom left, transparent 50%, #F3F3F3 50%) bottom right no-repeat;
  background-size: 50% 100%, 50% 100%;
}
#merit .meritSec:nth-of-type(2n) .dataBox:before {
	right: auto;
	left: 35%;
}
#merit .dataBox .title {
	font-size: 20px;
	letter-spacing: 0.02em;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 50px;
}
#merit .dataBox .title.under {
	margin: 50px auto 0;
}
#merit .dataBox .title .fontL {
	font-size: 200%;
	line-height: 1;
}
#merit .dataBox .title .attention {
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
}
#merit .dataBox .comment {
	margin-top: 30px;
	display: inline-block;
	text-align: left;
}
@media only screen and (max-width: 737px){
	#merit .dataBox:before,
	#merit .meritSec:nth-of-type(2n) .dataBox:before {
	  width: 15px;
	  height: 25px;
	  left: 50%;
	  right: auto;
	  transform: translate(-50%,-100%);
	}
	#merit .dataBox .title {
		font-size: 19px;
		margin: 0 auto 25px;
	}
	#merit .dataBox .title.under {
		margin: 50px auto 0;
	}
	#merit #meritSec03  .dataBox .title,
	#merit #meritSec04  .dataBox .title   {
		font-size: 15px;
	}
	#merit .dataBox .comment {
		margin-top: 15px;
	}
}
/* -------------------------------

- recommended

 ------------------------------- */

/* recommendedList
------------------------------- */
#recommendedList ul {
	display: flex;
	justify-content: space-between;
}
#recommendedList ul li {
	width: 29%;
}
#recommendedList .comment {
	font-size: 22px;
	line-height: 2;
	background-color:#F3F3F3;
	padding: 60px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 60px;
	position: relative;
}
#recommendedList .comment:before {
	content: "";
	width: 48px;
	height: 38px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(./images/lp/check_icon.svg) center no-repeat;
	background-size: contain;
}
#recommendedList .comment:after {
	content: "";
	width: 30px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,100%);
	background: 
		linear-gradient(to bottom left, #F3F3F3 50%, transparent 50%) top left no-repeat, 
		linear-gradient(to bottom right, #F3F3F3 50%, transparent 50%) bottom right no-repeat;
  background-size: 50% 100%, 50% 100%;
}
#recommendedList .imgWrap {
	text-align: center;
}
@media only screen and (max-width: 737px){
	#recommendedList ul {
		display: block;
	}
	#recommendedList ul li {
		width: auto;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
	}
	#recommendedList .comment {
		width: calc(100% - 85px);
		font-size: 15px;
		margin-bottom: 0;
		margin-left: 20px;
		padding: 20px;
		padding-left: 55px;
		justify-content: flex-start;
	}
	#recommendedList .comment:before {
		content: "";
		width: 20px;
		height: 14px;
		position: absolute;
		top: 30px;
		left: 15px;
		transform: translate(0,0);
		background: url(./images/lp/check_icon.svg) center no-repeat;
		background-size: contain;
	}
	#recommendedList .comment:after {
		content: "";
		width: 30px;
		height: 20px;
		position: absolute;
		bottom: 50%;
		left: 0;
		transform: translate(-100%,100%);
		background: 
			linear-gradient(to bottom right,transparent 50%,#F3F3F3 50%) top left no-repeat, 
			linear-gradient(to top right, transparent 50%,#F3F3F3 50%) bottom right no-repeat;
	  background-size: 100% 50%, 100% 50%;
	}
	#recommendedList .imgWrap {
		width: 50px;
	}

}
/* -------------------------------

- campaign

 ------------------------------- */
 #campaign  {
 	background-color: #F3F3F3;
 	overflow: hidden;
}
/* campaignList
------------------------------- */
#campaignList > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: -130px;
}
#campaignList > ul > li {
	width: 49%;
	display: flex;
	align-items: center;
	margin-top: 130px;
}
#campaignList .imgWrap {
	width: 39%;
}
#campaignList .textWrap {
	margin-left:7%;
	width: 54%;
}
#campaignList .num {
	width: 56px;
	margin-bottom: 10px;
}
#campaignList .title {
	font-size: 24px;
	line-height: 1.66;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin-bottom: 20px;
}
#campaignList .comment {
	line-height: 2;
}
@media only screen and (max-width: 737px){
	#campaignList > ul {
		display: block;
		margin-top: 0;
	}
	#campaignList > ul > li {
		width: auto;
		display: block;
		margin-top: 0;
	}
	#campaignList > ul li.slick-slide {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#campaignList .num {
		width: 30px;
		margin-bottom: 5px;
	}
	#campaignList .title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	#campaignList .slick-dots  {
		width: auto;
		position: static;
	  margin: 40px auto 0;
	  transform: none;
	  text-align: center;
	}
	#campaignList .slick-dots li {
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		transition: .5s;
		background: #FFEA02;
		margin: 10px;
	}
	#campaignList .slick-dots li.slick-active {
		background-color: #1C2B46;
		opacity: 1;
	}
	#campaignList .slick-dots button {
		display: none;
	  width: auto;
	  height: auto;
	  padding: 0;
	}
	#campaignList .slick-dots li button:before {
		display: none;
	}
}
/* -------------------------------

- introduction

 ------------------------------- */

#introductionList ul {
	display: flex;
	overflow: hidden;
}
#introductionList ul li {
	width: 20%;
	padding: 40px 0;
	position: relative;
	margin-right: 70px;
	background-color: #FFEA02;
}
#introductionList ul li:last-child {
	margin-right: 60px;
}
#introductionList ul li:before,
#introductionList ul li:after  {
	content: "";
	width: 60px;
	height: 100%;
	position: absolute;
	bottom: 0;
}
#introductionList ul li:before {
	left:  0;
	transform: translateX(-100%);
	background:
		linear-gradient(to top right, transparent 50% , #FFEA02 50%) top left no-repeat, 
		linear-gradient(to bottom right, transparent 50%,  #FFEA02 50%) bottom right no-repeat;
  background-size: 100% 50%, 100% 50%;
}
#introductionList ul li:after {
	right: 0;
	transform: translateX(100%);
	background:
		linear-gradient(to top right, #FFEA02 50%, transparent 50%) top left no-repeat, 
		linear-gradient(to bottom right, #FFEA02 50%, transparent 50%) bottom right no-repeat;
  background-size: 100% 50%, 100% 50%;
}
#introductionList ul li:first-child:before {
	display: none;
}
#introductionList ul li:nth-of-type(1) { background: rgba(255, 234, 2, .2); }
#introductionList ul li:nth-of-type(1):before,
#introductionList ul li:nth-of-type(1):after { opacity: .2; }
#introductionList ul li:nth-of-type(2) { background: rgba(255, 234, 2, .4); }
#introductionList ul li:nth-of-type(2):before,
#introductionList ul li:nth-of-type(2):after { opacity: .4; }
#introductionList ul li:nth-of-type(3) { background: rgba(255, 234, 2, .6); }
#introductionList ul li:nth-of-type(3):before,
#introductionList ul li:nth-of-type(3):after { opacity: .6; }
#introductionList ul li:nth-of-type(4) { background: rgba(255, 234, 2, .8); }
#introductionList ul li:nth-of-type(4):before,
#introductionList ul li:nth-of-type(4):after { opacity: .8; }
#introductionList .imgWrap {
	text-align: center;
}
#introductionList .imgWrap img{
	width: 75px;
}
#introductionList .title {
	font-size: 24px;
	line-height: 1.66;
	font-weight: 700;
	margin-bottom: 30px;
}
#introductionList .imgWrap,
#introductionList .title {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#introductionList .comment {
	padding: 0 20px;
	margin: 0 auto;
}
@media only screen and (max-width:1200px){
	#introduction .section_inner {
		padding: 0;
	}
	#introductionList {
		max-width: 737px;
		margin: 0 auto;
	}
	#introductionList ul {
		display: block;
	}
	#introductionList ul li,
	#introductionList ul li:last-child {
		width: auto;
		padding: 40px;
		margin-right: 0;
		margin-bottom: 70px;
	}
	#introductionList ul li:before,
	#introductionList ul li:after  {
		content: "";
		width: 100%;
		height: 60px;
		position: absolute;
		bottom: 0;
	}
	#introductionList ul li:before {
		top: 0;
		bottom: auto;
		left:  0;
		transform: translateY(-100%);
		background:
			linear-gradient(to left bottom, transparent 50% , #FFEA02 50%) top left no-repeat, 
			linear-gradient(to bottom right, transparent 50%,  #FFEA02 50%) bottom right no-repeat;
	   background-size:  50% 100%,  50% 100%;
	}
	#introductionList ul li:after {
		right: 0;
		transform: translateY(100%);
		background:
			linear-gradient(to bottom left, #FFEA02 50%, transparent 50%) top left no-repeat, 
			linear-gradient(to bottom right, #FFEA02 50%, transparent 50%) bottom right no-repeat;
	  background-size:  50% 100%, 50% 100%;
	}
	#introductionList ul li:first-child:before {
		display: none;
	}
	.titleWrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 35px;
	}
	#introductionList .title {
		max-width: calc(100% - 105px);
		font-size: 19px;
		margin-bottom: 0;
		margin-left: 30px;
		text-align: left;
	}
	#introductionList .comment {
		padding: 0;
		margin: 0 auto;
	}
}
/* -------------------------------

- faq

 ------------------------------- */
 #faq {
 	background-color: #F3F3F3;
 	overflow: hidden;
}

/* faqList
------------------------------- */
#faqList dl {
	background: #FFFFFF;
	border: 2px solid #1C2A45;
	padding: 40px 30px;
	margin-bottom: 30px;
  cursor: pointer;
}
#faqList dl dt {
	font-size: 24px;
	letter-spacing: 0.12em;
	font-weight: 700;
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 30px;
}
#faqList dl dt p {
	width: calc(100% - 80px);
	padding-left: 20px;
}
#faqList dl dt:before,
#faqList dl dt:after {
	content: "";
	width: 22px;
	height: 3px;
	background: #1C2A45;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
}
#faqList dl dt:after {
	transform: translateY(-50%) rotate(90deg);
}
#faqList dl.a-open dt:before {
	transform: translateY(-50%) rotate(-45deg);
}
#faqList dl.a-open dt:after {
	transform: translateY(-50%) rotate(45deg);
}
#faqList dl dd {
	display: none;
	padding-top: 18px;
	margin-top: 18px;
	border-top: 1px solid #1C2A45;
	position: relative;
}
#faqList dl dt .q {
	width: 60px;
	height: 46px;
	background: url(./images/lp/q.svg) center no-repeat;
	background-size: contain;
}
#faqList dl dd .a {
	width: 60px;
	height: 60px;
	background: url(./images/lp/a.svg) center no-repeat;
	background-size: contain;
	float: left;
	margin-right: 20px;
}
@media only screen and (max-width: 737px){

	/* faqList
	------------------------------- */
	#faqList dl {
		padding: 20px;
		margin-bottom: 20px;
	}
	#faqList dl dt {
		font-size: 16px;
	}
	#faqList dl dt p {
		width: auto;
	}
	#faqList dl dd {
		display: none;
		padding-top: 18px;
		margin-top: 18px;
		border-top: 1px solid #1C2A45;
	}
	#faqList dl dt .q {
		width: 22px;
		height: 29px;
	}
	#faqList dl dd .a {
		width: 41px;
		height: 41px;
		margin-right: 0;
	}
}
/* -------------------------------

- case

 ------------------------------- */
 #case {
 	background: url(./images/lp/case_bg.svg) center bottom no-repeat;
 	background-size: contain;
 }
 /* caseList
------------------------------- */
#caseList ul {
	padding: 0 130px 20px;
}
#caseList li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#caseList .imgWrap,
#caseList .textWrap {
	width: calc(50% - 20px);
}
#caseList .title {
	margin-bottom: 30px;
}
#caseList .title span {
	display: inline-block;
	font-size: 32px;
	letter-spacing: 0.02em;
	font-weight: 700;
	color: #fff;
	background: #1C2B46;
	padding: 0 5px;
	margin-bottom: 15px;
}
#caseList .name {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}

#caseList .prev,
#caseList .next {
 	width: 60px;
 	height: 120px;
 	background-repeat: no-repeat;
 	background-size: contain;
 	background-position: center;
 	position: absolute;
 	top: 50%;
	transform: translateY(-50%);
 	z-index: 998;
 	cursor:pointer;
}
#caseList .prev {
	background-image: url(./images/lp/prev.svg);
	left: 0;
}
#caseList .next {
	background-image: url(./images/lp/next.svg);
	right: 0;
}
#caseList .slick-dots {
  position: static;
  margin: 25px auto 0;
}
#caseList .slick-dots li {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	transition: .5s;
	background: #FFEA02;
	margin: 5px 10px;
	text-align: center;
}
#caseList .slick-dots li:only-child {
 display: none;
}
#caseList .slick-dots li.slick-active {
	background-color: #1C2B46;
	opacity: 1;
}
#caseList .slick-dots button {
	display: none;
  width: auto;
  height: auto;
  padding: 0;
}
.slick-dots li button:before {
	display: none;
}
@media only screen and (max-width: 737px){
	#caseList ul {
		padding: 0 18px 20px;
	}
	#caseList li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
		margin: 0 20px;
	}
	#caseList .imgWrap,
	#caseList .textWrap {
		width: auto;
	}
	#caseList .textWrap {
		margin-bottom: 40px;
	}
	#caseList .title span {
		font-size:22px;
		margin-bottom: 7px;
	}
	#caseList .name {
		font-size:19px;
		margin-bottom: 18px;
	}
	#caseList .prev,
	#caseList .next {
	 	width: 18px;
	 	height:36px;
	 	top: 65%;
	}
}

/* -------------------------------

- footer

 ------------------------------- */
.site-footer {
	background-color: #1C2B46;
	overflow: hidden;
}
.site-footer .footer_inner {
	margin: 100px auto;
}
/* pagetop
------------------------------- */
#pagetop.headerIn {
	display: none;
}
#pagetop {
	display: block;
	position: fixed;
	right: 60px;
	bottom: 60px;
}
/* contactBtn
------------------------------- */
.site-footer .contactBtn .btn01 {
	max-width: 850px;
	font-size: 32px;
	color: #1C2B46;
	border: 1px solid #FFEA02;
	background: #FFEA02;
	margin: 0 auto 45px;
}
/* footerNav
------------------------------- */
.site-footer .footerNav {
	text-align: center;
}
.site-footer .footerNav li {
	display: inline-block;
	border-right: 1px solid #fff;
}
.site-footer .footerNav li:last-child {
	border-right: none;
}
.site-footer .footerNav a {
	line-height: 1;
	color: #fff;
	padding: 0 2em;
}
/* copyright
------------------------------- */
.copyright {
	font-size: 12px;
	text-align: center;
	padding: 10px;
}
@media only screen and (max-width: 737px){
	.site-footer .footer_inner {
		margin: 50px auto;
	}
		/* pagetop
	------------------------------- */
	#pagetop {
		width: 65px;
		right: 20px;
	}
		/* contactBtn
	------------------------------- */
	.site-footer .contactBtn .btn01 {
		font-size: 19px;
		margin: 0 auto 30px;
	}
	/* footerNav
	------------------------------- */

	.site-footer .footerNav li {
		display: block;
		border-right: none;
		margin-bottom: 10px;
	}
	.site-footer .footerNav li:last-child {
		margin-bottom: 0;
	}
}