@charset "utf-8";
/*==============================

		common.css

==============================*/
@font-face {
	font-family: Noto Sans Japanese;
	font-style: normal;
	font-weight: 200;
	src: local("NotoSansJP-Light.otf"), url(../font/NotoSansCJKjp-Light.woff) format("woff")
}
@font-face {
	font-family: Noto Sans Japanese;
	font-style: normal;
	font-weight: 400;
	src: local("NotoSansJP-Regular.otf"), url(../font/NotoSansCJKjp-Regular.woff) format("woff")
}
@font-face {
	font-family: Noto Sans Japanese;
	font-style: normal;
	font-weight: 500;
	src: local("NotoSansCJKjp-Bold.otf"), url(../font/NotoSansCJKjp-Medium.woff) format("woff")
}
@font-face {
	font-family: Noto Sans Japanese;
	font-style: normal;
	font-weight: 700;
	src: local("NotoSansCJKjp-Bold.otf"), url(../font/NotoSansCJKjp-Bold.woff) format("woff")
}
/*------------------------------
	共通スタイル
------------------------------*/
html {
	width: 100%;
	height: 100%;
}
img { -ms-interpolation-mode: bicubic; }

@media screen and (min-width: 769px) {
html {
	font-size: 62.5%;
}
html.ovh,body.ovh{
overflow:visible!important;
}

}

