@charset "utf-8";

/*---------------------------------------------------

common

----------------------------------------------------*/
body{
/*	スマホでのフォントサイズ変更防止*/
	-webkit-text-size-adjust: 100%;
}
body.bg_color1{
	background: #E1E1E1;
}



/*全画面*/
#border_display{
	width: 100%;
	height: auto;
}

.left{ float: left; }
.right{ float: right; }
.indent{ text-indent: -9999px; }
.hidden{ visibility: hidden; }
.img_center{
	display: block;
	margin: 0 auto;
}


/********** header **********/
#bg_header{
	width: 100%;
	height:80px;
	background: url(../img/cmn/bg_header.jpg);
}
#header{
	position: relative;
	width: 960px;
	height: 80px;
	margin: 0 auto;
}
	#header_logo{
		position: absolute;
		top: 30px;
		left: 0;
	}
	#header_tel{
		position: absolute;
		top: 30px;
		right: 0;
	}
/*}#header*/

/*---------------------------------------------
slideshow
-----------------------------------------------*/
#slideshow {
	position: relative;
	width: 960px;
	height: 500px;
	margin: 0 auto;
	overflow:hidden;
}
#slideshow div {
	width: 960px;
	height: 500px;
	overflow: hidden;
	position: absolute;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}
 
#slideshow ul {
	margin:-30px auto 0 auto;
	display:none;
	width:120px;
	overflow:hidden;
	position:relative;
	z-index:200;
}
 
#slideshow ul li {
	width: 10px;
	float: left;
	display: inline;
	margin:0 15px;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



/********** main **********/
#main{
	padding-bottom:5px;
	height:auto !important;
	height: 100%;
	min-height:50%;
	overflow: hidden;
	background: url(../img/cmn/bg_main.jpg) repeat;

}

#free_phone{
	text-align:center;
	clear:both;
	font-family:"Hiragino Mincho Pro" serif;
	margin:80px 0 0 0;
}

/********** navi **********/
#navi{
	width: 960px;
	height: 150px;
	margin: 0 auto;
	padding:10px 0;
}
#navi li{
	padding: 0 2px;
	float:left;
}

#navi a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}
/********** navi **********/

.main_in{
	width: 960px;
	height: 100%;

	margin: 50px auto 5px auto;
	padding-bottom:10px;
}





/*お得な最新情報をスマホからGET!*/
#app{
	width: 230px;
	min-height: 140px;
	padding: 100px 0 0 0;
	background: url(../img/cmn/bg_app.jpg) no-repeat left top;
}
#app a{
	display: block;
	width: 180px;
	margin: 0 auto 4px auto;
}




/********** footer **********/

#footer{
	width: 100%;
	height: 180px;
	background-color: #E1E1E1;
	bottom:0;
	overflow:hidden;
}
#footer_in{
	position: relative;
	width: 960px;
	height: 80px;
	margin: 30px auto;
}

	/*ナビ*/
	#footer_in ul{
		position: absolute;
		top: 50px;
		left: -20px;
	}
		#footer_in li{
			float: left;
			border-left: 1px solid #000;
		}
		/*左はborder無し*/
		#footer_in ul li:first-child{
			border-left: 0;
		}
			#footer_in ul li a{
				display: block;
				padding: 0 20px;
			}
/*		}#footer_in ul li*/

/*	}#footer_in ul*/

	/*コピーライト*/
	#copy{
		position: absolute;
		top: 80px;
		left: 0;
	}
.img_right{
	float:right;

	right: -20px;
}
	/*}#footer_in*/

/*----------------------------------------

index.html

-----------------------------------------*/
.top_text{
	padding-top:50px;
	font-size:18px;
	line-height:2em;
	font-family:"Hiragino Mincho Pro" serif;
	text-align:center;
}

/*----------------------------------------

guide.html

-----------------------------------------*/
.content_box{
	width:960px;
	height:100%;
	margin-top:20px;
}


.guide_box{
	padding:8px;
	float:left;
}
.guide_box li{
	width: 296px;
	padding:2px;
}
/*----------------------------------------

price.html

-----------------------------------------*/
.price_pic{
	width: 960px;
	height: 180px;
	margin: 10px auto;
}

.price_pic li{
	float: left;
	padding:0 5px;
}

.price_box{
	margin-bottom: 20px;
	text-align: left;
}
.price_box ul{
	width:190px;
	padding:2px 20px;
	float: left;
	}
.price_box ul li{
	padding:3px 0;
		}
