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

/*sidebar*/
.sidebar .box01 {box-sizing: border-box; border: 3px solid #e8a02b; background: url(img/side/box01_bg.jpg)top center no-repeat;}
.sidebar .box02 {background: url(img/side/box02_bg.jpg)top center repeat; padding-bottom: 10px;}
.sidebar .box03 {background-color: #f0eeec; padding-bottom: 10px;}
.sidebar .box04 {box-sizing: border-box; border: 2px solid #000; background: url(img/side/box04_bg.jpg)top center no-repeat; border-top: 0; padding: 10px 0;}
.sidebar .box05 {box-sizing: border-box; background: url(img/side/box05_bg.jpg)top center repeat; padding: 10px 0;}

/*contactbnr*/
.contact_banner {box-sizing: border-box; border: 3px solid #000; margin-top: 20px; line-height: 1;}
.con_inner {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: url(img/contactbnr/bg.jpg)top right no-repeat;}
.con_title {background-color: #000; padding: 10px 0; font-size: 24px; color: #fff;}
.con_min {font-size: 11px; color: #333333; line-height: 1.1;}
.con_big {font-size: 34px; margin: 8px 0;}
.con_txt {font-size: 12px; color: #444444; font-weight: 500;}
.contact_banner .mail {padding: 8px 10px; font-size: 15px; color: #fff; margin-top: 15px; display: flex; justify-content: flex-start; align-items: center;
	background: -moz-linear-gradient(left, #e8a02b, #f7d742);
    background: -webkit-linear-gradient(left, #e8a02b, #f7d742);
    background: linear-gradient(to right, #e8a02b, #f7d742); 
}
.contact_banner .mail img {margin-right: 20px;}

/*just*/
#just .box01 {background: url(img/just/box01_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000;}
#just .box01 .inner {display: flex; justify-content: flex-start; align-items: center; text-align: justify;}
#just .box01 .inner p {margin-top: 15px;}
#just .box01 .big {font-size: 25px; line-height: 1.3; margin-top: 0!important;}
#just .box01 .inner .img {margin-right: 19px;}
#just .box01 .inner02 {box-sizing: border-box; border-top: 2px dashed #e8a02b; border-bottom: 2px dashed #e8a02b; padding: 20px 0; margin: 20px 0;}
#just .box01 .inner02 img {margin-left: 19px;}
#just .box02 {background: url(img/just/box02_bg.jpg)top center repeat; box-sizing: border-box; border: 1px dotted #000;}
#just .box02 .logo {font-size: 50px; line-height: 1;}
#just .box02 h2 {font-size: 40px; line-height: 1.1;}
#just .box02 .title_area {display: flex; justify-content: flex-start; align-items: flex-end; box-sizing: border-box; border-bottom: 3px solid #000; padding-bottom: 10px; margin-bottom: 20px;}
#just .box02 .inner {display: flex; justify-content: space-between; align-items: center; text-align: justify;}
#just .box02 .inner .img {margin-right: 15px}
#just .box02 .con01 {padding: 20px; position: relative; margin-top: 10px;}
#just .box02 .no {color: #e8a02b; font-size: 40px; line-height: 1; font-family: 'Noto Sans JP', sans-serif; margin-right: 20px;}
#just .box02 h3 {font-size: 24px; line-height: 1; margin-bottom: 3px;}
#just .box02 .icon {position: absolute; top: -12px; left: 0;}
#just .box03 .title {background-color: #e8a02b; padding: 14px 0; line-height: 1; font-size: 25px; color: #fff;}
#just .box03 .title span {font-size: 35px;}
#just .box03 .inner {display: flex; justify-content: space-between; padding: 20px; box-sizing: border-box; border: 3px solid #e8a02b; border-top: none;}

#symphony .box01 {background: url(img/symphony/box01_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000; padding: 40px; position: relative;}
#symphony .box01 p {margin-top: 25px;}
#symphony .box01 .big {font-size: 25px; margin-top: 0!important;}
#symphony .box01 ul {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
#symphony .box01 .icon {position: absolute; right: 0; top: 0;}
#symphony .box02 {background: url(img/just/box02_bg.jpg)top center repeat; box-sizing: border-box; border: 1px dotted #000;}
#symphony .box02 .logo {font-size: 25px; line-height: 1;}
#symphony .box02 h2 {font-size: 40px; line-height: 1.2; margin-top: 10px;}
#symphony .box02 .con {padding: 20px; position: relative;}
#symphony .box02 h3 {background: url(img/symphony/box02_title_bg.jpg)top center repeat; padding: 20px 0; font-size: 22px; margin-bottom: 20px;}
#symphony .box02 .inner {display: flex; justify-content: space-between; align-items: center; text-align: justify;}
#symphony .box02 .inner img {margin-right: 20px;}
#symphony .box02 .icon {position: absolute; left: 30px; top: 10px;}
#symphony .box03 .title {background-color: #e8a02b; padding: 14px 0; line-height: 1; font-size: 25px; color: #fff;}
#symphony .box03 .title span {font-size: 35px;}
#symphony .box03 .inner {display: flex; justify-content: space-between; padding: 20px; box-sizing: border-box; border: 3px solid #e8a02b; border-top: none;}

/*hiraya*/
#hiraya .box00 {box-sizing: border-box; border: 3px solid #000000; background: url(img/hiraya/box00_bg.jpg)top center repeat;}
#hiraya .box00 h2 {font-size: 30px;}
#hiraya .box00 .min,#hiraya .box00 h2 span {font-size: 25px;}
#hiraya .box00 ul {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#hiraya .box01 {box-sizing: border-box; border: 3px solid #dedede; background: url(img/hiraya/box01_bg.jpg)top center repeat;}
#hiraya .box01 h3 {background-color: #e8a02b; color: #fff; font-size: 35px; padding: 10px 0;}
#hiraya .box01 .inner {display: flex; justify-content: space-between; align-items: center;}
#hiraya .box01 .inner img {margin-left: 15px;}
#hiraya .box01 .big {font-size: 23px; margin-bottom: 20px; line-height: 1.5;}
#hiraya .box01 .under_img {margin-top: 22px; box-sizing: border-box; border: 2px solid #dedede;}
#hiraya .box02 h3 {background-color: #9d8155;}
#hiraya .box02 .text {font-size: 25px; margin: 20px auto; line-height: 1.2;}
#hiraya .box02 ul {display: flex; justify-content: space-between; align-items: center;}
#hiraya .box03 {background-color: #759b25;}
#hiraya .box03 ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#hiraya .box03 li {margin-top: 20px;}
#hiraya .box03 h3 {background-color: #759b25;}
#hiraya .box03 .text {font-size: 25px; margin: 20px auto 0; line-height: 1.2;}
#hiraya .box04 .content {padding-bottom: 0;}
#hiraya .box04 h3 {background-color: #0f8dda;}
#hiraya .box04 .text {font-size: 25px; margin: 20px auto; line-height: 1.2;}
#hiraya .box04 ul {display: flex; justify-content: space-between; align-items: center; width: 440px; margin: auto;}
#hiraya .box05 .title {background-color: #e8a02b; padding: 14px 0; line-height: 1; font-size: 25px; color: #fff;}
#hiraya .box05 .title span {font-size: 35px;}
#hiraya .box05 .inner {display: flex; justify-content: space-between; padding: 20px; box-sizing: border-box; border: 3px solid #e8a02b; border-top: none;}

/*reason*/
#reason .box00 {background: url(img/reason/box00.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000000;}
#reason .box00 p {font-size: 20px; line-height: 1; margin: 20px 0;}
#reason .box00 ul {display: flex; justify-content: space-between; align-items: center;}
#reason .box01 {box-sizing: border-box; border: 3px solid #d2d2d2; background: url(img/reason/box01_bg.jpg)top center repeat; position: relative;}
#reason .box01 h2 {font-size: 40px; text-align: center; background: url(img/reason/box01_title_bg.png)top left no-repeat; background-color: #e8a02b; color: #fff; background-position-x: 24%; height: 100px; display: flex; align-items: center; justify-content: center;}
#reason .box01 .icon {position: absolute; top: 0; left: 0;}
#reason .box01 h3 {font-size: 23px; text-align: center; font-weight: bold;}
#reason .box01 .bdr {content: ""; width: 65px; box-sizing: border-box; border-bottom: 3px solid #bd7d15; margin: 20px auto;}
#reason .box01 .inner {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; text-align: justify;}
#reason .box01 .inner img {margin-right: 20px;}
#reason .box01 .con {box-sizing: border-box; border: 3px solid #d2d2d2; background-color: #fff;}
#reason .box01 .con .title_area {display: flex; justify-content: flex-start; align-items: center; background: url(img/reason/con_bg01.jpg)top left repeat;}
#reason .box01 .con h3 {font-size: 19px; text-align: left; color: #fff; margin-left: 10px;}
#reason .box01 .inner02 {margin-bottom: 0; padding: 20px;}
#reason .box02 h2 {background-color: #9d8155;}
#reason .box02 .bdr {border-bottom: 3px solid #705936;}
#reason .box02 .con .title_area {background: url(img/reason/con_bg02.jpg)top left repeat;}
#reason .box03 h2 {background-color: #759b25;}
#reason .box03 .bdr {border-bottom: 3px solid #759b25;}
#reason .box03 .con .title_area {background: url(img/reason/con_bg03.jpg)top left repeat;}
#reason .box04 h2 {background-color: #0f8dda;}
#reason .box04 .bdr {border-bottom: 3px solid #09598a;}
#reason .box04 .con .title_area {background: url(img/reason/con_bg04.jpg)top left repeat;}

/*building*/
#building .box00 {box-sizing: border-box; border: 3px solid #000; background: url(img/building/box00_bg.jpg)top center repeat; font-size: 20px;}
#building .inner {display: flex; justify-content: space-between; align-items: center;}
#building .box00 .inner {margin: 20px auto;}
#building .box00 p {line-height: 1.2; margin-left: 20px;}
#building .box00 .big {font-size: 25px; line-height: 1; margin-left: 0;}
#building .box01 {box-sizing: border-box; border: 3px solid #000; background: url(img/building/box01_bg.jpg)top center repeat; padding-top: 20px; font-size: 16px;}
#building .box01 h2 {font-size: 25px; color: #fff; background-color: #e8a02b; padding: 10px; display: inline-block;}
#building .box01 .inner p {-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; font-size: 20px; line-height: 2;}
#building .box01 .txt {margin: 20px auto;}
#building .box01 .txt02 {margin-top: 20px;}
#building .box02 {background: url(img/building/box02_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000;}
#building .box02 h2 {font-size: 25px; background: url(img/building/box02_title_bg.png)top left no-repeat; background-color: #9d8155; color: #fff; padding: 20px 0;}
#building .box02 .title02 {display: table; margin: 20px auto; font-size: 25px; line-height: 1.3;}
#building .box02 .inner {text-align: justify;}
#building .box02 .inner .img01 {margin-left: 20px;}
#building .box02 .inner .img02 {margin-right: 20px;}
#building .box02 .con {margin-top: 20px; box-sizing: border-box; border: 3px solid #aaaaaa; background-color: #fff; position: relative;}
#building .box02 .con .inner {padding: 20px;}
#building .box02 .con h3 {background: url(img/building/box02_title_bg02.png)center left no-repeat; background-color: #9d8155; padding: 20px 0; font-size: 25px; color: #fff; background-position-x: 20px;}
#building .box03 h2 {background: url(img/building/box03_title_bg.png)top left no-repeat; background-color: #9d8155;}
#building .box03 .con h3 {line-height: 1.3; background: none; background-color: #9d8155; padding: 15px 0;}
#building .box03 .icon {position: absolute; left: 20px; top: -10px;}
#building .box03 .ul_area {padding: 0 20px 20px; font-size: 30px; line-height: 1;}
#building .box03 ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px}
#building .box03 li {box-sizing: border-box; border: 3px solid #e8a02b; background: url(img/building/box03_li_bg.png)top left repeat; border-radius: 15px; font-size: 25px; padding: 20px 0; text-align: center; width: 194px; margin-top: 20px;}
#building .box04 h2 {background: url(img/building/box04_title_bg.png)top left no-repeat; background-color: #9d8155;}
#building .box04 .con h3 {line-height: 1.3; padding: 15px 0;}

/*flow*/
#flow .box00 {background: url(img/flow/box00_bg.jpg)top left repeat; box-sizing: border-box; border: 3px solid #000;}
#flow .box00 ul {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
#flow .box00 li {background-color: #9d8155; box-sizing: border-box; border-bottom: 10px solid #e8a02b; padding-top: 20px; width: 117px; height: 158px; position: relative;}
#flow .box00 li .icon {position: absolute; top: -5px; left: 0; right: 0; margin: auto;}
#flow .box00 li p {-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	font-size: 16px; margin: 0 auto; color: #fff;
}
#flow .box00 li:nth-child(6),#flow .box00 li:nth-child(7),#flow .box00 li:nth-child(8),#flow .box00 li:nth-child(9),#flow .box00 li:nth-child(10) {margin-top: 25px;}
#flow .box01 {box-sizing: border-box; border: 3px solid #9d8155; background: url(img/flow/box01_bg.jpg)top center repeat;}
#flow .box01 .title {font-size: 50px; font-family: 'Noto Sans JP', sans-serif; line-height: 1; padding: 3px 0 10px; color: #fff; background-color: #9d8155;}
#flow .box01 h2 {font-size: 30px;}
#flow .box01 .inner {display: flex; justify-content: space-between; align-items: center; text-align: justify; margin-top: 20px;}
#flow .box01 .inner img {margin-right: 20px}
#flow .box01 .big {font-size: 40px; line-height: 1; font-family: 'Noto Sans JP', sans-serif; margin: 20px auto;}
#flow .box01 .mail,#flow .box01 .tel {
	background: -moz-linear-gradient(left, #e8a02b, #f7d742);
    background: -webkit-linear-gradient(left, #e8a02b, #f7d742);
    background: linear-gradient(to right, #e8a02b, #f7d742); position: relative; color: #fff; box-sizing: border-box; border-bottom: 5px solid #ca891f; line-height: 1;}
#flow .box01 .tel {font-size: 55px; text-align: center; padding: 11px 0;}
#flow .box01 .tel .min {font-size: 18px;}
#flow .box01 .mail {padding: 30px 0; font-size: 35px; margin-top: 20px;}
#flow .box01 .icon {position: absolute; right: 10px; bottom: 10px;}



/*company*/
#company table {width: 100%; box-sizing: border-box; border: 3px solid #000000;}
#company table th,#company table td {padding: 10px; box-sizing: border-box; border-bottom: 1px solid #000; vertical-align: middle;}
#company table th {font-weight: bold; background-color: #eeeeee; text-align: center; border-right: 1px solid #000; width: 120px;}
#company iframe {width: 100%;}
#company .box {box-sizing: border-box; border: 3px solid #000000;}
#company .box .text {margin-top: 20px;}



/*contact*/
#contact .bg {background: url(img/contact/bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000; position: relative;}
#contact .ul01 {margin: 10px 0; line-height: 1.7; font-size: 20px;}
#contact .big {font-size: 26px; line-height: 1.3;}
#contact .icon {position: absolute; right: 0; top: 90px;}
#contact .text {background: url(img/contact/text_bg.png)top left no-repeat; background-color: #e8a02b; color: #fff; font-size: 27px; line-height: 1.3; padding: 10px 0;}
#contact .big02 {font-size: 20px; line-height: 1.3; margin: 30px auto 20px;}
#contact .tel_area {font-size: 20px; box-sizing: border-box; border: 3px solid #000000; background-color: #fff; padding: 10px; margin-bottom: 20px;}
#contact .tel_text {font-size: 50px; line-height: 1;}
#contact .big03 {font-size: 20px; line-height: 1;}
#contact .ul02 {line-height: 2;}
#contact table {width: 100%; box-sizing: border-box; border: 2px solid #000000; margin-top: 20px; margin-bottom: 20px;}
#contact table th,#contact table td {padding: 10px; box-sizing: border-box; border-bottom: 2px solid #000000; background-color: #fff;}
#contact table th{font-weight: bold; background-color: #eeeeee; vertical-align: middle; width: 190px;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 3px;}
.mwform-radio-field input {width: auto!important; padding: inherit!important;}
.mwform-radio-field-text {font-weight: bold;}
#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;
	background-color: #fff;
	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 {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_single .page_title {font-size: 21px;}
.voice_single .page_title {font-size: 19px!important;}

/*一覧ページ*/
#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: #9D8054; 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 #E8A02B; padding-left: 10px;}