@charset "UTF-8"; 
@media all and (min-width: 0px)and (max-width: 760px){
	.pc { display: none !important; }
	.sp { display: block !important; }

	.back_btn{
		position:fixed;
		bottom:70px;
		right:10px;
		z-index:200;
		width:60px;
		opacity:0.8;
	}

	/********** TOP **********/
	.main_contents{
		width:100%;
	}
	.top_menu_box{
		position:relative;
	}
	.top_menu_btn{
		position:absolute;
		top:0px;
		right:0px;
	}
	/*�g�b�v�֖߂�{�^��*/
	.topBtn {
	  position:fixed; /*�Œ�*/
	  bottom:0px; /*�ꏊ��E���Ɉړ�*/
	  left:0px; /*�ꏊ��E���Ɉړ�*/
	  display:block; /*a�^�O��block�v�f�ɕύX*/
	  width:100%;
	  box-sizing:border-box;
	  z-index:200;
	}
	#topbtn_01{
		opacity: 0;
	}

	.topBtn ul{
		background-color:#FFF;
		width:100%;
	}
	.topBtn li{
		float:left;
		padding:2px;
		width:33%;
		background-color:#FFF;
		box-sizing:border-box;
	}
	.left_box_50_02{
		width:100%;
		padding:0 20px 0 20px;
		box-sizing:border-box;
	}
	.right_box_50_02{
		width:100%;
		padding:0 20px 0 20px;
		box-sizing:border-box;
	}
	.left_box_33{
		float:left;
		width:33%;
		padding:20px;
		box-sizing: border-box;
	}
	.left_box_33_100{
		width:100%;
		padding:20px;
		box-sizing: border-box;
	}
	/********** 02 **********/
	.page_header{
		padding-top:60px;
	}
	.compnay_info_tilte{
		padding:0 0 0 10px;
		background-color:#ffefcd;
		color:#ff1902;
		font-weight:bold;
	}
	.compnay_info_text{
		padding:10px 0 20px 10px;
		color:#444;
		font-weight:bold;
	}
	.privacy_box{
		width:100%;
		height:250px;
		margin:10px auto 20px auto;
		padding:10px;
		color:#444;
		overflow-y:scroll;
		box-sizing: border-box;
	}
	/********** 03 price **********/
	.se_100_30{
		margin:0 auto 30px auto;
	}
	.left_box_50_100{
		width:100%;
		box-sizing:border-box;
	}
	.right_box_50_100{
		width:100%;
		box-sizing:border-box;
	}
	.price_table{
		width:100%;
		border:solid 2px #333;
		background-color: #ffffcb;
	}
	.price_table td{
		width:25%;
		padding:5px;
		text-align: center;
		border:solid 2px #333;
	}
	.subtitle {
		border-top:solid 3px #333;
		border-bottom:solid 3px #333;
		background-color: #d7dd21;
	}
	.side_info {
		text-align: center;
		vertical-align: middle;
	}
	.attention_box{
		margin:10px auto 0 auto;
		padding:10px;
		border-radius: 20px;
	}
	.under_line{
		border-bottom:solid 1px #FFF;
	}
	.measu_table table{
		width:90%;
		margin:0 auto 0;
	}
	.measu_table tr{
		border-bottom: solid 2px #F00;
	}
	.measu_table th{
		width:25%;
		text-align: center;
		padding:10px;
		vertical-align: middle;
		background-color: #f8ad3a;
		color:#FFF;
	}
	.measu_table td{
		width:75%;
		padding:5px 0 5px 20px;
	}
	/********** 04 faq **********/
	.faq_box{
		
	}
	.q_box{
		clear:both;
		padding:5px 10px 10px 0px;
		font-size:1.6rem;
		font-weight:bold;
		border-bottom: dotted 5px #999;
	}
	.q_img{
		float:left;
		width:15%;
	}
	.q_text{
		float:left;
		width:85%;
		padding-top:3px;
	}

	.a_box{
		clear:both;
		padding:10px 10px 5px 0px;
	}
	.a_img{
		float:left;
		width:15%;
	}
	.a_text{
		float:left;
		width:85%;
		padding-top:3px;
	}
	/********** 05 service **********/
	.se_100_30{
		margin:0 auto 30px auto;
	}