@media screen and (max-width: 768px) {
html {
	font-size: 2.6vw;
}
}
body {
	font-family: "Noto Sans Japanese", sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: 400;
	color: #444444;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration: none;
	color: #444444;
}
.wrapper {
	position: relative;
}
.wrapper *, .wrapper *:before, .wrapper *:after {
	box-sizing: border-box
}
.yellow_markar {
	background: #fff100;
	background: linear-gradient(transparent 70%, #fff100 0%);
}
.bgc_w {
	background: #FFF!important;
}
.bgc_g {
	background: #F7F7F7!important;
}
.txt_link {
	text-decoration: underline;
    color: #03abeb;
}

/*------------------------------
	PC
------------------------------*/
@media screen and (min-width: 769px) {
.spOnly {
	display: none !important;
}
a:hover {
	text-decoration: underline;
}
img {
	max-width: 100%;
	height: auto;
}
a img, .btn_hover, .btn_hover a {
	transition: 0.3s;
	backface-visibility: hidden;
}
a img:hover, .btn_hover:hover, .btn_hover:hover a, .page_header_gnavi_contact_btn a {
	opacity: 0.7;
	text-decoration: none;
}
.inr {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
/*------------------------------
		page_header
	------------------------------*/


.page_header_txt {
	max-width: 1200px;
	height: 44px;
	margin: 0 auto;
	padding-left: 22px;
	position: relative;
	box-sizing: border-box;
}
.page_header_txt *{
	box-sizing: border-box;
}
.page_header_txt_overview {
	line-height: 44px;
}
.page_header_txt_link_list {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.page_header_txt_link_buy {
	float: right;
	width: 120px;
	height: 30px;
	margin-top: 7px;
	display: block;
	text-align: center;
	border: 1px solid #e72d84;
	border-radius: 2px;
	color: #e72d84;
	font-size: 1.2rem;
	line-height: 28px;
}
.page_header_txt_link_top {
	float: right;
	width: 167px;
	height: 30px;
	margin-top: 7px;
	display: block;
	text-align: center;
	border: 1px solid #e72d84;
	border-radius: 2px;
	color: #e72d84;
	font-size: 1.2rem;
	line-height: 28px;
}
.page_header_txt_link_corporate {
	float: right;
	width: 210px;
	height: 30px;
	margin-top: 7px;
	display: block;
	text-align: center;
	color: #000;
	font-size: 1.2rem;
	line-height: 30px;
}
.page_header_gnavi {
	display: flex;
	align-items: center;
	height: 80px;
	background-color: #f4f4f4;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.page_header_gnavi img {
	width: 200px;
	height: auto;
	margin-left: 26px;
}
.page_header_gnavi_fixed {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	border-top: 2px solid #00aaee !important;
}
.page_header_gnavi_inr {
	max-width: 1200px;
	margin: 0 auto;
}
.page_header_gnavi_logo {
	display: table;
	width: 189px;
	margin-left: 1%;
	float: left;
}

.page_header_gnavi_logo a,
.page_header_gnavi_logo .top_logo{
	display: flex;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	font-size: 0;
}
.page_header_gnavi_logo p {
	display: table-cell;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	font-size: 0;
}
.page_header_gnavi_logo a img,
.page_header_gnavi_logo .top_logo img{
	width: 100%;
	margin-left: 10px;
}
.page_header_gnavi_logo p img {
	width: 100%;
	margin-left: 10px;
	backface-visibility: hidden;
}
	
.page_header_gnavi_menu_list {
	display: table;
	width: 76.2%;
	float: right;
}

.page_header_gnavi_menu.service{
	width: calc((168/1200)*100vw);
}
.page_header_gnavi_menu.selected,.page_header_gnavi_menu.merit{
	width: calc((154/1200)*100vw);
}
.page_header_gnavi_menu.usefull{
	width: calc((138/1200)*100vw);
}
.page_header_gnavi_menu.case{
	width: calc((136/1200)*100vw);
}
.page_header_gnavi_menu.contact{
	width: calc((186/1200)*100vw);
	height:60px;
    line-height: 60px;
}

.page_header_gnavi_menu {
	display: table-cell;
	position: relative;
}
.page_header_gnavi_btn {
	display: block;
	text-align: center;
	position: relative;
	cursor: pointer;
	border-left: 1px solid #eaeaea;
	/*margin-top: 11px;*/
	padding: 8px 0;
}

.page_header_gnavi_menu.contact a{
    line-height: 60px;
    margin-top: 0;
    position: relative;
}

.page_header_gnavi_fixed .contact a{
/*     line-height: 59px; */
    top: -1px;
    margin-top: 0;
}

.page_header_gnavi_menu.current a{
	color: #00abeb;
}


.page_header_gnavi_menu .page_header_gnavi_btn::before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: 15px;
	bottom: 15px;
}
.page_header_gnavi_menu dd {
	display: none;
	width: 225px;
	border: 2px solid #00abeb;
	position: absolute;
	top: 48px;
	left:-37px;
	visibility: hidden;
}
.page_header_gnavi_menu dl:hover dd {
	display: block;
	visibility: visible;
	z-index: 99999;
}
.page_header_gnavi_btn_sub {
	display: block;
	height: 50px;
	padding: 0 40px 0 30px;
	background: #fff;
	font-size: 1.3rem;
	line-height: 50px;
	position: relative;
	transition: 0.3s;
	border-bottom: 1px solid #eaeaea;
	color:#444!important;
}
._slide_block_sp ul li:last-child a{
	border-bottom: none;
}
.page_header_gnavi_btn_sub:not(:last-child) {
	border-bottom: 1px solid #eaeaea;
}
.page_header_gnavi_btn_sub::after {
	content: "";
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #1babe7;
	border-right: 2px solid #1babe7;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 30px;
	top: 50%;
	transition: 0.3s;
}
.page_header_gnavi_menu_sub:first-child .page_header_gnavi_btn_sub::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: #fff;
	border-top: 2px solid #00abeb;
	border-right: 2px solid #00abeb;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 50%;
	top: -8px;
	z-index: 10000;
	transition: 0.3s;
}
.page_header_gnavi_btn_sub:hover {
	background: #00abeb;
	color: #fff;
	text-decoration: none;
}
.page_header_gnavi_btn_sub:hover::after {
	border-color: #fff;
}
.page_header_gnavi_menu_sub:first-child .page_header_gnavi_btn_sub:hover::before {
	background: #00abeb;
}
.page_header_gnavi_contact_btn {
	background: #036eb8;
	color: #fff;
}
.page_header_gnavi_contact_btn {
	background: #036eb8;
	color: #fff;
	padding: 0 .45rem;
}
.page_header_gnavi_menu .page_header_gnavi_contact_btn::before {
	content: none;
}
#searchform {
	float: left;
	width: 233px;
	height: 30px;
	border: solid 1px #eaeaea;
	margin-top: 7px;
	margin-right: 19px;
	box-sizing: content-box;
	padding-left: calc((1/1200)*100vw);
}
#searchform input {
	padding: 0;
	margin: 0;
	border: none;
	line-height: 27px;
	width: 195px;
}
#searchsubmit {
	border: none;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	line-height: 27px;
	width: 31px;
	text-align: center;
}
#searchsubmit img {
	vertical-align: middle;
}

/*------------------------------
		page_footer
	------------------------------*/
