@charset "utf-8";
/* CSS Document */

#mainvisual{
	width:100%;
	margin: 80px  auto 0;
	height: 200px!important;
	height: 100%;
	position:relative;
	z-index:10;
    -webkit-clip-path: content-box; /* workaround for Safari border-radius issue */
	/*border-radius:20px;*/
    background: url(../img/mainvisual_01.png) center top no-repeat;
}

#main_back {
    width:100%;
	margin:0 auto;
	max-height: 200px;
	height: 100%;
    background: url(../img/mainvisual_03.png) center top no-repeat;
    position: relative;
    z-index: 999;
}

.main_title{
	position: absolute;	
	top: 88px;
	left: 46%;
	font-size: 200%;
	text-align: center;
	line-height: 0.8;
}

.main_title span{
	font-size: 70%;
}

/*--====== パンくずリスト ======--*/



#pan_box{
	width:100%;
	height:	40px;
	background:#fff;
	color:#535353;
}


#pan_list{
	width:1100px;
	height:30px;
	color:#535353;
	margin:0 auto;
}

/* リスト */
ol.topic-path {
list-style-type: none; /* リストマーク非表示 */
line-height:30px;
font-size:100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
display: inline; /* 項目を横並び */
}

ol.topic-path li.first{
	padding-left:30px;
}


ol.topic-path li.second{
	padding-left:5px;
}


ol.topic-path li.first {
	background-image:url(../img/top_pan.png) ;
	background-position:5% 0%; /*リストマーク左5％　上から５０％*/
	background-repeat:no-repeat;
}

/* リンクエリア */
ol.topic-path li a {
padding-right: 20px; /* 右パディング */
background: url(../img/navi-marker.gif) no-repeat right ; /* 矢印記号（※） */
padding-bottom: 5px;
}
/* リンク色 */
ol.topic-path li a {
	font-size: 20px;
	color:#f5a24d;
	text-decoration:underline;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover{
	color:#F60;
}


/*--====== ここまでパンくずリスト ======--*/

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

			    service
			 
--------------------------------------------*/

.service{
	padding: 40px 0;
}

.wrapper{
	width: 1000px;
	margin: 0 auto;
}

.service_title{
	width: 200px;
	margin: 0 auto;	
}

.service_title h2{
	font-size: 200%;
}

.service-list{
	margin: 30px auto;
	display: flex;	
	justify-content: space-evenly;
}

.service-list li{
	width: 400px;
    padding: 10px;	
	border: 2px dotted #f5a24d;
}


.service-list li span.num{
	font-size: 130%;
	line-height: 32px;
    border-radius: 25px;
    text-align: center;
    display: inline-block;
    background: #f5a24d;
    color: #fff;
    width: 35px;
    height: 35px;
}

.service-list li strong{
	margin: 0 10px;
	font-size: 160%;	
}

.service-list li p{
	padding: 5px 0 5px 45px;	
	font-size: 108%;
	line-height:1.8em;
	
}

.sm_text{
	font-size:108%;
	padding-left:10px;
	font-weight:bold;
}
/*------------------------------------------

			    floor
			 
--------------------------------------------*/
.floor{
	padding: 60px 0;	
}

.floor_title{
	text-align: center;	
}

.floor_title h2{
	font-size: 180%;
position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}

.floor_title h2:before,
.floor_title h2:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.floor_title h2:before {
  border-left: solid 2px #ddebbf;
  border-top: solid 2px #ddebbf;
  top:0;
  left: 0;
}

.floor_title h2:after {
  border-right: solid 2px #ddebbf;
  border-bottom: solid 2px #ddebbf;
  bottom:0;
  right: 0;
}

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

			    price
			 
--------------------------------------------*/

.price{
	background:#f3fafe;
	padding: 40px 0;	
	letter-spacing: 1px;
	line-height: 1.7;
}
.price-wrapper{
	background: #fff;
	margin: 0 auto;
	padding: 40px 20px;
	width: 800px;
	/*border: 1px solid #c3e6f9;*/
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}


.price_title h2{
	font-size: 180%;
	width: 105px;
	margin:0 auto;
	color: #333;/*文字色*/
  /*border-top: solid 3px #c3e6f9 ;*//*上線*/
  border-bottom: solid 3px #c3e6f9 ;/*下線*/
  text-align: center;
}

.price-box{
	margin: 20px auto;	
}

.price-box h4{
	font-size: 160%;	
}

.big-title{
	font-size: 160%;
	margin: 20px 0 5px 10px;
	background: linear-gradient(transparent 70%, #c3e6f9 70%);
	width: 85px;
}

.big01{
	width: 110px;
}

.list01{
	padding: 5px 0 10px;	
}


.list01>li{
	display: flex;
    justify-content: space-between;	
	font-size: 130%;
	border-bottom: 1px dashed #c3e6f9;
	padding: 10px 0;
}

.list01 .min{
	font-size: 80%;	
	margin: 0 10px;
}

.list02{
	width: 100%;	
}
.list02>li:first-of-type{
	display: flex;
    justify-content: space-between;	
}

.list02 li.list-text{
	font-size: 75%;
	margin: 5px 10px;
	background: #f5fbfe;
	padding: 10px;
	letter-spacing: 1px;
	line-height: 1.7;
	border-radius: 10px;
}

.price-title span{
	font-size: 16px;
	margin-left: 10px;	
}

.list01 .red{
	color: #F00;
	margin: 0 10px;
	font-size: 90% !important;	
}

.list03>li{
	display: flex;
    justify-content: space-between;	
	width: 95%;
	margin:	10px auto;
	font-size:	95%;
}


.list01>li.making{
	font-size: 150%;	
}


.big02{
	width: 320px;	
	background: linear-gradient(transparent 70%, #ddebbf 70%);
}

.list-text02{
	background: #fafcf6;
	font-size: 75% !important;
    margin: 5px 10px;
    padding: 10px;
    letter-spacing: 1px;
    line-height: 1.7;
    border-radius: 10px;	
}

.option>li{
	    border-bottom: 1px dashed #ddebbf;
}


.big03{
	width: 60px;	
	background: linear-gradient(transparent 70%, #ffeb93 70%);
}

.list-text03{
	background: #fffcf0;
	font-size: 75%;
    margin: 5px 10px;
    padding: 10px;
    letter-spacing: 1px;
    line-height: 1.7;
    border-radius: 10px;	
}

.care>li {
    border-bottom: 1px dashed #ffeb93;
}


.price .red{
	color: #F00;
	padding: 0  10px;	
	font-size: 120%;
}