@charset "UTF-8";


.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}


html {
  font-size: small;
  line-height: 1.5;
  font-family: 'Noto Sans Japanese',   sans-serif;
}


body {
  color: #6b6b6b;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
	font-family: 'Noto Sans Japanese',   sans-serif;
	/*background: #F7F7F7 url(../images/body_bg.gif) top center repeat-y;*/
	padding-top: 65px!important;
}
body a {
  color: #282828;
	text-decoration: none;
}
.mouse body a:hover, .touch body a.touchstart {
  text-decoration: none;
}
body a:hover img {
  opacity: 0.7;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
body img {
  -webkit-touch-callout: none;
}

body, pre, input, textarea, select {
  font-family: 'Noto Sans Japanese',   sans-serif,"�ҥ饮�δݥ� Pro W4","�ҥ饮�δݥ� Pro","Hiragino Maru Gothic Pro","�ҥ饮�γѥ� Pro W3","Hiragino Kaku Gothic Pro","HG�ݎ��ގ�����M-PRO","HGMaruGothicMPRO",sans-serif;
}
input, select, textarea {
  font-size: 100%;
}

html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
  display: none !important;
}
html.ie8 #page {
  min-width: 1024px !important;
  margin: auto;
  font-size: 100% !important;
}

hr.clearfix,
.clearfix::after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.pc-on{}
.sp-on{ display: none; }

.fit{
	width: 100%;
	height: auto;
}


.ie8 body .view_tab-sp, .ie8 body .view_tab {
  display: none !important;
}

.ie8 body .view_sp {
  display: none !important;
}

.mouse .over {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .over:hover, .touch .over.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .over {
  -webkit-tap-highlight-color: transparent;
}
.touch .over.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

*{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
*:not(.wrap_bxslider #slider2 li ){
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
*/



.footer {padding-bottom:50px;}
.footer .contact {width:550px;font-size:36px;line-height:2em;margin:0 auto;padding:20px 0;box-shadow:0px 3px 6px rgba(0,0,0,0.16);}

#footer .logo {width: 200px;margin: 0 auto 30px;}
#footer small {font-size: 14px;text-align: center;display: block;font-family: "Noto Sans JP", sans-serif;}

@media screen and (max-width:900px){
	.footer { padding-bottom: 5.556vw;}
}
@media screen and (max-width:750px){

	.footer .contact {width: 73.333vw;font-size: 4.8vw;padding: 2.666vw 0;box-shadow: 0 0.4vw 0.8vw rgba(0,0,0,0.16);}
	
	#footer .logo {width: 26.666vw;margin: 0 auto 4vw;}
	#footer small {font-size: 1.866vw;}

}



/********************************************************************************
	max-width: 812px�� CSS
********************************************************************************/

@media only screen and (max-width: 812px) {

.pc-on{ display: none; }
.sp-on{ display: block; }
	
}
body {
	padding-top: 50px!important;
}
	

#site{
	width: 100%;
}

#header_logo {
	height: 65px;
	line-height: 65px;
	width: 100%;
	background: rgba(255,255,255,.95);
	z-index: 999;
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
}
#header_logo img {
	vertical-align: middle;
	height: 30px;
}



.bg_img_mv {
	width: 100%;
	height: auto;
	background-color: #eaedf0;
}

.bg_img_02 {
	width: 100%;
	height: auto;
	background: url("../images/prp_lp_02_bg.jpg") center #FFF;
}

.bg_img_10 {
	width: 100%;
	height: auto;
	background-color: #bddee4;
}


.information{
}
.lp_info{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items:  flex-start;
	text-align: center;
}
.lp_info img{
	width: 800px;
}

.lp_info_txt {
	width: 100%;
	display: flex;
	justify-content: center;
}
.lp_info_txt_box {
width: 580px;
}
.lp_info_txt p{
	font-size: 18px;
	text-align: left;
	line-height: 1.6;
	
}


.lp_info_02{
	width: 600px!important;
}


.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #11BDB2;
	font-weight: bold;
	font-size:33px;
	padding: 1.2em 1.8em;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #11BDB2;
}


.link_button{
	text-align: center;
	height: auto;
	margin-bottom: 130px;
}

a.btn--radius {
   border-radius: 100vh;
}


.btn_box{
	text-align: center;
	margin: 60px auto 0;
	color: #333333;
  border: dotted #1e366a 1px;/*�ɥå� �� ����*/
  padding: 1em 1em 1em 1em;
	width: 600px;
}




/********************************************************************************
	max-width: 812px�� CSS
********************************************************************************/

@media only screen and (max-width: 812px) {


#header_logo {
		height: 50px;
		line-height: 50px;
		box-shadow: 0 5px 10px rgba(0,0,0,.05);
	}
#header_logo img {
		width: auto;
		height: 20px;
	}
	
	
	.bg_img_mv {
	background-color: #eaedf0;
}
	
	
.lp_info{
	width: 100%;
	display: flex;
	flex-wrap: row wrap;
	justify-content: center;
}
.lp_info img{
	width: 100%;
	height: auto;
}
.lp_info_txt {
	width: 100%;
}
	.lp_info_txt_box {
	width: 90%;
}
	.lp_info_txt p{
		display: block;
}
		

	
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #11BDB2;
	font-weight: bold;
	font-size:13px;
	padding: 1.3em 1.8em;
}
	
.link_button{
	height: auto;
	margin-bottom: 40px;
}
	
.btn_box{
	text-align: center;
	margin: 40px auto 0;
	color: #333333;
  border: dotted #1e366a 1px;/*�ɥå� �� ����*/
  padding: 1em 1em 1em 1em;
	width: 95%;
}
	
	
}


* html {
	height:100%;
	overflow:hidden;/*���������㡦�𡦼�졦�������!��桦�����/
}

* html body {
	height:100%;
	overflow:auto;/*���������㡦�𡦼��衡���*/
}