@charset "utf-8";

/*
	commons.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* common
--------------------------------------------------------------------------------------------------------*/
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

em { font-style: normal;}
a { text-decoration: none; color: inherit;}
textarea { resize: vertical;}
img { vertical-align: bottom; max-width: 100%; height: auto;}

.pc-block { display: block!important;}
.sp-block { display: none!important;}
.pc-inlineblock { display: inline-block!important;}
.sp-inlineblock { display: none!important;}

iframe[name='google_conversion_frame'] {
	position: absolute;
	top: 0;
}


/* font-size
--------------------------------------------------------------------------------------------------------*/
html { font-size: 62.5%;}
body {
	font-size: 16px;
	font-size: 1.6rem;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* input
--------------------------------------------------------------------------------------------------------*/
input[type=text], input[type=password], input[type=checkbox], input[type=email],input[type=radio], input[type=submit], input[type=button],
select, textarea {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
	border: none;
	outline: 0;
}

/* body
--------------------------------------------------------------------------------------------------------*/
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
	font-weight: 400;
	line-height: 1.0;
	background-color: #fff;
	color: #000;
}
@media(min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/* img opacity
--------------------------------------------------------------------------------------------------------*/
a.opacity { display: block;}
a.opacity img {
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a.opacity:hover img { opacity: 0.6;}



/* common parts
--------------------------------------------------------------------------------------------------------*/
.inner {
	width: 1200px;
	margin: 0 auto;
	padding: 0 50px;
}
.main-contents .inner h3 {
	margin-bottom: 2.2rem;
	padding: 1.2rem 0 1.2rem 36px;
	color: #fff;
	background: #0054a6;
	background: -webkit-linear-gradient(left, #0054a6 0%, #2681c4 55%, #ffffff 100%);
	background: linear-gradient(to right, #0054a6 0%, #2681c4 55%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054a6', endColorstr='#ffffff',GradientType=1 );
}
#sec-01 .inner h3 img { width: 331px;}
#sec-02 .inner h3 img { width: 332px;}
#sec-04 .inner h3 img { width: 373px;}
#sec-05 .inner h3 img { width: 402px;}
#sec-06 .inner h3 img { width: 206px;}
#sec-07 .inner h3 img { width: 456px;}



/* header
--------------------------------------------------------------------------------------------------------*/
header .inner {
	background-color: #6eb944;
	position: relative;
	padding: 0;
}
header .inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: #004da0;
}

header .inner h1 {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	
}
header .inner h1 a {
	display: block;
	text-align: right;
	background-color: #fff;
	width: 286px;
	padding: 2.0rem 1.5rem 1.0rem;
	position: relative;
	z-index: 2;
}
header .inner h1 a::before,
header .inner h1 a::after {
	position: absolute;
	content: '';
	z-index: 2;
}
header .inner h1 a::before {
	top: 0;
	left: -89px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 106px 89px;
	border-color: transparent transparent #fff transparent;
}
header .inner h1 a::after {
	width: 100%;
	height: 7px;
	bottom: -7px;
	right: 0;
	background-color: #fff;
}
header .inner h1 a img {
	width: 224px;
	height: auto;
}

/* main-visual
--------------------------------------------------------------------------------------------------------*/
#main-visual {
	padding-bottom: 13.2rem;
}
#main-visual .inner {
	background: url(../images/main_visual.jpg) no-repeat center 28px;
	background-size: 450px auto;
	text-align: center;
	padding-top: 550px;
}
#main-visual .inner h3 {
	margin-top: 2.4rem;
	background: transparent;
}
#main-visual .inner h3 + p {
	margin-top: 1.6rem;
}
#main-visual .inner ul {
	margin-top: 6.6rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}
#main-visual .inner ul li {
	flex: 0 0 47.5%;
	-webkit-flex: 0 0 47.5%;
	border: 2px solid #004da0;
	border-radius: 48px;
	overflow: hidden;
}
#main-visual .inner ul li dl,
#main-visual .inner ul li dl dt,
#main-visual .inner ul li dl dd {
	display: flex;
	display: -webkit-flex;
}
#main-visual .inner ul li dl dt,
#main-visual .inner ul li dl dd {
	align-items: center;
	-webkit-align-items: center;
}
#main-visual .inner ul li dl {
	height: 100%;
	border: 3px solid #fff;
}
#main-visual .inner ul li dl dt {
	width: 174px;
	padding-left: 0.5rem;
	background: #0b7cac;
	background: -webkit-radial-gradient(center, ellipse cover,  #0b7cac 0%,#004b82 100%);
	background: radial-gradient(ellipse at center,  #0b7cac 0%,#004b82 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7cac', endColorstr='#004b82',GradientType=1 );
	border-radius: 48px 0 0 48px;
	justify-content: center;
	-webkit-justify-content: center;
}
#main-visual .inner ul li dl dd {
	padding: 0.8rem 0;
	width: calc(100% - 174px);
}
#main-visual .inner ul li:nth-of-type(1) dl dd { padding-left: 3.0rem;}
#main-visual .inner ul li:nth-of-type(2) dl dd { padding-left: 1.0rem;}

#main-visual .inner h2 img { width: 838px;}
#main-visual .inner h3 img { width: 825px;}
#main-visual .inner h3 + p img { width: 475px;}

#main-visual .inner ul li:nth-of-type(1) dl dt img { width: 81px;}
#main-visual .inner ul li:nth-of-type(1) dl dd img { width: 260px;}
#main-visual .inner ul li:nth-of-type(2) dl dt img { width: 153px;}
#main-visual .inner ul li:nth-of-type(2) dl dd img { width: 297px;}


