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

* {
	margin: 0;
	padding: 0;
}

/* Hides from IE7 \*/
*:first-child+html {
	letter-spacing: 0;
}
/* End hide from IE7 */	

ul,li{list-style: none;}
a img{outline: none;}
a,a:active{color: #17A39F}

body{
font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, Arial, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
	color: #000000;
}

/* tools
----------------------------------------------------- */

h2{
	font-feature-settings: "palt";
	text-align: center;
	font-weight: 900;
}

h3{
	font-feature-settings: "palt";
	text-align: center;
	font-weight: 900;
}
	h3.point__title{
		color: #17A39F;
	}
h4{
	text-align: center;
	font-weight: 900;
}
.zaidan-font{
	font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, Arial, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.attention{
	font-weight:normal;
	text-align: center;
	font-feature-settings: "palt";
	}

/* guide page */
.guide{
	margin-bottom: 5em;
	word-break: break-all;
}
.guide h2{
	margin-bottom: 1em;
}
.guide h3{
	margin: 2em 0 1em 0;
	text-align: left;
}
.guide h4{
	margin: 2em 0 1em 0;
	text-align: left;
}
.right-date{
	margin-top: 5em;
	text-align: right;
}
.indent2text{margin: 1.5em 0}
.indent2text li{
	list-style-type: decimal;
	margin-left:  1.5em;
	margin-top: 0.5em;
}
.indent3text{margin: 1.5em 0}
.indent3text li{
	list-style-type: none;
	counter-increment: cnt-number;
	margin-left:  1.5em;
	margin-top: 0.5em;
	text-indent: -1.2em;
}
.indent3text li::before {
	content: "("counter(cnt-number)")";
}

.indent4text{margin: 1.5em 0}
.indent4text li{
	list-style-type: none;
	counter-increment: cnt-alphabet;
	margin-left:  1.5em;
	margin-top: 0.5em;
	text-indent: -1.2em;
}
.indent4text li::before {
	content: "("counter(cnt-alphabet, lower-alpha)")";
}

.indent5text{margin: 1.5em 0}
.indent5text li{
	list-style-type: disc;
	margin-left:  1.5em;
	margin-top: 0.5em;
}
.indent5text li::before {
	content: "";
}

.guide table {
    border-collapse:  collapse;
	margin: 1.5em 0;
}
.guide th,.guide td {
    border: solid 1px #bbbbbb;
	padding: 0.5em;
}
.guide td.td__title{
		width: 24%;
		vertical-align: top;
		padding-top: 1em;
	}
.guide td .indent3text{margin: 0;}


/* header
----------------------------------------------------- */
.header {
	position: sticky; /* headerを追従にする */
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: white;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
	z-index: 900;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo img {
	vertical-align: middle;
	}

	.drawer__nav__link{
		text-decoration: none;
		font-weight: 900;
		color: #000000;
	}
	.drawer__nav__menu li:last-child a{
		background-color: #00B3E6;
	}
	.drawer__nav__menu li:last-child a{color: #FFFFFF;}

/* slide
----------------------------------------------------- */
.slider-poc {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	}

.slider-poc .slick-slide img {
	height: auto;
	width: 100%;
	}

.slider-poc .slick-list {
	overflow: visible !important;
	}


/* cvr-area
----------------------------------------------------- */

.cvr-area{
	background-color:#D6F2F1;
	text-align: center;
	font-weight: 900;
}

/*.cvr-area buttom a{
	display: inline-block;
	border-radius: 2em;
	text-decoration: none;
	background-color: #00B3E6;
	color: #ffffff;
}*/
.downloadAppsQR img{
	max-width: 200px;
	border: solid 10px #ffffff;
	border-radius: 10px;
}
ul.downloadApps {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
ul.downloadApps li{
	max-width: 240px;/*347px*/
}
ul.downloadApps li img{
	width: 100%;
}

.cvr-area dd{
	background-color: #ffffff;
}



/* advantages
----------------------------------------------------- */

.advantages__item img{
	width: 100%;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
	transform: translateZ(0); /*safari*/
}


/* step
----------------------------------------------------- */

/* point
----------------------------------------------------- */
.point__item img{
	width: 100%;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
	transform: translateZ(0);
}

/* accordion
----------------------------------------------------- */

.accordion {
	position: relative;
	z-index: 1;
	}
.toggle {
	display: none;
	}
.option {
	position: relative;
	}
.title,
.content {
	transform: translateZ(0);
	transition: all 0.3s;
	}
.title {
	border-top: solid 1px #999999;
	display: block;
	color: #3b3c3c;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4;
	}
	.title::after,
	.title::before {
		content: "";
		position: absolute;
		right: 1.25em;
		top: 1.4em;
		width: 2px;
		height: 0.75em;
		background-color: #3b3c3c;
		transition: all 0.3s;
		}
	.title::after {
		transform: rotate(90deg);
		}
.accordion .option:last-child{
	border-bottom: solid 1px #999999;
}
.title span{
	padding: 1.2em 2.6em 1.2em 2em;
	display: block;
	}
	.title span::before{
		content: "Q";
		position: absolute;
		left: 0.3em;
		top: 0.7em;
		color: #66ad7c;
		font-size: 1.25em;
	}
.content {
	max-height: 0;
	overflow: hidden;
	}
.content p {
	margin: 0;
	padding: 0 0 1.2em 2em;
	font-size: 1.2em;
	color: #3b3c3c;
	}
	.content p::before{
			content: "A";
			position: absolute;
			left: 0.3em;
			top: -0.1em;
			color: #ed8186;
			font-size: 1.25em;
			font-weight: bold;
		}

.toggle:checked + .title + .content {
	max-height: 5000px;
	transition: all 1.5s;
	}
.toggle:checked + .title::before {
	transform: rotate(90deg) !important;
	}


/*specs
----------------------------------------------------- */
.specs{margin: 100px 0}
.specs dt,.specs .lead{font-weight: 900;}
.specs dd{margin-bottom: 1em;}
.specs dd ul{padding-left: 1em}
.specs dd li{text-indent: -1em;}

/*footer
----------------------------------------------------- */
.footer01{
	background-color: #17A39F;
	color: #ffffff;
}

.footer01__nav__menu a{
	text-decoration: none;
	color: #ffffff;
	font-weight: 900;
}

.footer01__logo{
	font-weight: 900;
	position: relative;
}
	.footer01__logo::before{
	content: url("../images/logo_mark_white.png");
	position: absolute;
	left:0;
	top:2px;
	}
.footer01__contact{
	background-color: #ffffff;
	border-radius: 10px;
	color: #000000;
	text-align: center;
}
.footer01__contact dt{color: #17A39F;}
.footer01__contact dd.mail-icon{
	color: #17A39F;
	font-weight: 900;
	position: relative;
}
.mail-icon{
	word-break: break-all;
	line-height: 1.2em;
}
.mail-icon::before{
	content:"";
	display: inline-block;
	background: url("../images/icon_mail.png") no-repeat;
	background-size: 100%;
	background-position: bottom;
	margin-right: 0.3rem;
}

.footer02 .inner{
	vertical-align: center;
	color: #17A39F;
	padding: 1em 0 2em;
}
.footer02__nav__menu li a{
	color: #17A39F;
	font-weight: 900;
}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}












/* -----------------------------------------------------
PC Only
----------------------------------------------------- */
@media screen and (min-width:1080px/*768px*/){

body{
    font-size: 16px;
    line-height: 1.6;
}

.inner{
	width: 1080px;
	margin: 0 auto;
}

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


/* tools
----------------------------------------------------- */

h2{
	font-size: 46px;
	line-height: 1.4em;
	margin-top: 100px;
}
.movie h2{
	font-size: 24px;
	line-height: 1.4em;
	margin:0 0 20px 0;	
	}
h3{
	font-size: 36px;
	line-height: 1.4em;
}
	h3.point__title{
		margin-top: 50px;
	}
	h3.point__title span{font-size: 43px;}
.faq h3{
	font-size: 24px;
	margin-top: 60px;
	}
h4{
	font-size: 24px;
	}
.attention{
	font-size: 16px;
	margin-top: 1em;
	}

	
/* header
----------------------------------------------------- */
.header__inner{
	min-height: 80px;
}
.drawer__nav__item {
	float: left;
	margin-left: 2em;
	line-height: 2.5em;
}
	.drawer__nav__link{
		text-decoration: none;
		font-weight: 900;
	}
	.drawer__nav__menu li:last-child a{
		padding: 0.5em 1.5em;
		border-radius: 20px;
	}

	
	
	
/* main-visual
----------------------------------------------------- */
	.main-visual{
		background-image: url("../images/main_visual_pc.png");
		background-position: center 10px;
		background-repeat: repeat-x;
	}
	.main-visual .inner{
		position: relative;
		height: 640px;
	}
	.main-visual .inner::after {
		content: url("../images/apps_c_01.png");
		position: absolute;
		top: 30px;
		right: 0;
		}
		.main-visual dl{
		position: absolute;
		top:80px;
		left: 0;
		font-weight: 900;
		}
			.main-visual dt{
			font-size: 36px;
			line-height: 1.4em;
			letter-spacing: -2px;
			font-feature-settings: "palt";
			}
			.main-visual dd{
			font-size: 22px;
			margin-top: 40px;
			}

/* slide
----------------------------------------------------- */

.slick-slide{
	margin: 0 5px;
	width: 441px;
}

/* movie
----------------------------------------------------- */
	.movie{margin: 80px 0;}
	.movie iframe{
		width: 1080px;
		height: 608px;
		border: 1px solid #555555;
	}

/* cvr-area
----------------------------------------------------- */

.cvr-area{
	font-size: 20px;
	padding: 2em 0;
}
.cvr-area p img{
		width: 30%;
	}
/*	
.cvr-area buttom a{
	font-size: 28px;
	line-height: 28px;
	padding: 1em 5em ;
	margin: 0.5em 0 1em 0;
}*/

ul.downloadApps {
	margin: 1em 0 2em 0;
}
ul.downloadApps li{
	margin: 0 0.5em;
}

.cvr-area dt{
	font-size: 24px;
}
.cvr-area dd{
	display: inline-block;
	font-size: 46px;
	padding: 0.5em 2em;
	border-radius: 12px;
	margin: 0.2em 0.5em 0 0.5em;
}

/* advantages
----------------------------------------------------- */
.advantages{
	margin-bottom: 80px;
}
.advantages__menu{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	align-items: center;
	background-image: url("../images/background_advantages_pc.gif");
	background-repeat: no-repeat;
	background-position: top;
	padding: 40px 0 60px 0;
}
.advantages__item{
	width: 347px;
	margin:0 20px;
	}

.advantages h4{margin-top: 20px;}

	
/* step
----------------------------------------------------- */
.step{
	margin-bottom: 80px;
}
.step__menu{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.step__item{
	width: 350px;
	margin-right: 15px;
	margin-top: 50px;
	position: relative;
	z-index: 2;
	}
.step__item::after {
		content: url("../images/step_arrow.png");
		position: absolute;
		top: 24px;
		left:260px;
		z-index: 3;
		}
.step__item:nth-child(3n){margin-right: 0;}
.step__item:nth-child(3n)::after,.step__item:last-child::after {content: "";}

.step__item img{
	width: 100%;
	}

/* point
----------------------------------------------------- */
.point{
	margin-bottom: 80px;
}
.point__menu{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	align-items: center;
	background-repeat: no-repeat;
	background-position: top;
	padding: 30px 0 110px 0;
	position: relative;
}
.point__menu::after{
	content: "";
    position: absolute;
	bottom: -40px;
    left: 470px;
    border: 70px solid transparent;
    border-top: 60px solid #A2E5E5;   /* 好みで色を変えてください */  
}
.point__item{
	width: 347px;
	margin-right:19px;
	}
.point__item:nth-child(3n){margin-right: 0;}

.point .attention{
	margin-bottom: 50px;
}

.point__example{margin-top: 30px;}

/*accordion
----------------------------------------------------- */
.accordion{margin-top: 30px;}

/*footer
----------------------------------------------------- */
.footer01{
	padding: 50px 0;
}

.footer01__nav__menu{
	display: flex;
	margin-bottom: 50px;
}
	.footer01__nav__menu li{
		margin-right: 2em;
	}

.information{
	display: flex;
	justify-content:space-between;
}

.footer01__logo{
	font-size: 20px;
	display: flex;
	margin-bottom: 20px;
	padding-left: 37px;
}
.footer01__contact{
	padding: 1em 1.5em;
}
.footer01__contact dd.mail-icon{
	font-size: 20px;
}
	.mail-icon::before{
		width: 20px;
		height: 20px;
}

.footer02 .inner{
	justify-content:space-between;
}
.footer02__nav__menu{display: flex;justify-content: center;}
.footer02__nav__menu li{margin-right: 1.5em;}
.footer02 .copyright{
	margin-top: 2rem;
	text-align: center;
	}
}/*PC Only end*/








/* -----------------------------------------------------
SP Only
----------------------------------------------------- */

@media screen and (max-width:1079.98px/*767.98px*/){

	body{
		font-size:16px;
	}
.inner{
	margin: 0 1rem; /*inner*/
}
	
    .pc { display: none !important; }
    .sp { display: block !important; }

	img{width: 100%}

/* tools
----------------------------------------------------- */

h2{
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.4em;
	margin-top: 3rem;
}
.movie h2{
	font-size: 1.1rem;
	line-height: 1.4em;
	}
h3{
	font-size: 1.45rem;
	font-weight: 900;
	line-height: 1.4em;
}
	h3.point__title{
		margin-top: 3rem;
	}
	h3.point__title span{font-size: 1.75rem;}
.faq h3{
	font-size: 1.1rem;
	margin-top: 3rem;
	}
h4{
	font-size: 1.1rem;
}
.attention{
	font-size: 0.87rem;
	margin-top: 1em;
	}
	
/* header
----------------------------------------------------- */

.header h1 a img{
	width: 85%;
	border: none;
	}
.header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0;
	height: 2.5rem;
}
/* ハンバーガーボタンのデザイン */
.drawer__button {
  position: relative;
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 999; /* メニューを開いている時もクリックできるよう設定 */
}
/* ハンバーガーボタン内の線 */
		.drawer__button > span {
		  display: block;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  width: 2rem;
		  height: 2px;
		  background-color: black;
		  transform: translateX(-50%);
		}
		.drawer__button > span:first-child {
		  transform: translate(-50%, calc(-50% - 0.5rem));
		  transition: transform 0.3s ease;
		}
		.drawer__button > span:nth-child(2) {
		  transform: translate(-50%, -50%);
		  transition: opacity 0.3s ease;
		}
		.drawer__button > span:last-child {
		  transform: translate(-50%, calc(-50% + 0.5rem));
		  transition: transform 0.3s ease;
		}
/* 展開時のデザイン */
.drawer__button.active > span:first-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.drawer__button.active > span:nth-child(2) {
  opacity: 0;
}
.drawer__button.active > span:last-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
/* メニューのデザイン */
.drawer__nav {
  position: fixed; /* 追従ヘッダーなどでも表示できるよう設定しておく */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #D6F2F1;
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.drawer__nav.active {
  opacity: 1;
  visibility: visible;
}
.drawer__nav__inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 4rem 0 0 0;
  margin: 0 0 0 auto;
  overflow: scroll;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
.drawer__nav.active .drawer__nav__inner {
  transform: translateX(0);
}
.drawer__nav__menu {
	margin: 1.5rem;
	font-size: 1.25rem;
	}
	.drawer__nav__menu li:last-child a{
	padding: 0.75rem 1.25rem;
	border-radius: 1.9rem;
	margin-top:1.5rem;
	}
.drawer__nav__link {
	display: block;
	color: black;
	text-decoration: none;
	padding: 1rem 1rem;
	text-align: center;
	}


/* ハンバーガーメニュー展開時、背景を固定 */
body.active {
  height: 100%;
  overflow: hidden;
}

/* 見た目の調整 */
section {
  width: 100%;
  height: 30vh;
}
section:nth-child(even) {
  background-color: skyblue;
}

/* main-visual
----------------------------------------------------- */
	.main-visual{
		background-image: url("../images/main_visual_sp.png");
		background-position: center 41vw;
		background-size: 205vw;
		background-repeat: repeat-x;
	}
	.main-visual .inner{
		position: relative;
		text-align: center;
	}
	.main-visual .inner::after {
		content: "";
		position: absolute;
		background-image: url("../images/apps_c_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		width:52vw ;/*206px*/
		height:104vw ;/*388px*/
		left: 50%;
		top:34vw;
		margin-left: -26vw;
		}
		.main-visual dl{
		margin-top: 6vw;
		text-align: center;
		font-weight: 900;
		position: relative;
		}
			.main-visual dt{
			font-size: 6vw;
			line-height: 1.4em;
			font-feature-settings: "palt";
			}
			.main-visual dd{
			text-align: center;
			margin-top: 2vw;
			line-height: 1.4em;
			font-feature-settings:"palt";
			}
			.main-visual dd img{
				width: 80vw;
				}
	.main-visual dd.sp_leadtext{
		margin-top: 109vw;
		margin-bottom: 5vw;
		font-size: 4.2vw;
	}

/* slide
----------------------------------------------------- */

.slick-slide {
	max-width: 84vw;

	padding-left: 3vw;
}

/* movie
----------------------------------------------------- */
	.movie .inner{
    aspect-ratio: 16 / 9;
	}
	.movie .inner iframe{
		width: 100%;
		height: 100%;
		margin: 0.3rem 0 3rem 0; /*contents_margin*/
		border: 1px solid #555555;
	}

/* cvr-area
----------------------------------------------------- */

.cvr-area{
	font-size: 1rem;
	padding: 2em 0;
}
	.cvr-area p img{
		width: 60%;
	}
/*
.cvr-area buttom a{
	font-size: 6vw;
	line-height:6vw;
	padding: 1em 2em;
	margin: 0.2em 0 1em 0;
}*/

ul.downloadApps {
	margin: 1vw 0 2vw 0;
}
ul.downloadApps li{
	margin: 0 1vw;
}

.cvr-area dt{
	font-size: 4.2vw;
	margin: 3vw 0 1vw;
}
.cvr-area dd{
	font-size: 7vw;
	padding: 1.5vw 0;
	border-radius: 12px;
}

/* advantages
----------------------------------------------------- */
.advantages{margin-bottom: 3rem;} /*contents_margin*/
	.advantages__menu{
		background-color: #A2E5E5;
	}
.advantages .inner{
		margin:0;
		position:relative;
	}

.advantages__menu{
	margin-top: 1rem;
	padding:1.5rem 1rem 2.5rem ;/*inner*/
	background-image: url("../images/background_advantages_sp_bottom.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	}
.advantages__inner{padding:0 1rem;}/*inner*/
.advantages__menu::before{
	content: "";
	display: block;
	background-image: url("../images/background_advantages_sp.gif");
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 20rem;
	position: absolute;
	top:5.9rem;
	left:0;
}

.advantages__item{margin-bottom: 1rem;}
.advantages h3{margin-top: 1rem;}
.advantages h4{margin-top: 1rem;}

/* step
----------------------------------------------------- */
.step{overflow: hidden;}
.step .inner{margin: 0;}
.step__item{
	width: 100%;
	margin: 1rem 0.3rem;
	}
.step__item img{
	width: 100%;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
	transform: translateZ(0); /*safari*/
	}
/* dot
	.step__menu .slick-dots{bottom:-1rem;}
	.step__menu .slick-dots li{margin: 0;}
*/
	.slick-dotted.slick-slider{}
	.step__menu .step_number{
		display:flex; 
		justify-content: center;
	}
	.step__menu .step_number button{
		background-color: #FFFFFF;
		font-size: 1rem;
		font-weight: 900;
		border: 1px solid #cccccc;
		width: 2rem;
		height: 2rem;
		border-radius: 1rem;
		margin: 0.1rem;
		outline: none;
	}
	.step__menu .step_number .slick-active button{
		background-color: #D6F2F1;
		border: 1px solid #000000;
		color: #000000;
	}

	.step__menu .slick-prev,.step__menu .slick-next{
		width: 50px;
		height: 50px;
		z-index: 50;
		background-size: 100%;
	}
	.step__menu .slick-prev::before,.step__menu .slick-next::before{
		content: "";
	}
	.slick-disabled{display: none !important}
	.step__menu .slick-prev{
		background-image: url("../images/step_arrow_prev.png");
		left: 0.1rem;
	}
	.step__menu .slick-next{
		background-image: url("../images/step_arrow_next.png");
		right: 0.1rem;
	}
	
/* point
----------------------------------------------------- */
.point{
	margin-bottom: 80px;
}
.point__menu{
	padding: 0 0 4rem 0;
	position: relative;
}
.point__menu::after{
	content: "";
    position: absolute;
	bottom: -3rem;
    left: 50%;
    border: 4rem solid transparent;
    border-top: 3rem solid #A2E5E5;
	margin-left: -4rem;
}
.point__item{margin-bottom: 1rem;}
.point__item img{
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
	transform: translateZ(0); /*safari*/
	}
	.point .attention{
		margin-bottom: 3rem;
	}
.point__example{margin: 1rem 0 3rem;} /*contents_margin*/
	
/* accordion
----------------------------------------------------- */
	.accordion{margin-top: 1rem;}

.title {
	font-size: 1em;
	line-height: 1.4;
	z-index: -1;
	}
.content p {
	font-size: 1em;
	}

/*specs
----------------------------------------------------- */
.specs{margin: 4rem 0}/*contents_margin*/
.specs dd.lead{font-size: 1rem}
.specs dd{
	font-size: 0.87rem;
	}
	
/*footer
----------------------------------------------------- */
.footer01{
	padding: 2rem 0;
}

.footer01__nav__menu{
	margin-bottom: 2rem;
}
	.footer01__nav__menu li{
		margin-bottom: 1rem;
	}

.information{

}
	.information dd{font-size: 0.87rem;}

.footer01__logo{
	font-size: 20px;
	margin-bottom: 20px;
	padding-left: 37px;
}
.footer01__contact{
	margin-top: 2rem;
	padding: 1rem 1.5rem;
	}
.footer01__contact dd.mail-icon{
	font-size: 4.9vw;
	}
	.mail-icon::before{
		width: 4.9vw;
		height: 4.9vw;
}
	.footer02__nav__menu li{
		margin-top: 1rem;
	}
.footer02 .copyright{
	font-size: 0.87rem;
	margin-top: 2rem;
	text-align: center;
	}
	
}/*SP Only end*/