.price_option{
	width: 960px;
	margin-bottom: 10px;
	border:solid 2px #CCC;
}
.price_option p{
	width:900px;
	margin:5px 10px; 
	padding: 5px 10px;
	border-bottom: solid 2px #CCC;
}
.price_option ul{
	width: 410px;
	padding:10px 20px;
	float: left;
}
.price_option ul li{
	padding: 3px 0;
}

/*----------------------------------------

company.html

-----------------------------------------*/
.company_text{
	text-align:left; 
	margin:0 auto;
	width:600px;
	font-family:"Hiragino Mincho Pro" serif;
	font-size:16px;
}
.company_text ul{
	border-bottom:solid 1px #000;
	line-height:1.5em;
	padding:10px;
	overflow:hidden;
}
.box_left{
	width:120px;
	float:left;
}
.box_right{
	width:450px;
	float:right;
	text-align:left;
	margin:0 auto;
}

/*----------------------------------------

flow.html

-----------------------------------------*/
.flow_anchor{
	width:960px;
	height:250px;
	float:left;
	background-color:#555;
}
.flow_box01{
	width:170px;
	height:160px;
	float:left;
	border:solid 3px #CCC;
	margin:0 3px 0 5px;
	padding:30px 20px;
}
.flow_ccc{
	width:190px;
	height: 25px;
	background-color:#ccc;
	text-align: center;
	margin: 10px auto;
	padding-top:5px;
	font-family:"Hiragino Mincho Pro" serif;
	font-size:16px;
}
.flow_box02{
	width:140px;
	height:30px;
	float:left;
	border:solid 3px #CCC;
	margin:0 3px 0 5px;
	padding:20px;
	text-align:center;
}
.flow_box02_r{
	float:left;
	margin:30px 0 50px 20px;
	}

/*----------------------------------------

osonaemono.html

-----------------------------------------*/
.osonae_box01{
	/* margin:20px 30px 80px 30px; */
	margin: 10px 10px 0px 10px;
	float:left;
}

/*----------------------------------------

faq.html

-----------------------------------------*/
.qa_box{
	margin:30px 0;
}
.faq_left{
	margin:0 20px;
	float:left;
}
.faq_right{
	margin:0 50px;
}



/*----------------------------------------

20210616追加分

-----------------------------------------*/

/*----------------------------------------

osonaemono.html

-----------------------------------------*/

.mt10_bottom {
    margin-bottom: 25px;
}
.mt10_bottom_last .osonae_box01 {
	margin-bottom: 17px;
}

ul.mt10_title li {
    border: solid 2px #CCCCCC;
    width: 46px;
    height: 0;
	
    padding-top: 4px;
    padding-bottom: 16px;

	margin: -3px 2px 7px 2px;
	text-align: center;
	/* display: flex;
    justify-content: center;
    align-items: center; */
}

ul.mt10_title.mt10_title_b.h_text li {
	margin: -8px 0px 7px 1px;
    width: 56px;
}

ul.mt10_title.h_text {
	margin-bottom: 0px;
	clear: both;
    float: left;
}

ul.mt10_title.mt10_title_b.h_text {
	margin-bottom: 25px;

}

ul.mt10_title.h_text li {
	margin-bottom: 0px;
}

ul.mt10_price li {
	height: 0;
	padding-top: 1px;
    padding-bottom: 19px;
	font: bold 16px "meiryo";
	/* display: flex;
    justify-content: center;
    align-items: center; */
	margin: -2px 1px 8px 8px;
}

ul.mt10_price.mt10_price_b.h_text li {
	margin: -7px 0px 7px 9px;
}

ul.mt10_price.h_text li {
	margin-bottom: 0px;
}

p.mt10_text{
    clear: both;
    float: left;
	font: 12px "meiryo";
}

p.mt10_titletext{
	font: bold 16px "meiryo";
    margin: 2px 0px 0px 2px;

}


.flexleft{
	float:left;
}
.flexleft h3{
	width: 220px;
}
.flexright{
	float:left;
}
.flexright h3{
	width: 710px;
}

.float_content h3{
	margin-top: 0;
}
.content_box_left{
	width: auto;
}
.content_box_right{
	width: auto;
}


/*----------------------------------------

price.html

-----------------------------------------*/

.price_dec{
	margin-top: -13px;
	text-align: center;
	font: 18px "meiryo";
}

.price_dec br{
	display: block;
	content: "";
	margin: 3px 0;
}