/* pagelinks
--------------------------------------------------------------------------------------------------------*/
#pagelinks .inner {
	padding-bottom: 6.6rem;
}
#pagelinks .inner ul li {
	font-size: 34px;
	font-weight: 700;
}
#pagelinks .inner ul li:not(:last-child) {
	margin-bottom: 1.6rem;
}
#pagelinks .inner ul li a {
	display: block;
	color: #fff;
	padding: 1.2rem 0 1.2rem 36px;
	background: #0054a6;
	background: -webkit-linear-gradient(left, #0054a6 0%, #2681c4 55%, #ffffff 100%);
	background: linear-gradient(to right, #0054a6 0%, #2681c4 55%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054a6', endColorstr='#ffffff',GradientType=1 );
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
#pagelinks .inner ul li a:hover {
	opacity: 0.7;
}
#pagelinks .inner p {
	margin-top: 66px;
	text-align: center;
}

#pagelinks .inner ul li:nth-of-type(1) a img { width: 331px;}
#pagelinks .inner ul li:nth-of-type(2) a img { width: 332px;}
#pagelinks .inner ul li:nth-of-type(3) a img { width: 475px;}
#pagelinks .inner ul li:nth-of-type(4) a img { width: 373px;}
#pagelinks .inner ul li:nth-of-type(5) a img { width: 402px;}
#pagelinks .inner ul li:nth-of-type(6) a img { width: 206px;}
#pagelinks .inner ul li:nth-of-type(7) a img { width: 456px;}

#pagelinks .inner p img { width: 192px;}



/* sec-01 sec-02
--------------------------------------------------------------------------------------------------------*/
#sec-01 .inner,
#sec-02 .inner {
	padding-bottom: 6.6rem;
}
#sec-01 .inner h3,
#sec-02 .inner h3 {
	position: relative;
}
#sec-01 .inner h3::after,
#sec-02 .inner h3::after {
	content: '';
	position: absolute;
}
#sec-01 .inner h3::after {
	top: -28px;
	right: 49px;
	width: 114px;
	height: 120px;
	background: url(../images/sec-01_ic.png) no-repeat right center;
	background-size: 100% auto;
	z-index: 2;
}
#sec-02 .inner h3::after {
	top: -20px;
	right: 45px;
	width: 120px;
	height: 121px;
	background: url(../images/sec-02_ic.png) no-repeat right center;
	background-size: 100% auto;
	z-index: 2;
}
#sec-01 .inner p,
#sec-02 .inner p {
	border: 2px solid #004da0;
	border-radius: 12px;
	color: #595757;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.44;
	padding: 2.0rem 4.6rem;
}
#sec-02 .inner p span {
	color: #e50012;
}


/* sec-03
--------------------------------------------------------------------------------------------------------*/
#sec-03 .inner {
	padding-bottom: 6.6rem;
}
#sec-03 .inner h3 {
	background: #fffded;
	border: 6px solid #fccf00;
	text-align: center;
	padding: 0.6rem 0 1.0rem;
	border-radius: 10px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
#sec-03 .inner .field {
	background-color: #004da0;
	margin-top: -7px;
	position: relative;
	z-index: 0;
	border-radius: 0 0 20px 20px;
	padding: 7px 1.4rem 1.4rem 1.4rem;
}
#sec-03 .inner .field dl,
#sec-03 .inner .field dl dt,
#sec-03 .inner .field dl dd {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
#sec-03 .inner .field dl {
	padding: 1.6rem 0;
	position: relative;
}
#sec-03 .inner .field dl:nth-of-type(2) {
	padding: 0.8rem 0;
}
#sec-03 .inner .field dl:not(:nth-of-type(4))::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-image: -webkit-linear-gradient(left, #0085cd, #0085cd 50%, transparent 50%, transparent 100%);
	background-image: linear-gradient(90deg, #0085cd, #0085cd 50%, transparent 50%, transparent 100%);
	background-size: 12px 1px;
}
#sec-03 .inner .field dl dt {
	width: 98px;
	height: 74px;
	background-color: #fff;
	padding-left: 8px;
	border-radius: 10px;
}
#sec-03 .inner .field dl dd {
	width: calc(100% - 98px);
	padding-left: 1.4rem;
}
#sec-03 .inner .field dl dd > * {
	font-weight: 700;
}
#sec-03 .inner .field dl dd h4 {
	font-size: 53px;
	color: #fff57f;
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	margin-right: 1.8rem;
}
#sec-03 .inner .field dl dd p {
	font-size: 23px;
	color: #fff;
	line-height: 1.44;
}
#sec-03 .inner .field dl dd small {
	font-size: 14px;
	color: #fff;
	align-self: flex-end;
	-webkit-align-self: flex-end;
}
#sec-03 .inner .field dl:nth-of-type(2) dd h4 {
	letter-spacing: 0.02em;
}
#sec-03 .inner .field dl:nth-of-type(3) dd h4 {
	letter-spacing: -0.02em;
}

