@charset "utf-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
font-size: 1em;
}
body {
font-size: 62.5%;
}
body,
table,
input, textarea, select, option {
font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
img {
vertical-align: top;
}
a,
a:link {
color: #000;
text-decoration: none;
transition: 0.7s;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
a:active {
color: #000;
text-decoration: underline;
} body {
min-width: 1280px;
color: #000;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background-color: #FFF;
}
#container {
text-align: left;
padding-top: 150px;
}
#main {
margin-bottom: 20px;
}
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
.sp {
display: none !important;
}
@media all and (max-width: 767px) {
#container {
padding-top: 50px;
}
}
@media all and (max-width: 767px) {
body {
min-width: inherit;
}
a:hover,
a:hover img {
opacity: 1 !important;
}
.sp {
display: block !important;
}
.pc {
display: none !important;
}
a[href^="tel:"] {
cursor: pointer;
pointer-events: auto;
}
#container {
padding-bottom: 15.52vw;
}
#main {
margin-bottom: 10px;
}
} #gHeader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 150px;
background: #fff;
z-index: 1000;
}
@media all and (max-width: 767px) {
#gHeader {
height: 50px;
}
}
#gHeader .hBox {
margin-bottom: 25px;
padding: 5px;
background-color: #D3EEF7;
}
#gHeader .hInner {
margin: 0 auto;
width: 1150px;
}
#gHeader .hInner .ttl {
width: 50%;
float: left;
color: #333;
font-weight: bold;
}
#gHeader .hInner .rTxt {
padding-right: 10px;
width: 50%;
float: right;
color: #333;
font-weight: bold;
text-align: right;
box-sizing: border-box; 
}
#gHeader .logoBox {
margin: 0 auto;
padding-right: 0;
width: 1150px;
box-sizing: border-box;
}
#gHeader h1 {
padding-top: 18px;
float: left;
}
#gHeader .linkBox {
width: 900px;
padding-right: 1px;
float: right;
box-sizing: border-box;
}
#gHeader .tel {
padding-top: 14px;
width: 660px;
float: left;
}
#gHeader .tel a {
display: block;
float: left;
}
#gHeader .tel span {
display: block;
float: right;
color: #005bac;
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.04em;
}
#gHeader .contact {
float: right;
width: 236px;
text-align: center;
}
#gHeader .contact a {
padding: 2px;
display: block;
color: #FFF;
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
background-color: #F7AB00;
}
#gHeader .contact a .txt {
padding: 16px 0 13px;
display: block;
border: 1px solid #FFF;
}
#gHeader .contact a .inn {
padding: 0 15px 0 45px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon01.png) no-repeat left center;
}
#gHeader .contact a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
@media all and (max-width: 767px) {
#gHeader {
padding: 2px 0 0 8px;
border-top: 5px solid #CFECF6;
box-sizing: border-box;
}
.fixed #gHeader {
z-index: 1002;
}
body.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
}
#gHeader .logoBox {
width: auto;
}
#gHeader h1 {
padding-top: 12px;
float: left;
}
#gHeader .linkBox {
width: 218px;
padding-right: 0;
float: right;
}
#gHeader .tel {
padding-top: 0;
width: auto;
float: left;
border-right: 2px solid #F6F6F6;
}
#gHeader .tel a {
padding: 12px 10px 7px;
display: block;
float: none;
}
#gHeader .tel span {
display: none;
}
#gHeader .spTxt {
padding: 5px 2px 5px 0;
width: 120px;
float: left;
font-size: 10px;
font-weight: bold;
letter-spacing: -0.5px;
border-right: 2px solid #F6F6F6;
box-sizing: border-box;
}
#gHeader .menu {
float: left;
}
#gHeader .menu a {
padding: 12px 14px 11px;
display: block;
}
#gHeader .cover {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
z-index: 1002;
display: none;
}
#gHeader .menuBox {
padding: 0 0;
width: 70%;
height: 100vh;
overflow: auto;
position: fixed;
right: 0;
top: 0;
z-index: 1003;
background-color: rgba(26,84,159,0.94);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.Android #gHeader .menuBox {
height: 100vh !important;
}
#gHeader .menuBox .innerBox {
padding: 17px 0;
}
#gHeader .menuBox.open {
transform: translateX(0);
-webkit-transform: translateX(0);
}
#gHeader .menuBox .close {
padding-right: 17px;
float: right;
}
#gHeader .menuBox .navi {
margin-top: -2px;
}
#gHeader .menuBox .navi li a {
padding: 12px 10px 11px 30px;
display: block;
color: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
position: relative;
border-bottom: 1px solid #2E7AC8;
}
#gHeader .menuBox .navi .liStyle a:before {
width: 10px;
height: 10px;
position: absolute;
left: 10px;
top: 15px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/sp_icon01.png) no-repeat center center;
background-size: 10px 10px;
content: "";
}
#gHeader .menuBox .navi .liStyle a.on:before {
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/sp_icon01_on.png);
}
#gHeader .menuBox .navi li ul {
margin: 0;
display: none;
background-color: #FFF;
}
#gHeader .menuBox .navi li li {
border-bottom: 1px dotted #005bac;
}
#gHeader .menuBox .navi li li:last-child {
border-bottom: none;
}
#gHeader .menuBox .navi li li a {
color: #005bac;
border-bottom: none;
}
#gHeader .menuBox .navi li li:last-child a {
border-bottom: 1px solid #2E7AC8;
}
#gHeader .menuBox .navi li li a:before {
display: none;
}
#gHeader .menuBox .contact {
margin: 13px 22px;
width: auto;
float: none;
}
#gHeader .menuBox .contact a {
font-size: 11px;
text-decoration: none;
}
#gHeader .menuBox .contact a .txt {
padding: 9px 0;
}
#gHeader .menuBox .contact a .inn {
background-size: 18px auto;
}
#gHeader .menuBox .sns {
text-align: center;
}
#gHeader .menuBox .sns li {
margin: 0 8px;
display: inline-block;
}
#gHeader .menuBox .sns li img {
height: 22px;
}
}
@media all and (min-width: 768px) {
#gHeader .menuBox {
display: none !important;
}
}
@media all and (max-width: 520px) {
#gHeader h1 {
width: 142px;
}
#gHeader h1 a img {
max-width: 100%;
}
} .gNaviBox {
margin-bottom: 10px;
position: relative;
height: 118px;
}
#gNavi {
padding: 10px 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
background-color: #005BAC;
}
#gNavi.fix {
position: fixed;
top: 150px;
}
#gNavi .naviList {
margin: 0 auto;
position: relative;
width: 1150px;
}
#gNavi .naviList:before {
width: 2px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line02.png) repeat-y left top;
content: "";
}
#gNavi .naviList li {
padding-bottom: 2px;
width: 230px;
float: left;
position: relative;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line01.png) repeat-x right bottom;
}
#gNavi .naviList li:after {
width: 2px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line02.png) repeat-y right top;
content: "";
}
#gNavi .naviList li a {
padding: 2px 0;
width: 100%;
min-height: 43px;
display: table;
color: #FFF;
font-size: 15px;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
}
#gNavi .naviList li a span {
display: table-cell;
vertical-align: middle;
}
#gNavi .naviList li a:hover,
#gNavi .naviList li.hover a {
background-color: #398FDA;
}
#gNavi .naviList li:nth-child(6),
#gNavi .naviList li:nth-child(7),
#gNavi .naviList li:nth-child(8),
#gNavi .naviList li:nth-child(9),
#gNavi .naviList li:last-child {
background: none;
}
#gNavi .area {
padding-top: 19px;
position: absolute;
left: 0;
top: 50px;
width: 100%;
visibility: hidden;
opacity: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
z-index: 100;
}
#gNavi .area:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 19px);
background: #fff;
content: "";
z-index: -1;
}
#gNavi .area.hover {
opacity: 1;
visibility: visible;
}
#gNavi .area03 {
top: 90px;
}
.area.area01 .subNavi li:nth-child(3n) {
border: none !important;
}
.area.area02 .subNavi li:nth-child(5n) {
border: none !important;
}
.area.area03 .subNavi li:nth-child(4n) {
border: none !important;
}
#gNavi .area:before {
margin-left: -18px;
content: "";
width: 36px;
height: 19px;
position: absolute;
left: 50%;
top: 0;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon06.png) no-repeat center bottom;
background-size: 100% 100%;
}
#gNavi .area01:before {
margin-left: -250px;
}
#gNavi .area02:before,
#gNavi .area03:before {
margin-left: 210px;
}
#gNavi .area04:before {
margin-left: -480px;
}
#gNavi .area ul {
margin: 0 auto;
width: 1150px;
}
#gNavi .area li {
margin: 10px 0;
width: 383px;
float: left;
text-align: center;
box-sizing: border-box;
border-right: 2px dotted #1A57A7;
}
#gNavi .area .liStyle {
border: none;
}
#gNavi .area li a {
padding: 12px 5px;
display: block;
color: #005bac;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
#gNavi .area li a:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
#gNavi .area02 li {
width: 228px;
}
#gNavi .area03 li {
width: 228px;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
#gNavi .naviList li a:hover {
background-color: #005BAC;
}
#gNavi .naviList li.hover a{
background-color: #398FDA;
}
#gNavi .area li a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
}
@media all and (max-width: 767px) {
#gNavi,
.gNaviBox {
display: none;
}
} #pagePath {
}
#pagePath li {
display: inline;
color: #000;
font-size: 1.2em;
}
#pagePath li a {
} #block_online {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg_online.jpg) no-repeat center center;
text-align: center;
padding: 30px 5% 18px;
margin-bottom: 20px;
}
#block_online .img {
margin-bottom: 20px;
}
#block_online .img img {
max-width: 100%;
}
#block_online ul {
max-width: 640px;
margin: auto;
}
#block_online ul li {
display: inline-block;
width: 42%;
margin-right: 6%;
}
#block_online ul li:last-child {
margin-right: 0;
}
#block_online ul li a {
display: block;
}
#block_online ul li a img {
max-width: 100%;
}
@media all and (min-width: 1920px) {
#block_online {
background-size: cover;
}
}
@media all and (max-width: 767px) {
#block_online {
padding: 15px 5% 7px;
}
#block_online .img {
margin-bottom: 10px;
}
}
#gFooter {
overflow: hidden;
background-color: #FBFAF6;
}
#gFooter .pageTop {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1001;
}
#gFooter .pageTop a {
display: block;
}
#gFooter .pageTop a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#gFooter .fBox01 {
padding: 50px 0 45px;
}
#gFooter .fInner {
margin: 0 auto;
width: 1152px;
}
#gFooter .lBox {
width: 400px;
float: left;
}
#gFooter .fLogo {
margin-bottom: 34px;
}
#gFooter .tel {
margin-bottom: 23px;
}
#gFooter .tel span {
margin-top: 11px;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 1.4;
}
#gFooter .fLinkList {
margin-bottom: 23px;
width: 230px;
text-align: center;
}
#gFooter .fLinkList li:first-child {
margin-bottom: 19px;
}
#gFooter .fLinkList li a {
padding: 2px;
display: block;
color: #FFF;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
background-color: #F7AB00;
}
#gFooter .fLinkList li a:hover {
opacity: 0.7;
filter: alpha(oapcity=70);
}
#gFooter .fLinkList li a .txt {
padding: 12px 0 11px;
display: block;
border: 1px solid #FFF;
}
#gFooter .fLinkList li a .inn {
padding: 0 40px 0 50px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon01.png) no-repeat left center;
}
#gFooter .fLinkList .web a {
color: #000;
background-color: #FFEA4F;
}
#gFooter .fLinkList .web a .txt {
padding-top: 11px;
}
#gFooter .fLinkList .web a .inn {
padding: 0 0 0 30px;
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon04.png);
}
#gFooter .snsList li {
margin-right: 15px;
float: left;
}
#gFooter .snsList li a {
display: block;
}
#gFooter .snsList li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#gFooter .rBox {
padding-top: 1px;
width: 684px;
float: right;
}
#gFooter .rBox .fNavi > li {
width: 450px;
float: left;
}
#gFooter .rBox .fNavi > li:last-child {
width: 225px;
float: right;
}
#gFooter .rBox .fNavi li a,
#gFooter .rBox .fNavi li span {
display: block;
font-size: 14px;
font-weight: bold;
}
#gFooter .rBox .fNavi > li li {
padding-left: 20px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon05.png) no-repeat left top 5px;
}
#gFooter .rBox .subList li {
margin-bottom: 24px;
}
#gFooter .rBox .subList li:last-child {
margin-bottom: 0;
}
#gFooter .rBox .subList ul {
margin: 12px 0 28px;
}
#gFooter .rBox .subList li li {
margin-bottom: 9px;
padding-left: 0;
background: none;
}
#gFooter .rBox .subList li li a {
font-weight: 500;
}
#gFooter .fBox02 {
padding: 20px 0 16px;
background-color: #005BAC;
}
#gFooter .fBox02 .fTxtBox {
padding-top: 55px;
width: 460px;
float: left;
}
#gFooter .fBox02 .fTxtBox .ttl {
margin-bottom: 18px;
color: #ff9900;
font-size: 20px;
font-weight: bold;
}
#gFooter .fBox02 .fTxtBox .ttl .en {
display: block;
color: #FFF;
font-size: 10px;
}
#gFooter .fBox02 .fTxtBox .txt {
margin-bottom: 14px;
color: #FFF;
font-size: 18px;
line-height: 1.3;
}
#gFooter .fBox02 .fTxtBox .txt .sml {
display: block;
font-size: 14px;
}
#gFooter .fBox02 .fTxtBox .text {
margin-bottom: 90px;
color: #FFF;
line-height: 1.85;
}
#gFooter .fBox02 .fTxtBox .copyright {
color: #FFF;
font-size: 12px;
font-weight: bold;
}
#gFooter .fBox02 .map {
width: 690px;
float: right;
}
#gFooter .fBox02 .map iframe {
width: 694px;
height: 350px;
vertical-align: top;
background-color: #333;
}
@media all and (max-width: 767px) {
#gFooter .pageTop {
position: fixed;
right: 10px;
bottom: 60px;
display: none;
z-index: 1001;
}
#gFooter .pageTop a img {
width: 40px;
}
#gFooter .fBox01 {
padding: 15px 0 13px;
text-align: center;
}
#gFooter .fInner {
width: auto;
}
#gFooter .lBox {
width: auto;
float: none;
}
#gFooter .lBox .spTxt {
margin-bottom: 8px;
font-size: 9px;
font-weight: bold;
}
#gFooter .fLogo {
margin-bottom: 19px;
}
#gFooter .fLogo img {
margin: 0 auto;
}
#gFooter .tel {
margin-bottom: 15px;
}
#gFooter .tel img {
margin: 0 auto;
}
#gFooter .tel span {
margin-top: 12px;
font-size: 9px;
line-height: 1.4;
}
#gFooter .fLinkList {
display: none;
}
#gFooter .snsList {
margin: 0 auto;
width: 110px;
}
#gFooter .snsList li {
margin-right: 15px;
float: left;
}
#gFooter .snsList li:last-child {
margin-right: 0;
}
#gFooter .rBox {
display: none;
}
#gFooter .fBox02 {
padding: 10px 15px 8px;
text-align: center;
}
#gFooter .fBox02 .fTxtBox {
padding-top: 0;
width: auto;
float: none;
}
#gFooter .fBox02 .fTxtBox .ttl {
margin-bottom: 12px;
font-size: 15px;
}
#gFooter .fBox02 .fTxtBox .ttl .en {
margin-top: -2px;
font-size: 9px;
}
#gFooter .fBox02 .fTxtBox .txt {
margin-bottom: 5px;
font-size: 11px;
line-height: 1.4;
}
#gFooter .fBox02 .fTxtBox .txt .sml {
font-size: 11px;
}
#gFooter .fBox02 .fTxtBox .text {
margin-bottom: 8px;
font-size: 10px;
line-height: 1.5;
}
#gFooter .copyright {
padding: 5px 0;
color: #010101;
font-size: 9px;
text-align: center;
background-color: #D0EDF5;
}
#gFooter .fBox02 .map {
width: auto;
float: none;
}
#gFooter .fBox02 .map iframe {
width: 100%;
height: 178px;
}
#gFooter .fBox02 .btn {
margin: 8px auto 0;
width: 150px;
text-align: center;
}
#gFooter .fBox02 .btn a {
padding: 12px 0;
display: block;
color: #005bac;
font-size: 10px;
font-weight: bold;
text-decoration: none;
background-color: #FFF;
}
}
@media all and (max-width: 667px) {
#gFooter .pageTop {
display: none !important;
}
}
@media all and (-ms-high-contrast:none){
#gHeader .contact a .txt {
padding: 18px 0 11px;
}
#gNavi .naviList li a {
padding: 4px 0 0;
}
#gFooter .fLinkList li a .txt {
padding: 14px 0 10px;
}
#gFooter .fLinkList .web a .txt {
padding: 12px 0 10px;
}
}