/****************************** PC ************************************************************/
}@media all and (min-width: 761px){
	.pc { display: block !important; }
	.sp { display: none !important; }

	.back_btn{
		position:fixed;
		bottom:170px;
		right:50px;
		z-index:1000;
		width:80px;
		opacity:0.8;
	}
	.bg_img{
		background-image:url("../img/01_top/01_bgimg_01.webp");
		background-size:contain;
	}
	/********** TOP **********/
	.main_contents{
		width:100%;
		max-width:980px;
		margin:0 auto 0 auto;
	}
	.top_menu_box{
		position:relative;
	}
	.top_menu_btn{
		position:absolute;
		top:0px;
		right:0px;
	}
	.left_box_50_01{
		float:left;
		width:50%;
		padding:136px 10px 10px 10px;
		box-sizing:border-box;
	}
	.right_box_50_01{
		float:right;
		width:50%;
		padding:10px;
		box-sizing:border-box;
	}
	.left_box_50_02{
		float:left;
		width:50%;
		padding-right:15px;
		box-sizing:border-box;
	}
	.right_box_50_02{
		float:right;
		width:50%;
		padding-left:15px;
		box-sizing:border-box;
	}
	.info_banner li{
		float:left;
		width:50%;
		padding:0px;
		box-sizing:border-box;
	}
	.left_box_50_03{
		float:left;
		width:50%;
		padding:12px;
		box-sizing:border-box;
	}
	.right_box_50_03{
		float:right;
		width:50%;
		padding:12px;
		box-sizing:border-box;
	}
	.left_box_33{
		float:left;
		width:33%;
		padding:20px;
		box-sizing: border-box;
	}
	.left_box_33_100{
		float:left;
		width:33%;
		padding:20px;
		box-sizing: border-box;
	}
	/********** 02 **********/
	.page_header{
		padding-top:70px;
	}
	.compnay_info_tilte{
		padding:5px 0 5px 20px;
		background-color:#ffefcd;
		color:#ff1902;
		font-weight:bold;
	}
	.compnay_info_text{
		padding:10px 0 30px 20px;
		color:#444;
		font-weight:bold;
	}
	.privacy_box{
		width:100%;
		height:280px;
		margin:10px auto 20px auto;
		padding:20px;
		color:#444;
		overflow-y:scroll;
		box-sizing: border-box;
	}
	/********** 03 price **********/
	.se_100_30{
		margin:0 auto 100px auto;
	}
	.left_box_50_100{
		float:left;
		width:50%;
		box-sizing:border-box;
	}
	.right_box_50_100{
		float:right;
		width:50%;
		box-sizing:border-box;
	}

	.price_table{
		width:100%;
		border:solid 2px #333;
		background-color: #ffffcb;
	}
	.price_table td{
		width:25%;
		padding:5px;
		text-align: center;
		border:solid 2px #333;
	}
	.subtitle {
		border-top:solid 4px #333;
		border-bottom:solid 4px #333;
		background-color: #d7dd21;
	}
	.side_info {
		text-align: center;
		vertical-align: middle;
	}
	.attention_box{
		margin:20px auto 0 auto;
		padding:20px;
		border-radius: 20px;
	}
	.under_line{
		border-bottom:solid 1px #FFF;
	}
	.measu_table table{
		width:94%;
		margin:0 auto 0;
	}
	.measu_table tr{
		border-bottom: solid 2px #F00;
	}
	.measu_table th{
		width:20%;
		text-align: center;
		padding:15px;
		vertical-align: middle;
		background-color: #f8ad3a;
		color:#FFF;
	}
	.measu_table td{
		width:80%;
		padding:10px 0 10px 20px;
	}

	/********** 04 faq **********/
	.faq_box{
		
	}
	.q_box{
		clear:both;
		padding:10px 20px 10px 20px;
		font-size:2.0rem;
		font-weight:bold;
		border-bottom: dotted 5px #999;
	}
	.q_img{
		float:left;
		width:10%;
	}
	.q_text{
		float:left;
		width:90%;
	}

	.a_box{
		clear:both;
		padding:10px 20px 10px 20px;
	}
	.a_img{
		float:left;
		width:10%;
	}
	.a_text{
		float:left;
		width:90%;
	}
	/********** 05 service **********/
	.se_100_30{
		margin:0 auto 100px auto;
	}

}