#sec-03 .inner .field .item {
	background-color: #fff;
	border: 7px solid #fff57f;
	border-radius: 20px;
	margin: 1.4rem 1.0rem 1.0rem;
	padding: 1.6rem;
	position: relative;
}
#sec-03 .inner .field .item::before,
#sec-03 .inner .field .item::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
#sec-03 .inner .field .item::before {
	right: 267px;
	top: -40px;
	border-width: 0 23px 40px 23px;
	border-color: transparent transparent #fff57f transparent;
}
#sec-03 .inner .field .item::after {
	right: 275px;
	top: -26px;
	border-width: 0 15px 26px 15px;
	border-color: transparent transparent #fff transparent;
}
#sec-03 .inner .field .item .subtit {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	padding: 0.8rem 1.8rem;
	color: #fff;
	background: #0054a6;
	background: -webkit-linear-gradient(left, #0054a6 0%, #2681c4 80%, #ffffff 100%);
	background: linear-gradient(to right, #0054a6 0%, #2681c4 80%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054a6', endColorstr='#ffffff',GradientType=1 );
}
#sec-03 .inner .field .item .subtit h4 {
	font-size: 33px;
	font-weight: 700;
	margin-right: 1.8rem;
}
#sec-03 .inner .field .item .subtit small {
	font-size: 14px;
	line-height: 1.44;
	font-weight: 500;
	padding-left: 1.0em;
	position: relative;
}
#sec-03 .inner .field .item .subtit small::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
#sec-03 .inner .field .item .photo {
	margin-top: 3.0rem;
}
#sec-03 .inner h3 img { width: 885px;}

#sec-03 .inner .field dl:nth-of-type(1) dt img { width: 74px;}
#sec-03 .inner .field dl:nth-of-type(2) dt img { width: 82px;}
#sec-03 .inner .field dl:nth-of-type(3) dt img { width: 82px;}
#sec-03 .inner .field dl:nth-of-type(4) dt img { width: 82px;}


/* sec-04
--------------------------------------------------------------------------------------------------------*/
#sec-04 .inner {
	padding-bottom: 6.6rem;
}
#sec-04 .inner .field {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
#sec-04 .inner .field dl {
	border: 4px solid #004da0;
	border-radius: 18px;
	width: 32.3%;
	padding: 0.8rem;
	height: 224px;
}
#sec-04 .inner .field dl:nth-of-type(n+4) {
	margin-top: 2.0rem;
}
#sec-04 .inner .field dl:nth-of-type(1) {
	background: url(../images/sec-04_ph-01.png) no-repeat 18% 101%;
	background-size: 88% auto;
}
#sec-04 .inner .field dl:nth-of-type(2) {
	background: url(../images/sec-04_ph-02.png) no-repeat 30% 102%;
	background-size: 84% auto;
}
#sec-04 .inner .field dl:nth-of-type(3) {
	background: url(../images/sec-04_ph-03.png) no-repeat 70% 105%;
	background-size: 90% auto;
}
#sec-04 .inner .field dl:nth-of-type(4) {
	background: url(../images/sec-04_ph-04.png) no-repeat 24% 102%;
	background-size: 86% auto;
}
#sec-04 .inner .field dl:nth-of-type(5) {
	background: url(../images/sec-04_ph-05.png) no-repeat 24% 102%;
	background-size: 86% auto;
}
#sec-04 .inner .field dl:nth-of-type(6) {
	background: url(../images/sec-04_ph-06.png) no-repeat center 102%;
	background-size: 82% auto;
}

#sec-04 .inner .field dl dd {
	margin-top: 0.8rem;
}

#sec-04 .inner .field dl:nth-of-type(1) dt img { width: 272px;}
#sec-04 .inner .field dl:nth-of-type(1) dd img { width: 227px;}

#sec-04 .inner .field dl:nth-of-type(2) dt img { width: 268px;}

#sec-04 .inner .field dl:nth-of-type(3) dt img { width: 239px;}
#sec-04 .inner .field dl:nth-of-type(3) dd img { width: 156px;}

#sec-04 .inner .field dl:nth-of-type(4) dt img { width: 246px;}
#sec-04 .inner .field dl:nth-of-type(4) dd img { width: 170px;}

#sec-04 .inner .field dl:nth-of-type(5) dt img { width: 293px;}
#sec-04 .inner .field dl:nth-of-type(5) dd img { width: 150px;}

#sec-04 .inner .field dl:nth-of-type(6) dt img { width: 292px;}


/* sec-05
--------------------------------------------------------------------------------------------------------*/
#sec-05 .inner {
	padding-bottom: 6.6rem;
}
#sec-05 .inner .field {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#sec-05 .inner .field ul:first-child {
	padding-right: 8.0rem;
}
#sec-05 .inner .field ul li {
	color: #595757;
	position: relative;
	padding-left: 1.0em;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.62;
}
#sec-05 .inner .field ul li:not(:last-child) {
	margin-bottom: 0.4rem;
}
#sec-05 .inner .field ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1.0rem;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	background-color: #004da0;
}
#sec-05 .inner .field ul:nth-of-type(2) {
	position: relative;
}
#sec-05 .inner .field ul:nth-of-type(2)::after {
	content: 'など';
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	color: #595757;
	font-size: 25px;
	font-weight: 400;
}


/* sec-06
--------------------------------------------------------------------------------------------------------*/
#sec-06 .inner {
	padding-bottom: 6.6rem;
}
#sec-06 .inner .field {
	border: 5px solid #004da0;
}
#sec-06 .inner .field dl {
	display: flex;
	display: -webkit-flex;
}
#sec-06 .inner .field dl dt {
	flex: 0 0 260px;
	-webkit-flex: 0 0 260px;
	font-size: 21px;
	font-weight: 700;
	background-color: #036eb7;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	letter-spacing: 0.1em;
}
#sec-06 .inner .field dl:not(:last-child) dt {
	border-bottom: 2px solid #fff;
}
#sec-06 .inner .field dl dd {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	color: #036eb7;
	line-height: 1.56;
	padding: 1.5rem;
}
#sec-06 .inner .field dl dd small {
	font-size: 12px;
}
#sec-06 .inner .field dl dd ul li {
	padding-left: 1.0em;
	position: relative;
}
#sec-06 .inner .field dl dd ul li::before {
	content: '';
	position: absolute;
	width: 0.9em;
	height: 0.9em;
	left: 0;
	top: 0.3em;
	border-radius: 50%;
	background-color: #036eb7;
}
#sec-06 .inner .field dl:not(:last-child) dd {
	border-bottom: 2px solid #036eb7;
}

