@charset "utf-8";

/* responsive
--------------------------------*/ 
.sponly{display:none;}
#mainimg-top-sp{display:none;}

* {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}

body {
 color:#000;
 line-height:2;
 font-size:18px;
 -webkit-text-size-adjust: 100%;
}

img {
 max-width:100% ;
 height:auto ;
} 

a{
 font-size:100%;
 color:#3274c0;
 text-decoration:none;
}

a:hover, a:active{
 opacity:0.6;
 filter: alpha(opacity=60);
}

hr.hr01{
 border-top: 1px solid #ccc;
 margin:25px 0 0;
}

.sp-tal{text-align:center;}

.adjust-scroll{
 margin-top:-77px;
 padding-top:77px;
}

.fs-05{font-size:0.5rem;}
.fs-06{font-size:0.6rem;}
.fs-07{font-size:0.7rem;}
.fs-08{font-size:0.8rem;}
.fs-09{font-size:0.9rem;}
.fs-11{font-size:1.1rem;}
.fs-12{font-size:1.2rem;}
.fs-13{font-size:1.3rem;}
.fs-14{font-size:1.4rem;}
.fs-15{font-size:1.5rem;}
.fs-18{font-size:1.8rem;}
.fs-20{font-size:2rem;}

.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}

.mt-25{margin-top:25px;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.mb-25{margin-bottom:25px;}
.mb-50{margin-bottom:50px;}
.mb-100{margin-bottom:100px;}

.flo-l{float:left;}
.flo-c{float:center;}
.flo-r{float:right;}

.red{color:#ff003c;}

.fc-666{color:#666;}

.underbar {text-decoration : underline;}


/* h
--------------------------------*/ 
h1{
 width:100%;
 padding:5px 1%;
 color:#666;
 font-size:0.9rem;
 font-weight:normal;
 text-align:right;
 line-height:1;
 background:#eee;
}

h2{
 font-size:3rem;
 font-weight:normal;
 text-align:center;
 line-height:1.5;
}

h3{
margin-bottom:10px;
padding:2px 10px;
 background-color:#000;
 color:#fff;
 font-size:1.5rem;
 text-align:center;
 font-weight:normal;
 border-radius:2px;
 display:inline;
}

h4{
 font-size:1.3rem;
 border-bottom: 1px solid #999; 
}


/* header
--------------------------------*/ 
header{
 width: 100%;
 height:100px;
 background:#fff;
 position:fixed; 
 top: 0;
 z-index:1000;
 box-shadow: 0 3px 6px rgba(0,0,0,0.2); 
}

.header-box{
 width:100%;
 padding:10px 1%;
 display:flex;
 justify-content:space-between;
 align-items: center;
}


/* main,wrapper
--------------------------------*/ 
main{
 width:100%;
 margin-top:100px;
 display:block;/* ieで上にスペースを入れるため */  
}
#mainimg img{width:100%;}

#wrapper{width:100%;}


/* section
--------------------------------*/ 
section{width:100%;}

.box{padding:100px 0;}
.backcolor{background-color:#eee;}
.box50,.box25,.box0{
 width:1200px;
 margin:0 auto;
}
.box50{padding-top:50px;}
.box25{padding-top:25px;}
.box0{padding-top:0;}


/* footer
--------------------------------*/ 
footer{
 width:100%;
 padding:25px 0;
 border-top: 1px solid #ccc;
 background:#eee;
}
footer p{
 font-size:0.9em;
 text-align:center;
}

small{
margin-top:25px;
 color:#aaa;
 font-size:0.9em;
 text-align:center;
 display:block;
}


/* pagetop
--------------------------------*/ 
#pagetop {
 position: fixed;
 bottom:10px;
 right: 10px;
}


/* top
--------------------------------*/ 

/* top-topics
--------------------------------*/
#top-topics{
 width:100%;
 max-width:1200px;
 margin:0px auto 0 auto;
}
#top-topics article{
 width:100%;
 max-width:1200px;
 padding:25px 0;
 border-bottom: 1px dotted #aaa;
}
#top-topics article:after {
  content: "";
  clear: both;
  display: block;
}
#top-topics article .date{
 padding:2px 5px;
 color:#fff;
 font-size:0.8em;
 background:#333;
 display:inline;
}
#top-topics article .title{
 margin:10px 0;
 padding:0 0 0 10px;
 font-size:1.4em;
}
#top-topics article .sentence{
 margin:0 0 0px 0;
 padding:0 0 0 10px;
}


#top-topics article:last-child{
 border-bottom:none;
}


/* 
#top-topics .archive{
 width:auto;
 margin:10px 0 0 0;
 float:right;
}
#top-topics .archive a{
 padding:2px 10px;
 color:#fff;
 font-size:0.9em;
 display:block;
 background:#a98f30;
}
*/


/* accsess
--------------------------------*/
.g-map {
 position: relative;
 padding-bottom: 40%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
 
.g-map iframe,
.g-map object,
.g-map embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}


/* service
--------------------------------*/
.service{
 display:flex;
 justify-content:space-between;
 flex-wrap: wrap;
}
.service div{
 padding:10px 20px;
 background:#fff;
}
.service ul{
 padding:0 0 0 1em;
 font-size:0.95rem;
 list-style:disc;
}


@media only screen and (max-width: 1199px){

/* header
--------------------------------*/ 
#logo{width:50vw;}
#tel{width:25vw;}


/* main,section
--------------------------------*/ 
.box{padding:100px 1%;}
.box50,.box25,.box0{width:100%;}

.service div{flex-basis:46%;}
.service div:nth-child(1),.service div:nth-child(2){margin-bottom:25px;}

}


@media only screen and (max-width: 768px){
.spnone{display:none;}
.sponly{display:block;}

.adjust-scroll{
 margin-top:0px;
 padding-top:0px;
}

/* h
--------------------------------*/ 
h2{font-size:2rem;}

/* header
--------------------------------*/ 
header{height:auto;}

.header-box{flex-direction: column;}

#logo{width:95vw;}
#tel{
 width:55vw;
 margin-top:15px;
}

/* main,section
--------------------------------*/ 
main{margin-top:110px;}
.box{padding:50px 0;}

#mainimg-top{display:none;}

#mainimg-top-sp{display:block;}

.service{justify-content:center;}
.service div{flex-basis:90%;}
.service div:nth-child(3){margin-bottom:25px;}


/* pagetop
--------------------------------*/ 
#pagetop{width:15%;}


}