/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* base */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

 /* nav
---------------------------------------------------- */

.nav01 { clear:both; text-align:left; border-bottom:1px #999 dashed; padding-bottom:5px; margin-bottom:5px; }
.nav01 li { display:inline; margin-right:15px; }


.nav03 { clear:both; margin-bottom:30px; text-align:left; }


.gotop { position:fixed; right:0; bottom:0; display:block; width:53px; height:53px; }


 /* section
---------------------------------------------------- */
.sec03 { width:1000px; padding:20px 0; margin:auto; clear:both; border-top:1px #999 dashed; }
.sec04 { width:1000px; padding:10px 0 20px 0; margin:0 auto 50px auto; clear:both; text-align:left; }
.secWP { border-top:1px #CCC solid; margin-top:30px; }





/* article
---------------------------------------------------- */
.art01 { margin-bottom:30px; }

.art02 {　margin-bottom:30px; }


/* box
---------------------------------------------------- */

/*box02とbox03はスマホ対応のため下部に記載*/
.box04 { padding:10px 0 8px 10px; }
.box04 img { vertical-align:bottom; }







/* h1
---------------------------------------------------- */
.h101 { margin:20px; }

 /* h2
---------------------------------------------------- */
.h201 { float:left; }
.h202 { font-weight:bold; font-size:190%; color:#0B568E; margin-bottom:10px; line-height:120%; }
.h203 { margin-bottom:10px; text-align:center; }
.h204 {  background: url(../images/icon02.png) no-repeat 0 0; padding-left:36px; line-height:30px; color:#0B568E; font-size:130%; margin-bottom:10px; clear:both; }
.h205 { color:#0B568E; font-size:120%; margin-bottom:10px; text-align:left; clear:both; }

 /* h3
---------------------------------------------------- */
.h301 { font-weight:bold; margin-top:10px; }
.h302 { background: url(../images/icon02.png) no-repeat 0 0; padding-left:36px; line-height:30px; color:#0B568E; font-size:120%; margin-bottom:4px; clear:both; }
.h303 { font-weight:bold; }
.h304 { font-weight:bold; font-size:110%; color:#FFF; background:#9B9E18; padding:4px 8px; margin-bottom:6px; }


.h305 { margin:0 0 10px 0; font-size:120%; color:#EB4163; }
.h305 img { vertical-align:middle; margin-right:10px; }


 /* h4
---------------------------------------------------- */
.h401WP { background:url(../images/bk01.gif); padding:6px 10px 6px 10px; margin:15px 0; }
.h401 { font-size:120%; color:#0B568E; }
.h401 span { font-weight:normal; font-size:75%; }
.price { float:right; width:270px; text-align:right; font-weight:bold; font-size:140%; color:#EB4163; }

 /* h5
---------------------------------------------------- */
.h501 { float:right; }




 /* h6
---------------------------------------------------- */
.h6btn a { display:block; padding:5px 10px; background:#EB4163; color:#FFF; text-align:center; margin:10px 0; }
.h6btn a:hover { background:#0B568E; color:#FFF; text-decoration:none; }



 /* P
---------------------------------------------------- */
.p01 { text-align:left; }
.p01 span { font-weight:bold; margin-right:10px; }

.p02 { margin-bottom:20px; text-align:left; }
.p03 { margin-bottom:10px; text-align:left; }

.p04 { clear:both; padding:10px 0; }
.p04 a { cursor:pointer; }


.p05 { margin:10px 0; }

.bg_yellow { background-color:#ffff00; }

 /* iframe
---------------------------------------------------- */



 /* table
---------------------------------------------------- */
table.tbl01 {  }
table.tbl01 td { padding:20px 20px; border-top:1px dotted #CCC;  }
table.tbl01 td.td-btn { text-align:center; }
table.tbl01 th { padding:20px 20px; text-align:right; vertical-align:middle; border-top:1px dotted #CCC; }


.formset01 input,select { padding:8px; font-size:120%; background:#F0F0F0; border:#CCC 1px solid; }
.formset01 textarea { width:90%; padding:8px; font-size:120%; background: #F0F0F0; border:#CCC 1px solid; }
.formset01 input.btn { margin:0 5px; font-weight:bold; cursor:pointer; background:#EB4163; border:none; color:#FFF; }
.formset01 input.btn:hover { background:#0B568E; color:#FFF; }



table.tbl02 {  }
table.tbl02 td { padding:10px; border:1px solid #CCC; }
table.tbl02 th { padding:10px; border:1px solid #CCC; text-align:left; background:#F7F8D1; }



table.tbl03 {  }
table.tbl03 td { padding:10px; border:1px solid #CCC; }
table.tbl03 th { padding:10px; border:1px solid #CCC; text-align:center; background:#F7F8D1; }



table.tbl04 { background:#FDE8ED; }
table.tbl04 td { padding:10px; }
table.tbl04 th { padding:10px; background:#EB4163; color:#FFF; text-align:center; font-size:150%; font: Verdana, Geneva, sans-serif; }

table.tbl05 {  }
table.tbl05 td { padding:10px 20px; background:#F7F8D1; font-size:120%; }
table.tbl05 td span { font-weight:bold; }
table.tbl05 th { padding:10px; background:#98B623; color:#FFF; text-align:center; font-size:150%; font: Verdana, Geneva, sans-serif; vertical-align:middle; }


tr.trset01 { background:#EAEAEA; }
.set01 { background: url(../images/bk01.gif); }
.td01 { font-weight:bold; font-size:120%; }


 /* text decoration
---------------------------------------------------- */


 /* img
---------------------------------------------------- */
.picframe { border:1px #CCC solid; padding:10px; margin:10px 0; text-align:center; }
.picframe img { margin:auto; }

.imgplace { text-align:center; }
.imgplace img { margin:10px auto; }

.imgplace2 { text-align:center; }
.imgplace2 img { margin:5px auto; }



 /* photo frame
---------------------------------------------------- */



 /* span
---------------------------------------------------- */
.sp01 { font-size:x-small; }


/* list
---------------------------------------------------- */
ul.ul-menu { width:1000px; margin:auto; }
ul.ul-menu li { float:left; margin-right:15px; text-align:left; color:#FFF; font-size:90%; }
ul.ul-menu li.copyright { float:right; margin-right:0; }
ul.ul-menu h3 { font-weight:bold; }



/* select option
---------------------------------------------------- */


/* form
---------------------------------------------------- */



/* set
---------------------------------------------------- */



/* others
---------------------------------------------------- */
.addres01 { font-style:normal; }

.line01 { width:1000px; margin:auto; border-top:1px dashed #CCC; }


/*===============================================
タブレット用
===============================================*/
@media screen and (min-width: 860px){

/*ヘッダー部分*/
.head_p { display:none; }

.sec01 { width:1000px; padding:20px 0; margin:auto; clear:both; }
.sec02 { width:1000px; padding:120px 0 20px 0; margin:-100px auto 50px auto; clear:both; text-align:left; }

.nav00 { width:1000px; margin:auto; background:#FFF;  }
.nav00 li { float:left; margin-right:3px; }
.nav00 li.last { margin-right:0; }
.nav00 li img { vertical-align:bottom; }

.nav02 { clear:both; border-bottom:1px #999 dashed; padding-bottom:5px; margin-bottom:5px; }
.nav02 ul { display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; justify-content: space-between;/*端まで詰める*/
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.nav02 li { width:32%; height:2em; font-size:120%; display:table; border-radius:5px; background:#FBD2DB; margin:0.3em 0; transition: 0.2s; }
.nav02 li:hover { background:#eb4163; }
.nav02 li a { display:table-cell; height:100%; color:#000; vertical-align: middle; }
.nav02 li a:hover { color:#FFF; text-decoration: none; }

.box01 { margin-bottom:10px; }
.box02 { width:170px; padding:0; float:left; }
.box02 p { text-align:left; }
.box03 { width:800px; padding:0; float:right; text-align:left; }
.box03 article { padding:4px; }

/*タイトル部分*/
.title { width:100%; margin:20px 0; text-align:center; }
.title_p01 { width:100%; padding:20px 0; font-size:380%; color: #0B568E;}
.title_p02 { width:100%; padding-top:10px; font-size:150%; color:#696969; }

/*サービス一覧*/
.service { margin-top:20px; }
.service li { height:110px; padding:10px 0; border-top:1px dashed #999; vertical-align:middle;  }
.service li.first { border-top:none; }

.tile-sidel { width:420px; padding:20px; float:left; margin-right:21px; background:#F7F8D1; margin-bottom:20px; }
.tile-sider { width:420px; padding:20px; float:right; margin-right:21px; background:#F7F8D1; margin-bottom:20px; }

.tile-all { width:840px; padding:20px; float:left; margin-right:21px; background:#F7F8D1; margin-bottom:20px; }

.tile-left { width:340px; float:left; padding:20px 25px; margin-bottom:20px; background:#F7F8D1; }
.tile-right { width:340px; float:right; padding:20px 25px; margin-bottom:20px; background:#F7F8D1; }
.tile-left article::after {
    content:'';
    display: block; 
    clear:both;
}
.tile-right article::after {
    content:'';
    display: block; 
    clear:both;
}
/*お問い合わせ*/
.inquiry { width:100%; border-top:1px dotted #000; clear:both; }
.inq01 { width:18%; line-height:40px; padding:1.5em 0; float:left; text-align:right; font-weight:bold; }
.inq02 { width:78%; padding:1.5em 0; float:right; }
.td-btn { width:100%; padding:1.5em 0; text-align:center; }

.tile { width:279px; padding:20px; float:left; margin-right:21px; background:#F7F8D1; margin-bottom:20px; }
.tile-last { width:279px; padding:20px; float:left; background:#F7F8D1; margin-bottom:20px; }
.tile img { width:100%; border:1px solid #CCC; }
.tile-last img { width:100%; border:1px solid #CCC; }

.tile-100 { padding:20px; background:#F7F8D1; margin-bottom:20px; }
.tile-100 img { border:1px solid #CCC; }
.tile-100 img { border:1px solid #CCC; }

/*フッター部分*/
ul.ul-menu { width:1000px; margin:auto; }
ul.ul-menu li { float:left; margin-right:15px; text-align:left; color:#FFF; font-size:90%; }
ul.ul-menu li.copyright { float:right; margin-right:0; }
ul.ul-menu h3 { font-weight:bold; }


.pic_pc {}
.pic_sh { display:none; }
}
/*===============================================
スマホ用
===============================================*/
@media screen and (max-width: 859px){

/*ヘッダー部分*/

.head_p { width:95%; margin:0 auto; text-align:left; }
.head_p p { font-size:120%; }

.sec01 { width:95%; padding:20px 0; margin:auto; clear:both; }
.sec02 { width:95%; padding:80px 0 20px 0; margin:-60px auto 50px auto; clear:both; text-align:left; }

.nav02 ul { display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; justify-content: space-between;/*端まで詰める*/
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.nav02 ul li { width: 100%; height:2em; display:table; border-radius:5px; background:#FBD2DB; margin:0.3em 0; }
.nav02 li a { display:table-cell; height:100%; color:#000; vertical-align: middle; }

.box01 { width:100%; margin-bottom:10px; margin:0 auto; }
.box02 { width:100%; padding:0; margin:0 auto; }
.box02 p { text-align:left; }
.box03 { width:100%; padding:0; margin:0 auto; text-align:left; }
.box03 article { padding:4px;  box-sizing:border-box; }


/*タイトル部分*/
.title { width:100%; margin-bottom:15px; text-align:center; }
.title_p01 { width:100%; padding:10px 0; font-size:250%; color: #0B568E;}
.title_p02 { width:100%; font-size:120%; color:#696969; }

/*サービス一覧*/
.service { width:100%; margin-top:20px;
	display: -webkit-flex; display: flex; 
	-webkit-justify-content: center; justify-content: center; 
	flex-wrap: wrap; -webkit-flex-wrap: wrap; 
}
.service li { width:32%; height:110px; margin:10px 0; border-right:1px dashed #999; vertical-align:middle;  }
.service li:nth-child(3n) { border:none; }
.service li img { }
/*お問い合わせ*/
.inquiry { width:100%; padding:1em 0; border-top:1px dotted #000; clear:both; }
.inq01 { width:100%; padding:0 0 1em 0; font-weight:bold; }
.inq02 { width:100%; }
.td-btn { width:100%; padding:1.5em 0; text-align:center; }

.tile-sidel , .tile-sider , .tile-all { width:90%; padding:20px; background:#F7F8D1; margin:0 auto 20px auto; }

.tile-left { width:100%; padding:20px 25px; margin:0 auto 20px auto; background:#F7F8D1; box-sizing:border-box; }
.tile-right { width:100%; padding:20px 25px; margin:0 auto 20px auto; background:#F7F8D1; box-sizing:border-box; }

.tile-left article::after {
    content:'';
    display: block; 
    clear:both;
}
.tile-right article::after {
    content:'';
    display: block; 
    clear:both;
}

.tile { width:100%; padding:20px; background:#F7F8D1; margin-bottom:20px; box-sizing: border-box; }
.tile-last { width:100%; padding:20px; background:#F7F8D1; margin-bottom:20px; box-sizing: border-box; }
.tile img { width:100%; border:1px solid #CCC; }
.tile-last img { width:100%; border:1px solid #CCC; }

.tile-100 { padding:20px; background:#F7F8D1; margin-bottom:20px; box-sizing: border-box; }
.tile-100 img { border:1px solid #CCC; }
.tile-100 img { border:1px solid #CCC; }

/*フッター部分*/
ul.ul-menu { width:95%; margin:auto; }
ul.ul-menu li { width:100%; margin:0 auto; text-align:left; color:#FFF; font-size:90%; }
ul.ul-menu li.copyright { margin-right:0; }
ul.ul-menu h3 { font-weight:bold; }

.pic_pc { display:none; }
.pic_sh {}

.p04 a img { width:100%; }

.h201 img { width:100%; }
.h501 img { width:100%; }
}