@charset "UTF-8";


/*----- 詳細設定 -----*/
.f_clear {clear: both;}
.t_center{text-align:center;}
.t_bold{font-weight:bold;}
.t_red{color:#e00;}


section#topimage{width:100%;background-color:#eee;}
section#topimage p{text-align:center;line-height:0;}

nav{width:100%;background-color:#8cc63f;}
ul#top_navi{font-size:0;}
ul#top_navi li{display:inline-block;text-align:center;font-size: 16px;line-height: 1.8em;}
ul#top_navi a{color:#fff;text-decoration:none;}
ul#top_navi a:after{content:'▼';padding-left:0.3em}
ul#top_navi a:hover{color:#a01;font-weight:bold;}


section .main_contents{margin-top:2em;padding:50px 0;background-image:url("./img/h2_bg.png");background-repeat: no-repeat;background-position: center top;}
section h2{text-align:center;padding:3px 0 2px;margin-bottom:80px;line-height:1em;font-size:24px;font-weight:bold;background-color:#fff;}

#info_title{border-bottom:2px solid #900;}
#info_title_text{float:left;width:8em;padding:0.8em 1em;font-size:18px;color:#fff;text-align:center;background-color:#900;border-radius:10px 10px 0 0;}
#info_title_toblog{float:right;padding:8px 10px;margin:5px 1em 0 0;font-size:16px;color:#900;text-align: center;border:1px solid #900;border-radius:4px;}
#info_title_toblog a{text-decoration:none;color:#333;}
#info_title_toblog:hover{background-color:#fff9ff;}


#info_list18{padding:0 10px;border-bottom:2px solid #900;}
#info_list18 dl{width: 100%;margin-top: 10px;border-bottom: 1px dotted #aaa;line-height: 1.8em;}
#info_list18 dl:last-child{border-bottom:none;}
#info_list18 dt{float:left;width:70px;}
#info_list18 dt img{width:70px;}
#info_list18 dd{margin-left:90px;}
#info_list18 span.date{vertical-align: middle;}
#info_list18 span.category{margin-left:1em;padding:3px 0.6em;vertical-align: middle;font-size:12px;color:#fff;background:#1e50a2;border-radius:4px;}
#info_list18 a{text-decoration:none;color:#009;}
#info_list18 a:hover{text-decoration:underline;;}


/* old */
#cost_inner{width:100%;padding:1.5em 0;background-color:#f4ffe2;}

#cost_table{display:table;width:97%;margin:0 auto;}
#cost_table dl{display:table-cell;width:25%;vertical-align:top;}
#cost_table dt{display:table;width:95%;margin:0 auto;background-color:#a01;border-radius:6px 6px 0 0;}
#cost_table dt p{display:table-cell;height:3em;color:#fff;line-height:1.2em;text-align:center;vertical-align:middle;}
#cost_table dd{display:table;width:95%;margin:0 auto;border-radius:0 0 6px 6px;
 background-color: #F7F9FC; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FC), to(#C1CFE3));
 background-image: -webkit-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: -moz-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: -ms-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: -o-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: linear-gradient(to bottom, #F7F9FC, #C1CFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F9FC, endColorstr=#C1CFE3);
}
#cost_table dd p{display:table-cell;height:3.5em;text-indent:10px;color:#a01;font-size:18px;font-weight:bold;font-family:arial;text-align:center;vertical-align:middle;}
#cost_table dd span.cost_en{color:#a01;font-size:10px;}

#cost_notes dl{width:95%;padding-top:1em;}
#cost_notes dl dt:before{content: url(../img/cap1.png);padding-right:0.3em;}
#cost_notes dl dt{font-size:18px;font-weight:bold;margin-left:0.5em;}
#cost_notes dl dd{margin:0 0 0.5em 2em;line-height:1.3em;}
#cost_notes p{text-indent:-1em;margin:0 1em 0 2em;color:#a00;}

#express_service{width:93%;margin:1em auto;}
#express_service dl{width:100%;border:solid 3px #3b0;border-radius:6px;}
#express_service dt{padding:0.2em;background-color: #3b0;text-align:center;border-radius:4px 4px 0 0;}
#express_service dd{padding:0.2em;line-height:1.8em;background-color: #fff;border-radius:0 0 4px 4px;}
/* old */

#cost_inner1{width:100%;padding:1.5em 0.5em;}
#cost_inner1 h3{margin: 2em 0 1em;padding-left: 0.3em; font-size: 22px;font-weight: bold;border-left: #333 1em solid;}
#cost_inner1 p{margin-left:1em;line-height: 1.8em;}
.cost_table1{margin-left: 1em;margin-top:1em; width: 100%;}
.cost_table1 th{padding: 0.6em 0.5em; color:#fff; border: 1px solid #666;background-color: #900;}
.cost_table1 td{padding: 0.6em 0.5em;line-height: 1.5em; border: 1px solid #666;}
.cost_table1 td:first-child {width: 8em;text-align: center;}
.cost_table1 td:last-child {width: 8em;text-align: center;}
.cost_notice{caption-side: bottom;margin-top: 0.5em;line-height: 1.5em;text-align: left;}
.cost_notice1{margin-top: 2em;margin-left: 1em;text-indent: -1em; line-height: 1.8em;font-weight: bold;}
.cost_table_img{width: 100%;text-align: center;}
.cost_table_img img{max-width: 300px;width: 100%;}

@media (max-width : 500px) {
	#cost_inner1 p{margin-left:0;}
	.cost_table1{font-size: 14px;}
	.cost_table1 td:first-child {width: 7em;text-align: center;}
	.cost_table1 td:last-child {width: 7em;text-align: center;}
}
@media (max-width : 768px) {
	.cost_table1{margin-left: 0;margin-top:1em; width: 100%;font-size: 14px;}
	.cost_table_img{width: 30%;max-width: 300px; margin: 10px auto;}
}
@media (min-width : 769px) {
	.cost_table_frame{display: flex;align-items: center;justify-content: space-between;}
	.cost_table_img{width: 22%;text-align: center;}
	.cost_table1{width: 75%;}
}


#flow_list{width:95%;margin:0 auto;padding-top:0.5em;}
#flow_list p{margin-left:3em;text-indent:-1em;line-height:1.3em;}
#flow_list dl{display:table;width:100%;margin:1em 0 0.2em;border:solid 1px #037;border-radius:6px;}
#flow_list dt{display:table-cell;width:1.5em;padding:0.3em 0;background-color: #037;font: italic bold 30px 'arial';color:#fff;text-align:center;vertical-align:middle;border-radius:4px 0 0 4px;}
#flow_list dd{display:table-cell;padding:0.2em 0.4em;vertical-align:middle;line-height:1.3em;border-radius:0 6px 6px 0;
 background-color: #F7F9FC; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FC), to(#C1CFE3));
 background-image: -webkit-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: -moz-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: -ms-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: -o-linear-gradient(top, #F7F9FC, #C1CFE3);
 background-image: linear-gradient(to bottom, #F7F9FC, #C1CFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F9FC, endColorstr=#C1CFE3);
}
#flow_list p a{text-decoration:none;font-weight:bold;color:#e00;}
#flow_list p a:after{content:'>>';padding-left:0.3em;}

#contact_body{width:95%;max-width:800px;margin:0 auto;line-height:1.8em;}
#contact_table{width:95%;margin:5px auto;}
#contact_table dl{margin:0.5em 0;}
#contact_table dt{margin:0.5em 0 0;}
#contact_table p{margin:0.5em 0 0;}
#contact_table input[type="text"]{width:95%;padding:0.2em;border:solid 1px #999;border-radius:4px;}
#contact_table textarea{width:95%;height:8em;padding:0.2em;border:solid 1px #999;border-radius:4px;}
#contact_body input[type="submit"],#contact_body input[type="reset"]{padding:0.5em 1em;}

#address_body{width:90%;max-width:780px;margin:0 auto 1em;line-height:1.8em;border-left:0.7em solid #a01;padding-left:0.5em;}

#ggmap{position:relative;width: 95%;margin:0 auto;padding: 0 0 50%;height: 0;overflow: hidden;}
#ggmap iframe{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}


#pagetop{position:fixed;bottom:20px;right:15px;font-size:25px;padding:5px 15px;color:#fff;text-decoration:none;background:#999;border-radius:50px;opacity: 0.8;}



/*----- ページレイアウト（スマホ） -----*/
@media (max-width : 375px) {
	#cost_table dd p{font-size:16px;}
}
@media (max-width : 768px) {

	ul#top_navi{text-align:center;}
	ul#top_navi li{width:49%;padding:0.5em 0;border:1px solid #fff;}
	ul#top_navi a{font-size:12px;}

	#cost_table dt{height:4em;padding:0.8em 0;line-height:1.2em;}
	#contact_table dt:before{content:'■';padding-right:0.1em;color:#a01;}

	#top_info18{margin:30px 0 70px;padding:0 5px;}


}



/* -----  PC端末  ----- */ 
@media (min-width: 980px) {

	ul#top_navi{width:980px;;margin:0 auto;}
	ul#top_navi li{width:25%;padding:1em 0;}

	.main_contents{width:980px;margin:0 auto;}

	#cost_table dt p{font-size:20px;height:90px;}
	#cost_table dd p{font-size:30px;height:100px;text-indent:15px;}
	#cost_table dd span.cost_en{margin-left:2px;font-size:14px;}
	#cost_notes {width:800px;margin:0 auto;}
	#cost_notes p{text-indent:-1em;margin:0 0 0 1em;color:#a00;}

	#flow_list{width:800px;margin:0 auto;}
	#flow_list dd{font-size:20px;}

	#express_service dd{padding-left:3em;}

	#contact_table{border-top:1px solid #CCC;width:800px;margin:5px auto;}
	#contact_table dl{display:table;width:788px;margin:0;border-bottom: 1px solid #CCC;border-right: 1px solid #CCC;border-left:12px solid #a01;}
	#contact_table dt{display:table-cell;width:210px;padding:0 7px;background-color: #eee;vertical-align:middle;}
	#contact_table dd{display:table-cell;padding:7px;border-left:1px solid #CCC;}

	#ggmap{width:800px;margin:0 auto;}

	#top_info18{margin:30px auto 70px;width:980px;}
	#info_list18 dt{width:75px;}
	#info_list18 dt img{width:75px;}
	#info_list18 dd{margin-left:110px;}
	#info_list18 span.category{font-size:14px;}

}