.page_footer {
	background: #f0f0f0;
}
.page_footer_inr {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 80px;
	position: relative;
}
.page_footer_inr_buy {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 124px;
	position: relative;
}
.page_footer_logotxt {
	display: inline-block;
	font-size: 1.6rem;
	color: #00abeb;
	position: absolute;
	top: 70px;
	left: 1.6%;
}
.page_footer_logo {
	display: block;
	width: 34%;
	max-width: 248px;
	position: absolute;
	top: 105px;
	left: 1.6%;
}
.page_footer_logo img {
	height: 1%;
}

.page_footer_tel_num span {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icn_page_footer_tel_num.png) 0 60% no-repeat;
	background-size: .7em auto;
	font-size: 2.4rem;
	font-weight: 700;
	color: #00abeb;
	position: absolute;
	top: 170px;
	left: 1.6%;
}
.page_footer_tel_time {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: 500;
	color: #00abeb;
	position: absolute;
	top: 210px;
	left: calc(1.6% + 5px);
}
.page_footer_privacy_link {
	color: #72858c;
	font-size: 1rem;
	position: absolute;
	top: 320px;
	left: 1.6%;
}
	
.page_footer_copyright {
	color: #72858c;
	font-size: 1rem;
	position: absolute;
	top: 345px;
	left: 1.6%;
}
	

	

.page_footer_menu_box {
	width: 33%;
	margin-left: 39%;
	float: left;
}
.page_footer_menu {
	width: 50%;
	float: left;
	line-height: 2;
}
	
.page_footer_menu li {
	margin-bottom: 10px;
}
.page_footer_menu_btn {
	display: block;
	font-weight: 500;
	color: #777777;
}
.page_footer_menu_btn:hover, .page_footer_menu_min_btn:hover, .page_header_gnavi_menu a:not(.contact):hover, .page_header_gnavi_slide_btn.btn_hover:hover,.page_header_txt_link_corporate:hover{
	text-decoration: none;
	color: #00abeb;
	opacity: 1;
}

.page_header_gnavi_menu .page_header_gnavi_menu_sub a:hover{
	color: #FFFFFF!important;
}

.page_footer_menu_min_btn {
	display: block;
	font-size: 1.2rem;
	color: #777777;
}
.footer_privacy {
	display: flex;
	align-items: center;
	position: absolute;
	left: 1%;
	top: 246px;
}
.footer_privacy_buy {
	display: flex;
	align-items: center;
	position: absolute;
	left: 1%;
	top: 161px;
}
.footer_privacy_01 {
	width: 56px;
    margin-right: 10px;
    padding: 4px; 
}
.footer_privacy_02 {
	width: 70px;
    margin-right: 15px;
}
.footer_privacy_02 img {
	height: 50px;
}
.footer_privacy_03 {
	width: 70px;
	margin-right: 10px;
}
.footer_privacy_03 img {
	height: 49px;
}
.page_btn_list {
	width: 200px;
	position: absolute;
	right: 1.6%;
}
.page_btn {
	display: block;
	width: 100%;
	height: 47px;
	margin-bottom: 10px;
	border-radius: 4px;
	background: #036eb8;
	color: #fff;
	text-align: center;
	line-height: 47px;
	position: relative;
}
.page_btn::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	top: calc(50% - 6px);
}

.page_btn.page_btn_download {
	background: #e72d84;
	
}
	

#page_top {
	display: block;
	padding: 10px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
}
/*------------------------------
		page_pankuzu
	------------------------------*/

.bgc_w {
	background: #FFF!important;
}

.page_pankuzu{
	background: #FFF!important;
}

.pankuzu_ul {
	padding-left: 20px;
	max-width: 100%;
}
.mb0 {
	margin-bottom: 0!important;
}
.pankuzu_ul li {
	float: left;
	line-height: 40px;
	font-size: 1.2rem;
	max-width: 1200px;
}
.pankuzu_ul li:after {
	content: " 〉";
}
.pankuzu_ul li:last-child:after {
	content: none;
}
.pankuzu_ul:after {
	clear: both;
	display: block;
	content: "";
}
/*------------------------------
		page_sub_navi
	------------------------------*/
.page_sub_navi {
	width: 100%;
	background: #E1f2fA;
	text-align: center;
	margin-bottom: 90px;
	z-index: 900;
	position: relative;
	top: 0;
	transition: 150ms ease;
}
.page_sub_navi_fixed {
	top: 61px;
	position: fixed;
}
.sub_navi_ul li {
	display: inline-block;
	width: 140px;
	padding: 13px 0 10px;
}
.sub_navi_ul .active, .sub_navi_ul li:hover {
	border-bottom: solid 2px #00ABEB;
	color: #FFFFFF;
}
.sub_navi_ul li a {
	display: block;
	color: #00abeb;
	text-decoration: none;
}



