/**********
 style-contact.css
**********/
h2#title{
	background:#f7931e url(../contact/img/h2Bg.jpg) no-repeat center center;
	background-size:cover;
}


/**********
 contact
**********/
#contact{}

#contact h3{
	font-family:'PT Serif', seri , "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'PT Serif Caption', serif;*/
	text-align:center;
	line-height:1.3;
	padding-bottom:35px;
	font-size:1.8rem;
	color:#000;
}

#contact h3 span{
	display:block;
	width:100%;
	margin:0 auto;
	font-size:1.3rem;
	color:#f7931e;
	font-weight:normal;
}


#contact ul.contactList li{
	display:inline-block;
	padding-bottom:9px;
	padding-right:30px;
	position: relative;
	padding-left:20px;
}

#contact ul.contactList li:before{
	content: "\f111";
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	padding-right:10px;
	font-size:1rem;
	color:#f7931e;
	position: absolute;
	top: 7px;
	left: 0;
	margin-top: -3px;
}


/** topCom **/
.topCom{
	margin:0 auto;
	width:92%;
	max-width:860px;
	text-align:left;
	padding-bottom:40px;
}



/**********
 phone
**********/
#phone{
	padding-bottom:60px;
}

#phone #phoneNum{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:1px solid #f39800;
	margin:0 auto;
	padding:25px;
	max-width:530px;
}

#phone img{
	width:100%;
	max-width:480px;
	margin:0 auto;
	display:block;
}


/**********
 e_mail
**********/
#web{
	padding:46px 0;
	background:#f9f1e1;
}

/** reserveNavi **/
#reserveNavi{
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;
	padding-bottom:25px;
}

#reserveNavi a{
	display:block;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width:100%;
	margin-bottom:25px;
}

#reserveNavi a:hover{
	text-decoration:none;
}

#reserveNavi a p{
	display:block;
	padding:15px;
	color:#fff;
	font-size:2.2rem;
	font-weight:bold;
	text-align:center;
}

#reserveNavi a p span{
	display:block;
	padding-top:10x;
	font-size:15px;
	font-weight:normal;
}

#reserveNavi a#rn_net{ background:#00a0e9;}
#reserveNavi a#rn_line{ background:#48b700;}

#reserveNavi a#rn_net:hover,
#reserveNavi a#rn_net:active{ background:#21b6ea;}
#reserveNavi a#rn_line:hover,
#reserveNavi a#rn_line:active{ background:#8fc31f;}


/** line **/
#line{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#fff;
	padding:25px;
}

#line h4{
	text-align:center;
	font-size:2rem;
	padding-bottom:35px;
}

#line h4 span{
	border-bottom:1px solid #f7931e;
	padding-bottom:2px;
}

#line ul {
    padding: 0;
}
#line ul li {
    list-style-type: none;
}
#line dd {
    margin-left: 0;
}

#line .flow > li {
    position: relative;
}
#line .flow > li:not(:last-child) {
    margin-bottom: 40px;
}

#line .flow > li dl {
    width: 100%;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid rgb(111,111,111);
    border-radius: 10px;
    position: relative;
}
#line .flow > li:not(:last-child) dl::before,
#line .flow > li:not(:last-child) dl::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#line .flow > li:not(:last-child) dl::before {
    border-width: 22px;
    border-top-color: rgb(111,111,111);
}
#line .flow > li:not(:last-child) dl::after {
    border-width: 20px;
    border-top-color: #fff;
}
#line .flow > li dl dt {
    font-size: 20px;
    font-weight: 600;
    color: rgb(62,58,57);
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-right: 2vw;
    text-align: center;
}
#line .flow > li dl dt .icon {
    font-size: 12px;
    color: #fff;
    background: rgb(72,182,0);
    padding: 5px 10px;
    margin-bottom: 10px;
    display: block;
    border-radius: 20px;
    position: relative;
    z-index: 100;
	width:100%;
}

#line .flow > li dl dd{
	-ms-flex-preferred-size: 79%;
    flex-basis: 79%;
	
}

@media only screen and (max-width: 768px) {
	#line .flow > li dl{
		display:block;
	}
	#line .flow > li dl dt{
		padding-bottom:15px;
	}
	#line .flow > li dl dt,
	#line .flow > li dl dd{
		display:block;
		width:100%;
	}
}

#line #yoyakunaiyou ul{
	padding-top:20px;
}

#line #yoyakunaiyou ul li{
	font-weight:bold;
	padding-bottom:4px;
	display: inline-block;
	padding-right:35px;
	font-size:1.06em;
}

@media only screen and (max-width: 768px) {
	#line #yoyakunaiyou ul li{
		display:block;
		width:100%;
		font-size:1em;
	}
}


/**********
 e_mail
**********/
#e_mail{
	padding:46px 0;
	background:#f9f1e1;/** fff **/
}



/** notes **/
.notes{
	margin:0 auto;
	width:92%;
	max-width:1000px;
	text-align:left;
	padding-top:20px;
}

.notes ul li{
	font-size:0.9em;
	padding-bottom:5px;
}


/* PC・大型タブレット：769px～1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {
/**@media only screen and (min-width: 769px) and (max-width: 1100px) {**/


#contact h3{
	font-size:2.6rem;
	text-align:center;
}

#contact h3 span{
	display:block;
	padding-top:5px;
}

/**********
 e_mail
**********/
#web{}

/** reserveNavi **/
#reserveNavi{
	padding-bottom:25px;
}

#reserveNavi a{
	width:48%;
}


}


/* PC向け：1050px以上で固定 */
@media only screen and (min-width: 1051px) {

#contact h3{
	font-size:2.6rem;
	text-align:center;
}

#contact h3 span{
	display:block;
	padding-top:5px;
}

/** reserveNavi **/
#reserveNavi{
	padding-bottom:25px;
}

#reserveNavi a{
	width:48%;
}

}

@media print {


#contact h3{
	font-size:2.6rem;
	text-align:center;
}

#contact h3 span{
	display:block;
	padding-top:5px;
}


}