@charset "utf-8";
/* CSS Document */

/*sidebar*/
.sidebar .box01 {background: url(img/side/con01_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #b5b5b5;}
.sidebar .box01 .mail {margin: 7px auto;}
.sidebar .box02 {background: url(img/side/box02_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #b5b5b5; padding: 10px 0 7px;}
.sidebar .box03 {box-sizing: border-box; border: 3px solid #522f0e; padding: 10px 0;}
.sidebar .box04 {background: url(img/side/box04_bg.jpg)bottom center no-repeat; background-size: cover; padding: 10px 0;}
.sidebar .box05 {background: url(img/side/box05_bg.jpg)top center no-repeat; background-size: cover; padding: 20px 0 10px;}

/*contactbnr*/
.contact_banner {box-sizing: border-box; border: 3px solid #522f0e; margin-top: 20px; position: relative;}
.contact_banner .con_inner {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: url(img/contactbnr/bg.jpg)top center no-repeat; font-size: 16px; line-height: 1;}
.contact_banner .con_title {color: #ffe569; line-height: 1; padding: 5px 0; font-size: 40px; background-color: #522f0e;}
.contact_banner .logo {font-size: 35px; line-height: 1; margin: 7px 0;}
.contact_banner .tel {margin-bottom: 10px;}
.contact_banner .icon {position: absolute; bottom: 0; left: 210px;}
.contact_banner .min_txt {font-size: 12px; margin-top: 5px;}


/*reason*/
#reason .bg {background: url(img/reason/bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #d6d6d6;}
#reason .ul01 {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#reason .box01 {margin-top: 20px;}
#reason .box01 .min {font-size: 20px; line-height: 1;}
#reason .box01 .title_area {background-color: #eb6b06; padding: 10px; position: relative;}
#reason .box01 .title {display: flex; justify-content: center; align-items: center; position: relative; z-index: 10;}
#reason .box01 h2 {font-size: 30px; margin-top: 15px; margin-right: 10px;}
#reason .box01 .title img {margin-top: -10px;}
#reason .box01 .title_area .icon {position: absolute; top: 0; bottom: 0; margin: auto; left: -30px;}
#reason .box01 .center {margin: 20px 0; font-size: 20px;}
#reason .box01 .inner {display: flex; justify-content: space-between; align-items: center; font-size: 15px; text-align: justify;}
#reason .box01 .inner img {margin-right: 20px;}
#reason .box01 .con {box-sizing: border-box; border: 1px solid #eb6b06; background: url(img/reason/box01_con_bg.jpg)top center repeat; padding: 20px; position: relative; margin-top: 50px; font-size: 16px; text-align: justify;}
#reason .box01 .con .title {background-color: #eb6b06; padding: 5px 0; width: 500px; justify-content: flex-start; margin: -45px auto 0; box-shadow: 5px 5px #b5b5b5;}
#reason .box01 .con .title img {margin-right: 10px; margin-left: 30px; margin-top: 0;}
#reason .box01 .con .big {font-size: 27px; margin: 20px auto 15px;}
#reason h3 {font-size: 20px;}
#reason .box02 .title_area,#reason .box02 .con .title {background-color: #016934;}
#reason .box03 .title_area,#reason .box03 .con .title {background-color: #522f0e;}
#reason .box02 .con {border: 1px solid #016934;}
#reason .box03 .con {border: 1px solid #522f0e;}

/*specialty*/
#specialty .bg {box-sizing: border-box; border: 3px solid #6b5640;}
#specialty .box01 .title {background-color: #016934; font-size: 25px; line-height: 1; margin-bottom: 20px; padding: 10px 0;}
#specialty .box01 .title02 {background-color: #eb6b06; margin-top: 20px;}
#specialty .box01 ul {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify;}
#specialty .box01 li {width: 324px; font-size: 16px; position: relative;}
#specialty .box01 li img {margin-bottom: 10px;}
#specialty .box01 .icon {position: absolute; top: -15px; right: -10px;}
#specialty .box02 .title_area {padding: 15px 0; background: url(img/specialty/box02_title_bg.png)center left no-repeat; background-color: #016934; position: relative; font-size: 20px;}
#specialty .box02 .title_area .icon {position: absolute; bottom: 5px; right: 5px;}
#specialty .box02 h2 {font-size: 40px; color: #ffefa2; font-weight: bold;}
#specialty .box02 .text {font-size: 20px; line-height: 1; margin: 20px auto;}
#specialty .box02 li {font-size: 20px; line-height: 1; margin-bottom: 20px;}
#specialty .box02 li:nth-last-child(1) {margin-bottom: 0;}
#specialty .box02 .con {box-sizing: border-box; border: 3px solid #d6d6d6; background: url(img/specialty/con_bg.jpg)top center repeat; padding: 20px; position: relative;}
#specialty .box02 .con .zin {position: absolute; right: 0; bottom: 0;}
#specialty .box02 h3 {font-size: 32px; color: #fff; padding: 10px 0; background-color: #016934; margin: 20px auto;}
#specialty .box02 .inner {display: flex; justify-content: space-between; align-items: center;}
#specialty .box02 .inner img {margin-right: 20px;}
#specialty .box03 .title_area {background: url(img/specialty/box02_title_bg.png)center left no-repeat; background-color: #eb6b06;}
#specialty .box03 h3 {background-color: #eb6b06;}

/*questions*/
#questions .box {background: url(img/questions/box_bg.jpg)top center no-repeat; background-size: cover; padding: 20px;}
#questions .box ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#questions .box li {margin-top: 20px;}
#questions .box01 .title_area {display: flex; justify-content: space-between; align-items: center; font-size: 35px; background-color: #ffefa2;}
#questions .box01 .content {background: url(img/questions/box01_bg.jpg)top center repeat; box-sizing: border-box; border: 2px solid #d6d6d6; border-top: none; text-align: justify;}
#questions .box01 .inner {display: flex; justify-content: space-between; align-items: center;}
#questions .box01 .inner img {margin-right: 20px;}
#questions .box01 .con {box-sizing: border-box; border: 2px solid #000000; padding: 20px; position: relative; background-color: #fff; margin-top: 50px; padding-top: 35px;}
#questions .box01 .con .icon {position: absolute; top: -35px; left: 20px;}
#questions .box01 .inner02 {display: flex; justify-content: space-between; align-items: center;}
#questions .box01 .inner02 .img {margin-left: 20px;}
#questions .box01 .big {font-size: 25px; line-height: 1.4; margin-bottom: 10px;}

#company .table {width: 100%;}
#company .table th,#company .table td {font-weight: bold; box-sizing: border-box; border: 1px solid #000000; padding: 10px;}
#company .table th {background-color: #eeeeee; text-align: center;}
#company iframe {width: 100%;}
#company .box01 {box-sizing: border-box; border: 3px solid #000000; font-size: 15px;}
#company .inner {display: flex; justify-content: space-between; align-items: center; text-align: justify; margin-bottom: 20px; font-size: 16px;}
#company .inner img {margin-right: 20px;}
#company .inner02 img {margin-right: 0; margin-left: 20px;}
#company .big {
        display: flex;
        align-items: center;
	font-size: 25px;
    }
#company .big:before,#company .big:after {
        content: "";
        flex-grow: 1;
        height: 2px; /* 線の太さを変えたいときはここを変える */
        background: #eb6b06; /* 線の色を変えたいときはここを変える */
        margin:0 .4em; /* 文字と線の余白用 なくても良い */
    }
#company .box01 table {font-size: 15px;}
#company .box01 table th {font-weight: bold;}
#company .box01 .title {font-size: 20px; color: #eb6b06; line-height: 1; margin: 15px 0;}

/*contact*/
#contact .box01 {box-sizing: border-box; border: 2px solid #016934;}
#contact .box01 .big {font-size: 20px; line-height: 1; margin: 10px 0 5px;}
#contact .box01 li {line-height: 2;}
#contact table {width: 100%; box-sizing: border-box; border: 2px solid #000000; margin-top: 20px;}
#contact table th,#contact table td {padding: 10px; box-sizing: border-box; border-bottom: 2px solid #000000;}
#contact table th{font-weight: bold; background-color: #eeeeee; vertical-align: middle;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 3px;}
#contact table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover,
.mw_wp_form_confirm .btn input:hover { opacity: 0.7; }
.mw_wp_form_input .btn input{
background: url(img/contact/btn_bg.png)right center no-repeat; background-position-x: 95%;
    font-size: 20px!important;
    width: 400px!important;
    padding: 20px 0!important;
    line-height: 1;
	color: #000;
	font-weight: bold;
	box-shadow: 5px 5px #b5b5b5;
	border: 1px solid #000000;
}
/*送信ボタン用*/
.mw_wp_form_confirm .btn input{
background: url(img/contact/btn_bg.png)right center no-repeat; background-position-x: 95%;
    font-size: 20px!important;
    width: 400px!important;
    padding: 20px 0!important;
    line-height: 1;
	color: #000;
	border: 1px solid #000000;
}
/*blog*/
#blog .con {padding-bottom: 15px; box-sizing: border-box; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
#blog .con:nth-last-child(1) {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#blog_single .box01,#blog .box01 {box-sizing: border-box; border: 3px solid #ccc; padding: 20px;     background: url(img/side/box02_bg.jpg)top center repeat; margin-bottom: 20px;}
#blog_single .box01 .inner {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
#blog_single .tag,#blog .tag {background-color: #eb6b06; color: #fff; padding: 2px 0; margin-left: 10px; text-align: center; width: 80px;}
#blog_single .tag02,#blog .tag02 {background-color: #522f0e; color: #fff; padding: 2px 0; margin-left: 10px; text-align: center; width: 80px;}
#blog .txt {margin-top: 5px}

/*voice*/
#case_single .img {box-sizing: border-box; border: 2px solid #ccc; padding: 20px;}
#case_single .img img {width: 100%; height: 388px; object-fit: cover;}
#case_single .gallery_area {box-sizing: border-box; padding: 20px; border: 2px solid #ccc; border-top: none;}
#case_single .gallery_box {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#case_single .gallery_box a {margin-right: 20px; margin-top: 20px; width: 210px;}
#case_single .gallery_box a img {height: 155px; width: 100%;}
#case_single .gallery_box a:nth-child(3n) {margin-right: 0;}
#case_single .case_txt_box {box-sizing: border-box; padding: 20px; border: 2px solid #ccc; border-top: none;}

/*一覧ページ*/
#case .item {position: relative; margin-right: 20px; width: 327px; padding: 10px; box-sizing: border-box; background-color: #f5f5f5;}
#case .item:nth-child(2n) {margin-right: 0;}
#case .item:nth-child(3),#case .item:nth-child(4) {margin-top: 20px;}
#case_arcive_list {padding: 20px; padding-top: 0;}
#case .item img {width: 100%; height: 200px; object-fit: cover;}
#case .txt_area {padding: 10px 10px 0;}
#case .btn {background-color: #EB6B06; color: #fff; line-height: 1; font-size: 16px; padding: 7px 0; width: 60%; margin: 8px auto 0;}

#sitemap li {font-size: 18px; padding-left: 15px; box-sizing: border-box; line-height: 2.5;}
#sitemap li span {border-left: 5px solid #000; padding-left: 10px;}