/* sec-07
--------------------------------------------------------------------------------------------------------*/
#sec-07 .inner {
	padding-bottom: 6.6rem;
}
#sec-07 .inner h3 + p {
	font-size: 30px;
	font-weight: 700;
	color: #004da0;
	line-height: 1.44;
	position: relative;
	padding-left: 68px;
	letter-spacing: 0.02em;
	margin-bottom: 2.0rem;
}
#sec-07 .inner h3 + p::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 28px 0 28px;
	border-color: #004da0 transparent transparent transparent;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
#sec-07 .inner .field {
	border: 4px solid #004da0;
}
#sec-07 .inner .field .item,
#sec-07 .inner .field .item dl,
#sec-07 .inner .field .item dl dt {
	display: flex;
	display: -webkit-flex;
}
#sec-07 .inner .field .item:not(:last-child) {
	border-bottom: 4px solid #004da0;
}
#sec-07 .inner .field .item dl {
	width: 680px;
}
#sec-07 .inner .field .item dl dt {
	flex: 0 0 206px;
	-webkit-flex: 0 0 206px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
/*
	padding: 0 0.6rem;
	align-items: center;
	-webkit-align-items: center;
*/
	line-height: 1.44;
}
#sec-07 .inner .field .item dl dt a {
	background-color: #036eb7;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 0.6rem;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	position: relative;
}
#sec-07 .inner .field .item dl dt a::after {
	content: '';
	position: absolute;
	right: 0.7rem;
	top: 50%;
	width: 28px;
	height: 28px;
	background: url(../images/sec-07_ic-01.png) no-repeat right center;
	background-size: 28px auto;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
#sec-07 .inner .field .item dl dt a:hover {
	opacity: 0.7;
}
#sec-07 .inner .field .item dl dd {
	border-right: 4px solid #004da0;
	width: 592px;
	padding: 0.6rem;
}
#sec-07 .inner .field .item dl dd.day-365 {
	position: relative;
}
#sec-07 .inner .field .item dl dd.day-365:after {
	content: '';
	position: absolute;
	right: 0.7rem;
	top: 0.7rem;
	width: 63px;
	height: 62px;
	background: url(../images/sec-07_ic-02.png) no-repeat right top;
	background-size: 63px auto;
}
#sec-07 .inner .field .item dl dd > p:nth-of-type(1) {
	font-size: 25px;
	font-weight: 700;
	color: #036eb7;
	margin-top: 0.4rem;
}
#sec-07 .inner .field .item dl dd > p:nth-of-type(1).smaller {
	font-size: 23px;
	letter-spacing: -0.02em;
}
#sec-07 .inner .field .item dl dd > p:nth-of-type(2) {
	font-size: 24px;
	font-weight: 700;
	color: #036eb7;
	margin-top: 0.6rem;
}
#sec-07 .inner .field .item dl dd > p:nth-of-type(2)::before {
	content: 'TEL.';
	font-size: 14px;
	margin-right: 0.3rem;
}
#sec-07 .inner .field .item dl dd > p:nth-of-type(3) {
	font-size: 14px;
	font-weight: 700;
	color: #036eb7;
	margin-top: 0.4rem;
}
#sec-07 .inner .field .item dl dd ul {
	padding-top: 0.6rem;
}
#sec-07 .inner .field .item dl dd ul li:first-child {
	background-color: #036eb7;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 0.3rem 1.1rem;
	display: inline-block;
	letter-spacing: 0.02em;
}
#sec-07 .inner .field .item dl dd ul li:last-child {
	background-color: #eaf5fc;
	font-size: 23px;
	font-weight: 700;
	color: #036eb7;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 0.5rem 0.3rem;
}
#sec-07 .inner .field .item dl dd ul li:last-child p::before {
	font-size: 15px;
	padding: 0 0.5rem;
}
#sec-07 .inner .field .item dl dd ul li:last-child p.weekday::before {
	content: '平日';
}
#sec-07 .inner .field .item dl dd ul li:last-child p.weekend::before {
	content: '土・日';
}
#sec-07 .inner .field .item dl dd ul li:last-child p.weekend-holiday::before {
	content: '土・日・祝日';
}
#sec-07 .inner .field .item dl dd ul li:last-child p.weekday-weekend-holiday::before {
	content: '\00a0平日\A\00a0土・日・祝日';
	white-space: pre ;
	padding-left: 0;
}
#sec-07 .inner .field .item dl dd ul li:last-child p.weekday-weekend::before {
	content: '\00a0平日\A\00a0土・日';
	white-space: pre ;
	padding-left: 0;
}
#sec-07 .inner .field .item dl dd ul li:last-child p.item-29::before {
	content: '月曜日～日曜日';
}

#sec-07 .inner .field .item table {
	width: 412px;
	table-layout: fixed;
}
#sec-07 .inner .field .item table thead {
	border-bottom: 1px solid #0068b6;
}
#sec-07 .inner .field .item table thead th {
	background-color: #eaf5fc;
	color: #595757;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 0.8rem 0;
}
#sec-07 .inner .field .item table thead tr th:first-child {
	width: 64px;
}
#sec-07 .inner .field .item table thead th:not(:last-child) {
	border-right: 1px solid #0068b6;
}
#sec-07 .inner .field .item table tbody * {
	color: #595757;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #0068b6;
	padding: 1.0rem 0;
}
#sec-07 .inner .field .item table tbody th {
	vertical-align: middle;
}
#sec-07 .inner .field .item table tbody td {
	border-left: 1px solid #0068b6;
	line-height: 1.44;
}