/*------------------------------
		page_ttl_style
	------------------------------*/
.page_ttl_style_01 {
	font-size: 3.6rem;
	font-weight: 200;
	color: #00abeb;
	text-align: center;
	margin-bottom: 80px;
}
.page_ttl_style_02 {
	font-size: 2.4rem;
	color: #00abeb;
	text-align: center;
	margin-bottom: 70px;
}
.page_ttl_style_03 {
	font-size: 2.8rem;
	text-align: center;
	font-weight: 500;
	margin-bottom: 70px;
}
.page_ttl_style_04 {
	font-size: 2.8rem;
	text-align: center;
	font-weight: 500;
	margin-bottom: 30px;
}
.page_ttl_style_05 {
	font-size: 2.8rem;
	text-align: center;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: -30px;
}
.page_ttl_style_06 {
	font-size: 2.4rem;
	text-align: center;
	font-weight: 400;
	color : #00abeb;
	line-height: 72px;
	background-color: #dff3ff;
}
.page_ttl_style_02 + .page_ttl_style_03, .page_ttl_style_02 + .page_ttl_style_04 {
	margin-top: -40px;
}
/*------------------------------
		page_block_style
	------------------------------*/
.page_block_style_01 {
	margin-bottom: 70px;
}
.page_block_style_02 {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #eef5fb;
}
.page_block_style_03 {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 9.114583333vw;
	background: #fff;
}
/*------------------------------
		btn_style
------------------------------*/
.btn_style_blue_01 {
	display: inline-block;
	width: 340px;
	height: 70px;
	border-radius: 4px;
	background: #036eb8 url(../img/icn_btn_arw_white.png) right 20px top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	line-height: 70px;
	position: relative;
}
.btn_style_blue_02 {
	display: inline-block;
	width: 340px;
	height: 70px;
	border-radius: 4px;
	border: 2px solid #036eb8;
	background: #fff url(../img/icn_btn_arw_blue.png) right 30px top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #036eb8;
	line-height: 64px;
	position: relative;
}
.btn_style_pink_01 {
	display: inline-block;
	width: 340px;
	height: 70px;
	border-radius: 4px;
	background: #e72d84 url(../img/icn_btn_arw_white.png) right 20px top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	line-height: 70px;
	position: relative;
}
.btn_style_download_01 {
	display: inline-block;
	width: 340px;
	height: 70px;
	border-radius: 4px;
	background: #e72d84 url(../img/icn_download.png) right 30px top 50% no-repeat;
	background-size: 27px auto;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	line-height: 70px;
	position: relative;
}
/*------------------------------
		page_closing
	------------------------------*/
.page_contact {
	background: #fff;
	text-align: center;
}
.page_contact_ttl {
	font-size: 2.4rem;
	color: #036eb8!important;
    font-weight: 400!important;
    margin-bottom: 50px!important;
}
.page_contact_02 .page_contact_ttl {
	margin-bottom: 30px;
}
.page_contact_txt {
	line-height: 2.4;
	margin-bottom: 30px;
}
/*------------------------------
		page_recommend
	------------------------------*/
