@charset "utf-8";
html {
	font-size: 62.5%;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #585552;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf {
	min-height: 1px;
}
img{
	display:block;
}
a{
	text-decoration:none;
}

.desktop .ios,
.ios .desktop{
	display:none;
}
/* btn */
.btn_wrap {
	width: 100%;
	margin: 0 auto;
}
.btn_wrap .btn_style {
	font-size: 20px;
	color: #fff;
	display: block;
	border-radius: 5px;
	text-decoration: none;
	position: relative;
	text-align: center;
	  -webkit-appearance: none;
}
.page_wrap.page_index .sec_main .sec_inner .des .btn_wrap .btn_style{
	background: #55b4f5;
	display: inline-block;
	width: 18rem;
	line-height: 5rem;
}
.btn_wrap .btn_style.btn_green {
	background: #3fd8b7;
}
.btn_wrap .btn_style.btn_red {
	background: #f26964;
}
.btn_wrap .btn_style.btn_gray {
	background: #999999;
}
.btn_wrap .btn_style.btn_blue {
	background: #3daec1;
}
.btn_wrap .btn_style.btn_orange {
	background: #f25a42;
}
.btn_wrap .btn_style.btn_black {
	background: #3a383b;
}
/*---------------------- SP ------------------------*/
@media screen and (max-width: 768px) {
	.btn_style.store li{
		width:1.8rem;
		width:56.25vw;
		margin: 0 auto;
	}
	.btn_style.store li img{
		width:100%;
	}
	/*----------------------------->>
		header
	------------------------------*/
	header{
		border-bottom: 2px solid #f9d2d9;
	}
	header .header_inner{
		padding: 9px 4%;
		width: 55%;
		margin: 0 auto;
	}
	header .header_inner img {
		width: 100%;
	}
	/*----------------------------->>
		footer
	------------------------------*/
	.footer_area{
		color:#171f55;
		background:#f9d2d9;
		padding: 1rem 0;
		padding: 3.125vw 0;
		text-align: center;
	}
	.footer_area .footer_inner .footer_nav{
		margin-bottom:25px;
		margin-bottom: 1rem;
		margin-bottom: 3.125vw;
		line-height:1.5;
	}
	.footer_area .footer_inner .footer_nav li{
		display:inline-block;
		font-size: 1.2rem;
		font-size: 3.75vw;
	}
	.footer_area .footer_inner .footer_nav li + li:before{
		content:"|";
		margin: 0 5.2rem;
    	margin: 0 1.625vw;
	}
	.footer_area .footer_inner .footer_nav li a{
		color:#171f55;
	}
}
/*---------------------/ SP ------------------------*/

/*---------------------- PC ------------------------*/

@media screen and (min-width: 768px) {
	/*----------------------------->>
		btn_style
	------------------------------*/
	.btn_style.store {
		text-align: center;
		margin-top: 4.2rem;
		margin-left: 1.4rem;
	}
	.btn_style.store li{
		/*width: 260px;*/
		margin: 2rem 5px 0;
		display: inline-block;
		
	}
	.btn_style.store li img{
		width:100%;
	}
	/*----------------------------->>
		header
	------------------------------*/
	header{
    	border-bottom: 2px solid #f9d2d9;
	}
	header .header_inner{
		width:1085px;
		display: table;
		margin:0 auto;
	}
	.header_inner ul li{
		padding:0;
		list-style:none;
	}
	.header_inner .left_box{
		display: table-cell;
    	vertical-align: middle;
	}
	.header_inner .left_box a{
		width: 170px;
		display: inline-block;
		vertical-align: middle;
		padding: 10px;
	}
	.header_inner .left_box img{
		width:100%;
	}
	.header_inner .right_box{    
		float:right;
		padding: 10px 10px 0 0;
	}
	.header_inner .right_box ul li{
		width: 115px;
	}
	.header_inner .right_box ul li img{
		width:100%;
	}
	/*----------------------------->>
		footer
	------------------------------*/
	.footer_area{
		padding:20px 0;
		background:#f9d2d9;
		text-align:center;
		color:#171f55;
		font-size:15px;
		font-size:1.5rem;
	}
	.footer_area .footer_inner .footer_nav{
		margin-bottom:25px;
	}
	.footer_area .footer_inner .footer_nav li{
		display:inline-block;
	}
	.footer_area .footer_inner .footer_nav li + li:before{
		content:"|";
		margin: 0 15px;
  		margin: 0 1.5rem;
	}
	.footer_area .footer_inner .footer_nav li a{
		color:#171f55;
	}
}
/*----------------------/ PC -----------------------*/