#sec-07 .inner .field .item table.column-3 tbody tr:nth-child(1) td {
	font-size: 11px;
}
#sec-07 .inner .field .item table.column-3 tbody tr:nth-child(2) td {
	font-size: 10px;
	padding: 1.4rem 0;
}


/* pagetop
--------------------------------------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
}
#pagetop a {
	display: block;
}
#pagetop a img {
	width: 50px;
	height: auto;
}


/* footer
--------------------------------------------------------------------------------------------------------*/
footer {
}
footer .inner {
	background-color: #004da0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	padding: 1.6rem 1.0rem 1.2rem;
}
footer .inner h4 img {
	width: 142px;
	height: auto;
}
footer .inner p {
	font-size: 11px;
	color: #fff;
}



/*
	less than 1200px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1200px) {
/* common parts
--------------------------------------------------------------------------------------------------------*/

}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
/* common
--------------------------------------------------------------------------------------------------------*/
	.pc-block { display: none!important;}
	.sp-block { display: block!important;}
	.pc-inlineblock { display: none!important;}
	.sp-inlineblock { display: inline-block!important;}



/* common parts
--------------------------------------------------------------------------------------------------------*/
	.inner {
		width: 100%;
		padding: 0 calc(30 / 750 * 100vw);
	}
	.main-contents .inner h3 {
		margin-bottom: calc(30 / 750 * 100vw);
		padding: 0.8rem 0 0.8rem calc(24 / 750 * 100vw);
		background: #0054a6;
		background: -webkit-linear-gradient(left, #0054a6 0%, #2989d8 51%, #bedaed 100%);
		background: linear-gradient(to right, #0054a6 0%, #2989d8 51%, #bedaed 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054a6', endColorstr='#bedaed',GradientType=1 );
	}

	#sec-01 .inner h3 img,
	#pagelinks .inner ul li:nth-of-type(1) a img { width: calc(444 / 750 * 100vw);}
	#sec-02 .inner h3 img,
	#pagelinks .inner ul li:nth-of-type(2) a img { width: calc(446 / 750 * 100vw);}

	#pagelinks .inner ul li:nth-of-type(3) a img { width: calc(640 / 750 * 100vw);}

	#sec-04 .inner h3 img,
	#pagelinks .inner ul li:nth-of-type(4) a img { width: calc(500 / 750 * 100vw);}
	#sec-05 .inner h3 img,
	#pagelinks .inner ul li:nth-of-type(5) a img { width: calc(540 / 750 * 100vw);}
	#sec-06 .inner h3 img,
	#pagelinks .inner ul li:nth-of-type(6) a img { width: calc(276 / 750 * 100vw);}
	#sec-07 .inner h3 img,
	#pagelinks .inner ul li:nth-of-type(7) a img { width: calc(612 / 750 * 100vw);}


/* header
--------------------------------------------------------------------------------------------------------*/
	header .inner::after {
		height: 5px;
	}
	header .inner h1 a {
		width: auto;
		padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) 0 0;
	}
	header .inner h1 a img { width: calc(238 / 750 * 100vw);}
	header .inner h1 a::before {
		left: calc(100 / 750 * 100vw * -1 );
		border-style: solid;
		border-width: 0 0 calc(120 / 750 * 100vw) calc(100 / 750 * 100vw);
		border-color: transparent transparent #fff transparent;
	}

/* main-visual
--------------------------------------------------------------------------------------------------------*/
	#main-visual {
		padding-bottom: 6.0rem;
	}
	#main-visual .inner {
		background: url(../images/main_visual.jpg) no-repeat center calc(14 / 750 * 100vw);
		background-size: calc(394 / 750 * 100vw) auto;
		padding-top: calc(461 / 750 * 100vw);
	}
	#main-visual .inner ul {
		margin-top: 2.6rem;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#main-visual .inner ul li {
		flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		border-radius: calc(56 / 750 * 100vw);
	}
	#main-visual .inner ul li:nth-of-type(2) {
		margin-top: calc(26 / 750 * 100vw);
	}
	#main-visual .inner ul li dl {
		height: calc(108 / 750 * 100vw);
	}
	#main-visual .inner ul li dl dt {
		width: calc(199 / 750 * 100vw);
		border-radius: calc(48 / 750 * 100vw) 0 0 calc(48 / 750 * 100vw);
	}
	#main-visual .inner ul li dl dd {
		width: auto;
		padding: 0;
	}
	#main-visual .inner ul li:nth-of-type(1) dl dd {
		padding-left: calc(68 / 750 * 100vw);
	}
	#main-visual .inner ul li:nth-of-type(2) dl dd {
		padding-left: calc(48 / 750 * 100vw);
	}

	#main-visual .inner h2 img { width: calc(569 / 750 * 100vw);}
	#main-visual .inner h3 img { width: calc(618 / 750 * 100vw);}
	#main-visual .inner h3 + p img { width: calc(600 / 750 * 100vw);}

	#main-visual .inner ul li:nth-of-type(1) dl dt img { width: calc(81 / 750 * 100vw);}
	#main-visual .inner ul li:nth-of-type(1) dl dd img { width: calc(304 / 750 * 100vw);}
	#main-visual .inner ul li:nth-of-type(2) dl dt img { width: calc(153 / 750 * 100vw);}
	#main-visual .inner ul li:nth-of-type(2) dl dd img { width: calc(347 / 750 * 100vw);}