.page_recommend {
	margin-bottom: 70px;
	padding-top: 70px;
	border-top: solid 1px #f1f1f1;
}
.page_recommend_ttl {
	font-size: 2.8rem;
	text-align: center;
	color: #00abeb;
	margin-bottom: 30px;
}
.page_recommend_ul {
	text-align: center;
	margin-bottom: 50px;
}
.page_recommend_ul li {
	display: inline-block;
	background: url(../img/icn_sky_arw.png) no-repeat left center;
	background-size: auto .8em;
	padding-left: 20px;
	margin: 0 1vw;
	font-size: 1.6rem;
}
.page_contact_inr {
	width: 77%;
	padding-top: 105px;
	margin: 0 auto 65px;
	position: relative;
	background: url(../img/img_page_contact.svg) 0 100% no-repeat;
	background-size: 15% auto;
}
.page_contact.bottom_contact_box_01 .page_contact_ttl {
	color: #036eb8;
}
.pageTop_scroll {
	text-align: center;
	margin: 68px 0 38px;
	max-width: 100%;
}
.pageTop_scroll img{
	width:85px;
	height:auto;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/*------------------------------
	SP
------------------------------*/
@media screen and (max-width: 768px) {
body *{max-width:100%;}

img {
	width: 100%;
	height: auto;
}
.pcOnly {
	display: none !important;
}
._slide_block_sp ._slide_btn_sp + * {
	display: none;
}
body {
	border-top: 1px solid #00abeb;
}
/*------------------------------
		page_header
	------------------------------*/
.page_header {
	border-top: 1px solid #00abeb;
	border-bottom: 2px solid #dbdbdb;
}
.page_header_txt {
	height: 8.5vw;
	text-align: center;
	line-height: 8.5vw;
}
.page_header_txt_overview {
	font-size: 1.2rem;
}
.page_header_gnavi {
	width: 100%;
	background: #fff;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	line-height: 1;
	position: relative;
	z-index: 9999;
}
.page_header_gnavi_fixed {
	top: 0;
	position: fixed;
	border-top: 2px solid #00aaee;
}
.page_header_gnavi_logo {
	width: 46%;
	height: 12vw;
	display: table;
	margin-left: 12px;
	float: left;
}
	

.page_header_gnavi_logo a,
.page_header_gnavi_logo .top_logo{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-size: 0;
}
.page_header_gnavi_logo a img,
.page_header_gnavi_logo .top_logo img {
	width: 90% !important;
}
.page_header_gnavi_logo p {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-size: 0;
}
.page_header_gnavi_menu_list {
	width: 100%;
	height: 0;
	background: #fff;
	transition: transform 0.3s linear 0s;
	transition: .3s;
	overflow: hidden;
	/*position: relative;*/
	right: -100%;
	z-index: 1000;
	opacity: 0;
}
.page_header_gnavi_sp_check:checked~.page_header_gnavi_menu_list {
	right: 0;
	position: relative;
	height: calc(100vh - 21vw);
	overflow: scroll;
	opacity: 1;
	padding-bottom:30vw;
	box-sizing: border-box;
}
.page_header_gnavi_fixed .page_header_gnavi_sp_check:checked~.page_header_gnavi_menu_list {
	height: calc(100vh - 12.5vw);
}
.page_header_gnavi_sp_bg {
	display: none;
	position: fixed;
	top: 26vw;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 999;
}
.page_header_gnavi_sp_check:checked~.page_header_gnavi_menu_list + .page_header_gnavi_sp_bg {
	display: block;
}
.page_header_gnavi_sp_icn {
    display: block;
    width: 12%;
    height: 0;
    margin-right: 1.5%;
    padding-top: 12vw;
    float: right;
    overflow: hidden;
    background: url(../img/page_header_gnavi_sp_open_icn.svg) 20% 50% no-repeat;
    background-size: 70% 63%;
    z-index: 9999;
}
.page_header_gnavi_sp_check {
	opacity: 0;
}

.page_header_gnavi_sp_check:checked~.page_header_gnavi_sp_icn {
	background: url(../img/page_header_gnavi_sp_close_icn.svg) 20% 50% no-repeat;
    background-size: 70% 63%;
}
.page_header_gnavi_menu {
	border-bottom: 1px solid #ccc;
}
.page_header_gnavi_menu:first-child {
	border-top: 1px solid #ccc;
}
.page_header_gnavi_btn {
	display: block;
	height: 4.7rem;
	line-height: 4.7rem;
	padding: 0 12%;
	background: url(../img/icn_arw.png) right 9% center no-repeat;
	background-size: .8rem auto;
	font-size: 1.7rem;
	font-weight: 200;
}
.page_header_gnavi_slide_btn {
	background: url(../img/icn_open.png) right 9% center no-repeat;
	background-size: 1.2rem auto;
}
._open .page_header_gnavi_slide_btn {
	background: url(../img/icn_close.png) right 9% center no-repeat;
	background-size: 1.2rem auto;
}
.page_header_gnavi_menu_sub {
	border-bottom: 1px solid #ccc;
}
.page_header_gnavi_menu_sub:first-child {
	border-top: 1px solid #ccc;
}
.page_header_gnavi_menu_sub:last-child {
	border-bottom: 1px solid #fff;
}
.page_header_gnavi_btn_sub {
	display: block;
	height: 4.7rem;
	line-height: 4.7rem;
	padding: 0 12% 0 15%;
	background: #f7f7f7 url(../img/icn_arw.png) right 9% center no-repeat;
	background-size: .8rem auto;
	font-size: 1.7rem;
	font-weight: 200;
}
.page_header_link_btn_list {
	display: table;
	width: 100%;
	margin-bottom: 100px;
}
.page_header_link_btn_menu {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width: 50%;
	box-sizing: border-box;
	display: table-cell;
}
.page_header_link_btn_menu:first-child {
	border-right: 1px solid #e5e5e5;
}
.page_header_link_btn_menu a {
	display: block;
	height: 4rem;
	line-height: 4rem;
	padding: 0 8%;
}
.page_header_link_btn_buy {
	background: url(../img/icn_arw.png) right 9% center no-repeat;
	background-size: .8rem auto;
}
.page_header_link_btn_corporate {
	background: url(../img/icn_pink_arw.png) right 9% center no-repeat;
	background-size: .8rem auto;
}

.d_request a {
	display: inline-block;
    width: calc((230/765)*100vw);
    position: absolute;
    top: calc((22/765)*100vw);
    right: calc((110/765)*100vw);
    letter-spacing: 1px;
    padding-right: calc((25/765)*100vw);
}

/*------------------------------
		page_footer
	------------------------------*/
.page_footer {
	width: 100%;
	background: #f0f0f0;
}
.page_footer_logotxt {
	font-size: 1.6rem;
	text-align: center;
 margin-bottom: calc((30/768)*100vw);
 padding-top: calc((40/768)*100vw);
	border-top: 1px solid #dddddd;
}
.page_footer_logo {
 margin-bottom: calc((20/768)*100vw);
	text-align: center;
}
.page_footer_logo img {
	width: 48%!important;
}
.page_footer_tel {
	text-align: center;
 margin-bottom: calc((30/768)*100vw);
}
.page_footer_tel_num a {
	display: inline-block;
	padding-left: 2.5rem;
	background: url(../img/icn_page_footer_tel_num.png) 0 50% no-repeat;
	background-size: 2rem auto;
	font-size: 3rem;
	font-weight: 500;
	color: #00abeb;
}
.page_footer_tel_time {
	display: inline-block;
	font-size: 1.6rem;
	color: #00abeb;
}
.page_footer_copyright {
	font-size: 1rem;
	line-height: 2;
	text-align: center;
	margin-bottom: calc((25/768)*100vw);
}
.page_footer_menu_box {
	margin-bottom: 30px;
}
.page_footer_menu li {
	display: table;
	width: 50%;
	float: left;
}
.page_footer_menu li a {
	display: table-cell;
	width: 100%;
	height: 13vw;
	padding: 0 9%;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 1.29;
	background: url(../img/icn_arw.png) 92% 50% no-repeat;
	background-size: 3.7% auto;
	position: relative;
	border-bottom: 1px solid #dddddd;
}
.footer_privacy {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 15px;
}
.footer_privacy_buy {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 15px;
}
.footer_privacy_01 {
	width: 79px;
    margin-right: 30px;
    padding: 4px; 
}
.footer_privacy_02 {
	width: 104px;
    margin-right: 35px;
}
.footer_privacy_02 img {
	height: 72px;
}
.footer_privacy_03 {
	width: 104px;
	padding-bottom: 2px;
}
.footer_privacy_03 img {
	height: 71px;
}
.page_btn_list {
	width: 78%;
	margin: 2em auto;
	font-size: 1.6rem;
}
.page_btn {
	display: block;
	width: 100%;
	height: 13.020833333vw;
	margin-bottom: 10px;
	border-radius: 4px;
	background: #036eb8;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	line-height: 13.020833333vw;
	position: relative;
}
.page_btn::after {
	content: "";
	display: block;
	width: .6em;
	height: .6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	top: calc(50% - .3em);
}
.page_btn_download {
	background: #e72d84;
}
	
.page_btn.page_btn_download {
	background: #e72d84;
	
}
	

.page_btn_op {
	display: block;
	width: 100%;
	line-height: calc((110/768)*100vw);
	margin-right: auto;
	margin-left: auto;
	border-radius: 4px;
	background: #e72d84 url(../img/icn_download.png) right 10% top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	position: relative;
}
#searchformSP {
	float: left;
	width: 100%;
 height: calc((94/768)*100vw);
 border: solid 1px #c6c6c6;
 margin-top: calc((29/768)*100vw);
	box-sizing: border-box
}
#searchformSP input {
	padding: 0;
	margin: 0;
	border: none;
 line-height: calc((90/768)*100vw);
	width: 83%;
}
#searchsubmitSP {
	border: none;
	background-color: #FFF;
	padding: 0;
	margin: 0;
 line-height: calc((90/768)*100vw);
	width: 15%;
	text-align: center;
 margin-bottom: calc((110/768)*100vw);
}
#searchsubmitSP img {
	vertical-align: middle;
	max-width: 50%;
}
#page_top {
	display: block;
	padding: 0;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1;
}
.pageTop_scroll {
    text-align: center;
    margin-top: calc((106/768)*100vw);
    margin-bottom: calc((67/768)*100vw);
    width:auto;
}
.pageTop_scroll img{
    width:calc((120/768)*100vw)!important;
}
/*------------------------------
		page_pankuzu
	------------------------------*/