.price_table{
	border-collapse:  collapse;
}

.price_table table{
	margin: 14px auto -21px;
	width: 510px;
	height: 100px;
}

.price_table th,td{
	border: solid 2px #61BBC8;
	text-align: center;
	vertical-align:middle;
}

.price_table th{
	background-color: #61BBC8;
	color: #FBFBFB;
	height: 28px;
	font: 16px "meiryo";
}

.price_table td{
	padding-top: 2px;
	background-color: #FFFFFF;
	font: 16px "meiryo";
}

.price_table span.price_table_td_bold {
	background-color: #FFFFFF;
	font: bold 18px "meiryo";
}

.price_table br{
	display: block;
	content: "";
	margin-top: -3px;
}

.price_content_p_img{
	float:left;
	margin-top: 9px;
	margin-left: 12px;
	margin-bottom: 27px;
}

.price_box_2{
	float: right;
	margin-bottom: 23px;
}

.price_box_2 h4{
	width: 406px;
	height: 0;
	margin: 10px 8px 5px auto;
    padding-top: 7px;
    padding-bottom: 19px;
	background-color: rgba(0,0,0,0);
	border: solid 2px #CCCCCC;
	text-align: center;
	/* display: flex;
    justify-content: center;
    align-items: center;  */
}

.price_indent{
	font: 16px "meiryo";
}

.price_box.price_box_2 ul {
    width: 212px;
    padding: 3px 0 0 8px;
    float: left;
}

.price_box.price_box_2 li{
	padding:  0px 0;
	font: 14px "meiryo";
	line-height: 20px;
}

.price_box .price_indent{
	line-height: 0;
}

.price_box .price_no_indent{
	margin-left: 4px;
}

.price_option_2 {
    width: 960px;
    margin-bottom: 10px;
}

.price_option_2 ul {
	width: 284px;
    padding: 8px 0 0 11px;
    float: left;
}

.price_option_2 ul li {
	font: 14px "meiryo";
	line-height: 20px;
}

.price_option_2 .price_indent{
	line-height: 0;
}

.price_option_2 .price_no_indent{
	margin-left: 0;
}

.price_option_2 ul.option_2_long {
	width: 310px;
}

h3.clearfix.price_cont_last{
    margin-top: 26px;
}

.price_kariisho {
    width: 960px;
    margin-bottom: 10px;
}

.price_kariisho ul {
	width: 284px;
    padding: 8px 0 0 11px;
    float: left;
}

.price_kariisho ul li {
	font: 14px "meiryo";
	line-height: 20px;
}

.price_kariisho ul.option_2_long {
	width: 310px;
}

.kariisho_long{
	float: left;
	margin: -3px 10px 0px 10px;
}

.kariisho_short{
	float: left;
	margin: 0px 0px 0px 9px;
}
.kariisho_content{
	border-bottom:1px solid #331110;
	margin: 4px 0px 0px 0px;
}

.kariisho_long .kariisho_content{
	width: 340px;
}

.kariisho_short .kariisho_content{
	width: 220px;
	clear: both;
	padding: 3px 0px 4px 0px;
}

.kariisho_content .kariisho_title{
	display: inline-block;
	font: bold 14px "meiryo";
	margin: 6px 0px 0px 0px;
}

.kariisho_content .kariisho_price{
	float: right;
	font: bold 14px "meiryo";
}
.kariisho_content .kariisho_text{
	clear: both;
	font: 12px "meiryo";
}

.kariisho_long .kariisho_content .kariisho_price{
	margin: 0px -2px 0px 0px;
    padding: 8px 0px 0px 0px;
}
.kariisho_long .kariisho_content .kariisho_text{
	margin: 0px 0px 6px 0px;
    padding: 1px 0px 0px 0px;
}

.kariisho_short .kariisho_content .kariisho_title{
	margin: 0px 0px 0px 0px;
}

.kariisho_short .kariisho_content .kariisho_price{
	margin: 0px -2px 0px 0px;
    padding: 1px 1px 0px 0px;
}

.kariisho_short h4{
	width: auto;
	height: auto;
	background-color: rgba(0,0,0,0);
	border: solid 2px #CCCCCC;
	/* display: flex;
    justify-content: center; 
    align-items: center;  */
	text-align: center;
    margin: 10px 0px -2px 0px;
	padding: 7px 0px 3px 1px;
}

/* 20260515 */

.content_box._flex {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.flex_center {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.osonae_box01.w220 {
	width: 220px;
}