/* pagelinks
--------------------------------------------------------------------------------------------------------*/
	#pagelinks .inner {
		padding-bottom: 6.0rem;
	}
	#pagelinks .inner ul li {
		text-align: center;
	}
	#pagelinks .inner ul li a {
		background: #a1c8e5;
		background: -webkit-linear-gradient(top, #a1c8e5 0%, #2681c4 22%, #0054a6 60%, #187fc3 60%);
		background: linear-gradient(to bottom, #a1c8e5 0%, #2681c4 22%, #0054a6 60%, #187fc3 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c8e5', endColorstr='#187fc3', GradientType=0 );
		transition: none;
		padding: calc(26 / 750 * 100vw) 0;
		border-radius: 8px;
	}
	#pagelinks .inner ul li a:hover {
		opacity: 1.0;
	}
	#pagelinks .inner p {
		display: none;
	}
	#pagelinks .inner ul li a img { vertical-align: baseline;}

/* sec-01 sec-02
--------------------------------------------------------------------------------------------------------*/
	#sec-01 .inner,
	#sec-02 .inner {
		padding-bottom: 6.0rem;
	}
	#sec-01 .inner h3::after,
	#sec-02 .inner h3::after {
		content: none;
	}
	#sec-01 .inner p,
	#sec-02 .inner p {
		border: 3px solid #0068b6;
		padding: calc(15 / 750 * 100vw);
		padding-right: 26.5%;
		font-size: calc(25 / 750 * 100vw);
		font-weight: 500;
		border-radius: 8px;
	}
	#sec-01 .inner p {
		background: url(../images/sec-01_ic.png) no-repeat right calc(15 / 750 * 100vw) center;
		background-size: calc(157 / 750 * 100vw) auto;
	}
	#sec-02 .inner p {
		background: url(../images/sec-02_ic.png) no-repeat right calc(15 / 750 * 100vw) center;
		background-size: calc(160 / 750 * 100vw) auto;
	}

/* sec-03
--------------------------------------------------------------------------------------------------------*/
	#sec-03 .inner {
		padding-bottom: 6.0rem;
	}
	#sec-03 .inner h3 {
		border-width: 5px;
		padding: calc(17 / 750 * 100vw) 0;
		border-radius: 12px;
	}
	#sec-03 .inner .field {
		margin-top: -12px;
		padding: 12px calc(15 / 750 * 100vw) calc(30 / 750 * 100vw) calc(15 / 750 * 100vw);
		border-radius: 0 0 16px 16px;
	}
	#sec-03 .inner .field dl,
	#sec-03 .inner .field dl dd {
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#sec-03 .inner .field dl,
	#sec-03 .inner .field dl:nth-of-type(2) {
		padding: calc(30 / 750 * 100vw) 0 calc(25 / 750 * 100vw) calc(15 / 750 * 100vw);
	}
	#sec-03 .inner .field dl dt {
		width: calc(90 / 750 * 100vw);
		height: calc(68 / 750 * 100vw);
		padding-left: calc(6 / 750 * 100vw);
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		border-radius: 5px;
	}
	#sec-03 .inner .field dl dd {
		flex-direction: column;
		-webkit-flex-direction: column;
		width: 100%;
		padding: calc(10 / 750 * 100vw) 0 0 calc(16 / 750 * 100vw);;
	}
	#sec-03 .inner .field dl dd h4 {
		font-size: calc(50 / 750 * 100vw);
		margin: 0 0 calc(10 / 750 * 100vw);
	}
	#sec-03 .inner .field dl dd p,
	#sec-03 .inner .field dl dd small {
		font-size: calc(19 / 750 * 100vw);
	}
	#sec-03 .inner .field dl dd small {
		align-self: flex-start;
		-webkit-align-self: flex-start;
	}
	#sec-03 .inner .field dl:nth-of-type(3) dd h4 {
		font-size: calc(47 / 750 * 100vw);
	}

	#sec-03 .inner .field .item {
		margin: 1.4rem calc(15 / 750 * 100vw) 0;
		padding: calc(30 / 750 * 100vw) 0;
		border-radius: 16px;
	}
	#sec-03 .inner .field .item::before {
		right: 27px;
		top: -34px;
		border-width: 0 20px 34px 20px;
	}
	#sec-03 .inner .field .item::after {
		right: 35px;
		top: -20px;
		border-width: 0 12px 20px 12px;
	}

	#sec-03 .inner .field .item .subtit {
		padding: calc(18 / 750 * 100vw) 0 calc(14 / 750 * 100vw);
		flex-direction: column;
		-webkit-flex-direction: column;
		background: #0054a6;
		background: -webkit-linear-gradient(left, #0054a6 0%, #2681c4 90%, #ffffff 100%);
		background: linear-gradient(to right, #0054a6 0%, #2681c4 90%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054a6', endColorstr='#ffffff',GradientType=1 );
	}
	#sec-03 .inner .field .item .subtit h4 {
		font-size: calc(40 / 750 * 100vw);
		margin: 0 0 calc(7 / 750 * 100vw);
	}
	#sec-03 .inner .field .item .subtit small {
		font-size: calc(20 / 750 * 100vw);
		padding-left: 0;
		text-align: center;
	}
	#sec-03 .inner .field .item .subtit small::before {
		position: static;
	}
	#sec-03 .inner .field .item .photo {
		padding: 0 calc(30 / 750 * 100vw);
	}

	#sec-03 .inner h3 img { width: calc(651 / 750 * 100vw);}

	#sec-03 .inner .field dl:nth-of-type(1) dt img { width: calc(69 / 750 * 100vw);}
	#sec-03 .inner .field dl:nth-of-type(2) dt img { width: calc(75 / 750 * 100vw);}
	#sec-03 .inner .field dl:nth-of-type(3) dt img { width: calc(75 / 750 * 100vw);}
	#sec-03 .inner .field dl:nth-of-type(4) dt img { width: calc(76 / 750 * 100vw);}