.page_pankuzu {
/* 	background: #F7F7F7; */
}
.pankuzu_ul {
	padding: 12px;
}
.pankuzu_ul li {
	float: left;
/*	line-height: 40px; */
	font-size: 0.9rem;
}
.pankuzu_ul li:after {
	content: " 〉";
}
.pankuzu_ul li:last-child:after {
	content: none;
}
.pankuzu_ul:after {
	clear: both;
	display: block;
	content: "";
}
/*------------------------------
		page_sub_navi
	------------------------------*/
.page_sub_navi {
	background: #E1f2fA;
	text-align: center;
	margin-bottom: 11.71875vw;
	width: 100%;
	z-index: 900;
}
.page_sub_navi_fixed {
	top: 12vw;
	position: fixed;
}
.sub_navi_ul {
	width: 100%;
	display: table;
}
.sub_navi_ul li {
	display: table-cell;
 	transition-duration: 0.2s;
	font-size: 1.1rem;
	vertical-align: middle;
	position: relative;
}
.sub_navi_ul .active {
	border-bottom: solid 3px #00ABEB;
}
.sub_navi_ul li:not(:first-child):before {
	content: "";
	display: block;
	width: 1px;
	background: #a4ccdf;
	top: 23%;
	bottom: 23%;
	position: absolute;
	left: 0;
}
.sub_navi_ul li a {
	display: block;
    color: #00abeb;
    padding: 3vw;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.3rem;
}
/*------------------------------
		page_ttl_style
	------------------------------*/
