@charset "utf-8";
/* ------------------------------------- */
/*              BASIC FORMAT             */
/* ------------------------------------- */

*{
margin:0;
	padding:0;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
	font-size:12pt;
	line-height:1.8;
	color:#222;
	-webkit-font-smoothing: antialiased;
}

.pc{
    display:none;
}
html{
	font-size: 6.25%;
	width:100%;
	height:100%;
	-webkit-text-size-adjust: 100%;

}

body #contents{
    font-size: 10px;
    font-size: 10rem;
}

header {
 margin:0 auto;
	padding:0;
   width:100%;
    max-width:750px;
}


#head {
    width:100% auto;
    background-image:url('../images/img01_2m.png');
    background-repeat:no-repeat;
    background-size:contain;
    height:55vh;
    margin:0 auto;
    background-position:center;
}
#head02 {
    display:none;
}
.homebtn{
    float:right;
    margin-top:2em;
    margin-right:5px;
}
.pagetitle {
 width:345px;
 font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
 color:#000;
 padding-top:11px;
 float:left;
 margin-left:50px;
 margin-top:10px;
}


p.resizeimage img { 
	width: 100%;
    height: auto;
}

#home {

 width:68px;
 height:23px;
 float:righ;
}

#headinq a:hover{
 color:#fff;
 background-image:url('../images/btn_inq_on.png');
 background-repeat:no-repeat;
}


navi {
 width:750px;
 margin:10px auto;
}

section {
 width:auto;
    max-width:730px;
 margin:10px auto;
}


footer {
    width:auto;
    max-width:750px;
    margin:10px auto;
    background-color:#756a57;
}


a   {
 color:#00b;
 text-decoration:underline;
}


p	{
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
    font-size:medium;
    color:#000;
    line-height:150%;
}

.elmnum {
 font-size:x-small;
 color:#000;
 line-height:150%;
}

img {
 border:0;
}

li {
 margin-left:30px;
}

.pagetop a{
    width:135px;
    background-color:#cc551f;
    padding-right:30px;
    padding-top:12px;
    color:#fff;
    font-size:10pt;
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-image:url('../images/ttlico_arr.png');
    background-repeat:no-repeat;
    float:right;
    height:22px;
    text-decoration:none;
    background-position:right;
    text-align:right;
}

.pagetop a:hover{
    background-color:#ff8f1e;
}
.clear {
 clear:both;
}


/*--------------- MENU FORMAT ------------------*/

/*--------------- BASIC FORMAT ------------------*/

#container {
 width:auto;
    max-width:720px;
 margin: 0 auto;
 background-color:#fff;
}

#docs {
    width:95%;
 	margin:10px auto;
}
.mobarea01{
	width:100%;
    box-sizing:border-box;
    
    background-color:#f1ded3;
    margin:1em auto;
    padding:1em;
    text-align:center;
    color:#e55514;
    font-size:16pt;
    font-weight:bold;
    line-height:100%;
}
.phone01{
    width:200px;
    padding-left:85px;
    padding-top:15px;
    color:#231815;
    font-size:23pt;
    font-weight:bold;
    background-image:url('../images/ico_phone.png');
    margin:0 auto 1em;
    background-repeat:no-repeat;

    background-position:left 20px;
}
.btn-tel a{
    width:250px;
    background-color:#ff563f;
    color:white;
    font-size:18pt;
    font-weight:bold;
    padding:0.6em;
    margin:0 auto;
    text-align:center;
    text-decoration:none;
}

#foot {

 width:auto;
    max-width:750px;
 padding-top:5px;
 margin:0 auto;
    background-color:756a57;
    
    
}

.foot_company {
	font-size:14pt;
	 color:#fff;
    text-align:center;
}

#footinfo,#copyright {
	 font-size:small;
	 color:#fff;
    text-align:center;
    line-height:100%;
    padding-bottom:1em;
}




/**** this CSS tags for "top page"****/
/*=======================================*/

.catch {
    font-size:16pt;
    text-align:center;
    
    line-height:140%;
    font-weight:bold;
    margin:20px 0;
}

.due {
    width:100%;
    margin-top:3em;
    padding-top:1em;
     margin:0 auto;
    padding:10px;
    box-sizing:border-box;
    
}

.mono {
    width:100%;
    margin-top:3em;
    padding-top:1em;
    margin:0 auto;
    box-sizing:border-box;
}