/* sec-04
--------------------------------------------------------------------------------------------------------*/
	#sec-04 .inner {
		padding-bottom: 6.0rem;
	}
	#sec-04 .inner .field {
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 0 calc(40 / 750 * 100vw);
	}
	#sec-04 .inner .field dl {
		border: 4px solid #004da0;
		border-radius: 12px;
		width: 100%;
		padding: calc(14 / 750 * 100vw);
		height: calc(240 / 750 * 100vw);
	}
	#sec-04 .inner .field dl:nth-of-type(n+4) {
		margin-top: 0;
	}
	#sec-04 .inner .field dl:not(:first-child) {
		margin-top: calc(26 / 750 * 100vw);
	}
	#sec-04 .inner .field dl:nth-of-type(1) {
		background: url(../images/sp/sec-04_ph-01.png) no-repeat right calc(35 / 750 * 100vw) bottom;
		background-size: calc(187 / 750 * 100vw) auto;
	}
	#sec-04 .inner .field dl:nth-of-type(2) {
		background: url(../images/sp/sec-04_ph-02.png) no-repeat right calc(35 / 750 * 100vw) bottom;
		background-size: calc(513 / 750 * 100vw) auto;
	}
	#sec-04 .inner .field dl:nth-of-type(3) {
		background: url(../images/sp/sec-04_ph-03.png) no-repeat 102% 2.66vw;
		background-size: calc(351 / 750 * 100vw) auto;
	}
	#sec-04 .inner .field dl:nth-of-type(4) {
		background: url(../images/sp/sec-04_ph-04.png) no-repeat right calc(26 / 750 * 100vw) bottom;
		background-size: calc(301 / 750 * 100vw) auto;
	}
	#sec-04 .inner .field dl:nth-of-type(5) {
		background: url(../images/sp/sec-04_ph-05.png) no-repeat right calc(22 / 750 * 100vw) bottom;
		background-size: calc(336 / 750 * 100vw) auto;
	}
	#sec-04 .inner .field dl:nth-of-type(6) {
		background: url(../images/sp/sec-04_ph-06.png) no-repeat right calc(27 / 750 * 100vw) bottom;
		background-size: calc(366 / 750 * 100vw) auto;
	}
	#sec-04 .inner .field dl dd {
		margin-top: calc(28 / 750 * 100vw);
	}
	#sec-04 .inner .field dl:nth-of-type(1) dd {
		margin-top: calc(20 / 750 * 100vw);
	}

	#sec-04 .inner .field dl:nth-of-type(1) dt img { width: calc(290 / 750 * 100vw);}
	#sec-04 .inner .field dl:nth-of-type(1) dd img { width: calc(337 / 750 * 100vw);}

	#sec-04 .inner .field dl:nth-of-type(2) dt img { width: calc(303 / 750 * 100vw);}

	#sec-04 .inner .field dl:nth-of-type(3) dt img { width: calc(315 / 750 * 100vw);}
	#sec-04 .inner .field dl:nth-of-type(3) dd img { width: calc(214 / 750 * 100vw);}

	#sec-04 .inner .field dl:nth-of-type(4) dt img { width: calc(347 / 750 * 100vw);}
	#sec-04 .inner .field dl:nth-of-type(4) dd img { width: calc(230 / 750 * 100vw);}

	#sec-04 .inner .field dl:nth-of-type(5) dt img { width: calc(314 / 750 * 100vw);}
	#sec-04 .inner .field dl:nth-of-type(5) dd img { width: calc(204 / 750 * 100vw);}

	#sec-04 .inner .field dl:nth-of-type(6) dt img { width: calc(309 / 750 * 100vw);}


/* sec-05
--------------------------------------------------------------------------------------------------------*/
	#sec-05 .inner {
		padding-bottom: 6.0rem;
	}
	#sec-05 .inner .field {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#sec-05 .inner .field ul:first-child {
		padding-right: 0;
	}
	#sec-05 .inner .field ul li:not(:last-child),
	#sec-05 .inner .field ul:first-child li:last-child {
		margin-bottom: calc(4 / 750 * 100vw);
	}
	#sec-05 .inner .field ul:nth-of-type(2) {
		padding-bottom: 1.5em;
	}
	#sec-05 .inner .field ul:nth-of-type(2)::after {
		right: 0;
		bottom: 0;
		font-size: calc(27 / 750 * 100vw);
	}
	#sec-05 .inner .field ul li::before {
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
	}
	#sec-05 .inner .field ul li {
		font-size: calc(27 / 750 * 100vw);
	}

/* sec-06
--------------------------------------------------------------------------------------------------------*/
	#sec-06 .inner {
		padding-bottom: 6.0rem;
	}
	#sec-06 .inner .field dl {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#sec-06 .inner .field dl dt {
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		padding: calc(10 / 750 * 100vw) 0;
	}
	#sec-06 .inner .field dl dt,
	#sec-06 .inner .field dl dd p,
	#sec-06 .inner .field dl dd ul li {
		font-size: calc(30 / 750 * 100vw);
	}
	#sec-06 .inner .field dl dd {
		padding: calc(20 / 750 * 100vw);
		line-height: 1.0;
	}
	#sec-06 .inner .field dl dd p,
	#sec-06 .inner .field dl dd ul li {
		line-height: 1.44;
	}
	#sec-06 .inner .field dl dd small {
		font-size: calc(20 / 750 * 100vw);
		line-height: 1.36;
	}