.page_ttl_style_01 {
	font-size: 3rem;
	font-weight: 200;
	color: #00abeb;
	text-align: center;
	margin-bottom: 11.71875vw;
}
.page_ttl_style_02 {
	font-size: 1.5rem;
	color: #00abeb;
	text-align: center;
	margin-bottom: 9.114583333vw;
}
.page_ttl_style_03 {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 500;
 margin-bottom: calc((70/768)*100vw);
}
.page_ttl_style_04 {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 500;
 margin-bottom: calc((70/768)*100vw);
}
.page_ttl_style_05 {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 500;
 margin-bottom: calc((70/768)*100vw);
}
.page_ttl_style_02 + .page_ttl_style_03, .page_ttl_style_02 + .page_ttl_style_04, .page_ttl_style_02 + .page_ttl_style_05 {
 margin-top: calc((-40/768)*100vw);
}
/*------------------------------
		page_block_style
	------------------------------*/
.page_block_style_01 {
	margin-bottom: 9.114583333vw;
}
.page_block_style_02 {
	padding: 9.114583333vw 4.557291666vw;
	margin-bottom: 9.114583333vw;
	background: #eef5fb;
}
.page_block_style_03 {
	padding: 3.90625vw 6.5104166666vw;
	margin-bottom: 9.114583333vw;
	background: #fff;
}
/*------------------------------
		btn_style
	------------------------------*/
.btn_style_blue_01 {
	display: block;
	margin-right: auto;
	margin-left: auto;
	background: #036eb8 url(../img/icn_btn_arw_white.png) right 5% top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	color: #fff;
	position: relative;
    width: calc((500/768)*100vw);
    line-height: calc((101/768)*100vw);
    margin: 0 auto;
    border-radius: 4px;
    font-size: 1.7rem;
}
.btn_style_blue_02 {
	display: block;
    width: calc((500/768)*100vw);
	height: 13.020833333vw;
	margin-right: auto;
	margin-left: auto;
	border-radius: 4px;
	border: 2px solid #036eb8;
	background: #fff url(../img/icn_btn_arw_blue.png) right 5% top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #036eb8;
	line-height: 12.5vw;
	position: relative;
}
.btn_style_pink_01 {
	display: block;
	width: 78.125vw;
	height: 13.020833333vw;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	background: #e72d84 url(../img/icn_btn_arw_white.png) right 5% top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	line-height: 13.020833333vw;
	position: relative;
}
.btn_style_download_01 {
	display: block;
	width: 78.125vw;
	height: 13.020833333vw;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	background: #e72d84 url(../img/icn_download.png) right 10% top 50% no-repeat;
	background-size: auto .8em;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	line-height: 13.020833333vw;
	position: relative;
}
/*------------------------------
		page_contact
	------------------------------*/
