@charset "Shift_JIS";

/* ****************************************
 *  about.css  [2010/08/2]
	Modify  toiyama
 * ****************************************
 */
 
/* FONT
8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
*/



/*==================================
about---???[?K???T?|?[?g???H
================================== */

.read{
margin-bottom:20px;
font-size:116.7%;
}


.flow,
.flow2{
width:656px;
margin:0px auto 45px;
}

.flow .f01,
.flow2 .f01{
background:url(../about/img/img1.jpg) no-repeat left top;
padding-left:45px;
}
/*.flow .f01 dl{
width:423px;
float:left;
}*/
.flow .f01 img{
float:right;
}

.flow .f02,
.flow2 .f02{
background:url(../about/img/img2.jpg) no-repeat left top;
padding-left:45px;
}

.flow .f03,
.flow2 .f03{
background:url(../about/img/img3.jpg) no-repeat left top;
padding-left:45px;
}

.flow .f04{
background:url(../about/img/img4.jpg) no-repeat left top;
padding-left:45px;
}
/*.flow .f04 dl{
width:423px;
float:left;
}*/
.flow .f04 img{
float:right;
}

.flow .f05{
background:url(../about/img/img5.jpg) no-repeat left top;
padding-left:45px;
}

.flow .f06{
background:url(../about/img/img6.jpg) no-repeat left top;
padding-left:45px;
}

.flow .f07{
background:url(../about/img/img7.jpg) no-repeat left top;
padding-left:45px;
}

.flow .f07 .box,
.flow2 .f03 .box{
background:none;
}

.flow .box,
.flow2 .box{
width:611px;
background:url(../about/img/line.jpg) no-repeat bottom center;
padding-bottom:6px;
margin-bottom:5px;
min-height:135px;   
height: auto !important;   
height:135px; /*IE?U?p?????????*/
}

.flow h6,
.flow2 h6{
padding:20px 12px 10px 0px;
color:#FF9215;
font-weight:bold;
font-size:166.7%;
}

.flow dd,
.flow2 dd{
padding:5px 12px 5px 0px;
font-size:116.7%;
}

.about-contact-list__item{
	position: relative;
	margin-bottom: 5px;
	padding-left: 20px;
}

.about-contact-list__item::before{
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #ff9215;
	top: 5px;
	left: 0;
}

.about-mail-btn{
	width: 280px;
	border: 1px solid #ccc;
	display: block;
	height: 48px;
	text-align: center;
	font-weight: bold;
	color: #000 !important;
	text-decoration: none;
	line-height: 48px;
	position: relative;
}

.about-mail-btn::after{
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	right: 12px;
	margin: 0 auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ff9215;
    border-right: 2px solid #ff9215;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.annnai-h{
width:665px;
margin:0px auto;
}

.annnai{
width:639px;
margin:0px auto 25px;
border-bottom:#A36E36 1px solid;
border-left:#A36E36 1px solid;
border-right:#A36E36 1px solid;
padding:12px;
}


.annnai h6{
width:639px;
margin-bottom:15px;
}

.annnai .txt{
width:630px;
margin-bottom:25px;
font-size:116.7%;
}

.text01{
	padding:0px 10px 20px 10px;font-size:116.7%;
}

.tel01{
	padding:0px 0px 50px 0px;
	text-align:center;
}

/*==================================
guide----???[?K???T?|?[?g????????????p???
================================== */
#guide .read{
margin-bottom:20px;
font-size:116.7%;
}



#guide .madoguchi{
width:639px;
margin:0px auto 25px;
}
#guide .madoguchi .boxl{
width:309px;
float:left;
}
#guide .madoguchi .boxr{
width:309px;
float:right;
}
#guide .madoguchi .boxr .btnmail{
background:url(../about/img/guide/madoguchi_m-03.jpg) no-repeat center;
width:129px;
padding:1px 0px 16px 180px;
}



#guide .acsses-h{
width:645px;
margin:0px auto;
background:url(../about/img/guide/acsses_h.jpg) no-repeat center bottom;
height:12px;
}
#guide .acsses-f{
width:645px;
margin:0px auto 25px;
background:url(../about/img/guide/acsses_f.jpg) no-repeat center top;
height:12px;
}
#guide .acsses{
width:645px;
margin:0px auto;
background:url(../about/img/guide/acsses_bg.jpg) repeat-y center;
}

#guide .acsses .boxl{
width:293px;
float:left;
padding-left:19px;
}
#guide .acsses .boxr{
width:306px;
float:left;
padding-left:15px;
}
#guide .logo{
margin-bottom:10px;
}
#guide .txt{
font-size:108.4%;
line-height:160%;
}


#guide .smds{
width:658px;
margin:0px auto 18px;
}
#guide .sonota{
width:658px;
margin:0px auto 25px;
font-size:116.7%;
}

#guide .sonota p{
margin-bottom:10px;
}

#guide .sonota .info{
width:638px;
margin:0px auto;
}