@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
table {
font-size: 100%;
line-height: 1.5;
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: normal;
text-align: left;
}
img {
border: 0;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
ul li {
list-style: none;
}
ol {
}
input, textarea {
vertical-align: middle;
}
address, em {
font-style: normal;
} a:link, a:visited, a:hover {
color: #333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
} a:hover {
text-decoration: none !important;
opacity: 0.7;
}
a:hover img, a:hover p {
text-decoration: none !important;
opacity: 0.7;
} .op1 {
opacity: 1.0 !important;
}
.op1 * {
opacity: 1.0 !important;
}  .left_area {
}
.center_area {
}
.right_area {
}
.bg_top {
}
.bg_mdl {
}
.bg_btm {
}
.first {
}
.last {
}
.left {
float: left;
}
.right {
float: right;
}
.w165 a {
width: 165px !important;
} .position,.relative {
position: relative;
}
.vam{vertical-align: middle;} .flt_left {
float: left;
}
.flt_right {
float: right;
}
.flt_none {
float: none !important;
} .w_auto {
width: auto !important;
}
.w_max {
width: 100% !important;
}
.w_half {
width: 50% !important;
}
.w_third {
width: 33% !important;
}
.w_quarter {
width: 25% !important;
}
.w_fifth {
width: 20% !important;
}
.m_auto {
margin: 0 auto;
} .mt00 {
margin-top: 0px !important;
}
.mt05 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mt100 {
margin-top: 100px !important;
} .mr00 {
margin-right: 0px !important;
}
.mr05 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mr100 {
margin-right: 100px !important;
} .mb00 {
margin-bottom: 0 !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
@media screen and (max-width : 760px ) {
.mb20 {
margin-bottom: 10px !important;
}
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
@media screen and (max-width : 760px ) {
.mb30 {
margin-bottom: 20px !important;
}
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
@media screen and (max-width : 760px ) {
.mb40 {
margin-bottom: 30px !important;
}
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
@media screen and (max-width : 760px ) {
.mb50 {
margin-bottom: 25px !important;
}
}
.mb55 {
margin-bottom: 55px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
@media screen and (max-width : 760px ) {
.mb60 {
margin-bottom: 40px !important;
}
}
.mb65 {
margin-bottom: 65px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.sp_mb10{}
@media screen and (max-width : 767px ) {
.sp_mb10{
margin-bottom: 10px !important;
}
}
.sp_mb15 {
}
@media screen and (max-width : 767px ) {
.sp_mb15 {
margin-bottom: 15px!important;
}
}
.sp_mb20{}
@media screen and (max-width : 767px ) {
.sp_mb20{
margin-bottom: 20px !important;
}
}
.sp_mb30{}
@media screen and (max-width : 767px ) {
.sp_mb30{
margin-bottom: 30px !important;
}
}
.sp_mb40{}
@media screen and (max-width : 767px ) {
.sp_mb40{
margin-bottom: 40px !important;
}
}
.sp_mb50{}
@media screen and (max-width : 767px ) {
.sp_mb50{
margin-bottom: 50px !important;
}
} .ml00 {
margin-left: 0px !important;
}
.ml05 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml35 {
margin-left: 35px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml45 {
margin-left: 45px !important;
}
.ml50 {
margin-left: 50px !important;
}
.ml55 {
margin-left: 55px !important;
}
.ml60 {
margin-left: 60px !important;
}
.ml65 {
margin-left: 65px !important;
}
.ml70 {
margin-left: 70px !important;
}
.ml75 {
margin-left: 75px !important;
}
.ml80 {
margin-left: 80px !important;
}
.ml85 {
margin-left: 85px !important;
}
.ml90 {
margin-left: 90px !important;
}
.ml95 {
margin-left: 95px !important;
}
.ml100 {
margin-left: 100px !important;
} .p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.pt00 {
padding-top: 0px !important;
}
.pt05 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt50 {
padding-top: 50px !important;
} .pr00 {
padding-right: 0px !important;
}
.pr05 {
padding-right: 5px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pr50 {
padding-right: 50px !important;
} .pb00 {
padding-bottom: 0 !important;
}
.pb05 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
} .pl00 {
padding-left: 0px !important;
}
.pl05 {
padding-left: 5px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pl50 {
padding-left: 50px !important;
} .indent05 {
padding: 5px !important;
}
.indent10 {
padding: 10px !important;
}
.indent15 {
padding: 15px !important;
}
.indent20 {
padding: 20px !important;
}
.indent25 {
padding: 25px !important;
}
.indent30 {
padding: 30px !important;
}
.indent35 {
padding: 35px !important;
}
.indent40 {
padding: 40px !important;
}
.indent45 {
padding: 45px !important;
}
.indent50 {
padding: 50px !important;
} .indent05_lr {
padding: 0 5px !important;
}
.indent10_lr {
padding: 0 10px !important;
}
.indent15_lr {
padding: 0 15px !important;
}
.indent20_lr {
padding: 0 20px !important;
}
.indent25_lr {
padding: 0 25px !important;
}
.indent30_lr {
padding: 0 30px !important;
}
.indent35_lr {
padding: 0 35px !important;
}
.indent40_lr {
padding: 0 40px !important;
}
.indent45_lr {
padding: 0 45px !important;
}
.indent50_lr {
padding: 0 50px !important;
} .indent05_tb {
padding: 5px 0 !important;
}
.indent10_tb {
padding: 10px 0 !important;
}
.indent15_tb {
padding: 15px 0 !important;
}
.indent20_tb {
padding: 20px 0 !important;
}
.indent25_tb {
padding: 25px 0 !important;
}
.indent30_tb {
padding: 30px 0 !important;
}
@media screen and (max-width : 760px ) {
.indent30_tb {
padding: 20px 0 !important;
}
}
.indent35_tb {
padding: 35px 0 !important;
}
.indent40_tb {
padding: 40px 0 !important;
}
.indent45_tb {
padding: 45px 0 !important;
}
.indent50_tb {
padding: 50px 0 !important;
}
.w_60{
width: 60%;
margin: 0 auto;
}
.w_50{
width: 50%;
margin: 0 auto;
}
.w_40{
width: 40%;
margin: 0 auto;
}
@media screen and (max-width : 760px ) {
.w_60{
width: 100%;
margin: 0 auto;
}
.w_50{
width: 100%;
margin: 0 auto;
}
.w_40{
width: 100%;
margin: 0 auto;
}
} .f_200 {
font-weight: 200;
}
.f_300 {
font-weight: 300;
}
.f_400 {
font-weight: 400;
}
.f_500 {
font-weight: 500;
}
.f_600 {
font-weight: 600;
}
.f_700 {
font-weight: 700;
}
.f_800 {
font-weight: 800;
}
.f_900 {
font-weight: 900;
}
.f_bold {
font-weight: bold !important;
}
.f_normal {
font-weight: normal !important;
}
.f_08 {
font-size: 0.8rem !important;
}
.f_10 {
font-size: 1.0rem !important;
}
.f_12 {
font-size: 1.2rem !important;
}
.f_14 {
font-size: 1.4rem !important;
}
.f_16 {
font-size: 1.6rem !important;
}
.f_18 {
font-size: 1.8rem !important;
} .f_20 {
font-size: 2.0rem !important;
}
@media screen and (max-width : 760px ) {
.f_20 {
font-size: 1.8rem !important;
}
}
.f_22 {
font-size: 2.2rem !important;
}
.f_23 {
font-size: 2.3rem !important;
}
.f_24 {
font-size: 2.4rem !important;
}
.f_25 {
font-size: 2.5rem !important;
}
.f_26 {
font-size: 2.6rem !important;
}
.f_27 {
font-size: 2.7rem !important;
}
.f_28 {
font-size: 2.8rem !important;
}
.f_29 {
font-size: 2.9rem !important;
}
.f_30 {
font-size: 3.0rem !important;
}
.f_32 {
font-size: 3.2rem !important;
}
.f_34 {
font-size: 3.4rem !important;
}
.f_36 {
font-size: 3.6rem !important;
}
@media screen and (max-width : 760px ) {
.f_36 {
font-size: 3.0rem !important;
}
}
.f_48 {
font-size:4.8rem;
}
@media screen and (max-width : 760px ) {
.f_48 {
font-size:3.8rem;
}
} .t_left {
text-align: left !important;
}
.t_center {
text-align: center !important;
}
.t_center_pc{
text-align: center;
}
@media screen and (max-width : 768px ) {
.t_center_pc{
text-align: left;
}
}
.t_right {
text-align: right !important;
}
.v_top {
vertical-align: top !important;
}
.v_mdl {
vertical-align: middle !important;
}
.v_btm {
vertical-align: text-bottom !important;
} img {
max-width: 100%;
height: auto;
} .bdrs05{border-radius: 5px;}
.bdrs10{border-radius: 10px;}
.bdrs15{border-radius: 15px;}
.bdrs20{border-radius: 20px;}
.bdrs25{border-radius: 25px;}
.bdrs30{border-radius: 30px;}
.bdrs35{border-radius: 35px;}
.bdrs40{border-radius: 40px;}
.bdrs45{border-radius: 45px;}
.bdrs50{border-radius: 50px;}
.bdrs50p{border-radius: 50%;}   .btn {
} .tabNav {
} .fixpng {
} dl:after, ul:after, .fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
dl, ul, .fix {
display: inline-block;
min-height: 1%;
} *html dl, *html ul, *html .fix {
height: 1%;
}
dl, ul, .fix {
display: block;
}
.quicklinks dl,.quicklinks ul{display: inline-block;}

body {
background:url(//yamauchiya.com/wp-content/themes/template03/img/common/bg_ptn.png)repeat left top #fff;
color: #181715;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
}
.top_news_box_outer{border: 1px solid #a91313;padding: 3px;}
.top_news_box{padding: 50px;border: 1px solid #a91313;
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/top/slash02.png),url(//yamauchiya.com/wp-content/themes/template03/img/top/slash01.png),url(//yamauchiya.com/wp-content/themes/template03/img/top/slash02.png),url(//yamauchiya.com/wp-content/themes/template03/img/top/slash01.png);
background-position: left top,right top,right bottom,left bottom;
background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
position: relative;
}
@media screen and (max-width: 767px) {
.top_news_box{padding: 15px 0;}
}
.top_news_box_img{position: absolute;right: 15px;bottom: -30px;z-index: 2;}
.pankuzu_bg{}
.sumi1{position: absolute;left: 0;top: -1px;z-index: 1;}
.sumi2{position: absolute;right: 0;bottom: 0;z-index: 1;}
.site_wrapper {
width: 1200px;
margin: 0 auto;
text-align: left;
position: relative;
}
@media screen and (max-width: 767px) {
.site_wrapper {
width: 100%;
box-sizing: border-box;
}
}
#wrapper_all {
text-align: center;
min-width: 1200px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
#wrapper_all {
min-width: 100%;
}
} .header {
}
@media screen and (max-width: 767px) {
.header {
padding-bottom: 0;
}
}
.bg_h1 {
padding: 5px 0 15px;
font-size: 1.2rem;
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/head_bg.png)repeat-x left top;
color: #fff;
}
.bg_f1 {
background:url(//yamauchiya.com/wp-content/themes/template03/img/common/foot_bg.png)repeat-x left bottom;
color: #fff;
padding: 5px 0;
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
.bg_h1,.bg_f1 {
padding: 5px 15px;
font-size: 1.0rem;
}
.bg_f1 {
margin-bottom: 50px;
}
}
.area_hd01 {
padding: 20px 0 15px;
clear: both;
position: relative;
}
@media screen and (max-width: 767px) {
.area_hd01 {
padding: 20px 10px 10px;
box-sizing: border-box;
}
}
.area_hd01 .left_area {
position: absolute;
left: 0;top: 0;
width: 210px;z-index: 5000;
}
.area_hd01 .right_area {
float: right;
width: 989px;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.area_hd01 .left_area {
float: left;
width: 30%;
margin: 10px 0 0 0;
padding: 0;
}
.area_hd01 .right_area {
float: right;
width: 40%;
}
}
.tel_area{float: right;width: 200px;}
.tel_area li {
float: right;
margin-left: 30px;
}
.tel_area li:last-child {
margin-left: 0;
}
.tel {
font-size: 2.4rem;
line-height: 1;font-weight: 900;
text-align: center;
padding:0 0 6px 0;
}
.tel i{position: relative;top: -2px;}
.sp_hd_area li {
display: table-cell;
padding: 0 10px;
}
.mail_hd a {
background: #181715;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #181715;
color: #fff;
padding: 5px 15px;
font-size: 1.8rem;
display: block;
text-align: center;
} .g_nav_outer {
width: 780px;float: left;
}
.g_nav{display: flex;gap:30px;}
.g_nav li { overflow: hidden;
position: relative;
}
.g_nav li a {
display: block;
position: relative;
font-weight: bold;
padding: 8px 0px;
overflow: hidden;
font-size: 1.4rem;
text-align: center;
line-height: 1.2;
}
.g_nav li a > span {
display: block;
font-size: 1.8rem !important;
}
.g_nav li a:after {
display: block;
content: "";
width: 0%;
height: 3px;
background-color: #a91313; position: relative;
top: 5px;
margin: auto;
transition: .25s ease-out;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
-ms-transition: .25s ease-out;
}
.g_nav li a:hover{color: #a91313;}
.g_nav li a:hover:after, .g_nav li.current a:after {
width: 60%;
} .close {
font-weight: bold;
font-size: 20px;
text-align: right;
}
.button-toggle {
}
@media screen and (max-width : 767px ) {
.button-toggle {
}
}
@media screen and (max-width: 767px) {
.menu {
position: fixed;
top: 0;
left: 0px;
width: 100%;
background: #f2f2f2;
overflow: hidden;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
}
.menu a {
display: block;
text-decoration: none;
padding: 15px 25px;
font-size: 15px;
}
}
.active {
} .content_area {
margin-bottom: 30px;
}
.content_area .main_area {
float: left;
width: 900px;
box-sizing: border-box;
}
.content_area .side_area {
float: right;
width: 240px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.content_area .main_area {
float: none;
width: 100%;
margin-bottom: 25px;
}
.content_area .side_area {
float: none;
width: 100%;
}
}
.side_ttl {
background: #583c32;
text-align: center;
color: #fff;
line-height: 1;
padding: 10px;
}
ul.cate li {
margin-bottom: 5px;
}
ul.cate li a {
text-decoration: underline;
}
ul.cate li:before {
content: "＞";
}
.article_list li {
padding-bottom: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #583c32;
}
.article_list li:last-child {
background: none;
padding-bottom: 0;
margin-bottom: 0;
}
.side_txt_area {
padding: 20px;
border: #583c32 1px solid;
border-top: none;
}
.btn_pink a {
border: #ff6357 1px solid;
font-size: 1.4rem;
color: #ff6357;
display: block;
text-align: center;
padding: 15px 30px;
line-height: 1;
background: #fff;
}
.btn_green a {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_03.png) no-repeat right 10px center #fff;
border: #181715 1px solid;
font-size: 1.8rem;
color: #181715;
display: block;
text-align: center;
padding: 20px 30px;
line-height: 1; }
.btn_green a:hover {
color: #fff;
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_04.jpg) no-repeat right 10px center #181715;
}
.btn_green_2 a {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_04.png) no-repeat right 10px center #181715;
border: #181715 1px solid;
font-size: 1.8rem;
color: #fff;
display: block;
text-align: center;
padding: 20px 30px;
line-height: 1; }
.btn_green_2 a:hover {
color: #181715;
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_03.png) no-repeat right 10px center #fff;
}
.bg_top_area {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/bg_area_01.png) no-repeat center top #fef6e6;
}
.bg_top_area_02 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/bg_area_01.png) no-repeat center top #cc8f8f;
}
.bg_top_area_03 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/bg_area_01.png) no-repeat center top #ffffff;
}
.ico_tel_in {
display: block;
}
.btn_black a, .btn_black input {
border: #333 1px solid;
font-size: 1.4rem;
color: #333;
display: block;
text-align: center;
padding: 15px 30px;
line-height: 1;
background: #fff;
}
.btn_black_02 a, .btn_black_02 input {
background: #181715;
font-size: 1.4rem;
color: #fff;
display: block;
text-align: center;
padding: 15px 30px;
line-height: 1;
border: 0;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
width: 100%;
-webkit-appearance: none;
}
.btn_black_02 input:hover {
cursor: pointer;
opacity: 0.7;
}
.txt_area01 {
position: relative;
padding: 0.25em 1em;
border-top: solid 1px black;
border-bottom: solid 1px black;
background: #fff;
}
.txt_area01:before, .txt_area01:after {
content: '';
position: absolute;
top: -7px;
width: 1px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
.txt_area01:before {
left: 7px;
}
.txt_area01:after {
right: 7px;
}
.txt_area02 {
background-color: #fff;
border: 1px solid #181715;
padding:15px 30px;
}
@media screen and (max-width: 767px) {
.txt_area02 {
padding: 15px 20px;
}
}
.txt_area02_tit {
color: #181715;
margin-bottom: 10px;
font-weight: bold;
font-size: 1.8rem;
}
.txt_side01{
border-bottom: #222 1px solid;
border-top: #222 1px solid;
text-align: center;
} .btn_top {
display: none;
position: fixed;
top: 0px;
right: 0px;
z-index: 200;
}
.foot_btn{
position: fixed;
bottom: 0px;
right: 0px;
z-index: 200;
width: 100%;
}
.foot_btn > ul {position: relative;text-align: left;}
.foot_btn > ul > li{display: inline-block;padding: 10px;}
.foot_btn > ul > li.f_tel {display: none;}
.foot_btn > ul > li.f_mail{display: none;}
.f_tel a{display: none;}
.f_mail a{display: none;}
.f_btn {position: absolute;right: 5px;bottom: 5px;}
@media screen and (max-width: 767px) {
.foot_btn{
background: #fff;
}
.foot_btn > ul > li.f_tel {display: inline-block;}
.foot_btn > ul > li.f_mail{display: inline-block;}
.f_tel a{display: inline-block;font-size: 1.8rem;color: #181517;font-weight: bold;}
.f_mail a{display: inline-block;font-size: 1.8rem;color: #181517;font-weight: bold;}
.f_btn { padding: 0 !important;}
}
@media screen and (max-width: 330px) {
.f_tel a{display: inline-block;font-size: 1.6rem;color: #181517;font-weight: bold;}
.f_mail a{display: inline-block;font-size: 1.6rem;color: #181517;font-weight: bold;}
} .btn_top a:hover *, .btn_top2 a:hover * {
opacity: 0.35;
} .icon_list li, .post-categories li, .news_ico {
display: inline-block;
min-width: 50px;
text-align: center;
margin: 0 5px 5px 0;
line-height: 1;
font-size: 1.2rem; box-sizing: border-box;
}
.icon_list li.important, .post-categories li.important ,.news_ico {
color: #fff;
background: #b7ad02;
}
.icon_list li.news, .post-categories li.news {
border: #f5a53c 1px solid;
background-color: #fff;
color: #f5a53c;
}
.icon_list li, .post-categories li {  color: #fff;}
.icon_list li a, .post-categories li a{
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
font-size: 1.2rem;
color: #fff !important;
background-color: #3a1c0c;}
.column_ico li {
}
.column_ico li a {
background: #b05f1e;
color: #fff;
display: block;
padding: 3px 5px;
}
.top_column_fig_area{
}
.column_fig {
border: 1px solid #000;
overflow: hidden;
padding: 2px;
background-color: #fff;
margin-bottom: 5px;
}
.column_tit {
margin-bottom: 15px;
}
.txt_area_column {
height: 120px;
position: relative;
}
.column_txt{position: relative;}
@media screen and (max-width: 767px) {
.column_top > li{width: 100%;margin-right: 0;float: none;}
.column_tit {
margin-bottom: 10px;
min-height: auto;
}
.column_top .top_column_fig_area{
float: left;width: 30%;
}
.column_top .column_fig {}
.column_top .column_txt{width: 65%;float: right;}
.column_top .txt_area_column{height: auto;padding-bottom: 30px;font-size: 1.2rem;}
}
.seminar_btn {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_02.png)no-repeat left center;
position: absolute;
right: 0;
bottom: 5px;
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.seminar_btn {
position: relative;
overflow: hidden;
float: right;
margin: 10px 0;
clear: both;
}
}
.txt_voice{
font-size: 1.8rem;
font-weight: bold;text-align: left;
padding: 10px 0;
} .bg_contact{
background:#fffdfb;
position: relative;
z-index: 2;
}
.contact_head{background: url(//yamauchiya.com/wp-content/themes/template03/img/common/con_bg_01.png)repeat-x left bottom;}
.contact_foot{background: url(//yamauchiya.com/wp-content/themes/template03/img/common/con_bg_02.png)repeat-x left bottom;height: 57px;}
.bcon_inbox{width: 890px;max-width: 100%;margin: auto;}
.con_tel_txt{background-color: #a91313;color: #fff;padding: 8px;text-align: center;font-size: 1.4rem;}
.con_tel_box{color: #a91313;padding: 0;font-size: 6.0rem;font-weight: bold;}
@media screen and (max-width: 767px) {
.con_tel_box{color: #a91313;padding: 0;font-size: 3.0rem;font-weight: bold;}
.con_tel_box a{color: #a91313;}
}
.mail_side{}
.mail_side a{font-size: 1.8rem;background-image: url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_01.png), url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_02.png), url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_01.png), url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_02.png);background-position: left top,right top,right bottom,left bottom;background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;border: 1px solid #a91313;padding: 45px;font-weight: bold;color: #a91313;display: block;}
.mail_side a:hover{color: #fff;background: #a91313;}
.mail_side .googlefont_01{font-size: 3.6rem;}
@media screen and (max-width: 767px) {
.mail_side {margin-top: 0;}
.mail_side a{font-size: 1.6rem;padding: 20px 0;}
}
.ft_contact_tit{position: relative;margin-bottom: 20px;}
.ft_contact_tit h2{font-size: 1.6rem;border-bottom: 1px solid #fff;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.ft_contact_tit h2::after{content: ""; position: absolute;left: 48%;bottom: -3px;width: 4%;height: 5px;overflow: hidden;background-color: #fff;}
.ft_contact_en{font-size: 4.8rem;font-weight: bold;line-height: 1.1;}
@media screen and (max-width: 767px) {
.ft_contact_tit h2::after{content: ""; position: absolute;left: 45%;bottom: -3px;width: 10%;height: 5px;overflow: hidden;background-color: #fff;}
}
.footer {
}
.ft_area {
padding: 50px 0;
}
@media screen and (max-width: 767px) {
.ft_area {
padding: 25px 15px;
}
}
.ft_area .left_area {
float: left;
width: 800px;
}
.ft_area .right_area {
float: right;
width: 300px;
}
@media screen and (max-width: 767px) {
.ft_area .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.ft_area .right_area {
float: none;
width: 100%;
}
}
.ft_nav li {
float: left;
width: 25%;
font-size: 1.2rem;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.ft_nav li {
width: 50%;
padding: 0 5px;
box-sizing: border-box;
}
} @media screen and (max-width: 767px) {
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.border_double {
border: #aaaaaa double 3px;
padding: 15px;
}
.ico_f01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/ico_f01.png) left center no-repeat;
padding-left: 20px;
}
.ico_f02 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/ico_f02.png) left center no-repeat;
padding-left: 20px;
}
.ico_f03 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/ico_f03.png) left center no-repeat;
padding-left: 20px;
}
.list_f01 li {
border-top: #ccc 1px dotted;
padding-top: 15px;
margin-top: 15px;
width: 33.3333%;
float: left;
font-size: 85.7% !important;
}
.slider_txt {
position: absolute;
bottom: 190px;
left: 0;
}
@media screen and (max-width: 767px) {
.slider_txt {
bottom: 50px;
}
}
.access_detail {
display: table;
clear: both;
width: 100%;
}
.access_detail dt {
display: table-cell;
width: 15%;
}
.access_detail dd {
display: table-cell;
width: 85%;
}
@media screen and (max-width: 767px) {
.access_detail, .access_detail dt, .access_detail dd {
display: block;
width: 100%;
}
.access_detail dt {
background: #f2f2f2;
}
}
.bg_movie {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/bg_top_01.png) left top no-repeat, url(//yamauchiya.com/wp-content/themes/template03/img/top/bg_top_02.png) right bottom no-repeat;
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.bg_movie {
padding: 30px 0;
background-size: 50%;
}
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 30px;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 767px) {
.li_link_bnr img {
width: 100%;
}
}

.relative {
position: relative;
} .f_min {
font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@font-face {
font-family: 'hannari';
src: url(//yamauchiya.com/wp-content/themes/template03/font/hannari.eot) format('embedded-opentype');
src: url(//yamauchiya.com/wp-content/themes/template03/font/hannari.otf) format('opentype');
}
.roboto {
font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.Lora {
font-family: "Lora", "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.forum {
font-family: 'Forum', cursive;
}
.sakura {
font-family: 'Sacramento', cursive;
}
.lato{
font-family: 'Lato', sans-serif;
}
.prata {
font-family: 'Prata', serif;
}
.googlefont_01 { font-family: 'Sacramento', cursive;
}
.googlefont_02 { font-family: 'Lato', sans-serif;
}
.googlefont_03 {
font-family: 'Sacramento', cursive;
}  .bg_ptn_01 {
background-image: linear-gradient(  -45deg,  #3c556d 12.5%,  #0b2a48 12.5%, #0b2a48 50%,  #3c556d 50%, #3c556d 62.5%,  #0b2a48 65.5%, #0b2a48 );
background-size: 5px 5px;
}  .c_bl {
color: #0b2a48;
}
.c_white {
color: #fff !important;
}
.c_red {
color: #a91313 !important;
}
.c_br {
color: #300;
}
.c_gr {
color: #42210b;
}
.c_g {
color: #006e54;
} .i_w img {
width: 100%;
margin: auto;
} .bg_white {
background: #fff;
}
.bg_green {
background-color: #4b6423;
}
.bg_g {
background-color: #e6edea;
}
.bg_bl {
background-color: #0b2a48;
color: #fff;
}
.bg_ib {
background-color: #fef7e4;
}
.bg_gray {
background-color: #f5f5f5;
}  .bd_fig {
border: 1px solid #181715;
overflow: hidden;
padding: 2px;
background-color: #fff;
}
.bd_img {
border: 1px solid #181715;
box-shadow: 0 0 0 2px #fff inset;
} .sp_center {
}
@media screen and (max-width : 767px ) {
.sp_center {
text-align: center;
}
}
@media screen and (max-width : 767px ) {
figure {
text-align: center;
}
} .sp_none {
}
@media screen and (max-width : 767px ) {
.sp_none {
display: none;
}
}
.pc_none {
display: none;
}
@media screen and (max-width : 767px ) {
.pc_none {
display: inherit;
}
}
.dn {
display: none;
}
.sp_indent15_lr {
}
@media screen and (max-width : 767px ) {
.sp_indent15_lr {
padding: 0 15px;
}
}
@media screen and (max-width: 767px) {
.indent_sp {
padding: 0 15px !important;
}
} .li_indent li{
text-indent: -1em;
padding-left:1em;
} .btn_01 a {
display: block;
width: 400px;
max-width: 100%;
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_16.png) right 10px center no-repeat, #fff;
border: #0b2a48 1px solid;
border-radius: 5px;
padding: 10px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
font-weight: bold;
color: #0b2a48;
}
@media screen and (max-width : 767px ) {
.btn_01 a {
width: 250px;
}
}
.btn_01 a:hover {
background-color: #0b2a48;
opacity: 1;
color: #fff;
}
.btn_02 {
width: 370px;
max-width: 100%;
margin: auto;
}
.btn_02 a {
display: block;
font-size: 1.8rem;
text-align: center;
color: #a91313;
padding: 20px;
font-weight: 500;
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_01.png), url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_02.png), url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_01.png), url(//yamauchiya.com/wp-content/themes/template03/img/common/btn_02.png);background-position: left top,right top,right bottom,left bottom;background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;border: 1px solid #a91313;
}
.btn_02 a:hover {
background:#a91313;
color: #fff;
opacity: 1;
}
.btn_list a {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow.png) left 10px center no-repeat #000;
color: #fff;
width: 400px;
max-width: 100%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
line-height: 1;
text-align: center;
display: block;
}
@media screen and (max-width: 767px) {
.btn_list a {
width: 100%;
padding: 10px;
}
}
.top_voice_btn {
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.top_voice_btn {
position: relative;
bottom: 0;
left: 0;
}
}
.border_01 {
border-bottom: #aaaaaa 1px solid;
padding-bottom: 10px;
margin-bottom: 10px;
}
.news_ttl {
margin-bottom: 20px;
padding: 2px 0 2px 0px;
font-size: 1.8rem;
}
.news_ttl_span {
font-weight: 300;
font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
.news_ttl_span {
font-weight: 300;
font-size: 2.4rem;
}
}
.news_ttl {
border-bottom: 1px solid #181715;
}
.news_ttl a {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_07.png) no-repeat right 10px center #181715;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
padding: 3px 40px;
color: #fff;
font-size: 1.4rem;
border-radius: 3px 3px 0 0;
}
@media screen and (max-width: 767px) {
.news_ttl a {
display: none;
}
}
.bd1 {
border: 1px solid #181715;
}
.bd_gr {
border: 1px solid #cccccc;
}
.bd_red {
border: 1px solid #c53d43;
}
.bb1 {
border-bottom: 1px solid #181715;
}
.bb_gr {
border-bottom: 1px solid #cccccc;
}
.bb_red {
border-bottom: 1px solid #c53d43;
}
.btn_arrow a {
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_02.png)no-repeat left center;
padding-left: 15px;
display: inline-block;
} .ttl_01 {
position: relative;
margin-bottom: 60px;
color: #181715;
}
.ttl_01 h2 {
font-size: 2.4rem;
position: relative;font-weight: bold;
padding-top: 10px;
}
.ttl_01 h2::after {
content: "";
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/nami.png) no-repeat center top;
position: absolute;
bottom: -50px;
left: 50%;
margin-left: -50px;
width: 100px;height: 40px;display: block;
}
.ttl_01_en {
font-size: 4.8rem;
max-width: 100%;
margin: 0 auto;
font-weight: 300;
line-height: 1.1;
position: relative;
z-index: 1;
color: #a91313;
}
.ttl_01_en .word1 .char1 {
text-transform: uppercase;
}
.contact_head .ttl_01_en {
font-size: 10.0rem;
}
@media screen and (max-width: 767px) {
.ttl_01 {
margin-bottom: 30px;
}
.ttl_01 h2 {
font-size: 1.8rem;
position: relative;
}
.ttl_01_en {
font-size: 3.2rem !important;
}
.ttl_01_yb {
display: block;
position: absolute;
left: 50%;
top: -30px;
width: 8px;
height: 30px;
margin-left: -4px;
}
}
.ttl_02 {
position: relative;
margin-bottom: 0px;
color: #181715;
font-weight: bold;
font-size: 2.8rem;
border-bottom: 2px solid #a91313;
padding-bottom: .2em;
z-index: 1;
}
.ttl_02 .span {
font-size: 3.8rem;
}
.ttl_02::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
width: 20%;
height: 5px;
overflow: hidden;
background-color: #a91313;
z-index: 2;
}
@media screen and (max-width: 767px) {
.ttl_02 {
position: relative;
margin-bottom: 0px;
color: #181715;
font-weight: bold;
font-size: 2.0rem;
border-bottom: 2px solid #181715;
z-index: 1;
}
.ttl_02 .span {
font-size: 3.8rem;
}
.ttl_02::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 48%;
width: 45%;
height: 10px;
overflow: hidden;
background-color: #eeeeee;
z-index: -1;
}
.ttl_02::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
width: 50%;
height: 5px;
overflow: hidden;
background-color: #181715;
z-index: 2;
}
}
.ttl_03 {
background-color: #eeeeee;
padding: 10px;
font-size: 2.2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.ttl_03 {
font-size: 1.8rem;
}
}
.ttl_13{font-size: 2.6rem;font-weight: bold;}
@media screen and (max-width: 767px) {
.ttl_13{font-size: 1.8rem;font-weight: bold;}
}
.ttl_04 {
font-size: 1.8rem;
font-weight: bold;
padding: 10px 0;
}
.ttl_04 span {
background-color: #c5e3e6;
color: #181715;
padding: 10px 10px;
margin-right: 10px;
}
.ttl_04 span.blue {
background-color: #0b2a48;
}
.ttl_04 {
font-size: 1.8rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.ttl_03 {
font-size: 2.4rem;
}
.ttl_03 span {
font-size: 2.4rem;
}
}
.ttl_04 {
font-size: 2.4rem;
color: #333;
padding-bottom: 5px;
border-bottom: 1px solid #333;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.ttl_04 {
margin-bottom: 20px;
font-size: 1.8rem;
padding-bottom: 5px;
}
} .col_2 > li {
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
float: left;
}
.col_2 > li:nth-child(2n) {
margin-right: 0;
float: right;
}
.col_2 > .left_area {
float: left;
width: 47%;
}
.col_2 > .right_area {
float: right;
width: 47%;
}
.col_2 > li h4 {
padding: 5px 0;
font-weight: bold;
}
@media screen and (max-width : 767px ) {
.col_2 > .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.col_2 > .right_area {
float: none;
width: 100%;
}
.col_2 > li {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
float: none;
}
.col_2 > li:nth-child(2n) {
margin-right: 0;
float: none;
}
}
.col_2_1 > .left_area {
float: left;
width: 57%;
box-sizing: border-box;
}
.col_2_1 > .right_area {
float: right;
width: 40%;
box-sizing: border-box;
} @media screen and (max-width : 767px ) {
.col_2_1 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_2_1 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_1_2 > .left_area {
float: left;
width: 40%;
box-sizing: border-box;
}
.col_1_2 > .right_area {
float: right;
width: 57%;
box-sizing: border-box;
}
@media screen and (max-width : 767px ) {
.col_1_2 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_1_2 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_3_1 > .left_area {
float: left;
width: 71%;
box-sizing: border-box;
}
.col_3_1 > .right_area {
float: right;
width: 25%;
box-sizing: border-box;
}
@media screen and (max-width : 767px ) {
.col_3_1 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_3_1 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_1_3 > .left_area {
float: left;
width: 25%;
box-sizing: border-box;
}
.col_1_3 > .right_area {
float: right;
width: 71%;
box-sizing: border-box;
}
@media screen and (max-width : 767px ) {
.col_1_3 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_1_3 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_3{display:flex;flex-wrap:wrap;gap:30px 3%;}
.col_3 > li {
width: calc((100% - 6%)/3); }
@media screen and (max-width : 767px ) {
.col_3 > li {
width: 100%;
}
} .col_3_sp_2 > li {
width: 31%;
margin-right: 3.5%;
float: left;
margin-bottom: 3.5%;
}
.col_3_sp_2 > li:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width : 767px ) {
.col_3_sp_2 > li {
width: 48%;
float: left;
margin-right: 4%;
}
.col_3_sp_2 > li:nth-child(3n) {
margin-right: 4%;
}
.col_3_sp_2 > li:nth-child(even) {
margin-right: 0 !important;
}
}
.col_4 > li {
float: left;
text-align: center;
box-sizing: border-box;
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
position: relative;
}
.col_4 > li:nth-child(4n) {
margin-right: 0%;
}
@media screen and (max-width : 767px ) {
.col_4 > li {
float: left;
text-align: center;
box-sizing: border-box;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
.col_4 > li:nth-child(4n) {
margin-right: 2%;
}
.col_4 > li:nth-child(2n) {
margin-right: 0%;
}
}
.col_5 > li {
float: left;
width: 17.6%;
margin-right: 3%;
margin-bottom: 3%;
}
.col_5 > li:nth-child(5n) {
margin-right: 0%;
}
@media screen and (max-width : 767px ) {
.col_5 > li {
float: left;
text-align: center;
box-sizing: border-box;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
.col_5 > li:nth-child(5n) {
margin-right: 4%;
}
.col_5 > li:nth-child(2n) {
margin-right: 0%;
}
}
.col_1_1 > .left_area {
float: left;
width: 48%;
}
.col_1_1 > .right_area {
float: right;
width: 48%;
}
.indent_content {
padding: 50px 0;
}
@media screen and (max-width: 767px) {
.indent_content {
padding: 25px 15px;
}
}
.indent_content02 {
padding: 35px 0;
}
@media screen and (max-width: 767px) {
.indent_content02 {
padding: 25px 15px;
}
}
.sp_none {
}
@media screen and (max-width: 767px) {
.sp_none {
display: none;
}
}
.pc_none {
display: none;
}
@media screen and (max-width: 767px) {
.pc_none {
display: block;
}
}
.pc_center {
text-align: center;
}
@media screen and (max-width: 767px) {
.pc_center {
text-align: left;
}
}
.f_pink {
color: #ff6357;
}
.lh_2 {
line-height: 2;
}
@media screen and (max-width: 767px) {
.lh_2 {
line-height: 1.6;
}
}
.lh_14 {
line-height: 1.4;
}
@media screen and (max-width: 767px) {
}
.w_400 {
width: 400px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.w_400 {
max-width: 100%;
margin: 0 auto;
}
}
.sp_mb10, .sp_mb20 {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sp_mb10 {
margin-bottom: 10px;
}
.sp_mb15 {
margin-bottom: 10px;
}
.sp_mb20 {
margin-bottom: 20px;
}
.sp_mb30 {
margin-bottom: 30px;
}
}
.pager_posting a {
display: inline-block;
padding: 5px;
border-radius: 5px;
border: 1px solid #333;
}  .blog_detail_top {
padding: 0px 15px 15px 30px;
}
.blog_detail_top:nth-child(2n) {
}
@media screen and (max-width : 767px ) {
.blog_detail_top {
margin-bottom: 20px;
}
}
.blog_detail_top dt {
float: left;
width: 25%;
font-size: 1.4rem;
}
.blog_detail_top dt a {
color: #fff;
}
.blog_detail_top dd {
float: right;
width: 73%;
}
@media screen and (max-width : 767px ) {
.blog_detail_top dt {
float: none;
width: 100%;
margin-bottom: 10px;
}
.blog_detail_top dd {
float: none;
width: 100%;
}
}
.blog_detail_top dd a {
text-decoration: underline;
}
.blog_list_top li {
display: inline-block;
background: #a91313;
box-sizing: border-box;
padding: 2px 4px;overflow: hidden;
text-align: center;
color: #fff;
font-size: 1.2rem;
margin:0 5% 5% 0;
margin-bottom: 0 !important;
}
.blog_list_top li.date {
background: none;
color: #333;
} .blog_list_top li.cat01 {
background: #f4b248;
padding: 2px;
text-align: center;
color: #fff;
font-size: 1.2rem;
}
.blog_list_top li.cat02 {
background: #1e65a5;
padding: 3px;
text-align: center;
color: #fff;
font-size: 1.2rem;
} @media (max-width: 480px) {
#sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
width: 50% !important;
}
#sb_instagram .sbi_photo {
display: block;
text-decoration: none;
background-size: 100% !important;
height: 150px !important;
}
} nav#breadcrumbs {
padding: 10px 0;
}
@media screen and (max-width: 767px) {
nav#breadcrumbs {
padding: 5px 15px 0;
}
}
nav#breadcrumbs ol li {
display: inline;
list-style-type: none;
font-size: 1.4rem;
}
nav#breadcrumbs ol li:before {
content: "　>　";
}
nav#breadcrumbs ol li:first-child:before {
content: "";
} .concept_col_3 {
clear: both;
margin-bottom: 30px;
}
.concept_col_3 > li {
position: relative;
top: 0;
left: 0;
width: 32%;
float: left;
margin-right: 2%;
}
.concept_col_3 > li:nth-child(3n) {
margin-right: 0;
}
.concept_col_3_txt {
margin-top: -50px;
text-align: center;
font-size: 1.8rem;
}
.concept_col_3_txt .con_w_box {
background-color: #fff;
padding: 15px;
width: 170px;
font-size: 2.2rem;
font-weight: 500;
position: relative;
margin: auto;
}
@media screen and (max-width: 767px) {
.concept_col_3 > li {
width: 100%;
float: left;
margin-right: 0;
clear: both;
}
.concept_col_3 > li figure {
width: 30%;
float: left;
}
.concept_col_3 > li .concept_col_3_txt {
width: 65%;
float: right;
}
.concept_col_3_txt {
margin-top: 0px;
text-align: center;
font-size: 1.8rem;
}
}
.con_w_box_bd {
position: relative;
z-index: 1;
font-size: 2.2rem;
font-weight: 300;
line-height: 1.1;
}
.con_w_box_bd::after {
content: "";
background-color: #fff100;
width: 130px;
height: 5px;
display: block;
overflow: hidden;
z-index: -1;
position: absolute;
left: 50%;
top: 12px;
margin-left: -65px;
}
.concept_col_3_txt_c {
font-weight: bold;
}
.concept_tit .forum {
background: url(//yamauchiya.com/wp-content/themes/template03/img/concept/ico_01.png) no-repeat left top;
color: #135997;
padding: 2px 0 10px 25px;
overflow: hidden;
clear: both;
display: block;
font-size: 1.2rem;
}
.concept_tit {
border-bottom: 2px solid #135997;
padding-bottom: 10px;
margin-bottom: 30px;
}
.con_tit {
border: 1px solid #181715;
height: 180px;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.con_tit {
height: auto;
}
.con_w_box_bd {
position: relative;
z-index: 1;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.1;
}
.concept_col_3_txt {
margin-top: 0px;
text-align: center;
font-size: 1.6rem;
}
}
.con_tit .con_num {
width: 130px;
overflow: hidden;
float: right;
text-align: center;
padding: 15px 0;
font-size: 2.0rem;
font-weight: 300;
z-index: 1;
position: relative;
}
.con_tit .con_num::before {
content: "";
background-color: #fff100;
width: 130px;
height: 5px;
display: block;
overflow: hidden;
z-index: -1;
position: absolute;
right: 0;
top: 31px;
}
.con_tit h4 {
font-weight: bold;
font-size: 2.0rem;
text-align: center;
padding: 30px 15px;
overflow: hidden;
clear: both;
letter-spacing: 0.1rem;
}
.con_col_1_2 .left_area {
width: 32%;
float: left;
}
.con_col_1_2 .right_area {
width: 64%;
float: right;
}
.con_col_2_1 .right_area {
width: 32%;
float: right;
}
.con_col_2_1 .left_area {
width: 64%;
float: left;
} @media screen and (max-width: 767px) {
.con_col_1_2 .left_area {
width: 100%;
float: none;
margin-bottom: 20px;
}
.con_col_1_2 .right_area {
width: 100%;
float: none;
}
.con_col_2_1 .right_area {
width: 100%;
float: none;
margin-bottom: 20px;
}
.con_col_2_1 .left_area {
width: 100%;
float: none;
}
.con_tit {
position: relative;
width: 100%;
left: 0;
}
.con_tit .con_num {
width: 100%;
float: none;
}
.con_tit .con_num::before {
content: "";
background-color: #fff100;
width: 130px;
height: 5px;
display: block;
overflow: hidden;
z-index: -1;
position: absolute;
right: 50%;
top: 31px;
margin-right: -65px;
}
.con_tit h4 {
padding: 0 5px 15px;
font-size: 1.7rem;
}
} .fl_tubo {
padding: 20px;
border: 1px solid #4444;
clear: both;
margin-bottom: 40px;
}
.fl_tubo dl {
display: table;
margin-bottom: 10px;
}
.fl_tubo dt {
display: table-cell;
}
.fl_tubo dd {
display: table-cell;
padding: .8em 1em .8em 2em;
}
@media screen and (max-width: 767px) {
.fl_tubo dl, .fl_tubo dt, .fl_tubo dd {
display: block;
}
}
.fl_ml {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
.fl_ml {
margin-left: 0px;
}
}
.fl_bd {
border: 1px solid #444;
padding: 0 20px;
}
.flow_num {
position: relative;
color: #000;
font-size: 2.4rem;
float: right;
text-align: center;
display: inline-block;
padding: 20px;
overflow: visible;
font-family: 'Oswald', sans-serif;
margin: 0px 0 50px 0;
line-height: 1.1;
z-index: 1;
font-weight: 300;
clear: both;
}
.flow_num::before {
content: '';
position: absolute;
top: 42px;
left: 50%;
margin-left: -45px;
width: 90px;
height: 20px;
overflow: hidden;
background-color: #fff100;
z-index: -1;
}
.flow_num span {
font-size: 6.4rem;
font-family: 'Oswald', sans-serif;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.fl_bd {
border: none;
}
.flow_num {
margin: 0px auto;
float: none;
}
} .bg_rec_01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/about/bg_01.jpg) center top no-repeat;
padding: 30px;
background-size: cover;
}
.bg_about {
background: #e8f3fd;
padding: 30px 0;
}
.bg_rec_02 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/recruit/bg_02.jpg) center top no-repeat;
padding: 30px;
background-size: cover;
}
.bg_rec_02 .f_16 {
text-align: center;
}
@media screen and (max-width: 767px) {
.bg_rec_01, .bg_rec_02 {
padding: 15px;
}
.bg_rec_02 .f_16 {
text-align: left;
}
}
.txt_area_rec {
background: rgba(255,255,255,0.7);
line-height: 2;
padding: 30px;
}
@media screen and (max-width: 767px) {
.txt_area_rec {
line-height: 1.8;
padding: 15px;
}
}
.about_tit {
font-size: 3.2rem;
}
.about_tit span {
color: #ea6398;
}
.rec_table {
margin-bottom: 60px;
}
.rec_table th {
background: #135997;
width: 200px;
box-sizing: border-box;
vertical-align: middle;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.rec_table {
margin-bottom: 30px;
}
.rec_table th {
width: 100%;
display: block;
}
}
.rec_table td {
width: 780px;
box-sizing: border-box;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.rec_table td {
width: 100%;
display: block;
}
}
.rec_table {
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
width: 100%;
}
.rec_table th, .rec_table td {
padding: 15px 25px;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
}
@media screen and (max-width: 767px) {
.rec_table th, .rec_table td {
padding: 10px 15px;
}
} .schedule_table {
width: 100%;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
}
@media screen and (max-width: 767px) {
.schedule_table {
width: 600px;
}
}
.schedule_table th, .schedule_table td {
width: 20%;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
padding: 15px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.schedule_table th, .schedule_table td {
padding: 8px;
font-size: 1.2rem !important;
}
}
.schedule_table td {
vertical-align: top;
}
.schedule_table th {
background: #92ab30;
text-align: center;
color: #fff;
font-weight: bold;
}
.schedule_table .f_16 {
font-size: 1.4rem !important;
}
.scroll {
overflow: auto;
　　　　 white-space:nowrap;
　　 }
.scroll::-webkit-scrollbar {
　　 height: 5px;
}
.scroll::-webkit-scrollbar-track {
　　 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
　　 background: #BCBCBC;
} .price_list li {
border: #ccc 1px solid;
border-radius: 5px;
padding: 30px 15px;
text-align: center;
box-sizing: border-box;
background: #fff;
}
@media screen and (max-width: 767px) {
.price_list li {
padding: 15px;
}
}
.f_70 {
font-size: 7.0rem;
}
@media screen and (max-width: 767px) {
.f_70 {
font-size: 3.5rem;
}
}
.tax {
position: absolute;
top: 18px;
right: 0;
font-size: 1.2rem;
color: #000;
}
@media screen and (max-width: 767px) {
.tax {
position: static;
top: 0;
right: 0;
}
}
.price_txt {
position: relative;
line-height: 1;
display: inline-block;
}
.ttl_price {
padding: 5px 0;
font-size: 2rem;
line-height: 1.4;
font-weight: bold;
color: #fff;
background: #92ab30;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 767px) {
.ttl_price {
font-size: 1.6rem;
}
}
.price_list_02 li {
border: #ccc 1px solid;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
background: #fff;
}
.txt_price {
padding: 25px 15px;
}
@media screen and (max-width: 767px) {
.txt_price {
padding: 15px;
}
}
.price_list_03 li {
text-indent: -0.5em;
padding-left: 0.5em;
margin-bottom: 5px;
} .area_info .left_area img {
max-width: 175px;
max-height: 175px;
overflow: hidden;
width: auto;
height: auto;
}
.area_intro .left_area {
float: left;
width: 175px;
}
.area_intro .right_area {
float: right;
width: 230px;
}
@media screen and (max-width: 767px) {
.area_intro .left_area {
float: none;
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.area_intro .right_area {
float: none;
width: 100%;
}
}
.intro_list li {
border: #ccc 1px solid;
border-radius: 5px;
padding: 20px;
margin-bottom: 35px;
}
.ttl_intro {
overflow: hidden;
text-align: center;
margin-bottom: 15px;
line-height: 1.2;
}
.ttl_intro span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.ttl_intro span::before, .ttl_intro span::after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #888;
}
.ttl_intro span::before {
right: 100%;
}
.ttl_intro span::after {
left: 100%;
}
.txt_intro_area {
position: relative;
padding: 20px 40px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
.txt_intro_area:before, .txt_intro_area:after {
content: '';
position: absolute;
top: -7px;
width: 1px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
.txt_intro_area:before {
left: 7px;
}
.txt_intro_area:after {
right: 7px;
}
.bg_intro {
background: url(//yamauchiya.com/wp-content/themes/template03/img/instructor/bg_01.gif) left top repeat;
padding: 25px;
box-shadow: 0px 0px 0px 5px #ffffff inset;
-moz-box-shadow: 0px 0px 0px 5px #ffffff inset;
-webkit-box-shadow: 0px 0px 0px 5px #ffffff inset;
border: #cccccc 1px solid;
}
@media screen and (max-width: 767px) {
.bg_intro {
padding: 15px;
}
}
.bg_white {
background: #fff;
padding: 20px;
}
@media screen and (max-width: 767px) {
.bg_white {
padding: 15px;
}
} .ico_01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/ico_01.png) left center no-repeat;
padding: 5px 0 5px 30px;
color: #748531;
border-bottom: #748531 2px dotted;
display: inline-block;
}
.ico_02 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/ico_02.png) left center no-repeat;
padding: 5px 0 5px 30px;
color: #748531;
border-bottom: #748531 2px dotted;
display: inline-block;
}
.ico_03 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/ico_03.png) left center no-repeat;
padding: 5px 0 5px 30px;
color: #748531;
border-bottom: #748531 2px dotted;
display: inline-block;
}
.ico_04 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/ico_04.png) left center no-repeat;
padding: 5px 0 5px 30px;
color: #748531;
border-bottom: #748531 2px dotted;
display: inline-block;
}
.txt_area_content {
position: relative;
}
.lesson_list_area > li {
width: 50%;
float: left;
padding: 30px 20px;
box-sizing: border-box;
border-bottom: #ccc 1px solid;
}
@media screen and (max-width: 767px) {
.lesson_list_area > li {
width: 100%;
float: none;
padding: 15px 5px;
box-sizing: border-box;
border-bottom: #ccc 1px solid;
}
}
.lesson_list_area > li:nth-child(odd) {
border-right: #ccc 1px solid;
}
@media screen and (max-width: 767px) {
.lesson_list_area > li:nth-child(odd) {
border-right: none;
}
}
.lesson_list_area > li:nth-child(1), .lesson_list_area > li:nth-child(2) {
border-top: #ccc 1px solid;
}
.lesson_position {
position: relative;
padding-bottom: 50px;
}
.lesson_list_area > li .btn_black a {
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.lesson_list li {
display: inline-block;
margin-right: 5px;
}
.lesson_list li:nth-child(2n) {
background: #ff6357;
border-radius: 50px;
font-size: 1.8rem;
color: #fff;
text-align: center;
padding: 3px 15px;
line-height: 1;
margin-right: 25px !important;
}
@media screen and (max-width: 767px) {
.lesson_list li:nth-child(2) {
font-size: 1.5rem;
padding: 3px 10px;
margin-right: 20px !important;
}
}
.lesson_list02 li {
color: #ff6357;
font-weight: bold;
font-size: 1.5rem;
border: #ff6357 2px solid;
border-radius: 5px;
padding: 8px 15px;
float: left;
margin-right: 10px;
line-height: 1;
}
@media screen and (max-width: 767px) {
.lesson_list02 li {
font-size: 1.3rem;
padding: 5px 10px;
margin-bottom: 5px;
}
}
.lesson_list02 li:last-child {
margin-right: 0;
}
.area_lesson .left_area {
float: left;
width: 200px;
}
.area_lesson .left_area img {
width: 100%;
height: auto;
}
.area_lesson .right_area {
float: right;
width: 235px;
}
@media screen and (max-width: 767px) {
.area_lesson .left_area {
float: none;
width: 100%;
margin-bottom: 15px;
}
.area_lesson .right_area {
float: none;
width: 100%;
}
}
.cat_case {
}
.cat_case a {display: inline-block;padding: 5px 10px;border-radius: 3px;font-size: 1.2rem;color: #fff !important;background-color: #3a1c0c;margin-right: 5px;}
.cat_btn {
float: right;
text-align: right;
background: url(//yamauchiya.com/wp-content/themes/template03/img/common/arrow_02.png)no-repeat left center;
padding-left: 15px;
font-size: 1.4rem;
}
.product_cat_list li {
width: 20%;
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
overflow: hidden;
border-bottom: 1px solid #cccccc;
}
.product_cat_list li a {
display: inline-block;
padding: 8px;
width: 100%;
}
.product_cat_list li a:hover, .product_cat_list li.current a {
background-color: #cccccc;
}
@media screen and (max-width: 767px) {
.product_cat_list li {
width: 50%;
font-size: 1.2rem;
}
.product_cat_list li a {
padding: 5px;
}
}
.case_list_01 > li figure {
position: relative;
}
.case_list_01 > li figure > span {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 1;
}
.tb_bd dl {
display: table;
border-bottom: 1px solid #666;
}
.tb_bd dl dt {
display: table-cell;
width: 25%;
padding: 5px 10px;
}
.tb_bd dl dd {
display: table-cell;
width: 75%;
padding: 5px;
}
.tb_bdn dl {
display: table;
margin-bottom: 10px;
}
.tb_bdn dl dt {
display: table-cell;
width: 25%;
padding: 5px 10px;
}
.tb_bdn dl dd {
display: table-cell;
width: 75%;
padding: 5px;
}
@media screen and (max-width: 767px) {
.tb_bd dl, .tb_bdn dl, .tb_bd dl dt, .tb_bd dl dd, .tb_bdn dl dt, .tb_bdn dl dd {
display: block;
width: 100%;
}
} .news_area > li {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: #ccc 1px solid;
}
.news_area > li a:hover {
display: block;
opacity: 0.6;
}
.news_list div {
float: left;
margin-right: 25px;
} #wysi h1 {
font-size: 3rem;
font-weight: bold;
}
#wysi h2 {
font-size: 2.5rem;
font-weight: bold;
border-left: 5px solid #a91313;
padding-left: 15px;margin-bottom: 30px;
}
#wysi h3 {
font-size: 2rem;
font-weight: bold;
padding-left: 10px;
border-left: 2px solid #a91313;
margin-bottom: 20px;
}
#wysi h4 {
font-size: 1.8rem;
font-weight: bold;
padding-left: 10px;
margin-bottom: 15px;
border-left: 2px solid #a91313;
}
#wysi h5 {
font-weight: bold;
}
#wysi p {
margin-bottom: 10px;
}
#wysi a.link {
color: #2271b1;border-bottom: 1px solid #2271b1;
}
#wysi .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
#wysi .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
#wysi .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#wysi blockquote {padding: 30px;border: 1px solid #a91313;}
#wysi blockquote p{margin-bottom: 0;}
#wysi blockquote a{display: block; color: #a91313;}
@media screen and (max-width: 767px) {
#wysi .alignleft {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}
#wysi .alignright {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}
#wysi .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#wysi blockquote {padding: 15px;}
}
.blog_img {
text-align: center;
padding: 1% 0 4%;
overflow: hidden;
clear: both;
}
.blog_img img {
max-width: 100%;
height: auto;
width: 480px;
}
.tablepress {
max-width: 100%;
margin-right: 1px;
border-left: #ccc 1px solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tablepress * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tablepress tfoot th, .tablepress thead th {
background: #92ab30;
text-align: center;
color: #fff;
font-weight: bold;
}
.tablepress td {
width: 20%;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
padding: 15px;
} .reno_box {
border: 1px solid #135997;
margin-bottom: 60px;
}
.reno_box_tit {
clear: both;
background-repeat: no-repeat;
background-position: right top;
height: 170px;
overflow: hidden;
}
.reno_box_tit h4 {
max-width: 70%;
float: left;
overflow: hidden;
font-weight: bold;
font-size: 3.2rem;
margin: 60px 0 10px 60px;
}
.reno_box_tit p {
max-width: 30%;
float: right;
overflow: hidden;
text-align: right;
margin: 40px 10px 0 0;
}
.reno_box_tit p img {
max-width: 100%;
height: auto;
}
.reno_box_in {
padding: 60px 30px 0px 30px;
overflow: hidden;
clear: both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.6rem;
}
#renovation01 .reno_box_tit {
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/bg_01.png);
}
#renovation02 .reno_box_tit {
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/bg_02.png);
}
#renovation03 .reno_box_tit {
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/bg_03.png);
}
#renovation04 .reno_box_tit {
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/bg_04.png);
}
#renovation05 .reno_box_tit {
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/bg_05.png);
}
#renovation06 .reno_box_tit {
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/bg_06.png);
}
@media screen and (max-width: 767px) {
.reno_box {
margin-bottom: 30px;
}
.reno_box_tit {
clear: both;
background-repeat: no-repeat;
background-position: right top;
height: auto;
overflow: hidden;
}
.reno_box_tit h4 {
max-width: 100%;
float: none;
overflow: hidden;
font-weight: bold;
font-size: 1.8rem;
margin: 20px 0 0px 20px;
clear: both;
text-shadow: 2px 2px 1px #fff,  -2px 2px 1px #fff,  2px -2px 1px #fff,  -2px -2px 1px #fff;
}
.reno_box_tit p {
max-width: 35%;
float: right;
overflow: hidden;
text-align: right;
margin: 0px 10px 20px 10px;
}
.reno_box_tit p img {
max-width: 100%;
height: auto;
}
.reno_box_in {
padding: 10px 10px 0 10px;
font-size: 1.4rem;
}
}
.to_con_box {
border: 1px solid #135997;
background: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/con_bg.jpg) no-repeat right top #fff;
background-size: auto 100%;
width: 680px;
max-width: 100%;
margin: 0 auto 60px;
}
.to_con_box_in {
padding: 20px;
overflow: hidden;
clear: both;
background: url(//yamauchiya.com/wp-content/themes/template03/img/renovation/con_ico_01.png) no-repeat right 5px bottom 5px;
}
.to_con_box_in > p {
text-shadow: 2px 2px 1px #fff,  -2px 2px 1px #fff,  2px -2px 1px #fff,  -2px -2px 1px #fff;
}
.to_con_box_in ul {
clear: both;
overflow: hidden;
width: 500px;
max-width: 100%;
}
.to_con_box_in ul li {
float: left;
width: 48%;
text-align: center;
}
.to_con_box_in ul li:nth-child(2) {
float: right;
}
.to_con_box_in ul a {
background-image: none !important;
}
@media screen and (max-width: 767px) {
.to_con_box_in {
background-color: rgba(255,255,255,0.5);
}
.to_con_box_in ul {
clear: both;
overflow: hidden;
width: 100%;
}
.to_con_box_in ul li {
width: 100%;
clear: both;
float: none;
margin-bottom: 20px;
text-shadow: 2px 2px 1px #fff,  -2px 2px 1px #fff,  2px -2px 1px #fff,  -2px -2px 1px #fff;
}
.to_con_box_in ul .tel a {
color: #135997 !important;
}
.to_con_box_in ul li:nth-child(2) {
width: 70%;
float: left;
margin-bottom: 0;
}
.to_con_box {
margin-bottom: 30px;
}
} dl.acMenu{background: url(//yamauchiya.com/wp-content/themes/template03/img/top/bg_icicgo.png)repeat left top;padding: 20px;margin-bottom: 40px;}
.acMenu dt {
box-sizing: border-box;
display: block;
width: 100%;
cursor: pointer;
background: url(//yamauchiya.com/wp-content/themes/template03/img/faq/p.png) 95% center no-repeat;
padding: 0px 15px 0px 35px;
transition: .3s;
font-size: 1.8rem;font-weight: bold;
color: #a91313;
position: relative;
}
.acMenu dt::after{content: "";
position: absolute;left: 0;top: 0;width: 30px;height: 30px;background: url(//yamauchiya.com/wp-content/themes/template03/img/faq/q.png)no-repeat left top;}
@media screen and (max-width: 767px) {
.acMenu dt {
padding: 0px 15px 0px 35px;
font-size: 1.4rem;
background: url(//yamauchiya.com/wp-content/themes/template03/img/faq/p.png) 98% center no-repeat;
background-size: 12px, auto;
}
}
.acMenu dt.active {
transition: .3s;
background: url(//yamauchiya.com/wp-content/themes/template03/img/faq/b.png) 95% center no-repeat;
}
@media screen and (max-width: 767px) {
.acMenu dt.active {
background: url(//yamauchiya.com/wp-content/themes/template03/img/faq/b.png) 98% center no-repeat;
background-size: 12px, auto;
}
}
.acMenu dd {
margin-top: 20px;
box-sizing: border-box;
background: #fff;
width: 100%;
display: none;
padding: 20px;
}
@media screen and (max-width: 767px) {
.acMenu dd {
padding: 15px;
}
}
.ico_q {
background: url(//yamauchiya.com/wp-content/themes/template03/img/question/ico_q.png) left top no-repeat;
padding: 5px 0;
padding-left: 35px;
display: block;
}
.ico_a {
background: url(//yamauchiya.com/wp-content/themes/template03/img/question/ico_a.png) left top no-repeat;
padding: 5px 0;
padding-left: 35px;
}
.faq dl {
margin-bottom: 60px;
clear: both;
}
.faq dl dt {
background: url(//yamauchiya.com/wp-content/themes/template03/img/question/ico_q.png) left top no-repeat;
padding: 10px 0 40px 90px;
font-size: 2.4rem;
font-weight: bold;
}
.faq dl dd {
background-color: #fef6e6;
padding: 30px;
line-height: 1.8;
font-size: 1.6rem;
}
.faq dl dd h4 {
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 2.4rem;
text-align: center;
border-bottom: 1px solid #181715;
position: relative;
font-weight: bold;
}
.faq dl dd h4::before {
content: "";
background-color: #181715;
width: 100px;
height: 3px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -50px;
}
@media screen and (max-width: 767px) {
.faq dl {
margin-bottom: 40px;
clear: both;
}
.faq dl dt {
background: url(//yamauchiya.com/wp-content/themes/template03/img/question/ico_q.png) left top no-repeat;
-webkit-background-size: 30px;
background-size: 30px;
padding: 5px 0 20px 40px;
font-size: 1.8rem;
}
.faq dl dd {
padding: 15px;
font-size: 1.4rem;
}
.faq dl dd h4 {
text-align: center;
border-bottom: 1px solid #181715;
position: relative;
font-size: 1.8rem;
}
} .box_tel {
color: #3a1c0c;
line-height: 1.4;
display: inline-block;
}
@media screen and (max-width: 767px) {
.box_tel {
text-align: left;
}
}
.contact_tel a {
display: block;
}
.contact_tel {
border: #3a1c0c 1px solid;
text-align: center;
padding: 20px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.contact_tel {
border: #3a1c0c 1px solid;
text-align: center;
padding: 15px;
margin-bottom: 20px;
}
}
ul.bxslider01 li p {
background-color: rgba(255,255,255,.50);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 8px;
font-size: 1.2rem;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.ico_required {
color: #fff;
font-size: 1.2rem;
background: #ff3232;
line-height: 1;
padding: 2px 4px;
}
.contact_form {
background: #ffffff;
padding: 20px 30px;
line-height: 1;
}
@media screen and (max-width: 767px) {
.contact_form {
padding: 15px;
}
}
.contact_form dt {
display: table-cell;
width: 215px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.contact_form dt {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
.contact_form dd {
display: table-cell;
width: 705px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.contact_form dd {
display: block;
width: 100%;
}
}
.contact_form input, .contact_form textarea {
box-sizing: border-box;
padding: 10px;
}
.contact_form input[type=text], .contact_form input[type=email] {
width: 100%;
}
.contact_form textarea {
width: 100%;
height: 250px;
}
@media screen and (max-width: 767px) {
.contact_form input, .contact_form textarea, .contact_form select {
font-size: 1.6rem;
padding: 5px;
}
.contact_form textarea {
height: 150px;
}
}
.contact_form input.p40p {
width: 30%;
}
select.time, select.lesson {
padding: 10px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
select.time, select.lesson {
width: 100%;
}
}
.contact_form select option {
line-height: 2 !important;
font-size: 1.6rem;
}
.flow_list li {
float: left;
width: 22%;
margin-right: 4%;
position: relative;
}
@media screen and (max-width: 767px) {
.flow_list li {
float: left;
width: 48%;
margin-right: 2%;
position: relative;
}
}
.flow_list li:after {
content: ' ';
position: absolute;
top: 50%;
right: -25px;
width: 10px;
height: 30px;
background: url(//yamauchiya.com/wp-content/themes/template03/img/contact/arrow.png) no-repeat center center;
}
@media screen and (max-width: 767px) {
.flow_list li:after {
display: none;
}
}
.flow_list li.last:after {
content: ' ';
position: absolute;
top: 50%;
right: -16px;
width: 10px;
height: 30px;
background: none;
}
.flow_list li:last-child {
margin-right: 0;
}
.step {
border-left: #c9be9c 4px solid;
line-height: 1;
padding-left: 10px;
margin-bottom: 10px;
}
.flow_01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/flow/bg_01.jpg.png)no-repeat right bottom;
}
.flow_02 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/flow/bg_02.jpg.png)no-repeat right bottom;
}
.flow_03 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/flow/bg_03.jpg.png)no-repeat right bottom;
}
.flow_04 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/flow/bg_04.jpg.png)no-repeat right bottom;
}
.flow_05 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/flow/bg_05.jpg.png)no-repeat right bottom;
}
.flow_06 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/flow/bg_06.jpg.png)no-repeat right bottom;
} .agreement_list li {
text-indent: -1em;
padding-left: 1em;
margin-bottom: 5px;
}
.price_detail {
margin-bottom: 5px;
}
.price_detail dt {
width: 15%;
float: left;
}
.price_detail dd {
width: 75%;
float: left;
} .area_voice .left_area {
float: left;
width: 335px;
}
.area_voice .right_area {
float: right;
width: 335px;
}
@media screen and (max-width : 760px ) {
.area_voice .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.area_voice .right_area {
float: none;
width: 100%;
}
}
.area_voice .right_area ul li {
margin-bottom: 5px;
}
.bg_voice01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/voice/bg_01.jpg) top center repeat;
padding: 20px; box-shadow: 0px 0px 0px 3px #ffffff inset;
-moz-box-shadow: 0px 0px 0px 3px #ffffff inset;
-webkit-box-shadow: 0px 0px 0px 3px #ffffff inset;
border: #ccc 1px solid;
}
@media screen and (max-width : 760px ) {
.bg_voice01 {
padding: 20px 10px;
}
}
.ttl_voice01 {
overflow: hidden;
line-height: 1;
}
.ttl_voice01 span {
position: relative;
display: inline-block;
padding-right: 1em;
text-align: left;
}
.ttl_voice01 span::after {
position: absolute;
top: 50%;
content: '';
width: 690px;
height: 1px;
background-color: #ccc;
}
.ttl_voice01 span::after {
left: 100%;
}
.ttl_voice02 {
overflow: hidden;
text-align: center;
}
.ttl_voice02 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.ttl_voice02 span::before, .ttl_voice02 span::after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #ccc;
}
.ttl_voice02 span::before {
right: 100%;
}
.ttl_voice02 span::after {
left: 100%;
}
.border_b03 {
border-bottom: #ccc 1px dotted;
padding-bottom: 5px;
margin-bottom: 10px;
}
.ttl_03_center {
overflow: hidden;
text-align: center;
font-size: 171.4%;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 20px;
}
@media screen and (max-width : 760px ) {
.ttl_03_center {
font-size: 150%;
}
}
.ttl_03_center span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
@media screen and (max-width : 760px ) {
.ttl_03_center span {
margin: 0 1em;
}
}
.ttl_03_center span::before, .ttl_03_center span::after {
position: absolute;
top: 70%;
content: '';
width: 400%;
height: 1px;
background-color: #333;
}
.ttl_03_center span::before {
right: 100%;
}
.ttl_03_center span::after {
left: 100%;
}
.service_ttl {
border-bottom: 5px solid #135997;
max-width: 50%;
text-align: center;
font-size: 2.4rem;
padding: 10px;
margin: auto;
position: relative;
}
.service_ttl::after {
background: #fff;
position: absolute;
bottom: -4px;
z-index: 2;
left: 50%;
margin-left: -15%;
content: '';
width: 30%;
height: 4px;
}
@media screen and (max-width : 760px ) {
.service_ttl {
max-width: 100%;
}
}
.bg_voice {
background: url(//yamauchiya.com/wp-content/themes/template03/img/voice/bg_01.gif) left top repeat;
padding: 25px;
box-shadow: 0px 0px 0px 5px #ffffff inset;
-moz-box-shadow: 0px 0px 0px 5px #ffffff inset;
-webkit-box-shadow: 0px 0px 0px 5px #ffffff inset;
border: #cccccc 1px solid;
}
.bg_arrow01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/voice/arrow.png) top center no-repeat;
padding-top: 90px;
margin-top: 30px;
}
.bg_top01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/bg_01.jpg) center top no-repeat;
background-size: cover;
padding: 30px;
}
.bg_top02 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/bg_02.jpg) center top no-repeat;
background-size: cover;
padding: 30px;
}
.bg_top03 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/top/bg_03.jpg) center top no-repeat;
background-size: cover;
padding: 30px;
}
@media screen and (max-width: 767px) {
.bg_top01, .bg_top02, .bg_top03 {
padding: 15px;
}
}
.bg_top_white {
background: rgba(255,255,255,0.8);
padding: 30px;
position: relative;
}
@media screen and (max-width: 767px) {
.bg_top_white {
padding: 15px;
}
}
.renovation_area {
background: #000;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: bold;
}
.cat_area li {
border-bottom: none;
padding: 5px 10px !important;
line-height: 1em;
display: inline-block;
background: #bbb;
border-radius: 50px;
color: #fff;
font-size: 85.7%;
margin-bottom: 0;
}
.cat_area li a {
color: #fff;
}
.col_flow {
border-bottom: #61782e 1px solid;
border-top: #61782e 1px solid;
}
.col_flow .left_area {
float: left;
width: 48%;
}
.col_flow .right_area {
float: right;
width: 52%;
}
@media screen and (max-width : 760px ) {
.col_flow .left_area {
float: none;
width: 100%;
}
.col_flow .right_area {
float: none;
width: 100%;
}
}
.txt_flow01 {
font-size: 2.4rem;
padding: 15px;
border-bottom: #61782e 1px solid;
}
@media screen and (max-width : 760px ) {
.txt_flow01 {
font-size: 2rem;
padding: 10px 15px;
}
}
.bg_flow {
background: #fcf9f4;
padding: 10px;
}
.triangle3 {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #583c32;
margin: 0 auto;
} .com_dl {
width: 100%;
}
.com_dl th {
width: 20%;
border-bottom: #0b2a48 3px solid;
padding: 10px;
}
.com_dl td {
width: 80%;
border-bottom: #0b2a48 1px solid;
padding: 10px;
}
@media screen and (max-width : 767px ) {
.com_dl {
display: block;
width: 100%;
}
.com_dl tr, .com_dl tbody {
width: 100%;
display: block;
}
.com_dl th {
width: 100%;
background-color: #F5F5F5;
display: block;
font-weight: bold;
border-bottom: #0b2a48 1px dotted;
padding: 10px;
}
.com_dl td {
width: 100%;
display: block;
border-bottom: #0b2a48 1px solid;
padding: 10px;
}
}
.opinion_area dl {
border-bottom: 1px solid #eee;
display:table;
}
.opinion_area dl:nth-child(even) dt {
background:#d2d2d2;
}
.opinion_area dt {
background: #eeeeee;
font-weight:bold;
width:30%;
display:table-cell;
padding:10px;
}
.opinion_area dd {
background:#fff;
width:70%;
display:table-cell;
padding:10px;
}
@media screen and (max-width : 760px ) {
.opinion_area dl {
display:block;
}
.opinion_area dt {
width:100%;
display:block;
padding:10px;
}
.opinion_area dd {
width:100%;
display:block;
}
}
.ttl_design {
background-color: #fff;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
font-size: 3.6rem;
padding: 0 40px 40px 0;
}
@media screen and (max-width : 760px ) {
.ttl_design {
background-color: #fff;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
font-size: 2.0rem;
padding: 10px 20px 10px 0;
}
}
.structure_page.indent_content {
padding: 50px 0 0;
}
.structure_page {
background: #181715;
}
.structure_page .ttl_002 {
color: #cda56e;
}
.structure_page .ttl_002 h2 {
font-size: 1.6rem;
border-bottom: 1px solid #cda56e;
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
}
.structure_page .ttl_002 h2::after {
content: "";
position: absolute;
left: 48%;
bottom: -3px;
width: 4%;
height: 5px;
overflow: hidden;
background-color: #cda56e;
}
.ttl_structure01 {
background: url(//yamauchiya.com/wp-content/themes/template03/img/structure/bg_ttl_02.jpg) center top no-repeat, url(//yamauchiya.com/wp-content/themes/template03/img/structure/bg_ttl_02.jpg) center bottom no-repeat;
padding: 20px 0;
font-size: 2.0rem;
text-align: center;
}
.bg_structure {
background: url(//yamauchiya.com/wp-content/themes/template03/img/structure/bg_01.jpg) center center repeat;
padding: 40px;
}
.bg_structure_gallery {
background: url(//yamauchiya.com/wp-content/themes/template03/img/structure/bg_02.jpg) center center repeat;
padding: 40px;
border-top: 1px solid #a78351;
}

ul.ico_link{width: 150px;
display: flex; justify-content: space-between;margin: auto;}
ul.ico_link::after{display: none;}
ul.ico_link > li{width: 40%;} .bg_ttl{
padding: 130px 0 100px;
background-size: cover;
background-color: #a91313;
}
@media screen and (max-width: 767px) {
.bg_ttl{
padding: 50px 15px 50px;text-align: center;color: #fff;
}
}
.bg_ttl h2{
color: #fff !important;
letter-spacing: 4px;
font-size: 3.0rem;font-weight: bold;text-align: center;
}
.ttl_02_en{	text-transform: capitalize;color: #fff;font-size: 4.8rem;text-align: center;
}
@media screen and (max-width: 767px) {
.bg_ttl h2{font-size: 1.8rem;}
.ttl_02_en{font-size: 2.4rem;}
}
.bg_ttl_strawberrypicking{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/strawberrypicking/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_history{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/history/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_strawberrys{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/yamauchiya/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_faq{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/faq/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_sale{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/sale/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_farminformation{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/company/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_contact,.bg_ttl_confirmation,.bg_ttl_thanks{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/company/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_privacy{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/privacy/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.bg_ttl_kunozan{
background-image: url(//yamauchiya.com/wp-content/themes/template03/img/kunozan/bg_ttl.jpg);
background-repeat: no-repeat;
background-position: center center;
} .pricetable{width: 100%;}
.pricetable,.pricetable tr,.pricetable tr th,.pricetable tr td{
border-collapse: collapse;
border: 1px solid #717966;
}
.pricetable tr th,.pricetable tr td{width: 33.3%;text-align: center;padding: 15px;font-size: 1.6rem;font-weight: bold;}
.pricetable tr th{background-color: #a91313;color: #fff;}
.pricetable tr td{color: #a91313;}
@media screen and (max-width: 767px) {
.pricetable tr th{font-size: 1.2rem;padding: 8px;}
.pricetable tr td{font-size: 1.6rem;padding: 8px;}
}
.indent_content .monthly-calendar caption {font-size: 1.8rem;font-weight: bold;margin-bottom: 10px;}
.indent_content .content-form legend{font-size: 1.4rem;}
.indent_content .day-calendar th,
.indent_content .day-calendar td {
font-size: 1.6rem;
}
.indent_content .content-form th,.indent_content .content-form td {font-size: 1.6rem;}
.indent_content .content-form td {text-align: left;}
.indent_content .content-form input, .indent_content .content-form textarea{font-size: 1.6rem;}
.w_yoyaku{width: 800px;max-width: 100%;font-size: 1.6rem;margin: 0px auto 60px;}
a.ubar {border-bottom: 1px solid #a91313;color: #a91313;} .waku{position: relative;}
.waku::after{position: absolute;
top:10px;
left:10px;
content:"";
height:100%;
width:100%;
border: 1px solid #a91313;
}
.waku2{position: relative;}
.waku2::after{position: absolute;
top:10px;
right:10px;
content:"";
height:100%;
width:100%;
border: 1px solid #a91313;
}
.ichigobgw{background-color: #fff;padding: 30px;}
.ichigobgw100{background-color: #fff;padding: 60px;}
@media screen and (max-width: 767px) {
.ichigobgw{}
.ichigobgw100{padding: 30px 15px;}
} .fmac dl{margin-bottom: 10px;padding-bottom: 10px;display: table;border-bottom: 1px solid #717966;width: 100%;}
.fmac dl dt{display: table-cell;width: 75px;font-weight: bold;}
.fmac dl dd{display: table-cell;font-size: 1.3rem;} .big{font-size: 3.2rem;font-weight: bold;}
@media screen and (max-width: 767px) {
.big{font-size: 2.4rem;font-weight: bold;}
}
.sale_btn a{border: 1px solid #a91313;background-color: #a91313;color: #fff;text-align: center;display: block;padding: 15px;font-weight: bold;}
.sale_btn a:hover{background-color: #fff;color: #a91313;}
.btn_to_shop a{border: 2px solid #a91313;background-color: #a91313;color: #fff;text-align: center;display: block;padding: 15px;font-weight: bold;border-radius: 10px;box-shadow: 0 3px 10px  rgba(169, 19, 19, 0.5);width: 300px;margin: auto;}
.btn_to_shop a:hover{background-color: #fff;color: #a91313;} .bg_hs01{
position:relative;
}
@media screen and (max-width: 767px) {
.bg_hs01{
padding-bottom: 240px;
}
}
.bg_hs01::before{
content: "";
background: url(//yamauchiya.com/wp-content/themes/template03/img/history/img_01.jpg) right top no-repeat;
width: 48%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.bg_hs01::before{
width: 100%;
height: 200px;
top: auto;
bottom: 0;
background-size: cover;
}
}
.bg_hs02{
position:relative;
}
@media screen and (max-width: 767px) {
.bg_hs02{
padding-bottom: 240px;
}
}
.bg_hs02::before{
content: "";
background: url(//yamauchiya.com/wp-content/themes/template03/img/history/img_02.jpg) left bottom no-repeat;
width: 48%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.bg_hs02::before{
width: 100%;
height: 200px;
top: auto;
bottom: 0;
background-size: cover;
}
}
.bg_hs03{
position:relative;
}
@media screen and (max-width: 767px) {
.bg_hs03{
padding-bottom: 240px;
}
}
.bg_hs03::before{
content: "";
background: url(//yamauchiya.com/wp-content/themes/template03/img/history/img_03.jpg) right top no-repeat;
width: 48%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.bg_hs03::before{
width: 100%;
height: 200px;
top: auto;
bottom: 0;
background-size: cover;
}
}
.bg_hs04{
position:relative;
}
@media screen and (max-width: 767px) {
.bg_hs04{
padding-bottom: 240px;
}
}
.bg_hs04::before{
content: "";
background: url(//yamauchiya.com/wp-content/themes/template03/img/history/img_04.jpg) left top no-repeat;
width: 48%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.bg_hs04::before{
width: 100%;
height: 200px;
top: auto;
bottom: 0;
background-size: cover;
}
}
.his_bg{background-color: #f1e7df;padding: 50px 0;}
.his_intit {text-align: center;margin-bottom: 30px;}
.his_intit span{font-weight: bold;font-size: 2.4rem;color: #a91313;border-bottom: 1px solid #a91313;}
@media screen and (max-width: 767px) {
.his_bg{background-color: #f1e7df;padding: 30px 15px;}
.his_intit {text-align: center;margin-bottom: 30px;border-bottom: 1px solid #a91313;}
.his_intit span{font-weight: bold;font-size: 1.8rem;color: #a91313;border: none;}
}
.his_txt{font-size: 1.6rem;text-align: center;margin-bottom: 30px;}
.his_name{font-size: 1.8rem;font-weight: bold;text-align: center;margin-bottom: 60px;}
@media screen and (max-width: 767px) {
.his_txt{font-size: 1.6rem;text-align: left;margin-bottom: 30px;}
.his_name{font-size: 1.8rem;font-weight: bold;text-align: right;}	
} .monthly-prev-next > div > a{display: inline-block;padding: 8px 12px;background-color: #a91314;color: #fff;font-weight: bold;position: relative;}
.monthly-prev-next > div > .no-link{display: inline-block;padding: 8px 12px;}
@media screen and (max-width: 767px) {
}
.monthly-next {margin-right: 2rem !important;}
.monthly-next a::before{position: absolute;right: -29px;top: 0;content: "";border: 19px solid transparent;border-left: 10px solid #a91314;}
.monthly-prev {margin-left: 2rem !important;}
.monthly-prev a::before{position: absolute;left: -29px;top: 0;content: "";border: 19px solid transparent;border-right: 10px solid #a91314;}
.vacant{font-weight: bold;color:#ff6347;}
.calendar-mark{font-weight: bold;font-size: 2.0rem !important;}
.content-form fieldset button{border: 2px solid #a91313;
background-color: #a91313;
color: #fff;
text-align: center;
display: block;
padding: 15px;
font-weight: 700;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(169, 19, 19, .5);
width: 300px;
margin: auto;}
.content-form fieldset button:hover{background-color: #fff;
color: #a91313;} .grecaptcha-badge { visibility: hidden; }
.recaptcha_chu{margin: 60px 0;font-size: 1.2rem;}
.recaptcha_chu a{border-bottom: 1px solid #000;}