@charset "UTF-8";


/*      フォントファミリー指定
----------------------------------------------------------------------*/

body {
	width: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	line-height: 1.6em;
	background-color:#FFF;
    -webkit-text-size-adjust: 100%;
}

img { width:100%;}

a {
  color:#0430CC;
  text-decoration:none;
}
a:hover {
  color:#0430CC;
  text-decoration:underline;
}

/*----------------------------------------------------------------- header
*/

.h-colb { height: 80px; padding-top: 210px;}
h1 {width: 160px; margin:3% auto 0;}
h1 img { width: 160px; border-radius: 0;}


.dis { text-align: center; padding: 3% 0; font-size: 0.8em; line-height: 1.4em; clear: both;}

nav img  { max-width: 230px;}

.head-navi  {display: none;}
.navi-area {display: none;}
.navi {display: none;}
.navi-area .sns {display: none;}

.main { clear: both; margin-top: 200px;}
.red { color:#DF0404;}


.nav-logo img { width: 110px;}


.cd-primary-nav .sns { width: 80px; margin: auto;}
.cd-primary-nav .sns li { width: 30px; float: left; margin:15px 10px 0 0; padding: 0 !important;}
.cd-primary-nav .sns li:nth-child(2) {margin-right: 0;}
.cd-primary-nav .sns li a { margin: 0; padding: 0;}
.cd-primary-nav .sns img { width: 30px; border-radius: 0; margin: 0; padding: 0;}




/*----------------------------------------------------------------- contents
*/

#contents { width: 100%; margin: 0 auto 0;}



h2 { font-size: 1.8em; line-height: 1.2em;}
h2 span { display: block; font-size: 0.6em;}


.mb0 { margin-bottom: 0px;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}

.mr20 { margin-right: 20px!important;}
.clear { clear: both;}


@media screen and (min-width: 680px){   
  .pcbr { display:inline; }
  .spbr { display:none; }
}
@media screen and (max-width: 680px){   
  .pcbr { display:none; }
  .spbr { display:inline; }
}

.wp-pagenavi {
	clear:both;
text-align: center;
margin: 40px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 3px 8px;
margin: 5px;
border:solid 1px #999;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #FFF;
	background-color:#666;
}

.wp-pagenavi span.current {
font-weight:normal;
}



#page-top {
    position: fixed;
    bottom: 60px;
    right: 10px;
    font-size: 2em;
}
#page-top a {
    background: #2810ff;
	color: #FFF !important;
    text-decoration: none;
    width: 50px;
    height: 40px;
    text-align: center;
    display: block;
    border-radius: 100px;
	padding-top: 10px;
}


#page-top a:hover {
    text-decoration: none;
    background:#2810ff;
}

#page-top img { width: auto;}

.aR { text-align: right!important;}

.notfound  { text-align: center; margin: 100px 0;}