.sig {
    text-align:right;
    
}
.caption{
    text-align:center;
    margin-bottom:3em;
}
.bnr{
    width:90%;
    margin:0 auto;
}
.access{
    width:80%;
    margin:0 auto;
}
.gmap{
    width:100%;
    margin:0 auto;
    text-align:center;
    
}
.dlr {
    display:none;
}
.rdocs{
    width:80%;
    margin:10px auto;
}
.dltxt {
	width:60%;
    font-size:medium;
    line-height:150%;
    color:#5d3c15;
    margin:15px auto;
}
h1{
    width:550px;
    padding-top:75px;
    color:#5f4c3f;
    font-size:16pt;
    text-transform:uppercase;
    text-align:center;
    background-image:url('../images/ttlbspc_01.png');
    background-size:contain;
    margin:50px auto 0;
    background-repeat:no-repeat;
    background-position:center;
}

h2#prof{
    width:90%;
    background-color:#b46963;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_prof.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#service{
    width:90%;
    background-color:#ad6643;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_service.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#map{
    width:90%;
    background-color:#735029;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_map.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#exp{
    width:90%;
    background-color:#536312;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_exp.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#feature{
    width:90%;
    background-color:#964755;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_feature.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}
h3{
	text-align:center;
    color:#3f1600;
    font-size:15pt;
    font-weight:bold;
}
.more {
    width:auto;
    max-width:750px;
    background-color:#c4bb9c;
    padding:10px;
    color:#3f1600;
    font-size:medium;
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */
	margin:15px auto;
}

.dlbtn a{
    width:220px;
    background-color:#a21425;
    padding:12px 0 12px 100px;
    color:#fff;
    font-size:large;
    font-weight:bold;
    display:block;
    background-image:url('../images/ttlico_dl.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px auto;
    background-repeat:no-repeat;
    height:26px;
    text-decoration:none;
    
}

.dlbtn a:hover{
    background-color:#ff8f1e;
}
.details{
    width:95%;
    margin:1em auto;
    padding:1em;
    background:#f7eee9;
        -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
}
.detail_blk{
    width:90%;
    margin:0 auto;
    border-top:2px solid #afafaf;
    padding:1em;
}
.detail_ttl{
	font-weight:bold;
    font-size:14pt;
}

table.data{
    width:430px;
border-collapse:collapse;
    
}

td.ttl01 {
    width:100px;
    vertical-align:top;
    
}

td.ttl02 {
    width:150px;
    vertical-align:top;
    
}

td.ttl03 {
    width:2em;
    vertical-align:top;
    
}

.section {
	width:auto;
  max-width: 750px;
  margin: 0 auto;
  padding: 50px 10px;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;

  margin-right: 10px;
}


@media all and (max-width: 720px) {
  table.pannel th, table.pannel td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  table.pannel tr:last-child td:last-child {
    border-bottom: 1px solid #ccc;
  }
}



/**** this CSS tags for "top page Alubum"****/
/*=======================================*/
.photoAlbum {
	margin:40px auto;
	padding:0;
}
.photoAlbum h2#album {
position:relative;
	color:#fff;
	background: #ffa54f;
	border-radius:5px;
    padding-top:12px;
    padding-left: 53px;
    font-size:medium;
    height:26px;
    margin:10px 0;
    
}
.photoAlbum h2#album::before {
	content:url('../images/ttlico_album.png');
	position:absolute;
	top:0;
	left:8px;
}

.photoAlbum .d-flex {
	display:flex;
	justify-content:center;
	gap: 13px;
}
.photoAlbum .flex-box ul.photoItems {
	display: flex;
	flex-wrap: wrap;
    justify-content:space-between;
}
.photoAlbum .flex-box ul.photoItems > li {
	list-style: none;
	margin-left:0;
	margin-bottom: 35px;
	border:1px solid #fdba7b;
    border-radius: 2px;
    width: 100%;
}
.photoAlbum .flex-box ul.photoItems li img {
	max-width: 100%;
	vertical-align:middle;
	width: 220px;
    box-shadow: rgba(0, 0, 0, 0.10) 1.95px 1.95px 2.6px;
}
.photoAlbum .flex-box ul.photoItems li .photo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
    padding: 16px;
}
.photoAlbum .flex-box ul.photoItems li .photo .photo--caption {
	margin-top:5px;
	letter-spacing: 0.05em;
}
.photoAlbum .flex-box ul.photoItems li .photo .photo--caption h4 {
    margin-top: 10px;
    margin-bottom: 5px;
	letter-spacing: 0.05em;
}