@charset "UTF-8";body {font-family:'游ゴシック Medium','Yu Gothic Medium','游ゴシック体', YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
body,
#wrap{ min-width:980px;}
.sp_break{display: none;}
.block_inner{ width:960px; padding:0 10px; margin:0 auto; position:relative;}
@media screen and (max-width: 979px) {
body,
#wrap{ min-width:auto; min-width:initial;}
.block_inner{ width:100%; box-sizing:border-box;}
}
@media screen and (max-width: 767px) {
.pc_break {display: none;}
.sp_break {display: inline;}
}

.title01{ width:177px; height:177px; border-radius:100px; font-weight:700; box-sizing:border-box; position:absolute;}
.title01 span{ font-size:12px; line-height:1.1; display:block; text-align:center; padding:10px 0 0;}
.title02{ font-size:24px; line-height:1.1; font-weight:700; border-left:6px solid; text-align:left; padding:0 0 0 10px; margin:0 0 15px;}
.title02 span{ font-size:12px; line-height:1.1; font-weight:400; color:#666; display:block; padding:10px 0 0;}
@media screen and (max-width: 767px) {
.title01{ width:90px; height:90px; border-radius:50px;}
.title01 span{ padding:5px 0 0;}
.title02{ font-size:16px; margin:0 0 10px;}
.title02 span{padding:5px 0 0;}	
}
.navi ul{ letter-spacing:-1em;}
.navi ul li{ letter-spacing:normal; display:inline-block; border-left:1px solid #666;}
.navi ul li:last-child{border-right:1px solid #666;}
.navi ul li a{ font-size:14px; line-height:20px; color:#000; font-weight:700; text-decoration:none; height:20px; padding:0 15px; display:inline-block;-webkit-transition: .3s;-ms-transition: .3s;transition: .3s;}
@media screen and (min-width: 980px) {.navi ul li a:hover{ background:#fd6500; color:#FFF;}}
@media screen and (max-width: 979px) {
.navi ul li a{  padding:0 5px;}
}
@media screen and (max-width: 767px) {
.navi ul {background-color: #f1f1f1; text-align:left;}
.navi ul li{ width:50%; box-sizing: border-box; border:none;}
.navi ul li:last-child{ border:none;}
.navi ul li a {display: block;padding: 10px 0; text-align:center;border-bottom: 1px solid #fff;}
.navi ul li a:nth-child(odd){border-right: 1px solid #fff;}
}

.header{ padding:20px 0;border-bottom:2px solid #ba5817;}
.header .logo{ width:238px;}
.header .logo img{ width:100%;}
.header .tel{ font-size:24px; line-height:1.1; font-weight:700; color:#d70000; background:url(../images/tel.png) 0 center no-repeat; background-size:20px,20px; padding:0 0 0 25px; position:absolute; right:0; top:10px;}
.header .navi{ position:absolute; right:0; bottom:0;}
.header .navi ul{ text-align: right;}
@media screen and (max-width: 979px) {
.header .tel{right:10px;}
.header .navi{right:10px;}
}
@media screen and (max-width: 767px) {
.header{ padding:10px 0 0;}
.header .block_inner{ padding:0;}
.header .logo{ width:120px; margin:0 auto 10px;}
.header .tel{display:inline-block; margin:0 auto 10px; position: inherit; right:auto; top:auto;}
.header .navi{ position: inherit;}
.header .navi ul{ text-align: left;}
}

.footer{ background: url(../images/footer_bg.png) 0 bottom repeat-x; background-size:463px,65px; padding:0 0 120px;}
.footer .logo{ width:238px; margin:0 auto 40px;}
.footer .logo img{ width:100%;}
.copyright{ font-size:12px; line-height:1.1; color:#FFF; text-align:center; padding:30px 0; background:#fd6500;}
@media screen and (max-width: 767px) {
.footer{background-size:231px,32px; padding:0 0 50px;}
.footer .logo{ width:120px; margin:0 auto 10px;}
.copyright{padding:10px 0;}
}

/*-------------------------
__error
-------------------------*/
#error {border-top: 1px solid #ddd;padding: 80px 0 150px;}
#error .inner {max-width: 960px;margin: 0 auto;}
#error h1 {font-size: 2.4em;font-weight: bold;letter-spacing: 0.04em;padding: 0 0 60px;}
#error h2 {font-size: 1.8em;line-height: 1.8;letter-spacing: 0.04em;padding: 0 0 10px;}
#error .txt {font-size: 1.4em;line-height: 1.8;letter-spacing: 0.04em;padding: 2em 0 4em;}

@media screen and (max-width: 1000px) {#error .inner {width: 100%;width: auto;max-width: none;margin: 0 20px;}
}

@media screen and (max-width: 767px) {#error {border-top: none;padding: 40px 0 60px;}
#error h1 {font-size: 1.8em;padding: 0 0 30px;}
#error h2 {font-size: 1.6em;line-height: 1.6;text-align: left;}
#error .txt {text-align: left;padding: 1em 0 2em;}
}