@charset "UTF-8";

.main{border-top:2px solid #ba5817; background:url(../images/main_bg.png) 0 0 repeat; padding:20px 0;}
.main .block_inner{ width:100%; max-width:1200px; background: url(../images/main_image.png) center 0 no-repeat; box-sizing:border-box; margin:0 auto; position:relative; padding:0;}
.main .block_inner .box{ width:980px; height:400px; margin:0 auto; position: relative;}
.main .block_inner .box .com01{ width:157px; height:157px; position:absolute; right:0; top:-10px;}
.main .block_inner .box .com02{ width:232px; height:232px; position:absolute; left:0; bottom:-45px;}
.main .block_inner .box .com01 img,
.main .block_inner .box .com02 img{ width:100%;}
.main .block_inner h1{position:absolute; bottom:0; left:0; right:0; width:100%;background: rgba(241,145,73,0.9);}
.main .block_inner h1 span{font-size:22px; line-height:1.1; font-weight:700; color:#FFF; display:block; width:980px; margin:0 auto; padding:30px 0px 30px 0; text-align:right;/*background:url(../images/h1_bg.png) 290px center no-repeat;*/box-sizing:border-box;}
@media screen and (max-width: 979px) {
.main .block_inner h1 span{width:100%;}
.main .block_inner .box{ width:100%; box-sizing:border-box;}
}
@media screen and (max-width: 767px) {
.main{ background-size:3px,3px; padding:10px 0;}
.main .block_inner{max-width: none; background-size:cover;}
.main .block_inner .box{ height:200px;}
.main .block_inner .box .com01{ display:none;}
.main .block_inner .box .com02{ width:50px; height:50px; bottom:5px;}
.main .block_inner h1{}
.main .block_inner h1 span{font-size:14px; line-height:1.5;width:100%; padding:10px 0 10px 60px; text-align: left; box-sizing:border-box; background:none;}
}

.topics {border-top: 1px solid #ddd;padding: 50px 0 90px;}
.topics .title02{ color:#fd6500;}
.topics .list{ height:180px; overflow-y:auto;}
.topics dl {text-align: left;padding:10px 0;border-bottom: 1px solid #d2d2d2;}
.topics dt {font-size: 14px;line-height: 1.6;font-weight: 700;letter-spacing: 0.04em;float: left;width: 160px;}
.topics dd {float: right;width: 100%;margin: 0 0 0 -170px;}
.topics dd p {font-size: 1.4em;line-height: 1.6;margin: 0 0 0 170px;}
.topics dd p a{color: #000;-webkit-transition: .3s;-ms-transition: .3s;transition: .3s;}
@media screen and (min-width: 980px) {.topics dd p a:hover {color:#fd6500;}}
.topics dd .new {font-size: 13px;line-height: 1;color: #fff;display: inline-block;background:#fd6500;margin: 0 0 0 1em;padding: 2px 20px;}
@media screen and (max-width: 767px) {
.topics {border-top: none;padding: 20px 0 40px;}
.topics dl {padding: 1em 0;}
.topics dt {font-size: 1.4em;float: none;width: auto;}
.topics dd {float: none;width: auto;margin: 0;}
.topics dd p {margin:0;}
}
.voice{ background:#fff0bd; padding:0 0 100px;}
.voice .title01{ font-size:28px; color:#FFF; padding:76px 0 0; background:#987d00 url(../images/voice_title.png) center 30px no-repeat; background-size:38px,30px; right:0; top:-25px;}
.voice .catch_copy{ font-size:18px; line-height:1.7; font-weight:700; color: #987d00;  height:180px; text-align:left; padding:45px 180px 0 0; box-sizing:border-box;}
.voice .list{}
.voice .list ul{ margin:0 -6px; letter-spacing:-1em;}
.voice .list ul li{ width:33.33%; box-sizing:border-box; padding:0 6px 12px; display:inline-block; letter-spacing:normal;}
.voice .list ul li .box{ border:1px solid #c9c9c9; padding:14px; background:#FFF;}
.voice .list ul li .box .photo{ height:145px; display:block; position:relative;}
.voice .list ul li .box .photo img{ width:auto; height:auto; max-width:100%; max-height:145px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.voice .list ul li .box .title{ font-size:14px; font-weight:700; color:#000; height:1em; overflow:hidden; text-align:left; display:block; margin:15px 0;}
.voice .list ul li .box .text{ font-size:14px; line-height:1.4; color:#000; height:4.2em; overflow:hidden; text-align:left; display:block;}
.voice .list ul li .box .btn{ padding:14px 0 0; display:block;}
.voice .list ul li .box .btn a{ display:block; text-decoration:none; border:1px solid #c9c9c9; padding:15px; text-align:center;-webkit-transition: .3s;-ms-transition: .3s;transition: .3s;}
.voice .list ul li .box .btn a span{ font-size:14px; font-weight:700; color:#987d00; position:relative; padding:0 25px 0 0;}
.voice .list ul li .box .btn a span:before{    display: block;content: "";position: absolute;top: 0;bottom: 0;right:0;width: 0;height: 0;margin: auto;border: 7px solid transparent;border-left: 7px solid #987d00;}
@media screen and (min-width: 980px) {.voice .list ul li .box .btn a:hover{ background:#fff0bd;}}
@media screen and (max-width: 979px) {
.voice .title01{right:10px;}
.voice .catch_copy{ font-size:16px;}
}
@media screen and (max-width: 767px) {
.voice{ padding:0 0 25px;}
.voice .title01{ font-size:14px;padding:34px 0 0; background:#987d00 url(../images/voice_title.png) center 12px no-repeat; background-size:19px,15px; top:-25px; left:0; margin:auto;}
.voice .catch_copy{ font-size:14px; line-height:1.5; height: auto; padding:70px 0 10px;}
.voice .list{}
.voice .list ul{}
.voice .list ul li{ width:100%; display:block; padding:0 6px;}
.voice .list ul li .box{padding:10px; margin:0 0 10px;}
.voice .list ul li .box .photo{ height: auto; width:100%;}
.voice .list ul li .box .photo img{ width:100%; height:auto; max-width: none; max-height: none; position: static;}
.voice .list ul li .box .title{ height: auto; overflow: visible; margin:10px 0;}
.voice .list ul li .box .text{ height: auto; overflow: visible;}
.voice .list ul li .box .btn{ padding:10px 0 0;}
.voice .list ul li .box .btn a{padding:10px;}
.voice .list ul li .box .btn a span{ font-size:14px;}
}

.our_business{ background:#d0f6ff url(../images/ourbusiness_bg.png) 0 bottom repeat-x; background-size:535px,75px; padding:0 0 100px;}
.our_business .title01{ font-size:20px; color:#FFF; padding:83px 0 0; background:#00a0e9 url(../images/ourbusiness_title.png) center 24px no-repeat; background-size:58px,42px; left:0; top:-25px;}
.our_business .catch_copy{ font-size:18px; line-height:1.7; font-weight:700; color: #666;  height:180px; text-align:left; padding:50px 0 0 210px; box-sizing:border-box;}
.our_business .box .table_wrap{ padding:30px;}
.our_business .box .table_wrap h3{font-size: 1.4em;line-height: 1.1; font-weight:700; text-align:left; margin:0 0 10px;}
.our_business .box table {font-size: 14px;line-height: 1.5;width: 100%;margin: 0 0; letter-spacing:-1em; text-align:left; border-collapse:collapse;}
.our_business .box table tr{ display:inline-block; width:33.33%; letter-spacing: normal; vertical-align:top;}
.our_business .box th,
.our_business .box td{ padding:0 5px 5px 0;}
.our_business .box th {width:9em;}
.our_business .box table td:nth-of-type(1){ width:5em;}
.our_business .box table td:nth-of-type(2){ width:2em;}
.our_business .box table td:nth-of-type(3){ width:2em;}
.our_business .other{font-size: 1.4em;line-height: 1.5;text-align:right;}
.our_business .box .btn {font-size: 1.4em;line-height: 1.8;text-align: right;text-decoration: underline;padding: 20px 0;cursor: pointer;}
.our_business .box .btn:hover {text-decoration: none;}
.our_business .box .btn:before {content: "+ ";}
.our_business .box .btn.active:before {content: "− ";}
.our_business .box .box_inner .table_wrap:nth-child(odd){ background:#FFF;}
.our_business .box .box_inner02 {display: none;filter: alpha(opacity=0);opacity: 0;}
.our_business .box .box_inner02 .table_wrap:nth-child(even){ background:#FFF;}
@media screen and (max-width: 767px) {
.our_business{ background-size:267px,37px; padding:0 0 25px;}
.our_business .title01{ font-size:14px;padding:34px 0 0;background:#00a0e9 url(../images/ourbusiness_title.png) center 7px no-repeat; background-size:29px,21px; top:-25px; right:0; margin:auto;}
.our_business .catch_copy{ font-size:14px; line-height:1.5; height: auto; padding:70px 0 10px;}
.our_business .box {margin: 10px 0 0;}
.our_business .box .table_wrap {padding:10px;}
.our_business .box .table_wrap h3{margin:0 0 5px;}
.our_business .box table {margin: 0;}
.our_business .box table tr{ display: block; width:100%;}
.our_business .box th {padding: 0;text-align: left;}
}

.message{ background:#fd6500;}
.message .title01{ font-size:26px; color:#fd6500; padding:80px 0 0; background:#FFF url(../images/message_title.png) center 20px no-repeat; background-size:62px,50px; left:0; right:0; margin:auto; top:-25px;}
.message .block_inner{padding:180px 0 100px;}
.message .box{ position: relative; min-height:290px;}
.message .box .photo{ position:absolute; top:-10px; left:0; width:224px;}
.message .box .photo img{ width:100%;}
.message .box p{ font-size:16px; color:#FFF; line-height:1.5; text-align:left; padding:0 0 0 240px;}
.message .box .sign{font-size:14px; padding:15px 0 0; text-align:right; display:block;}
.message .box .sign span{ font-size:24px; margin:0 0 0 10px;}
.message .photo {}
.message .photo ul{ margin:0 -6px; letter-spacing:-1em;}
.message .photo ul li{ width:33.33%; box-sizing:border-box; padding:0 6px; display:inline-block; letter-spacing:normal;}
.message .photo ul li img{ width:100%;}
@media screen and (max-width: 979px) {
.message .box{ padding:100%; box-sizing:border-box; padding:10px;}
.message .photo { padding:100%; box-sizing:border-box; padding:10px;}
}
@media screen and (max-width: 767px) {
.message .title01{ font-size:14px; padding:40px 0 0; background:#FFF url(../images/message_title.png) center 10px no-repeat; background-size:31px,25px;}
.message .block_inner{padding:70px 10px 10px;}
.message .box{ position: relative; min-height:inherit; padding:0 0 10px;}
.message .box .photo{ position: static; top: auto; left:auto; width:224px; margin:0 auto;}
.message .box p{ font-size:14px; padding:0;}
.message .box .sign{text-align:left;}
.message .box .sign span{ font-size:16px;}
.message .photo {}
.message .photo ul{ margin:0 -6px; letter-spacing:-1em;}
.message .photo ul li{ width:33.33%; box-sizing:border-box; padding:0 6px; display:inline-block; letter-spacing:normal;}
.message .photo ul li img{ width:100%;}
}

.outline{}
.outline .title02{ color:#666666;}
.outline .block_inner{padding:80px 0 0;}
.outline .box{}
.outline .box table{ border-collapse:collapse; width:100%; box-sizing:border-box;}
.outline .box table tr{}
.outline .box table tr th,
.outline .box table tr td{ font-size:14px; line-height:1.1; padding:20px 15px; border-bottom:1px solid #FFFFFF;}
.outline .box table tr th{ color:#FFF; font-weight:700; background:#9f9f9f; text-align:right;}
.outline .box table tr td{ color:#000; background:#eeeeee; text-align: left;}
.outline .box a{ font-size:14px; line-height:1.1; color:#000;}
@media screen and (max-width: 979px) {
.outline .block_inner{padding:80px 10px 0; box-sizing:border-box;}
}
@media screen and (max-width: 767px) {
.outline .block_inner{padding:20px 10px 0;}
.outline .box table tr th,
.outline .box table tr td{display: block; text-align:left; padding:10px; box-sizing:border-box;word-break: break-all;}
}

.contact{}
.contact .block_inner{padding:70px 0 70px;}
.contact .title02{ color:#fd6500;}
.contact .privacy {font-size: 1.4em;line-height:1.5;text-align: left;padding: 0 0 20px;}
.contact .privacy a {color: #000;-webkit-transition: .3s;-ms-transition: .3s;transition: .3s;}
@media screen and (min-width: 980px) {.contact .privacy a:hover {color:#fd6500;}}
.contact .required {color:#D93600;}
.contact .tel{ border:5px solid #d70000; padding:20px 0; width:85%; margin:0 auto;}
.contact .tel p{ font-size:18px; line-height:1.1; color: #d70000; font-weight:700; display:block; margin:0 0 20px;}
.contact .tel span{ font-size:46px; line-height:1.1; color: #d70000; font-weight:700; background:url(../images/tel.png) 0 center no-repeat; background-size:39px,38px; padding:0 0 0 45px; display: inline-block;}
@media screen and (max-width: 979px) {
.contact .block_inner{ width: 100%; box-sizing:border-box;padding:70px 10px 70px;}
}
@media screen and (max-width: 767px) {
.contact .block_inner{padding:20px 10px 20px;}
.contact .privacy {padding: 0;}
.contact .tel{padding:10px 0; width:100%; box-sizing:border-box;}
.contact .tel p{ font-size:14px; margin:0 0 5px;}
.contact .tel span{ font-size:20px; background-size:20px,20px; padding:0 0 0 25px;}
}

.form_base{ padding:0 0 60px;}
.form_base table {font-size: 1.4em;line-height: 1.4;text-align: left;width: 100%;margin: 0 0 20px;border-collapse: collapse;border-spacing: 0;}
.form_base table th,
.form_base table td {padding: 10px 0;}
.form_base table th {width: 160px;font-weight: bold;}
.form_base table.kakunin_table th,.form_base table.kakunin_table td{border-bottom: 1px solid #d2d2d2;}/*確認画面*/
.form_base input[type="text"],
.form_base textarea {-webkit-appearance: none;appearance: none;font-size: 14px;line-height: 1.4;width: 60%;margin: 4px 0;padding: 6px;border: 1px solid #ddd;box-sizing: border-box;}
.form_base input.text_name,
.form_base input.text_zip {width: 120px;}
.form_base textarea {height: 8em;width: 100%;}
.form_base input[type="submit"],
.form_base input[type="button"] {-webkit-appearance: none;appearance: none;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-transition: .3s;-ms-transition: .3s;transition: .3s;}
.form_base input[type="submit"] {font-size: 24px;line-height: 80px;font-weight: bold;color:#fff;background-color:#fd6500;width: 460px;box-shadow: 5px 5px #a24100;}
.form_base input[type="button"] {font-size: 0.8em;font-weight: bold;color:#555;background-color: #EEE;margin: 0 0 0 5px;padding: 6px 10px;border: 1px solid #eee;}
@media screen and (min-width: 768px) {
.form_base input[type="submit"]:hover {background-color:#666;box-shadow: 5px 5px #333;}
.form_base input[type="button"]:hover {border: 1px solid #ccc;}
}
@media screen and (max-width: 767px) {
.form_base{ padding:0 0 40px;}
.form_base table {margin: 0;}
.form_base table th {display: block;width: 100%;padding: 10px 0 5px;}
.form_base table td {display: block;width: 100%;padding: 0 0 5px;}
.form_base input[type="text"] {width: 100%;padding: 4px;}
.form_base input.text_name {width: 70%;}
.form_base input.text_zip {width: 90px;}
.form_base input[type="submit"] {font-size:14px;line-height:34px;width: 100%;box-shadow: 1px 1px #a24100;}
}
/*-------------------------
__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: 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;}
}