/********** ���� **********/
.img_text_center{
	vertical-align: middle;
}

/********** �F **********/
.bg_color_white{
	background-color:#FFF;
}
.bg_color_black{
	background-color:#000;
}
.bg_color_red{
	background-color: #f00;;
}
.bg_color_red_01{
	background-color:#ff1902;
}
.bg_color_lightbrown_01{
	background-color:#ffefcd;
}
.bg_color_lightbrown_02{
	background-color:#f9ebc9;
}
.bg_color_lightorenge_01{
	background-color:#fefeb4;
}
.bg_color_orenge_01{
	background-color:#ff8700;
}
.bg_color_orenge_03{
	background-color:#ff5f00;
}
.bg_color_green_01{
	background-color:#8ec21f;
}
.bg_color_lightgreen_01{
	background-color:#00e300;
}
.font_color_red_01{
	color:#ff1902;
}
.font_color_green{
	color:#008f45;
}
.font_color_orenge_01{
	color:#ff5f00;
}
.font_color_lightgreen_01{
	color:#00e300;
}

.ud_org{
	border-bottom:solid 2px #ff5f00;
}
.ud_gre{
	border-bottom:solid 2px #00e300;
}

.bg_color_orenge_02{
	background-color:#ff9119;
}
.bg_color_green_02{
	background-color:#00b900;
}
.bg_color_green_03{
	background-color:#55bc24;
}
.bg_color_blue_02{
	background-color:#0096ff;
}
.bg_color_pink_02{
	background-color:#ff007d;
}
.bg_color_yellow{
	background-color:#fefeb4;
}


.btn_101{
	background-color:#00b900;
	text-align: center;
	padding:13px;
	margin:0 10px 0 10px;
	border-radius: 30px;
}
.btn_102{
	background-color:#0096ff;
	text-align: center;
	padding:13px;
	margin:0 10px 0 10px;
	border-radius: 30px;
}
.btn_103{
	background-color:#55bc24;
	text-align: center;
	padding:15px;
	margin:0 10px 0 10px;
	border-radius: 30px;
}
.btn_104{
	background-color:#ff9119;
	text-align: center;
	padding:15px;
	margin:0 10px 0 10px;
	border-radius: 30px;
}

/********** �g�T�C�Y **********/
@media all and (min-width: 0px)and (max-width: 780px){
	.contents_box_120{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_100_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_80_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_80_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_75_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_55_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_40_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_30_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_30_70{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.box_m_b_100_50{
		margin-bottom:50px;
	}
	.box_p_b_60_30{
		padding-bottom:30px;
	}


}@media all and (min-width: 781px){
	.contents_box_120{
		max-width:1200px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_100_90{
		max-width:980px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_100{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_80{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_80_100{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_80_90{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_75_100{
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_90{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_80{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_100{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_90{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_80{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_55_90{
		width:55%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_100{
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_90{
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_40_90{
		width:40%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_80{
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_30_80{
		width:30%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_30_70{
		width:30%;
		margin-left:auto;
		margin-right:auto;
	}
	.box_m_b_100_50{
		margin-bottom:100px;
	}
	.box_p_b_60_30{
		padding-bottom:60px;
	}
}

.contents_box_full{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.contents_box_100{
	max-width:980px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_90{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_80{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_75{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_70{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_60{
	width:60%;
	margin-left:auto;
	margin-right:auto;

}
.contents_box_50{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_40{
	width:40%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_30{
	width:30%;
	margin-left:auto;
	margin-right:auto;
}

/********** �摜�T�C�Y **********/
.img_100 img{
	width:100%;
}
.img_90 img{
	width:90%;
}
.img_85 img{
	width:85%;
}
.img_80 img{
	width:80%;
}
.img_75 img{
	width:75%;
}
.img_70 img{
	width:70%;
}
.img_60 img{
	width:60%;
}
.img_50 img{
	width:50%;
}
.img_40 img{
	width:40%;
}
.img_30 img{
	width:30%;
}
.img_25 img{
	width:25%;
}
.img_20 img{
	width:20%;
}
.img_15 img{
	width:15%;
}
.img_10 img{
	width:10%;
}