.contact-bt a { display: block; background-color: #383635; color: #fff !important; width: 90%; margin: 25px auto; text-align: center; padding: 15px 0; font-size: 1.1em; font-weight: bold; background-image: url("../img/common/arrow_w.png"); background-repeat: no-repeat; background-position: right;}
.contact-bt a:hover { text-decoration: none; background-color:#636363;}


/*----------------------------------------------------------------- footer
*/


#contact-area {margin: 20px auto;}

#contact-area .ttl h2 { font-weight: bold; font-size: 1.8em; line-height: 1em;}
#contact-area .ttl h2 { display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left;}
  
#contact-area .ttl h2:before, .catch:after {
  border-top: 3px solid;
  content: "";
  width: 25px; /* 線の長さ */
}

#contact-area .ttl h2:before {  margin-right: 0.4em; /* 文字の右隣 */}
#contact-area .ttl p { font-weight: normal; font-size:0.8em; padding:5px 0 0 36px;}

#contact-area .box { margin-top: 30px;}
#contact-area .box .tel { font-size: 1.9em; line-height: 1.4em; padding: 5px 10px 0 0; font-weight: bold;}


#contact-area .box .contact-bt a { display: block; background-color: #383635; color: #fff !important; width: 90%; margin: 25px auto; text-align: center; padding: 15px 0; font-size: 1.1em; font-weight: bold; background-image: url("../img/common/arrow_w.png"); background-repeat: no-repeat; background-position: right;}
#contact-area .box .contact-bt a:hover { text-decoration: none; background-color:#636363;}



footer { width: 100%; margin:0; padding: 0; clear: both; }
footer img { width: 100%; width:auto;}

.footer-contact { float: none; background-color: #2810ff; margin-bottom: 20px;}
.footer-contact li { float: left; margin: 7px 2% 0px 2%; width: 46%;}
.footer-contact li:hover { opacity: 0.9;}
.footer-contact li img { width: 100%;}
footer a {  text-decoration:none;}
footer a:hover {  text-decoration:underline;}


address { font-size: 1.2em; text-align:center; padding:0 0 10px; margin-top: 10px; clear: both;}

.footer-navi-area { display: none;}

.footer-bg { background: #2810ff;}
.ad-area { text-align:center; clear: both; padding-top: 30px;}
.ad-area .ad { margin: 10px 0 20px; font-size: 1.1em;}













/* PC向けレイアウトの指定：641px以上では固定レイアウト */
@media only screen and (min-width: 740px) {
body {
	width: 100%;
	font-family:  "Noto Sans Japanese","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#333;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#FFF;
    -webkit-text-size-adjust: 100%;
}
header {margin: auto;}
.h-cola { float: left; width: 30%;  height: 660px;}
.h-colb { float: right; width: 70%; height: 660px; padding-top: 0;}

h1 {
	height:auto;
	width: 180px;
	margin: 40px auto 0;
	z-index: 11111;
}
h1 img { width: 180px;}

h2 { font-size: 2.2em; line-height: 1.2em;}

nav,.cd-primary-nav-trigger,.cd-menu-icon {display: none !important;}

.navi-area {display:block; width: 180px; margin: auto;}

.navi {display:block; margin: 50px auto 0;}
.navi li { margin: 0 0 40px 40px; font-size: 1.1em; font-weight: 700;}
.navi li a { text-decoration: none;}
.navi li a:hover { color: #5D5D5D !important;}



.main { max-width:1000px; margin:0 auto;}

img { 
	width:auto;
}




#contents { width: 1200px; margin: 0 auto 0;}


#col-a { float: right; width: 900px;}
#col-b { float: left; width: 210px;}

#col-b h4 { font-size: 1.6em; font-weight: bolder; margin-bottom: 40px;}


.contact-bt a { display: block; background-color: #383635; color: #fff !important; width: 280px; margin: 80px auto; text-align: center; padding: 20px 0 15px; font-size: 1.1em; font-weight: bold; clear: both;}
.contact-bt a:hover { text-decoration: none;}

#page-top { right: 20px;}

#page-top a {
    background: #2810ff;
	color: #FFF !important;
    text-decoration: none;
    width: 50px;
    height: 35px;
    text-align: center;
    display: block;
    border-radius: 100px;
	padding-top: 15px;
}


#contact-area {width: 1000px; margin: 80px auto;}

#contact-area .ttl {float: left; width: 300px;}
#contact-area .ttl h2 { font-weight: bold; font-size: 2.8em; line-height: 1em;}
#contact-area .ttl h2 { display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left;}
  
#contact-area .ttl h2:before, .catch:after {
  border-top: 3px solid;
  content: "";
  width: 40px; /* 線の長さ */
}

#contact-area .ttl h2:before {  margin-right: 0.8em; /* 文字の右隣 */}
#contact-area .ttl p { font-weight: normal; font-size:1em; padding:5px 0 0 72px;}


#contact-area .box { float: right; text-align: right; margin-top: 0;}
#contact-area .box .tel { font-size: 2.1em; line-height: 1.4em; padding: 5px 10px 0 0; font-weight: bold;}


#contact-area .box .tel-area { float: left;}
#contact-area .box .contact-bt { float:right;}
/* 2023/07/05 チイキモリ修正ここから */
#contact-area .box .contact-bt a { display: block; background-color: #383635; color: #fff !important; width: 280px; margin: 0 0 50px 50px; text-align: center; padding: 15px 0; font-size: 1.1em; font-weight: bold;}
/* 2023/07/05 チイキモリ修正ここまで */
#contact-area .box .contact-bt a:hover { text-decoration: none;}


.footer-bg { background: linear-gradient(to right, #fff 0%, #fff 20%, #FDE3B5 20%,  #FDE3B5 100%);}
.footer-area { width: 1200px; margin: auto; padding-top: 40px;}

.ad-area { width: 400px; float: left; text-align: left; clear: both; padding-top: 30px;}
.ad-area .ad { margin: 10px 0 20px; font-size: 1.1em;}

/* 2023/07/05 チイキモリ修正ここから */
.footer-navi-area { display: block; width: 330px; float: right;}
/* 2023/07/05 チイキモリ修正ここまで */
.footer-navi-area .f-l {float: left;}
.footer-navi-area .f-r {float:right;}

.footer-navi-area li { font-size: 1.1em; margin:0 40px 25px 0; font-weight: bolder;}
address { text-align:right; font-size: 1.1em; margin-right: 20px;}

}