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

html {
	font-size: 62.5%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #555555;
}
.mobile .vt_pc {
	display: none !important;
}
.desktop .vt_mobile {
	display: none !important;
}
/* link */
.t_link {
	color: #43ace3;
	text-decoration: underline;
}
.top_link {
	color: #fff;
	background: rgba(0,0,0,0.6);
	border-radius: 50%;
	width: 3.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	font-size: 1.5rem;
}
.link_list {
	list-style: disc;
	list-style-position: inside;
}
/* btn */
.ios .vt_android{
	display:none;
}

.btn_wrap {
	width: 100%;
	margin: 0 auto;
}
.btn_wrap .btn_style {
	font-size: 1.5rem;
	font-size: 4.6875vw;
	color: #fff;
	display: block;
	border-radius: 5px;
	text-decoration: none;
	position: relative;
	text-align: center;
	  -webkit-appearance: none;
}
.btn_wrap .btn_style.btn_green {
	background: #3fd8b7 !important;
}
.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: #f75c49;
}
.btn_wrap .btn_style.btn_black {
	background: #3a383b;
}


@media screen and (max-width: 768px) {
	/* header */
	header {
		background: #fff;
		width: 100%;
		border-bottom: 2px solid #f75c49;
		z-index: 1000;
	}
	header .header_inner {
		padding: 9px 4%;
		width: 100%;
		display: table;
		box-sizing: border-box;
		text-align:center;
	}
	header .header_inner .left_box, header .header_inner .right_box {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	header .header_inner .left_box h1{
		display: inline-block;
		vertical-align: middle;
		width: 160px;
	}
	header .header_inner .left_box h1 img {
		max-width: 100%;
	}
	header .header_inner .left_box .sidr_btn{
		background: #4AC0C9;
		border-radius: 50%;
		padding: 5px 7px;
		box-sizing: border-box;
		display: inline-block;
		color: #fff;
		position: absolute;
		right: 0;
		font-size: 16px;
		top: 50%;
		margin-top: -12px;
	}
	header .header_inner .right_box {
		display:none;
	}
/* footer */
footer{
	background:#f75c49;
}
footer .footer_inner{
	padding:1rem 0;
	padding:3.125vw 0;
	text-align:center;
}
footer .footer_inner .footer_nav {
	font-size:0;
	margin-bottom:1rem;
	margin-bottom:3.125vw;
	line-height:1.5;
}
footer .footer_inner .footer_nav li{
	display:inline-block;
	font-size:1.2rem;
	font-size:3.75vw;
}
footer .footer_inner .footer_nav li + li{
	border-left:solid 1px #fff;
}
footer .footer_inner .footer_nav li a{
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	display:block;
}
footer .footer_inner small{
	color:#fff;
	font-size:1rem;
	font-size:3.125vw;
}

}
@media screen and (min-width: 768px) {
/* header */
	header {
		background: #fff;
		width: 100%;
		border-bottom: 2px solid #f75c49;
		z-index: 100;
	}
	header .header_inner {
		padding: 10px 0px;
		width: 1080px;
		margin:0 auto;
		display: table;
		box-sizing: border-box;
	}
	header .header_inner .left_box, header .header_inner .right_box {
		display: table-cell;
		vertical-align: middle;
	}
	header .header_inner .left_box h1,
	header .header_inner .left_box .header_menu {
		display: inline-block;
		vertical-align: middle;
	}
	header .header_inner .left_box .sidr_btn{
		display:none;
	}
	header .header_inner .left_box h1 {
		width:160px;
		margin-right: 20px;
	}
	header .header_inner .left_box h1 img {
		max-width: 100%;
	}
	header .header_inner .left_box .header_menu {
		font-size: 0;
	}
	header .header_inner .left_box .header_menu li {
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		margin: 0 10px;
	}
	header .header_inner .left_box .header_menu li a {
		color: #555555;
		text-decoration: none;
	}
	header .header_inner .right_box {
		float: right;
	}
	header .header_inner .right_box .btn_wrap {
		font-size: 0;
	}
	header .header_inner .right_box .btn_wrap li {
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0 10px;
	}
	header .header_inner .right_box .btn_wrap li:nth-child(1) {
		width: 115px;
	}
	header .header_inner .right_box .btn_wrap li:nth-child(2) {
		width: 115px;
	}
	header .header_inner .right_box .btn_wrap li a img {
		max-width: 100%;
		display: block;
	}
	
/* footer */
footer{
	background:#f75c49;
}
footer .footer_inner{
	padding:20px 0;
	padding:2rem 0;
	text-align:center;
}
footer .footer_inner .footer_nav {
	font-size:0;
	margin-bottom:20px;
	margin-bottom:2rem;
}
footer .footer_inner .footer_nav li{
	display:inline-block;
	font-size:15px;
	font-size:1.5rem;
}
footer .footer_inner .footer_nav li + li{
	border-left:solid 1px #fff;
}
footer .footer_inner .footer_nav li a{
	color:#fff;
	text-decoration:none;
	padding:0 20px;
	display:block;
}
footer .footer_inner small{
	color:#fff;
	font-size:13px;
	font-size:1.3rem;
}

}