.page_contact {
	background: #fff;
	text-align: center;
}
.page_contact_inr {
	width: 85%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.page_contact_ttl {
	padding-bottom: 52.084444443vw;
	font-weight: 500;
	background: url(../img/img_page_contact.png) left 50% bottom 7.552083333vw no-repeat;
	background-size: 40% auto;
}
.page_contact_txt {
	padding: 0 4.557291666vw 9.114583333vw;
	font-size: 1.2rem;
	text-align: left;
}
/*------------------------------
		page_recommend
	------------------------------*/
.page_recommend {
	padding-top: 9.114583333vw;
	border-top: solid 1px #999999;
}
.page_recommend_ttl {
	font-size: 1.5rem;
	text-align: center;
	color: #00abeb;
	margin-bottom: 3.90625vw;
}
.page_recommend_ul {
	text-align: left;
	margin-bottom: 10vw;
	padding-left: 10vw;
}
.page_recommend_ul li {
	display: block;
	background: url(../img/icn_sky_arw.png) no-repeat left center;
	background-size: auto .8em;
	padding-left: 1.1em;
	margin-bottom: 2vw;
}
.page_contact.bottom_contact_box_01 {
	background: #fff;
	text-align: center;
	margin-top: calc((110/768)*100vw);
}
.page_contact.bottom_contact_box_01 .page_contact_inr {
	min-height: 160px !important;
	padding: 0 calc((50/765)*100vw);
}
.bottom_contact_box_01 .page_contact_ttl_sp {
	font-size: 1.8rem;
    color: #036eb8;
    font-weight: 400 !important;
    text-align: left;
    margin-bottom: calc((150/768)*100vw);
    line-height: 1.8;
}
.spOnly .sp_contact_img1 {
	font-weight: 500;
	transform: scale(-1, 1);
	position: absolute;
	right: 4%;
	top: 0;
    width: 	28% !important;
    z-index: 1;
}

}
/*------------------------------
	clearfix
------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*------------------------------
	上書き用スタイル
------------------------------*/
.dn {
	display: none !important;
}
.di {
	display: inline !important;
}
.dib {
	display: inline-block !important;
}
.db {
	display: block !important;
}
.fwl {
	font-weight: 200 !important;
}
.fwb {
	font-weight: 500 !important;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.tdn {
	text-decoration: none !important;
}
.tdu {
	text-decoration: underline !important;
}
.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.vab {
	vertical-align: bottom !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.mr70 {
	margin-right: 70px !important;
}
.mr80 {
	margin-right: 80px !important;
}
.mr90 {
	margin-right: 90px !important;
}
.mr100 {
	margin-right: 100px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml100 {
	margin-left: 100px !important;
}
.bdn {
	border: none !important;
}
.bdtn {
	border-top: none !important;
}
.bdrn {
	border-right: none !important;
}
.bdbn {
	border-bottom: none !important;
}
.bdln {
	border-left: none !important;
}
.ovh {
	overflow: hidden !important;
}
.posr {
	position: relative !important;
}
.zi1 {
	z-index: 1 !important;
}
.curp {
	cursor: pointer !important;
}

@media screen and (min-width:769px) and (max-width:880px) {
.page_header_gnavi,.buy_gnavi .page_header_gnavi_btn {
    font-size: 1.2rem;
}
}
@media screen and (min-width:769px) and (max-width:920px) {
.page_header_gnavi_logo {
    width: 20%;
}
}
.err {
width: 1080px;
margin: 20px auto;
}

@media screen and (max-width: 425px) {
	.footer_privacy_01 {
	width: 50px;
    margin-right: 20px;
    padding: 4px; 
	}
	.footer_privacy_02 {
		width: 70px;
		margin-right: 20px;
	}
	.footer_privacy_02 img {
		height: 44px;
	}
	.footer_privacy_03 {
		width: 70px;
	}
	.footer_privacy_03 img {
		height: 43px;
	}
}

/* Common */
.pt-1 {
	padding-top: 1px;
}
.pb-1 {
	padding-bottom: 1px;
}