/* sec-07
--------------------------------------------------------------------------------------------------------*/
	#sec-07 .inner {
		padding-bottom: calc(160 / 750 * 100vw);
	}
	#sec-07 .inner h3 + p {
		font-size: calc(37 / 750 * 100vw);
		letter-spacing: 0.1em;
		padding-left: 0;
		text-align: center;
		margin-bottom: calc(30 / 750 * 100vw);
		padding-bottom: calc(46 / 750 * 100vw);
	}
	#sec-07 .inner h3 + p::before {
		top: initial;
		left: 50%;
		bottom: -0;
		border-width: calc(36 / 750 * 100vw) calc(28 / 750 * 100vw) 0 calc(28 / 750 * 100vw);
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}

	#sec-07 .inner .field .item,
	#sec-07 .inner .field .item dl {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#sec-07 .inner .field .item dl {
		width: 100%;
	}
	#sec-07 .inner .field .item dl dt {
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		font-size: calc(30 / 750 * 100vw);
		line-height: 1.0;
	}
	#sec-07 .inner .field .item dl dt br {
		display: none;
	}
	#sec-07 .inner .field .item dl dt a {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		padding: calc(24 / 750 * 100vw) 0;
		transition: none;
	}
	#sec-07 .inner .field .item dl dt a::after {
		right: calc(28 / 750 * 100vw);
		width: calc(48 / 750 * 100vw);
		height: calc(48 / 750 * 100vw);
		background: url(../images/sec-07_ic-01.png) no-repeat right center;
		background-size: calc(48 / 750 * 100vw) auto;
	}
	#sec-07 .inner .field .item dl dt a:hover {
		opacity: 1.0;
	}

	#sec-07 .inner .field .item dl dd {
		width: 100%;
		padding: calc(10 / 750 * 100vw);
		padding-top: calc(20 / 750 * 100vw);
		border-right: none;
	}
	#sec-07 .inner .field .item dl dd > p:nth-of-type(1),
	#sec-07 .inner .field .item dl dd > p:nth-of-type(2) {
		font-size: calc(36 / 750 * 100vw);
		margin-top: 0;
	}
	#sec-07 .inner .field .item dl dd > p:nth-of-type(2) {
		margin-top: calc(10 / 750 * 100vw);
	}
	#sec-07 .inner .field .item dl dd > p:nth-of-type(2)::before {
		font-size: calc(20 / 750 * 100vw);
	}
	#sec-07 .inner .field .item dl dd > p:nth-of-type(1).smaller {
		font-size: calc(33 / 750 * 100vw);
		letter-spacing: 0;
	}
	#sec-07 .inner .field .item dl dd.day-365:after {
		content: none;
	}
	#sec-07 .inner .field .item dl dd ul {
		padding-top: 0;
		margin-top: calc(8 / 750 * 100vw);
	}
	#sec-07 .inner .field .item dl dd.day-365 ul li:last-child {
		position: relative;
	}
	#sec-07 .inner .field .item dl dd.day-365 ul li:last-child::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: calc(100% + calc(10 / 750 * 100vw));
		width: calc(80 / 750 * 100vw);
		height: calc(80 / 750 * 100vw);
		background: url(../images/sec-07_ic-02.png) no-repeat right top;
		background-size: calc(80 / 750 * 100vw) auto;
	}

	#sec-07 .inner .field .item dl dd ul li:first-child {
		font-size: calc(20 / 750 * 100vw);
		padding: calc(10 / 750 * 100vw) calc(22 / 750 * 100vw) calc(8 / 750 * 100vw);
	}
	#sec-07 .inner .field .item dl dd ul li:last-child {
		font-size: calc(32 / 750 * 100vw);
		padding: calc(10 / 750 * 100vw) calc(12 / 750 * 100vw);
	}
	#sec-07 .inner .field .item dl dd ul li:last-child p::before {
		font-size: calc(22 / 750 * 100vw);
		padding: 0 calc(12 / 750 * 100vw) 0 0;
		letter-spacing: -0.02em;
	}
	#sec-07 .inner .field .item table {
		width: 100%;
		height: 100%;
	}
	#sec-07 .inner .field .item table thead {
		border-top: 1px solid #0068b6;
	}
	#sec-07 .inner .field .item table thead th {
		font-size: calc(20 / 750 * 100vw);
		padding: calc(16 / 750 * 100vw) 0;
	}
	#sec-07 .inner .field .item table thead tr th:first-child {
		width: 4.5em;
	}
	#sec-07 .inner .field .item table tbody * {
		font-size: calc(20 / 750 * 100vw);
		padding: calc(20 / 750 * 100vw) 0;
	}
	#sec-07 .inner .field .item table tbody td {
		line-height: 1.74;
	}
	#sec-07 .inner .field .item table.column-3 tbody tr:nth-child(1) td {
		font-size: calc(18 / 750 * 100vw);
	}
	#sec-07 .inner .field .item table.column-3 tbody tr:nth-child(2) td {
		font-size: calc(17 / 750 * 100vw);
		padding: calc(21 / 750 * 100vw) 0;
	}


/* pagetop
--------------------------------------------------------------------------------------------------------*/
	#pagetop {
		z-index: 3;
	}
	#pagetop a:hover img {
		opacity: 1.0;
	}
	
	#pagetop a img {
		width: calc(100 / 750 * 100vw);
	}


/* footer
--------------------------------------------------------------------------------------------------------*/
	footer .inner {
		padding: calc(60 / 750 * 100vw) 0;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
	}
	footer .inner h4 img {
		width: calc(210 / 750 * 100vw);
	}
	footer .inner p {
		margin-top: calc(24 / 750 * 100vw);;
		font-size: calc(20 / 750 * 100vw);
	}

/*
	commons.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/
}