@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"); 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;
}
html {
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;
max-width: 100%;
height: auto;
}
a,
a:link {
color: #000;
text-decoration: none;
transition: .3s;
}
a:visited {
color: #000;
}
a:hover {
color: #000;
}
a:active {
color: #000;
}  .clearfix:after {content: "";display: block;clear: both;} .flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;} body {
color: #000;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.5;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background-color: #FFF;
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
}
#container {
padding-top: 137px;
text-align: left;
}
#main {
display: block;
}
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
@media all and (min-width: 768px) {
.sp {
display: none !important;
}
}
@media all and (max-width: 1024px) {
#container {
padding-top: 57px;
}
}
@media all and (max-width: 767px) {
body {
min-width: inherit;
font-size: 1.1rem;
}
a:hover,
a:hover img {
opacity: 1 !important;
}
.pc {
display: none !important;
}
a[href^="tel:"] {
cursor: pointer;
pointer-events: auto;
}
} #gHeader {
position: fixed;
height: 137px;
left: 0;
top: 0;
width: 100%;
padding: 43px 75px 23px;
box-sizing: border-box;
z-index: 99;
background-color: #fff;
}
#gHeader h1 {
width: 265px;
}
#gHeader .hText {
position: absolute;
left: 327px;
top: 88px;
letter-spacing: 0.1em;
}
#gHeader .hList {
position: absolute;
right: 88px;
top: 28px;
font-weight: bold;
}
#gHeader .hList li:first-child {
margin-right: 41px;
}
#gHeader .hList a {
min-height: 33px;
padding: 10px 0 0 29px;
display: block;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon02.png) no-repeat left center;
background-size: 31px auto;
box-sizing: border-box;
}
#gHeader .hList a:hover {
opacity: 0.7;
}
#gHeader .hList li:first-child a {
padding-left: 34px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon01.png) no-repeat left top 10px;
background-size: 25px auto;
}
#gHeader .hTel {
padding-left: 40px;
position: absolute;
right: 533px;
top: 26px;
font-size: 2.4rem;
font-weight: 400;
letter-spacing: 0.04em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon03.png) no-repeat left top 11px;
background-size: 32px auto;
}
#gHeader .hTel span {
margin-left: 40px;
}
#gNavi {
position: absolute;
right: 84px;
top: 93px;
}
#gNavi li:not(:last-child) {
margin-right: 71px;
}
#gNavi a {
font-weight: bold;
display: inline-block;
letter-spacing: 0.1em;
}
#gNavi a:hover {
opacity: 0.7;
}
#gHeader address {
height: 450px;
position: fixed;
left: 50px;
top: 50%;
margin-top: -200px;
font-style: normal;
font-weight: 400;
font-size: 1.2rem;
letter-spacing: 0.1em;
font-family: 'Playfair Display', serif;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
direction: ltr;
text-align: left;
}
#gHeader .hSns {
position: fixed;
top: 50%;
margin-top: -180px;
right: 49px;
width: 20px;
}
#gHeader .hSns li:not(:last-child) {
margin-bottom: 50px;
}
#gHeader .hSns a:hover {
opacity: 0.7;
}
@media all and (max-width: 1360px) {
#gHeader {
padding: 43px 15px 23px;
}
#gNavi {
right: 15px;
}
#gNavi li:not(:last-child) {
margin-right: 20px;
}
#gHeader .hList {
right: 15px;
}
#gHeader .hList li:first-child {
margin-right: 6px;
}
#gHeader .hTel {
padding-left: 30px;
right: 380px;
font-size: 2rem;
background-size: 30px auto;
}
#gHeader .hTel span {
margin-left: 5px;
}
#gHeader .hText {
left: 245px;
}
#gHeader address {
left: 5px;
}
#gHeader .hSns {
right: 5px;
}
}
@media all and (min-width: 1025px) {
.menu {
display: none !important;
}
.menuBox {
display: none !important;
}
.fixBox {
display: none !important;
}
}
@media all and (max-width: 1024px) {
#gHeader {
height: 57px;
padding: 11px 17px;
}
#gHeader h1 {
width: 141px;
}
#gHeader .hText {
display: none;
}
#gHeader .hList {
display: none;
}
#gHeader .hList li:first-child {
margin-right: 41px;
}
#gHeader .hTel {
display: none;
}
#gNavi {
display: none;
}
#gHeader address {
display: none;
}
#gHeader .hSns {
position: absolute;
top: 20px;
margin-top: 0;
right: 86px;
width: auto;
display: flex;
}
#gHeader .hSns li {
width: 17px;
}
#gHeader .hSns img.pc {
display: none;
}
#gHeader .hSns img.sp {
display: block !important;
}
#gHeader .hSns li:not(:last-child) {
margin: 0 20px 0 0;
}
#gHeader .menu {
width: 27px;
position: absolute;
right: 22px;
top: 18px;
}
.menuBox {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 17px 32px;
overflow-y: auto;
box-sizing: border-box;
background: rgba(0,0,0,0.8);
z-index: 100;
}
.menuBox .menuLogo {
margin: 0 0 22px -10px;
width: 200px;
}
.menuBox .close {
position: absolute;
right: 18px;
top: 16px;
width: 26px;
}
.menuBox .menuUl {
margin: 0 0 53px;
}
.menuBox .menuUl > li {
width: 95%;
border-top:1px solid #fff; 
padding: 20px 0;
}
.menuBox .menuUl > li:last-child {
width: 95%;
border-bottom:1px solid #fff;
}
.menuBox .menuUl .accordion .content li {
padding: 10px 0;
}
.menuBox .menuUl > li > ul > li:not(:last-child) {
margin-bottom: 17px;
}
.menuBox .menuUl a {
color: #fff;
font-weight: bold;
font-size: 1.5rem;
padding: 20px 0;
}
.menuBox .menuUl .accordion .content li a{
font-weight: normal;
font-size: 1.4rem;
padding: 10px 0;		
}
.menuBox .menuUl > li ul ul {
margin-top: 20px;
}
.menuBox .menuUl > li ul ul li:not(:last-child) {
margin-bottom: 8px;
}
.menuBox .menuUl > li ul ul a {
font-size: 1.1rem;
font-weight: 500;
}
.menuBox .menuList {
margin: 0 auto 20px;
max-width: 290px;
}
.menuBox .menuList li:not(:last-child) {
margin-bottom: 12px;
}
.menuBox .menuList a {
padding: 23px 0 18px;
display: block;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
position: relative;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon09.png) no-repeat center right 12px,url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon02.png) no-repeat center left 24px #BBE2F6;
background-size: 39px auto,28px auto;
}
.menuBox .menuList li:nth-child(2) a {
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon09.png) no-repeat center right 12px,url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon01.png) no-repeat center left 24px #FFFBC5;
background-size: 39px auto,25px auto;
}
.menuBox .menuList li:nth-child(3) a {
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon40.png) no-repeat center right 12px;
background-size: 39px auto;
color: #fff;
border: 1px solid #fff;
}
.menuBox .menuList li:nth-child(3) a:after {
position: absolute;
left: 20px;
bottom: 6px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon11.png) no-repeat;
background-size: 52px auto;
width: 52px;
height: 70px;
content: "";
}
.menuBox .menuList li:nth-child(3) a:before {
border-color: #fff;
}
.menuBox .menuList a:before {
position: absolute;
left: 5px;
top: 5px;
right: 5px;
bottom: 5px;
border: 1px solid #000;
content: "";
}
.menuBox .menuTel {
margin: 0 10px 28px;
color: #fff;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.04em;
}
.menuBox .menuTel span {
margin-bottom: -5px;
padding-left: 30px;
display: block;
font-size: 4rem;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon01.png) no-repeat left top 32px;
background-size: 26px auto;
}
.menuBox .menuTel a {
color: #fff;
}
.menuBox .menuText {
margin-bottom: 30px;
color: #fff;
font-size: 1.2rem;
}
.menuBox address {
padding-bottom: 70px;
font-style: normal;
font-size: 0.9rem;
color: #fff;
letter-spacing: 0.04em;
font-family: 'Playfair Display', serif;
}
.fixBox {
display: none;
position: fixed;
left: 0;
bottom: 0;
height: 80px;
padding: 10px 20px;
width: 100%;
background: rgba(0,0,0,0.8);
box-sizing: border-box;
z-index: 99;
}
.fixBox li {
width: 38.6%;
margin-right: 3%;
}
.fixBox li:last-child {
width: 16.8%;
margin-right: 0;
}
.fixBox a {
height: 60px;
padding-top: 15px;
display: block;
text-align: center;
font-size: 1.2rem;
position: relative;
line-height: 1.29;
font-weight: bold;
letter-spacing: 0.08em;
background-color: #BBE2F6;
box-sizing: border-box;
}
.fixBox a:before {
position: absolute;
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
border: 1px solid #000;
content: "";
}
.fixBox a span {
padding-left: 32px;
display: inline-block;
text-align: left;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon05.png) no-repeat left center;
background-size: 20px auto;
}
.fixBox li:nth-child(2) a {
background-color: #FFFBC5;
}
.fixBox li:nth-child(2) a span {
padding-left: 32px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon02.png) no-repeat left center;
background-size: 20px auto;
}
.fixBox li:last-child a {
padding-top: 40px;
font-weight: 400;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon02.png) no-repeat center top 4px;
background-size: 35px auto;
color: #fff;
font-size: 1.5rem;
}
.fixBox li:last-child a:before {
display: none;
}
.menuBox .menuUl .accordion {  }
.menuBox .menuUl .toggle {
display: none;
}
.menuBox .menuUl .option {position: relative; }
.menuBox .menuUl .title,
.menuBox .menuUl .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.menuBox .menuUl .title {       }
.menuBox .menuUl .title::after {content: "\025bc";color: #fff;position: absolute;right: -0.75em;top: 0.25em;width: 69px;height: 3em;transition: all 0.3s;text-align: right;padding: 0 10px 0 30px;}
.menuBox .menuUl .title::after { }
.menuBox .menuUl .accordion .content {
max-height: 0;
overflow: hidden;
}
.menuBox .menuUl .accordion .content p {margin: 0;padding: 3.5em 3em 3em;font-size: 0.9em;line-height: 2;}
.menuBox .menuUl .toggle:checked + .title + .content {max-height: 270px;transition: all 1.5s;padding: 0;}
.menuBox .menuUl .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
.menuBox .menuUl .accordion .content p span{display: inline-block;padding-left: 6rem;text-indent: -4rem;}
}
@media all and (max-width: 350px) {
#gHeader .menu {
right: 15px;
}
#gHeader .hSns {
right: 60px;
}
.menuBox .menuTel {
margin: 0 0 28px;
}
.menuBox .menuTel span {
font-size: 3.5rem;
background-position: left top 26px;
}
} #gFooter {
margin-top: 68px;
border-top: 1px solid #808080;
position: relative;
}
#gFooter .fLeft {
width: calc(50% + 172px);
padding: 63px 15px 0;
box-sizing: border-box;
}
#gFooter .fLeft > div {
max-width: 717px;
margin: 0 0 0 auto;
position: relative;
}
#gFooter .fLogo {
margin-bottom: 26px;
width: 264px;
}
#gFooter .fNavi {
max-width: 470px;
margin-bottom: 50px;
}
#gFooter .fNavi > li {
width: 44%;
font-weight: bold;
}
#gFooter .fNavi > li > ul > li:not(:last-child) {
margin-bottom: 19px;
}
#gFooter .fNavi > li > ul ul {
margin: 8px 0 0 12px;
}
#gFooter .fNavi > li > ul ul li {
font-size: 1.2rem;
line-height: 2.16;
font-weight: 500;
}
#gFooter .fNavi a:hover {
opacity: 0.7;
}
#gFooter .fText {
position: absolute;
left: 492px;
top: 80px;
line-height: 1.4;
font-size: 1rem;
font-weight: bold;
}
#gFooter .fText li:not(:last-child) {
margin-bottom: 12px;
}
#gFooter .fText span {
display: block;
font-size: 1.4rem;
}
#gFooter .fTel {
position: absolute;
left: 263px;
top: 225px;
font-size: 2.25rem;
font-weight: 400;
letter-spacing: 0.04em;
}
#gFooter .fTel span {
padding: 0 0 0 40px;
margin-bottom: -4px;
display: block;
font-size: 4.5rem;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon03.png) no-repeat left top 37px;
background-size: 30px auto;
}
#gFooter .fSns {
margin-left: 6px;
}
#gFooter .fSns li {
margin-right: 28px;
width: 19px;
}
#gFooter .fSns li:last-child {
margin-right: 0;
}
#gFooter .fSns li a:hover {
opacity: 0.7;
}
#gFooter .fRight {
width: calc(50% - 172px);
padding: 87px 15px 51px 74px;
background-color: #ccc;
box-sizing: border-box;
}
#gFooter .fLink {
margin-bottom: 28px;
}
#gFooter .fLink a {
padding: 4px 0 0 31px;
min-height: 23px;
display: inline-block;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon10.png) no-repeat left top;
background-size: 19px auto;
box-sizing: border-box;
}
#gFooter .fLink a:hover {
opacity: 0.7;
}
#gFooter .fList {
margin-bottom: 76px;
max-width: 290px;
}
#gFooter .fList li:not(:last-child) {
margin-bottom: 23px;
}
#gFooter .fList a {
padding: 23px 0 18px;
display: block;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
position: relative;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon09.png) no-repeat center right 12px,url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon02.png) no-repeat center left 24px #BBE2F6;
background-size: 39px auto,28px auto;
}
#gFooter .fList li:nth-child(2) a {
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon09.png) no-repeat center right 12px,url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon01.png) no-repeat center left 24px #FFFBC5;
background-size: 39px auto,25px auto;
}
#gFooter .fList li:nth-child(3) a {
background: #fff;
}
#gFooter .fList li:nth-child(3) a:after {
position: absolute;
left: 20px;
bottom: 6px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon11.png) no-repeat;
background-size: 52px auto;
width: 52px;
height: 70px;
content: "";
}
#gFooter .fList a:before {
position: absolute;
left: 5px;
top: 5px;
right: 5px;
bottom: 5px;
border: 1px solid #000;
content: "";
}
#gFooter .fList a:hover {
opacity: 0.7;
}
#gFooter address {
font-style: normal;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.1em;
font-family: 'Playfair Display', serif;
}
.pageTop {
position: fixed;
right: 40px;
bottom: 40px;
z-index: 98;
width: 43px;
}
.pageTop a:hover {
opacity: 0.7;
}
@media all and (max-width: 1080px) {
#gFooter .fText {
left: 450px;
}
}
@media all and (max-width: 1024px) {
#gFooter {
margin-top: 127px;
border-top: none;
}
#gFooter .fBox {
display: block;
}
#gFooter .fLeft {
width: auto;
padding: 0 21px 17px;
}
#gFooter .fLeft > div {
max-width: inherit;
}
#gFooter .fLogo {
margin-bottom: 3px;
width: 294px;
}
#gFooter .fNavi {
display: none;
}
#gFooter .fText {
margin-bottom: -10px;
position: static;
}
#gFooter .fText li:not(:last-child) {
margin-bottom: 0;
}
#gFooter .fText li:first-child,
#gFooter .fText li:nth-child(2) {
display: none;
}
#gFooter .fTel {
position: static;
font-size: 2rem;
}
#gFooter .fTel span {
padding: 0 0 0 36px;
font-size: 4rem;
background-position: left top 32px;
background-size: 27px auto;
}
#gFooter .fSns {
display: none;
}
#gFooter .fRight {
width: auto;
padding: 30px 20px 106px;
}
#gFooter .fLink {
margin-bottom: 20px;
text-align: center;
}
#gFooter .fList {
margin: 0 auto 31px;
}
#gFooter address {
font-size: 0.9rem;
text-align: center;
}
.pageTop {
right: 20px;
bottom: 90px;
width: 30px;
}
} .enFont {
font-family: 'Playfair Display', serif;
} .pageTitle {
margin: 0 88px;
height: 330px;
padding: 10px 98px;
display: flex;
align-items: center;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/privacy/page_title_bg.jpg) no-repeat center center;
background-size: cover;
box-sizing: border-box;
}
.pageTitle h2 {
color: #fff;
line-height: 1.75;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
}
@media all and (max-width: 1360px) {
.pageTitle {
margin: 0 30px;
padding: 10px 20px;
}
}
@media all and (max-width: 767px) {
.pageTitle {
margin: 0;
height: 98px;
padding: 10px 20px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/privacy/sp_page_title_bg.jpg);
}
.pageTitle h2 {
font-size: 1.3rem;
line-height: 1.34;
}
} .content {
max-width: 1000px;
padding: 0 15px;
margin: 0 auto;
box-sizing: border-box;
}
@media all and (max-width: 767px) {
.content {
padding: 0 20px;
max-width: inherit !important;
}
} .headLine01 {
margin-bottom: 73px;
font-size: 2rem;
line-height: 1.8;
letter-spacing: 0.1em;
}
.headLine01 .enFont {
margin: 0 0 52px -7px;
display: block;
color: #ababab47;
font-size: 10rem;
font-weight: 400;
line-height: 1.1;
letter-spacing: 0.04em;
mix-blend-mode: multiply;  
}
@media all and (max-width: 1200px) {
.headLine01 .enFont {
font-size: 8rem;
}
}
@media all and (max-width: 767px) {
.headLine01 {
margin-bottom: 16px;
font-size: 1.5rem;
line-height: 1.38;
}
.headLine01 .enFont {
margin: 0 0 21px -1px;
font-size: 5rem;
line-height: 1;
}
} .headLine02 {
margin-bottom: 38px;
text-align: center;
font-size: 2rem;
letter-spacing: 0.1em;
}
@media all and (max-width: 767px) {
.headLine02 {
margin-bottom: 12px;
font-size: 1.4rem;
}
} .headLine03 {
margin-bottom: 34px;
padding: 19px 0 14px;
font-size: 2rem;
text-align: center;
letter-spacing: 0.1em;
background-color: #bbe2f6;
}
@media all and (max-width: 767px) {
.headLine03 {
margin-bottom: 11px;
padding: 9px 0 11px;
font-size: 1.4rem;
}
} .headLine04 {
margin-bottom: 19px;
padding-bottom: 13px;
font-size: 2rem;
letter-spacing: 0.1em;
border-bottom: 1px solid #3f3f3f;
}
.headLine04 span {
margin-left: 29px;
font-size: 1.3rem;
letter-spacing: 0.1em;
font-weight: 500;
}
@media all and (max-width: 767px) {
.headLine04 {
margin-bottom: 19px;
padding-bottom: 4px;
font-size: 1.1rem;
}
.headLine04 span {
margin-left: 0;
display: block;
font-size: 1rem;
}
} .headLine05 {
margin-bottom: 13px;
font-size: 2rem;
letter-spacing: 0.1em;
}
@media all and (max-width: 767px) {
.headLine05 {
margin-bottom: 3px;
font-size: 1.3rem;
}
} .comLink {
max-width: 448px;
margin: 0 auto;
}
.comLink a {
padding: 5px;
display: block;
text-align: center;
color: #231815;
position: relative;
font-size: 1.4rem;
font-weight: bold;
background-color: #fff;
letter-spacing: 0.1em;
}
.comLink a > span {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #231815;
}
.comLink a > span span {
padding: 20px 6px 16px 0;
display: block;
position: relative;
z-index: 2;
transition: .3s;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon08.png) no-repeat center right 20px;
background-size: 30px 9px;
}
.comLink a > span::after {
position: absolute;
content: ' ';
display: block;
width: 100%;
height: 100%;
background: #231815;
left: 0;
top: 0;
z-index: 1;
transform: translateX(-115%) skewX(60deg);
transition: .4s cubic-bezier(.23,1,.32,1);
}
@media all and (min-width: 768px) {
.comLink a:hover > span span {
color: #fff;
background-position: center right 10px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon08_on.png);
}
.comLink a:hover > span::after {
transform: translateX(0%) skewX(0deg);
}
}
@media all and (max-width: 767px) {
.comLink {
max-width: 335px;
margin: 0 auto;
}
.comLink a {
padding: 4px;
font-size: 1.2rem;
letter-spacing: 0;
}
.comLink a > span span {
padding: 20px 12px 14px 0;
background-position: center right 18px;
background-size: 27px auto;
}
} .comLinkUl {
max-width: 1208px;
margin: 0 auto;
}
.comLinkUl li {
width: 48.9%;
padding: 0 7px 7px 0;
position: relative;
box-sizing: border-box;
}
.comLinkUl li:before {
position: absolute;
right: 0;
top: 7px;
bottom: 0;
left: 7px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line02.png) repeat;
background-size: 20px auto;
content: "";
}
.comLinkUl a {
height: 300px;
padding-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
font-weight: 700;
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.1em;
background-color: #89C8ED;
border: 10px solid #BBE2F6;
box-sizing: border-box;
}
.comLinkUl a:hover {
opacity: 0.7;
}
.comLinkUl li .icon {
display: block;
width: 43px;
margin: 0 auto 40px;
}
.comLinkUl li:last-child a {
background-color: #A5DAA6;
border-color: #CDEBCD;
}
.comLinkUl .sml {
padding-right: 21px;
display: block;
position: absolute;
bottom: 10px;
right: 27px;
font-size: 1.4rem;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon18.png) no-repeat center right;
background-size: 14px auto;
}
@media all and (max-width: 1000px) {
.comLinkUl a {
font-size: 1.5rem;
}
}
@media all and (max-width: 767px) {
.comLinkUl {
margin: 0 18px;
max-width: inherit;
display: block;
}
.comLinkUl li {
margin-bottom: 30px;
width: auto;
}
.comLinkUl li:last-child {
margin-bottom: 0 !important;
}
.comLinkUl li:before {
right: 4px;
left: 4px;
top: 4px;
bottom: 4px;
background-size: 10px auto;
}
.comLinkUl a {
height: 150px;
padding-bottom: 12px;
font-size: 1.3rem;
line-height: 1.46;
border-width: 5px;
}
.comLinkUl li .icon {
width: 22px;
margin: 0 auto 10px;
}
.comLinkUl .sml {
padding-right: 14px;
bottom: 10px;
right: 14px;
font-size: 1.1rem;
background-size: 12px auto;
}
} .comBtn {
max-width: 1208px;
margin: 0 auto;
padding: 0 7px 7px 0;
position: relative;
box-sizing: border-box;
}
.comBtn:before {
position: absolute;
right: 0;
top: 7px;
bottom: 0;
left: 7px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line02.png) repeat;
background-size: 20px auto;
content: "";
}
.comBtn a {
padding: 43px 18px 38px 0;
display: block;
position: relative;
z-index: 1;
text-align: center;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
border: 10px solid #D5D5D5;
background: #B2B2B2 url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon15.png) no-repeat center right 43px;
background-size: 26px auto;
}
.comBtn a:hover {
opacity: 0.7;
}
.comBtn a span {
display: inline-block;
position: relative;
}
.comBtn a span:before {
position: absolute;
left: -198px;
top: -9px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon14.png) no-repeat left center;
background-size: 52px auto;
width: 52px;
height: 46px;
content: "";
}
@media all and (max-width: 767px) {
.comBtn {
margin: 0 23px 0 13px;
max-width: inherit;
padding: 0 4px 4px 0;
}
.comBtn:before {
top: 4px;
left: 4px;
background-size: 10px auto;
}
.comBtn a {
padding: 21px 0 20px 9px;
font-size: 1rem;
border-width: 5px;
background-position: center right 21px;
background-size: 14px auto;
}
.comBtn a span:before {
left: -52px;
top: -4px;
background-size: 26px auto;
width: 26px;
height: 23px;
}
} .comBtmBox .contact {
padding: 0 15px 45px;
margin-bottom: 93px;
position: relative;
}
.comBtmBox .contact:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
top: 211px;
content: "";
background-color: #BBE2F6;
}
.comBtmBox .contact .imgBox {
max-width: 1750px;
margin: 0 auto;
align-items: flex-start;
position: relative;
z-index: 1;
}
.comBtmBox .contact .pho {
width: 56.34%;
padding: 0 17px 15px 0;
position: relative;
box-sizing: border-box;
}
.comBtmBox .contact .pho:before {
position: absolute;
top: 15px;
bottom: 0;
left: 15px;
right: 0;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line01.png) repeat left top;
background-size: 33px auto;
content: "";
}
.comBtmBox .contact .pho img {
position: relative;
z-index: 1;
}
.comBtmBox .contact .pho:after {
position: absolute;
left: 31px;
bottom: -92px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/imgtext01.png) no-repeat;
background-size: 613px auto;
width: 613px;
height: 154px;
content: "";
z-index: 1;
}
.comBtmBox .contact .textBox {
width: 40.97%;
margin-top: -21px;
}
.comBtmBox .contact .textInfo {
max-width: 448px;
position: relative;
margin: 0 0 0 auto;
}
.comBtmBox .contact .iconImg01 {
max-width: 243px;
margin: 0 19px 9px auto;
}
.comBtmBox .contact .headLine01 {
margin-left: 7px;
}
.comBtmBox .contact .iconImg02 {
position: absolute;
left: 114px;
bottom: -131px;
width: 54px;
}
.comBtmBox .current {
padding: 1px 15px 86px;
background-color: #CDEBCD;
}
.comBtmBox .current .imgBox {
max-width: 1204px;
margin: 0 auto;
position: relative;
}
.comBtmBox .current .pho {
width: 49.58%;
padding: 0 13px 13px 0;
position: absolute;
left: 0;
top: 105px;
box-sizing: border-box;
}
.comBtmBox .current .pho:before {
position: absolute;
top: 13px;
bottom: 0;
left: 13px;
right: 0;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line01.png) repeat left top;
background-size: 33px auto;
content: "";
}
.comBtmBox .current .pho img {
position: relative;
z-index: 1;
}
.comBtmBox .current .textBox {
width: 49%;
margin: 0 4px 0 auto;
}
.comBtmBox .current .headLine01 {
margin: -57px 0 46px;
text-align: right;
position: relative;
}
.comBtmBox .current .headLine01:before {
position: absolute;
left: 74px;
bottom: 0;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon06.png) no-repeat;
background-size: 109px auto;
width: 109px;
height: 83px;
content: "";
}
.comBtmBox .current .headLine01 .enFont {
margin-bottom: 42px;
}
.comBtmBox .current .comLink {
margin: 0 0 0 auto;
}
.comBtmBox .current .iconImg01 {
position: absolute;
right: 338px;
bottom: -121px;
width: 85px;
}
.comBtmBox .current .textImg {
position: absolute;
right: 5px;
bottom: -119px;
width: 242px;
}
@media all and (max-width: 1200px) {
.comBtmBox .contact .pho::after {
background-size: 510px auto;
width: 510px;
}
}
@media all and (max-width: 1000px) {
.comBtmBox .contact .pho::after {
background-size: 390px auto;
width: 390px;
}
}
@media all and (max-width: 767px) {
.comBtmBox .contact {
padding: 0 20px 29px;
margin-bottom: 104px;
}
.comBtmBox .contact:after {
position: absolute;
right: 25px;
bottom: -61px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/imgtext01.png) no-repeat;
background-size: 290px auto;
width: 290px;
height: 78px;
content: "";
z-index: 1;
}
.comBtmBox .contact:before {
top: 124px;
}
.comBtmBox .contact .imgBox {
max-width: inherit;
margin: 0 auto;
display: block;
}
.comBtmBox .contact .pho {
margin-bottom: 22px;
width: auto;
padding: 0 3px 5px 0;
}
.comBtmBox .contact .pho:before {
top: 5px;
bottom: 0;
left: 5px;
right: -3px;
}
.comBtmBox .contact .pho:after {
display: none;
}
.comBtmBox .contact .textBox {
width: auto;
margin: 0;
}
.comBtmBox .contact .textInfo {
max-width: inherit;
}
.comBtmBox .contact .iconImg01 {
max-width: 122px;
margin: 0 20px 7px;
}
.comBtmBox .contact .headLine01 {
margin-left: 1px;
}
.comBtmBox .contact .iconImg02 {
left: -2px;
bottom: -40px;
width: 27px;
}
.comBtmBox .current {
padding: 1px 20px 29px;
}
.comBtmBox .current .imgBox {
max-width: inherit;
}
.comBtmBox .current .pho {
margin-bottom: 23px;
width: auto;
padding: 0 0 5px 0;
position: relative;
left: auto;
top: auto;
}
.comBtmBox .current .pho:before {
top: 5px;
bottom: 0;
left: 5px;
right: -5px;
}
.comBtmBox .current .textBox {
width: auto;
margin: 0 4px 0 auto;
}
.comBtmBox .current .headLine01 {
margin: -36px 0 15px;
}
.comBtmBox .current .headLine01:before {
left: 24px;
bottom: -7px;
background-size: 55px auto;
width: 55px;
height: 44px;
}
.comBtmBox .current .headLine01 .enFont {
margin-bottom: 24px;
}
.comBtmBox .current .comLink {
margin: 0 0 0 auto;
}
.comBtmBox .current .iconImg01 {
right: auto;
left: 11px;
bottom: -68px;
width: 68px;
}
.comBtmBox .current .textImg {
right: -1px;
bottom: -47px;
width: 144px;
}
} .mailForm table {
width: 100%;
border-collapse: collapse;
}
.mailForm th,
.mailForm td {
height: 72px;
padding: 10px 8px 9px;
vertical-align: middle;
text-align: left;
box-sizing: border-box;
border: 1px solid #000;
word-break: break-all;
}
.mailForm .bold th,
.mailForm .bold td {
border-bottom-width: 2px;
}
.mailForm th {
padding: 6px 19px 0 27px;
width: 23%;
letter-spacing: 0.1em;
background-color: #BBE2F6;
}
.mailForm th a {
text-decoration: underline;
}
.mailForm .vTop {
vertical-align: top;
padding-top: 27px;
}
.mailForm th .must {
float: right;
color: #E73817;
}
.mailForm td input[type="text"],
.mailForm td input[type="email"],
.mailForm td input[type="tel"],
.mailForm td select,
.mailForm td textarea {
width: 100%;
height: 52px;
font-size: 1.4rem;
padding: 2px 5px 0 20px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #D3D1D0;
border-radius: 0;
background-color: #fff;
}
.mailForm td select::-ms-expand { 
display: none;
}
.mailForm td textarea {
padding: 10px 20px;
height: 247px;
resize: vertical;
}
.mailForm td select,
.mailForm td .fhopedate input[type="text"] {
padding: 2px 15px 0;
width: 286px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/select_bg.png) no-repeat center right 10px;
background-size: 10px auto;
}
.mailForm td select.wid03 {
margin-left: 23px;
width: 224px;
}
.mailForm td input[type="radio"] {
display: none;
}
.mailForm td input[type="radio"] + span {
min-height: 30px;
padding: 6px 0 0 40px;
display: inline-block;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/radio_img01.png) no-repeat left top;
background-size: 30px auto;
box-sizing: border-box;
}
.mailForm td input[type="radio"]:checked + span {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/radio_img02.png);
}
.mailForm td .radioBox {
margin: -10px 0 0 46px;
}
.mailForm td .radioBox.radioSpe {
margin: 0 0 0 25px;
}
.mailForm td .radioBox.radioSpe .wpcf7-list-item {
margin: 10px 28px 0 0;
}
.mailForm td .radioBox.radioSpe input[type="checkbox"] ~ span {
min-height: 30px;
padding: 6px 0 0 40px;
display: inline-block;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/radio_img01.png) no-repeat left top;
background-size: 30px auto;
box-sizing: border-box;
}
.mailForm td .radioBox.radioSpe input[type="checkbox"]:checked ~ span {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/radio_img02.png);
}
.mailForm td .radioBox .wpcf7-list-item {
margin: 10px 96px 0 0;
vertical-align: top;
}
.mailForm td .radioBox .wpcf7-list-item:last-child {
margin-right: 0 !important;
}
.mailForm td .wid01[type="text"] {
width: 198px;
}
.mailForm td .wid02[type="text"] {
width: 194px;
}
.mailForm td input[type="tel"] {
width: 197px;
}
.mailForm td .text01 {
margin: 0 25px 0 5px;
}
.mailForm td .text02 {
margin: 0 6px 0 3px;
}
.mailForm td .text03 {
margin-right: 5px;
}
.mailForm td .radioBox01 {
margin-left: 25px;
}
.mailForm td .radioBox01 .wpcf7-list-item {
margin-right: 39px;
}
.mailForm td .radioBox02 .wpcf7-list-item {
margin-right: 26px;
}
.mailForm td .radioBox03 .wpcf7-list-item {
margin-right: 191px;
}
.mailForm td .radioBox03 .fhope .wpcf7-list-item.first {
display: none;
}
.mailForm td .radioBox03 .wpcf7-list-item:last-child {
margin: 10px 0 0 -46px;
}
.mailForm td .radioBox03 .link {
margin: 18px 0 0 191px;
}
.mailForm td .link {
margin-left: 37px;
display: inline-block;
}
.mailForm td .link a {
padding-right: 45px;
display: block;
font-weight: bold;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon08.png) no-repeat center right;
background-size: 30px auto;
}
.mailForm td .link a:hover {
opacity: 0.7;
}
.mailForm td .radioBox04 {
margin: 0 0 0 25px;
font-weight: bold;
}
.mailForm td .radioBox04 .wpcf7-list-item {
margin-right: 28px;
}
.mailForm td .radioBox04 .wpcf7-list-item .sml {
margin-top: -1px;
display: block;
font-weight: 500;
font-size: 1rem;
}
.mailForm td input[type="checkbox"] {
display: none;
}
.mailForm td input[type="checkbox"] + span {
min-height: 37px;
padding: 6px 0 0 70px;
display: inline-block;
font-weight: bold;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/check_img01.png) no-repeat left 20px top;
background-size: 35px auto;
box-sizing: border-box;
letter-spacing: 0.1em;
}
.mailForm td input[type="checkbox"]:checked + span {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/check_img02.png);
}
.mailForm td input[type="checkbox"] + span a {
margin-left: 26px;
color: #005BAB;
font-weight: 500;
text-decoration: underline;
}
.mailForm td input[type="checkbox"] + span a:hover {
text-decoration: none;
}
.mailForm .submit {
max-width: 437px;
margin: 113px auto 0;
}
.mailForm .submit li:not(:last-child) {
margin-bottom: 10px;
}
.mailForm .submit input {
display: block;
padding: 19px 8px 15px 0;
font-weight: bold;
width: 100%;
color: #231815;
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.1em;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #231815;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon08.png) no-repeat center right 15px;
background-size: 30px auto;
border-radius: 0;
}
.mailForm .submit input:hover {
opacity: 0.7;
}
@media all and (min-width: 1080px) {
.mailForm th a:hover {
text-decoration: none;
}
}
@media all and (max-width: 1080px) {
.mailForm th a {
text-decoration: underline;
}
.mailForm th {
padding: 6px 10px;
}
.mailForm td .radioBox03 .wpcf7-list-item {
margin-right: 80px;
}
}
@media all and (max-width: 900px) {
.mailForm td input[type="tel"] {
width: 160px;
}
.mailForm td .wid01[type="text"] {
width: 145px;
}
}
@media all and (max-width: 767px) {
#inquiries p{
font-size: 1.4rem;
margin-bottom: 20px;
}
.mailForm table {
border-top: 1px solid #000;
}
.mailForm th,
.mailForm td {
display: block;
width: 100% !important;
height: auto;
font-size: 1.3rem;
padding: 12px 11px 9px;
}
.mailForm .bold th,
.mailForm .bold td {
border-bottom-width: 1px;
}
.mailForm th {
padding: 14px 10px 13px 12px !important;
border-top: none;
border-bottom: none;
}
.mailForm th .must {
font-size: 1.35rem;
}
.mailForm td input[type="text"],
.mailForm td input[type="email"],
.mailForm td input[type="tel"],
.mailForm td select,
.mailForm td textarea {
height: 48px;
font-size: 1.3rem;
padding: 4px 5px 0 15px;
}
.mailForm td textarea {
height: 203px;
padding: 10px 15px
}
.mailForm td select,
.mailForm td .fhopedate input[type="text"] {
padding: 2px 15px 0;
width: 100%;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/select_bg.png) no-repeat center right 10px;
background-size: 10px auto;
}
.mailForm td select.wid03 {
margin-left: 0;
width: 100%;
}
.mailForm td .radioBox {
margin: -12px 0 12px 12px;
}
.mailForm td .radioBox .wpcf7-list-item {
margin: 20px 100px 0 0;
}
.mailForm td .wid01[type="text"] {
width: 96px;
}
.mailForm td .wid02[type="text"] {
width: 57px;
}
.mailForm td .wid04[type="text"] {
width: 53px !important;
}
.mailForm td .wid05[type="text"] {
width: 162px !important;
}
.mailForm td input[name="ftel01"],
.mailForm td input[name="ftel02"],
.mailForm td input[name="ftel03"],
.mailForm td input[name="fowntel01"],
.mailForm td input[name="fowntel02"],
.mailForm td input[name="fowntel03"],
.mailForm td input[name="fintrotel01"],
.mailForm td input[name="fintrotel02"],
.mailForm td input[name="fintrotel03"] {
width: 91px;
}
.mailForm td .text01 {
margin: 0 10px 0 5px;
}
.mailForm td .text02 {
margin: 0 3px 0 3px;
}
.mailForm td .text03 {
margin-right: 2px;
}
.mailForm td .radioBox01 {
margin-left: 6px;
}
.mailForm td .radioBox01 .wpcf7-list-item {
margin-right: 20px;
}
.mailForm td .radioBox02 {
margin-bottom: 0;
}
.mailForm td .radioBox02 .wpcf7-list-item {
margin-right: 0;
}
.mailForm td .radioBox03 {
margin-bottom: 0;
}
.mailForm td .radioBox03 .wpcf7-list-item {
margin-right: 0;
}
.mailForm td .radioBox03 .wpcf7-list-item:nth-child(2) {
margin-right: 92px;
}
.mailForm td .radioBox03 .wpcf7-list-item:last-child {
margin: 19px 0 0;
}
.mailForm td .link {
margin: 21px 0 0 !important;
display: block !important;
text-align: right;
}
.mailForm td .link a {
padding-right: 37px;
font-size: 1.2rem;
background-position: top 4px right 5px;
background-size: 25px auto;
}
.mailForm td .radioBox04 {
margin: -13px 0 0;
}
.mailForm td .radioBox.radioSpe {
margin: -13px 0 0;
}
.mailForm td .radioBox04 .wpcf7-list-item {
margin-right: 35px;
width: auto;
}
.mailForm td .radioBox.radioSpe .wpcf7-list-item {
margin-right: 35px;
width: auto;
}
.mailForm td .radioBox04 .wpcf7-list-item .sml {
margin-top: -1px;
font-size: 1.2rem;
}
.mailForm td input[type="checkbox"] + span {
font-size: 1.2rem;
padding: 14px 0 17px 45px;
background-size: 30px auto;
background-position: top 6px left 6px;
}
.mailForm td input[type="checkbox"] + span a:hover {
text-decoration: underline;
}
.mailForm .submit {
max-width: 327px;
margin: 52px auto 0;
}
.mailForm .submit input {
padding: 18px 8px 13px 0;
font-size: 1.2rem;
letter-spacing: 0;
background-position: center right 12px;
background-size: 26px auto;
}
.mailForm .submit input:hover {
opacity: 1;
}
}
@media all and (max-width: 374px) {
.mailForm td .text01 {
margin: 0 3px 0 2px;
}
.mailForm td .text02 {
margin: 0 1px;
}
.mailForm td .wid04[type="text"] {
width: 45px !important;
}
.mailForm td .wid01[type="text"] {
width: 80px;
}
.mailForm td input[type="tel"] {
width: 70px;
}
.mailForm td .wid05[type="text"] {
width: 120px !important;
}
.mailForm td input[type="checkbox"] + span {
padding-left: 28px;
background-position: top 6px left;
background-size: 26px auto;
}
.mailForm td input[type="checkbox"] + span a {
margin-left: 2px;
}
} .comSelect {
max-width: 840px;
margin: 0 auto 146px;
}
.comSelect li {
width: 43.1%;
display: flex;
align-items: center;
justify-content: space-between;
}
.comSelect li:first-child {
margin-right: 8.7%;
}
.comSelect span {
display: block;
font-weight: bold;
letter-spacing: 0.1em;
}
.comSelect li:last-child span {
margin-left: -20px;
}
.comSelect select {
width: calc(100% - 75px);
height: 39px;
font-size: 1.4rem;
font-weight: 500;
padding: 0 5px 0  17px;
border: 1px solid #3E3A39;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/select_bg02.png) no-repeat center right 14px;
background-size: 9px auto;
}
.comSelect select::-ms-expand { 
display: none;
}
@media all and (max-width: 767px) {
.comSelect {
max-width: inherit;
display: block;
margin: 0 auto 41px;
}
.comSelect li {
width: auto;
}
.comSelect li:first-child {
margin: 0 0 20px;
}
.comSelect span {
font-size: 1.2rem;
}
.comSelect li:last-child span {
margin-left: 0;
}
.comSelect select {
width: calc(100% - 80px);
height: 37px;
font-size: 1.2rem;
padding: 2px 5px 0 8px;
background-position: center right 8px;
}
} .comNewsUl {
max-width: 1146px;
margin: -89px auto 0;
position: relative;
}
.comNewsUl:after {
content: "";
width: 30.89%;
}
.comNewsUl li {
width: 30.89%;
margin-top: 89px;
}
.comNewsUl li:nth-child(3n - 1) {
margin-top: 50px;
}
.comNewsUl li a {
display: block;
}
.comNewsUl li a:hover {
opacity: 0.7;
}
.comNewsUl .pho {
margin: 0 0 0 29px;
position: relative;
}
.comNewsUl .pho:before {
position: absolute;
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line02.png) repeat;
background-size: 20px auto;
content: "";
}
.comNewsUl .pho span {
display: block;
width: 100%;
padding-bottom: 67%;
position: relative;
z-index: 1;
background-size: cover;
background-position: center center;
}
.comNewsUl .textBox {
margin: -25px 31px 0 0;
padding: 24px 15px 21px 20px;
position: relative;
z-index: 1;
background-color: #F4F5EF;
box-sizing: border-box;
}
.comNewsUl .textBox p {
font-size: 1rem;
line-height: 2;
}
.comNewsUl .textBox .ttl {
margin: 0 8px 15px;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 1.4rem;
}
.comNewsUl .textBox .ttl span {
display: block;
font-size: 1.2rem;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
@media all and (max-width: 767px) {
.comNewsUl {
max-width: inherit;
margin: 0 auto;
display: block;
}
.comNewsUl li {
width: auto;
margin: 0 0 33px !important
}
.comNewsUl li:last-child {
margin-bottom: 0 !important;
}
.comNewsUl .pho {
margin: 0 10px 0 25px;
}
.comNewsUl .pho:before {
background-size: 10px auto;
}
.comNewsUl .textBox {
height: auto !important;
margin: -23px 38px 0 0;
padding: 24px 15px 18px 17px;
}
.comNewsUl .textBox p {
font-size: 1rem;
line-height: 1.84;
}
.comNewsUl .textBox .ttl {
margin: 0 8px 15px;
font-size: 1.4rem;
}
.comNewsUl .textBox .ttl span {
margin-bottom: 2px;
font-size: 1.1rem;
}
} .wp-pagenavi {
font-size: 0;
clear: both;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size: 1.4rem;
display: inline-block;
vertical-align: top;
margin: 0 10px;
width: 28px;
height: 28px;
padding-top: 3px;
font-weight: bold;
text-align: center;
border-radius: 100px;
color: #231815;
box-sizing: border-box;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background-color: #F4F5EF;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
margin-right: 100px;
padding: 3px 5px 0 25px;
width: auto;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon33.png) no-repeat center left 5px;
background-size: 12px auto;
}
.wp-pagenavi .nextpostslink {
margin: 0 0 0 100px;
padding: 3px 25px 0 5px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon32.png);
background-position: center right 5px;
}
@media all and (max-width: 767px) {
.wp-pagenavi {
position: relative;
padding: 0 50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size: 1.2rem;
margin: 0 10px;
width: 39px;
height: 39px;
padding-top: 11px;
}
.wp-pagenavi a:hover {
background-color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
margin: 0 !important;
padding: 11px 0 0 20px;
width: auto;
background-position: center left;
position: absolute;
left: 0;
top: 0;
}
.wp-pagenavi .nextpostslink {
left: auto;
right: 0;
padding: 11px 20px 0 0;
background-position: center right;
}
} .comDetail {
max-width: 785px;
margin: -14px auto 0;
}
.comDetail h3 {
margin-bottom: 62px;
font-size: 2rem;
position: relative;
letter-spacing: 0.1em;
}
.comDetail h3:before {
position: absolute;
right: -4px;
top: -2px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon31.png) no-repeat;
background-size: 118px auto;
width: 118px;
height: 72px;
content: "";
}
#news .comDetail h3:before{
background: none;
}
.comDetail h3 .time {
margin-right: 49px;
display: inline-block;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.1em;
font-family: 'Roboto', sans-serif;
}
.comDetail h3 .sml {
margin-top: 24px;
display: block;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0;
}
.comDetail .detailBox {
margin-bottom: 136px;
}
.comDetail .detailBox figure {
margin: 0 0 53px;
}
.comDetail .detailBox p {
margin-bottom: 59px;
line-height: 2.14;
letter-spacing: 0.1em;
}
.comDetail .detailBox ul {
margin-bottom: 43px;
}
.comDetail .detailBox li {
width: 48%;
}
.comDetail .btmBox {
margin-bottom: 165px;
}
.comDetail .btmBox .ttl {
margin-bottom: 22px;
font-weight: bold;
letter-spacing: 0.1em;
}
.comDetail .btmBox .ttl span {
margin-left: 44px;
font-weight: 500;
}
.comDetail .btmBox ul {
position: relative;
}
.comDetail .btmBox ul:after {
content: "";
width: 30%;
}
.comDetail .btmBox li {
width: 31.2%;
}
.comDetail .btmBox li a:hover {
opacity: 0.7;
}
@media all and (max-width: 767px) {
.comDetail {
max-width: inherit;
margin: 4px auto 0;
}
.comDetail h3 {
margin-bottom: 20px;
font-size: 1.3rem;
}
.comDetail h3:before {
display: none;
}
.comDetail h3 .time {
margin-right: 24px;
}
.comDetail h3 .sml {
margin-top: 10px;
font-size: 1.2rem;
line-height: 1.41;
}
.comDetail .detailBox {
margin-bottom: 58px;
}
.comDetail .detailBox figure {
margin: 0 0 17px;
}
.comDetail .detailBox p {
margin-bottom: 37px;
line-height: 2.12;
font-size: 1.2rem;
}
.comDetail .detailBox ul {
margin: 0 59px 30px;
display: block;
}
.comDetail .detailBox li {
width: auto;
text-align: center;
}
.comDetail .detailBox li:not(:last-child) {
margin-bottom: 16px;
}
.comDetail .btmBox {
margin-bottom: 139px;
}
.comDetail .btmBox .ttl {
margin-bottom: 24px;
font-size: 1.2rem;
}
.comDetail .btmBox .ttl span {
margin-left: 37px;
}
.comDetail .btmBox ul {
margin: 0 59px;
display: block;
}
.comDetail .btmBox li {
width: auto;
text-align: center;
}
.comDetail .btmBox li:not(:last-child) {
margin-bottom: 27px;
}
} .pageNavi {
position: relative;
}
.pageNavi .prev {
position: absolute;
left: -37px;
top: 23px;
}
.pageNavi .prev a {
padding-left: 24px;
display: block;
font-weight: bold;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon33.png) no-repeat left center;
background-size: 12px auto;
}
.pageNavi .next {
position: absolute;
right: -37px;
top: 23px;
}
.pageNavi .next a {
padding-right: 24px;
display: block;
font-weight: bold;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon32.png) no-repeat right center;
background-size: 12px auto;
}
.pageNavi .prev a:hover,
.pageNavi .next a:hover {
opacity: 0.7;
}
@media all and (max-width: 960px) {
.pageNavi .next {
right: 0;
}
.pageNavi .prev {
left: 0;
}
}
@media all and (max-width: 767px) {
.pageNavi .prev {
left: 0;
top: -70px;
font-size: 1.2rem;
}
.pageNavi .next {
right: 0;
top: -70px;
font-size: 1.2rem;
}
} .comTopBox {
max-width: 1009px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.comTopBox:before {
position: absolute;
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line02.png) repeat left top;
background-size: 20px auto;
content: "";
}
.comTopBox .bgBox {
position: relative;
z-index: 1;
padding: 68px 15px 78px;
background-color: #d9d9d9;
border: 10px solid #ebebeb;
}
.comTopBox .headLine02 {
margin-bottom: 20px;
}
.comTopBox .headLine02 span {
margin: 0 auto 30px;
width: 61px;
display: block;
}
.comTopBox .title {
margin-bottom: 31px;
letter-spacing: 0.1em;
line-height: 2.42;
font-weight: bold;
text-align: center;
}
.comTopBox .whiteBox {
max-width: 767px;
margin: 0 auto;
padding: 30px 20px 41px 33px;
box-sizing: border-box;
background-color: #FFF;
}
.comTopBox .whiteBox .text {
margin-bottom: 19px;
letter-spacing: 0.1em;
line-height: 2.42;
text-align: center;
font-weight: bold;
}
.comTopBox .whiteBox .btn {
margin: 0 auto;
width: 74%;
border: 2px solid #3b82bf;
}
.comTopBox .whiteBox .btn a {
padding: 35px 10px 37px;
display: block;
font-size: 2rem;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
background: #bbe2f6 url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon37.png) no-repeat left 36px center / 44px;
}
.comTopBox .whiteBox .btn a:hover {
opacity: 0.7;
}
@media all and (max-width: 767px) {
.comTopBox {
max-width: inherit;
}
.comTopBox:before {
left: 6px;
top: 6px;
right: -6px;
bottom: -6px;
background-size: 10px auto;
}
.comTopBox .bgBox {
padding: 28px 18px 20px;
border-width: 5px;
}
.comTopBox .headLine02 {
margin-bottom: 25px;
}
.comTopBox .headLine02 span {
margin: 0 auto 30px;
width: 61px;
display: block;
}
.comTopBox .title {
margin-bottom: 39px;
line-height: 1.81;
text-align: left;
}
.comTopBox .whiteBox {
padding: 19px 20px 22px;
max-width: inherit;
}
.comTopBox .headLine02 {
margin-bottom: 17px;
}
.comTopBox .headLine02 span {
margin-bottom: 15px;
width: 30px;
}
.comTopBox .whiteBox .text {
margin-bottom: 17px;
text-align: left;
line-height: 1.81;
font-size: 1.4rem;
}
.comTopBox .whiteBox .btn {
width: auto;
max-width: 240px;
border-width: 1px;
background-position: left 25px center;
}
.comTopBox .whiteBox .btn a {
padding: 24px 5px 26px 30px;
background-size: 22px;
font-size: 1.15rem;
background-position: 17px center;
}
} .comTab {
margin-bottom: 13px;
width: 100%;
border-collapse: collapse;
}
.comTab th,.comTab td {
padding: 11px 10px;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
vertical-align: middle;
border: 0.5px solid #000;
}
.comTab tr{
border: 0.5px solid #000;
}
.comTab th {
width: 41.3%;
background-color: #bbe2f6;
}
.comTab th .sml {
margin-left: 10px;
font-size: 1.2rem;
font-weight: 500;
}
@media all and (max-width: 767px) {
.comTab {
margin-bottom: 13px;
}
.comTab th,
.comTab td {
padding: 2px 5px 3px;
font-size: 1.2rem;
}
.comTab th .sml {
display: block;
margin-left: 0;
font-size: 1rem;
}
} .comBtmInfo .topBox {
padding: 70px 0 55px;
background-color: #ebebeb;
}
.comBtmInfo .content {
max-width: 1094px;
}
.comBtmInfo .topBox .content {
max-width: 1234px;
position: relative;
}
.comBtmInfo .topBox .content:before {
position: absolute;
left: 75px;
top: -98px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon47.png) no-repeat;
background-size: 38px auto;
width: 38px;
height: 61px;
content: "";
}
.comBtmInfo .topBox .content:after {
position: absolute;
right: 233px;
top: -50px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon48.png) no-repeat;
background-size: 101px auto;
width: 101px;
height: 71px;
content: "";
}
.comBtmInfo .topBox .headLine02 {
margin-bottom: 21px;
}
.comBtmInfo .topBox .text {
margin-bottom: 33px;
letter-spacing: 0.1em;
line-height: 2;
text-align: center;
font-weight: bold; 
}
.comBtmInfo .topBox li {
margin-right: 1.86%;
width: 23.6%;
}
.comBtmInfo .topBox li:last-of-type {
margin-right: 0;
}
.comBtmInfo .topBox li a {
height: 100%;
padding: 5px;
display: block;
font-size: 2rem;
letter-spacing: 0.1em;
font-weight: bold;
box-sizing: border-box;
background-color: #fff;
}
.comBtmInfo .topBox li a > span {
height: 100%;
display: block;
overflow: hidden;
position: relative;
border: 1px solid #3f3f3f;
box-sizing: border-box;
}
.comBtmInfo .topBox li a > span span {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
padding: 10px 5px 22px;
z-index: 2;
transition: .3s;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon39.png) no-repeat center bottom 7px / 16px;
box-sizing: border-box;
}
.comBtmInfo .topBox li a > span::after {
position: absolute;
content: ' ';
display: block;
width: 100%;
height: 100%;
background: #231815;
left: 0;
top: 0;
z-index: 1;
transform: translateX(-140%) skewX(60deg);
transition: .4s cubic-bezier(.23,1,.32,1);
}
@media all and (min-width: 768px) {
.comBtmInfo .topBox li a:hover > span span {
color: #fff;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon39_on.png);
}
.comBtmInfo .topBox li a:hover > span::after {
transform: translateX(0%) skewX(0deg);
}
}
.comBtmInfo .listUl {
padding: 73px 0 131px;
}
.comBtmInfo .listUl li {
margin-bottom: 62px;
}
.comBtmInfo .listUl li:nth-of-type(2) {
margin-bottom: 107px;
}
.comBtmInfo .listUl li:last-of-type {
margin-bottom: 0;
}
.comBtmInfo .listUl li p {
margin-bottom: 29px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2;
}
.comBtmInfo .listUl li p:last-of-type {
margin-bottom: 0;
}
.comBtmInfo .listUl li p a {
margin-bottom: 9px;
display: block;
}
.comBtmInfo .listUl li p a:hover {
opacity: 0.7;
}
.comBtmInfo .listUl li p a img {
height: 57px;
}
.comBtmInfo .listUl li .info {
}
.comBtmInfo .listUl li .info p {
width: 43%;
}
.comBtmInfo .listUl li .info .rBox {
width: 53.8%;
}
.comBtmInfo .listUl li .info .infoUl {
margin-top: 9px;
padding: 28px 39px 20px;
width: 91.2%;
background-color: #ebebeb;
box-sizing: border-box;
}
.comBtmInfo .listUl li .info .infoUl li {
margin-bottom: 8px;
font-size: 1.3rem;
letter-spacing: 0.1em;
font-weight: bold;
}
.comBtmInfo .listUl li .info .infoUl li:last-of-type {
margin-bottom: 0;
}
.comBtmInfo .listUl li .pho {
margin-top: 13px;
max-width: 385px;
}
.comBtmInfo .listUl li:last-of-type .pho {
max-width: 190px;
}
@media all and (max-width: 1000px) {
.comBtmInfo .topBox .content::after {
right: 60px;
}
}
@media all and (max-width: 767px) {
.comBtmInfo .topBox .content {
position: relative;
}
.comBtmInfo .topBox .content::before {
content: "";
display: block;
position: absolute;
top: -36px;
left: 40px;
width: 18px;
height: 31px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon06.png) no-repeat top center / 18px;
}
.comBtmInfo .topBox .content::after {
content: "";
display: block;
position: absolute;
top: -40px;
right: 29px;
width: 50px;
height: 36px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon07.png) no-repeat top center / 50px;
}
.comBtmInfo .topBox {
padding: 21px 5px 24px;
background-color: #f4f5ef;
}
.comBtmInfo .topBox .headLine02 {
margin-bottom: 15px;
}
.comBtmInfo .topBox .text {
margin-bottom: 6px;
line-height: 1.63;
text-align: left;
font-size: 1.4rem;
}
.comBtmInfo .topBox ul {
padding: -15px 2px 0 7px;
justify-content: space-between;
}
.comBtmInfo .topBox li {
margin: 15px 0 0;
width: 48%;
}
.comBtmInfo .topBox li a {
padding: 2px;
font-size: 1.1rem;
}
.comBtmInfo .topBox li a > span span {
padding: 12px 5px 22px;
height: 51px;
background-position: center bottom 7px;
background-size: 9px auto;
}
.comBtmInfo .listUl {
padding: 33px 0 68px;
}
.comBtmInfo .listUl li {
margin-bottom: 31px;
}
.comBtmInfo .listUl li:nth-of-type(2) {
margin-bottom: 32px;
}
.comBtmInfo .listUl li:last-of-type {
margin-bottom: 0;
}
.comBtmInfo .listUl li p {
margin-bottom: 8px;
font-size: 1.3rem;
line-height: 1.63;
}
.comBtmInfo .listUl li:nth-of-type(3) p {
margin-bottom: 19px;
}
.comBtmInfo .listUl li p a {
margin-bottom: 9px;
}
.comBtmInfo .listUl li p a img {
height: 40px;
}
.comBtmInfo .listUl li .info {
display: block;
}
.comBtmInfo .listUl li .info p {
width: 100%;
}
.comBtmInfo .listUl li .info .rBox {
width: 100%;
}
.comBtmInfo .listUl li .info .infoUl {
margin-top: 12px;
padding: 11px 24px 10px;
width: 100%;
}
.comBtmInfo .listUl li .info .infoUl li {
margin-bottom: 5px;
font-size: 1.169rem;
}
.comBtmInfo .listUl li .note {
font-size: 1.1rem;
}
.comBtmInfo .listUl li .pho {
margin-top: 13px;
max-width: 385px;
}
.comBtmInfo .listUl li:last-of-type .pho {
max-width: 123px;
}
} .comBgBox {
padding: 65px 0 74px;
background-color: #bbe2f6;
}
.comBgBox .headLine02 {
margin-bottom: 45px;
}
.comBgBox .headLine02 span {
margin: 0 auto 14px;
width: 48px;
display: block;
}
.comBgBox .text {
letter-spacing: 0.1em;
line-height: 2.14;
font-weight: bold;
}
.comBgBox .content {
position: relative;
}
.comBgBox .content::before, 
.comBgBox .content::after {
content: "";
display: block;
width: 288px;
height: 66px;
position: absolute;
top: -98px;
left: -1px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon45.png) no-repeat top left / 288px;
}
.comBgBox .content::after {
top: -119px;
left: auto;
right: -58px;
height: 80px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon46.png);
background-size: 277px;
}
@media all and (max-width: 1130px) {
.comBgBox .content::before {
background-size: 200px;
left: 40px;
}
.comBgBox .content::after {
top: -114px;
right: 0;
background-size: 200px;
}
}
@media all and (max-width: 767px) {
.comBgBox {
padding: 32px 0 28px;
}
.comBgBox .headLine02 {
margin-bottom: 12px;
}
.comBgBox .headLine02 span {
margin-bottom: 3px;
width: 24px;
}
.comBgBox .text {
letter-spacing: 0.1em;
line-height: 1.63;
font-size: 1.4rem;
}
.comBgBox .content::before, 
.comBgBox .content::after {
width: 144px;
height: 33px;
top: -55px;
left: 20px;
background-size: 144px auto;
}
.comBgBox .content::after {
top: -62px;
left: auto;
right: 8px;
height: 40px;
background-size: 138px auto;
}
} .comPlan .sec01 {
padding: 105px 15px 165px;
}
.comPlan .sec01 .bgBox {
padding: 53px 15px 78px;
border-color: #F4F5EF;
background-color: #E9EBE0;
}
.comPlan .sec01 .headLine02 {
margin-bottom: 18px;
}
.comPlan .sec01 .headLine02 span {
margin-bottom: 29px;
width: 109px;
}
.comPlan .sec01 .title {
margin-bottom: 26px;
}
.comPlan .comTopBox .whiteBox {
padding: 31px 49px 40px;
}
.comPlan .sec01 .textUl {
margin: 0 0 32px 22px;
}
.comPlan .sec01 .textUl li {
font-size: 2rem;
line-height: 1.75;
font-weight: bold;
letter-spacing: 0.1em;
}
.comPlan .sec01 .sml {
margin-left: 9px;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
.comPlan .sec02 {
padding: 48px 0 55px;
background-color: #EDEEE4;
}
.comPlan .sec02 .content {
max-width: 1112px;
position: relative;
}
.comPlan .sec02 .content:before {
position: absolute;
left: 71px;
top: -74px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon43.png) no-repeat;
background-size: 198px auto;
width: 198px;
height: 44px;
content: "";
}
.comPlan .sec02 .content:after {
position: absolute;
right: 41px;
top: -109px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon44.png) no-repeat;
background-size: 302px auto;
width: 302px;
height: 76px;
content: "";
}
.comPlan .sec02 .headLine02 {
margin-bottom: 31px;
}
.comPlan .sec02 .img {
margin: 0 0 21px 1px;
}
.comPlan .sec02 .textUl {
line-height: 1.85;
letter-spacing: 0.1em;
}
.comPlan .sec03 {
padding: 110px 0 161px;
}
.comPlan .sec03 .content {
max-width: 988px;
}
.comPlan .sec03 .info01 {
margin-bottom: 123px;
}
.comPlan .sec03 .info01 .headLine02 {
margin-bottom: 21px;
}
.comPlan .sec03 .info01 .headLine02 span {
padding: 0 100px;
position: relative;
display: inline-block;
}
.comPlan .sec03 .info01 .headLine02 .icon01 {
position: absolute;
left: 5px;
top: -25px;
width: 36px;
}
.comPlan .sec03 .info01 .headLine02 .icon02 {
position: absolute;
right: -4px;
top: -31px;
width: 53px;
}
.comPlan .sec03 .info01 .topText {
margin-bottom: 42px;
text-align: center;
font-weight: bold;
line-height: 1.85;
letter-spacing: 0.1em;
}
.comPlan .sec03 .info01 .bgBox {
padding: 40px 45px 48px;
background-color: #F4F5EF;
}
.comPlan .sec03 .info01 .headLine05 {
width: 190px;
}
.comPlan .sec03 .info01 .textBox {
width: calc(100% - 215px);
box-sizing: border-box;
}
.comPlan .sec03 .info01 .ttl {
margin-bottom: 20px;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.comPlan .sec03 .info01 .sml {
line-height: 1.85;
letter-spacing: 0.1em;
}
.comPlan .sec03 .info02 {
margin-bottom: 122px;
}
.comPlan .sec03 .info02 .headLine02 {
margin-bottom: 26px;
}
.comPlan .sec03 .info02 .headLine02 span {
padding: 0 130px;
position: relative;
display: inline-block;
}
.comPlan .sec03 .info02 .headLine02 .icon01 {
position: absolute;
left: -15px;
top: -10px;
width: 29px;
}
.comPlan .sec03 .info02 .headLine02 .icon02 {
position: absolute;
right: -3px;
top: -12px;
width: 26px;
}
.comPlan .sec03 .info02 .comTab {
margin-bottom: 23px;
}
.comPlan .sec03 .info02 .btmText {
line-height: 1.85;
letter-spacing: 0.1em;
}
.comPlan .sec04 {
padding-bottom: 157px;
}
.comPlan .sec04 .headLine02 {
padding: 70px 0 76px 61px;
margin-bottom: 129px;
background-color: #EDEEE4;
}
.comPlan .sec04 .headLine02 span {
padding: 0 154px;
position: relative;
display: inline-block;
}
.comPlan .sec04 .headLine02 .icon01 {
position: absolute;
left: 0;
top: -24px;
width: 38px;
}
.comPlan .sec04 .headLine02 .icon02 {
position: absolute;
right: -26px;
top: -36px;
width: 101px;
}
.comPlan .sec04 .content {
max-width: 1082px;
}
.comPlan .sec04 .textUl {
margin-bottom: 112px;
}
.comPlan .sec04 .textUl li:not(:last-child) {
margin-bottom: 70px;
}
.comPlan .sec04 .textUl p {
font-weight: bold;
letter-spacing: 0.1em;
}
.comPlan .sec04 .textUl .img {
width: 190px;
}
@media all and (max-width: 767px) {
.comPlan .sec01 {
padding: 24px 26px 78px 21px;
}
.comPlan .sec01 .bgBox {
padding: 26px 21px 20px;
}
.comPlan .sec01 .headLine02 {
margin-bottom: 16px;
}
.comPlan .sec01 .headLine02 span {
margin-bottom: 13px;
width: 55px;
}
.comPlan .sec01 .title {
margin-bottom: 15px;
font-size: 1.4rem;
}
.comPlan .comTopBox .whiteBox {
padding: 15px 22px 13px;
}
.comPlan .sec01 .textUl {
margin: 0 0 10px;
}
.comPlan .sec01 .textUl li {
font-size: 1.3rem;
line-height: 1.92;
}
.comPlan .sec01 .sml {
margin-left: 0;
font-size: 1.1rem;
line-height: 1.5;
}
.comPlan .sec02 {
padding: 34px 0 44px;
}
.comPlan .sec02 .content:before {
left: 36px;
top: -50px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon03.png);
background-size: 74px auto;
width: 74px;
height: 25px;
}
.comPlan .sec02 .content:after {
right: 35px;
top: -55px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon04.png);
background-size: 124px auto;
width: 124px;
height: 29px;
}
.comPlan .sec02 .headLine02 {
margin-bottom: 15px;
}
.comPlan .sec02 .img {
margin: 0 26px 30px 27px;
}
.comPlan .sec02 .textUl {
line-height: 1.81;
}
.comPlan .sec03 {
padding: 37px 0 76px;
}
.comPlan .sec03 .info01 {
margin-bottom: 33px;
}
.comPlan .sec03 .info01 .headLine02 {
margin-bottom: 17px;
}
.comPlan .sec03 .info01 .headLine02 span {
padding: 0 40px;
}
.comPlan .sec03 .info01 .headLine02 .icon01 {
left: 8px;
top: -5px;
width: 18px;
}
.comPlan .sec03 .info01 .headLine02 .icon02 {
right: 0;
top: -6px;
width: 27px;
}
.comPlan .sec03 .info01 .topText {
margin-bottom: 40px;
text-align: left;
line-height: 1.81;
font-size: 1.4rem;
}
.comPlan .sec03 .info01 .bgBox {
padding: 15px 25px;
display: block;
}
.comPlan .sec03 .info01 .headLine05 {
margin-bottom: 11px;
width: auto;
font-size: 1.4rem;
}
.comPlan .sec03 .info01 .textBox {
width: auto;
}
.comPlan .sec03 .info01 .ttl {
margin-bottom: 9px;
font-size: 1.3rem;
}
.comPlan .sec03 .info01 .sml {
line-height: 1.81;
}
.comPlan .sec03 .info02 {
margin-bottom: 54px;
}
.comPlan .sec03 .info02 .headLine02 {margin-bottom: 12px;}
.comPlan .sec03 .info02 .headLine02 span {
padding: 0 60px;
}
.comPlan .sec03 .info02 .headLine02 .icon01 {
left: 0;
top: -1px;
width: 15px;
}
.comPlan .sec03 .info02 .headLine02 .icon02 {
right: -3px;
top: -3px;
width: 13px;
}
.comPlan .sec03 .info02 .comTab {
margin-bottom: 6px;
}
.comPlan .sec03 .info02 .btmText {
line-height: 1.81;
}
.comPlan .sec04 {
padding-bottom: 87px;
}
.comPlan .sec04 .headLine02 {
padding: 22px 0 21px;
margin-bottom: 35px;
}
.comPlan .sec04 .headLine02 span {
padding: 0 66px;
}
.comPlan .sec04 .headLine02 .icon01 {
left: 0;
top: -38px;
width: 19px;
}
.comPlan .sec04 .headLine02 .icon02 {
right: -15px;
top: -39px;
width: 51px;
}
.comPlan .sec04 .textUl {
margin: 0 5px 90px;
}
.comPlan .sec04 .textUl .headLine04 {
margin-bottom: 8px;
}
.comPlan .sec04 .textUl li:not(:last-child) {
margin-bottom: 32px;
}
.comPlan .sec04 .textUl p {
font-weight: 500;
}
.comPlan .sec04 .textUl .img {
width: 130px;
margin: 0 0 0 -15px;
}
} #index .mainVisual {
margin: 0 88px;
position: relative;
box-sizing: border-box;
}
#index .mainVisual .pho {
height: 700px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/main_visual_bg01.jpg) no-repeat center top;
background-size: cover;
}
#index .mainVisual .pho01 {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/main_visual_bg02.jpg);
}
#index .mainVisual .pho02 {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/main_visual_bg03.jpg);
}
#index .mainVisual .textBox {
position: absolute;
left: 158px;
top: 60px;
}
#index .mainVisual .textImg {
max-width: 781px;
margin-bottom: 38px;
width: 75%;
}
#index .mainVisual .scroll {
max-width: 920px;
width: 75%;
}
#index .mainVisual .scroll a {
width: 22px;
padding-bottom: 39px;
margin: 0 auto;
display: block;
font-weight: 400;
letter-spacing: 0.1em;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
direction: ltr;
text-align: left;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon35.png) no-repeat bottom left 10px;
background-size: 8px auto;
}
#index .mainVisual .scroll a:hover {
opacity: 0.7;
}
#index .mainVisual .linkImg {
position: absolute;
right: 50px;
bottom: 25px;
max-width: 408px;
z-index: 9;
}
#index .mainVisual .linkImg a:hover {
opacity: 0.7;
}
#index #main .sec01 {
padding: 78px 85px 101px;
}
#index #main .sec01 .info {
max-width: 1590px;
margin: 0 auto;
align-items: flex-start;
}
#index #main .sec01 h2 {
width: 150px;
font-weight: 400;
font-size: 2.4rem;
letter-spacing: 0.12em;
position: relative;
}
#index #main .sec01 h2:before {
position: absolute;
left: 0;
bottom: -8px;
width: 12px;
height: 1px;
background-color: #000;
content: "";
}
#index #main .sec01 ul {
margin-top: 9px;
width: calc(100% - 195px);
}
#index #main .sec01 li {
font-weight: bold;
letter-spacing: 0.1em;
}
#index #main .sec01 li a {
padding: 0 59px 0 116px;
display: inline-block;
position: relative;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon08.png) no-repeat center right;
background-size: 30px auto;
}
#index #main .sec01 li a:hover {
opacity: 0.7;
}
#index #main .sec01 li span {
position: absolute;
left: 0;
top: 0;
}
#index #main .sec02 {
padding: 0 15px;
}
#index #main .sec02 .imgBox {
max-width: 1200px;
margin: 0 auto;
padding-bottom: 109px;
align-items: flex-start;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line04.png) repeat-x left bottom;
background-size: 164px auto;
}
#index #main .sec02 .pho {
width: 45.16%;
position: relative;
}
#index #main .sec02 .pho:before {
position: absolute;
left: 10px;
right: -10px;
top: 10px;
bottom: -10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line02.png) repeat;
background-size: 20px auto;
content: "";
}
#index #main .sec02 .pho img {
position: relative;
z-index: 1;
}
#index #main .sec02 .pho span {
position: absolute;
display: block;
right: -58px;
bottom: -38px;
max-width: 400px;
}
#index #main .sec02 .textBox {
margin-top: -28px;
width: 46.91%;
position: relative;
}
#index #main .sec02 .textBox:before {
position: absolute;
right: -32px;
top: -27px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon01.png) no-repeat;
background-size: 65px auto;
width: 65px;
height: 67px;
content: "";
}
#index #main .sec02 .textBox:after {
position: absolute;
right: 69px;
bottom: -60px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon02.png) no-repeat;
background-size: 45px auto;
width: 45px;
height: 22px;
content: "";
}
#index #main .sec02 .headLine01 {
margin-bottom: 39px;
}
#index #main .sec02 .headLine01 .enFont {
margin-bottom: 0;
}
#index #main .sec02 p {
line-height: 2.57;
letter-spacing: 0.1em;
}
#index #main .sec02 .ttl {
margin-bottom: 30px;
font-size: 2rem;
line-height: 1.8;
font-weight: bold;
}
#index #main .sec03 {
padding: 112px 80px 422px;
position: relative;
}
#index #main .sec03:before {
position: absolute;
left: 0;
top: 303px;
bottom: 553px;
right: 0;
background-color: #D2CDDE;
content: "";
}
#index #main .sec03:after {
position: absolute;
left: 0;
width: 304px;
height: 422px;
bottom: 423px;
background-color: #D2CDDE;
content: "";
opacity: 0.5;
z-index: 1;
mix-blend-mode: multiply; 
}
#index #main .sec03 .info {
max-width: 962px;
margin: 0 auto;
position: relative;
}
#index #main .sec03 .ttl {
position: absolute;
left: -144px;
top: 7px;
font-size: 7.2rem;
font-weight: 400;
letter-spacing: 0.04em;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
direction: ltr;
text-align: left;
}
#index #main .sec03 .headLine01 {
margin: 0 -4px 5px;
text-align: right;
}
#index #main .sec03 .headLine01 .enFont {
margin-bottom: 0;
}
#index #main .sec03 .infoBox {
position: relative;
z-index: 2;
}
#index #main .sec03 .infoBox > div {
position: relative;
z-index: 1;
}
#index #main .sec03 .infoBox:before {
position: absolute;
left: 15px;
top: 15px;
right: -15px;
bottom: -15px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line01.png) repeat;
background-size: 33px auto;
content: "";
}
#index #main .sec03 .lBox {
width: 48.1%;
padding: 63px 54px;
position: relative;
box-sizing: border-box;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/photo02.jpg) no-repeat bottom center;
background-size: cover;
}
#index #main .sec03 .lBox:before {
position: absolute;
left: 58px;
top: -152px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon05.png) no-repeat;
background-size: 479px auto;
width: 479px;
height: 171px;
content: "";
}
#index #main .sec03 .lBox p {
font-size: 2rem;
line-height: 1.8;
font-weight: bold;
color: #000;
letter-spacing: 0.1em;
}
#index #main .sec03 .lBox p span {
margin: -2px 31px 0 0;
display: block;
text-align: right;
}
#index #main .sec03 .lBox p img {
width: 75px;
}
#index #main .sec03 .rBox .textImg {
position: absolute;
right: -7px;
bottom: -94px;
max-width: 469px;
}
#index #main .sec03 .rBox {
width: 51.9%;
position: relative;
padding: 43px 54px 37px 49px;
box-sizing: border-box;
background-color: #fff;
}
#index #main .sec03 .rBox li {
position: relative;
}
#index #main .sec03 .rBox li:last-child {
display: none;
}
#index #main .sec03 .rBox li:before {
position: absolute;
left: -20px;
top: -9px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon03.png) no-repeat;
background-size: 56px auto;
width: 56px;
height: 46px;
content: "";
}
#index #main .sec03 .rBox li:nth-child(2n):before {
left: auto;
right: -25px;
top: -14px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon04.png) no-repeat;
background-size: 57px auto;
width: 57px;
height: 51px;
}
#index #main .sec03 .rBox li:not(:last-child) {
margin-bottom: 23px;
}
#index #main .sec04 {
padding: 42px 20px 43px 15px;
background-color: #CDEBCD;
}
#index #main .sec04 .info {
max-width: 1250px;
margin: 0 auto;
position: relative;
}
#index #main .sec04 .headLine01 {
margin-bottom: 0;
position: absolute;
left: 28px;
top: -120px;
mix-blend-mode: multiply; 
}
#index #main .sec04 .headLine01 .enFont {
margin-bottom: 0;
}
#index #main .sec04 .textImg01 {
position: absolute;
left: 0;
top: -252px;
text-align: center;
width: 100%;
padding-right: 24px;
box-sizing: border-box;
}
#index #main .sec04 .textImg01 img {
width: 937px;
}
#index #main .sec04 .ttl {
position: absolute;
right: -62px;
top: -118px;
font-size: 7.22rem;
font-weight: 400;
letter-spacing: 0.04em;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
direction: ltr;
text-align: left;
}
#index #main .sec04 .textImg02 {
max-width: 1075px;
margin: 0 auto 65px;
}
#index #main .sec05 {
padding: 175px 0 148px;
}
#index #main .sec05 .content {
position: relative;
max-width: 1218px;
padding-bottom: 92px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line04.png) repeat-x left bottom;
background-size: 164px auto;
}
#index #main .sec05 .headLine01 {
position: absolute;
right: 0;
top: -64px;
margin: 0;
}
#index #main .sec05 .headLine01 .enFont {
margin-bottom: 0;
}
#index #main .sec05 .headLine02 {
margin-bottom: 63px;
text-align: left;
}
#index #main .sec05 .headLine02 span {
display: inline-block;
position: relative;
padding: 0 10px 9px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line03.png) repeat-x left bottom;
background-size: 96px auto;
}
#index #main .sec05 .headLine02 span:before {
position: absolute;
right: -144px;
top: -37px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon31.png) no-repeat;
background-size: 118px auto;
width: 118px;
height: 72px;
content: "";
}
#index #main .sec05 .btmText {
margin: 31px 14px 0;
font-size: 7.22rem;
font-weight: 400;
letter-spacing: 0.04em;
}
#index #main .sec05 .comLink {
position: absolute;
right: 23px;
bottom: 100px;
width: 448px;
}
#index #main .sec06 {
padding-bottom: 230px;
}
#index #main .sec06 .flow {
margin-bottom: 133px;
position: relative;
padding-bottom: 88px;
}
#index #main .sec06 .flow:before {
position: absolute;
left: 0;
top: 145px;
bottom: 0;
right: 0;
background-color: #FFFBC5;
content: "";
}
#index #main .sec06 .flow .imgBox {
position: relative;
z-index: 1;
align-items: flex-start;
}
#index #main .sec06 .flow .pho {
width: 55.1%;
position: relative;
}
#index #main .sec06 .flow .pho:before {
position: absolute;
left: -10px;
top: 10px;
bottom: -10px;
right: 10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line01.png) repeat left top;
background-size: 33px auto;
content: "";
}
#index #main .sec06 .flow .pho img {
position: relative;
z-index: 1;
width: 100%;
}
#index #main .sec06 .flow .pho span {
position: absolute;
left: 0;
bottom: -118px;
text-align: center;
width: 100%;
}
#index #main .sec06 .flow .pho span img {
width: 707px;
}
#index #main .sec06 .flow .textBox {
width: 42.2%;
margin-top: 70px;
}
#index #main .sec06 .flow .textBox > div {
max-width: 450px;
margin: 0 0 0 auto;
position: relative;
}
#index #main .sec06 .flow .textBox > div:before {
position: absolute;
right: 50px;
top: 17px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon06.png) no-repeat;
background-size: 117px auto;
width: 117px;
height: 68px;
content: "";
}
#index #main .sec06 .flow .textBox > div:after {
position: absolute;
right: -28px;
bottom: -105px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/icon07.png) no-repeat;
background-size: 61px auto;
width: 61px;
height: 48px;
content: "";
}
#index #main .sec06 .flow .headLine01 {
margin-bottom: 41px;
}
#index #main .sec06 .flow .headLine01 .enFont {
margin-bottom: 43px;
}
#index #main .sec06 .plan {
padding: 0 15px 63px;
position: relative;
}
#index #main .sec06 .plan:before {
position: absolute;
left: 0;
top: 135px;
bottom: 0;
width: 100%;
background-color: #FAEFE1;
content: "";
}
#index #main .sec06 .plan .imgBox {
max-width: 1202px;
margin: 0 auto;
align-items: flex-start;
position: relative;
z-index: 1;
}
#index #main .sec06 .plan .pho {
width: 64.8%;
position: relative;
}
#index #main .sec06 .plan .pho:before {
position: absolute;
left: 10px;
top: 10px;
bottom: -10px;
right: -10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line01.png) repeat left top;
background-size: 33px auto;
content: "";
}
#index #main .sec06 .plan .pho img {
position: relative;
z-index: 1;
}
#index #main .sec06 .plan .pho span {
position: absolute;
left: 50px;
bottom: -146px;
max-width: 632px;
}
#index #main .sec06 .plan .textBox {
margin: -26px -75px 0 0;
width: 37%;
}
#index #main .sec06 .plan .headLine01 {
text-align: center;
margin-bottom: 49px;
}
#index #main .sec06 .plan .headLine01 .enFont {
margin-bottom: 38px;
text-align: left;
}
#index #main .sec06 .plan .headLine01 .enFont span {
font-size: 7rem;
}
@media all and (min-width: 768px) {
#index .mainVisual .linkImg img {
transform: translateY(100%);
transition: 350ms ease;
}
#index .mainVisual .linkImg.fixed img {
transform: translateY(0);
}
}
@media all and (max-width: 1440px) {
#index #main .sec06 .flow .pho span {
width: 80%;
}
#index #main .sec06 .plan .textBox {
margin-right: 0;
}
#index #main .sec06 .plan .pho {
width: 60%;
}
#index #main .sec06 .plan .headLine01 .enFont {
font-size: 8rem;
}
}
@media all and (max-width: 1360px) {
#index .mainVisual {
margin: 0 30px;
}
#index #main .sec02 .textBox::before {
right: 0;
}
#index #main .sec04 .ttl {
right: 0;
}
#index #main .sec06 .plan .textBox {
margin-right: 0;
width: 32%;
}
}
@media all and (max-width: 1280px) {
#index #main .sec03 .ttl {
left: -85px;
font-size: 6rem;
}
}
@media all and (max-width: 1220px) {
#index .mainVisual .textBox {
left: 30px;
}
#index .mainVisual .textImg {
width: 400px;
}
#index #main .sec02 .textBox {
width: 51%;
}
#index #main .sec02 .pho span {
right: 0;
max-width: 310px;
}
#index #main .sec06 .plan .textBox {
width: 37%;
}
#index #main .sec06 .plan .headLine01 .enFont {
font-size: 5rem;
}
#index #main .sec04 .ttl {
right: -12px;
top: -174px;
font-size: 4.22rem;
}
#index #main .sec05 .headLine01 {
top: -124px;
}
#index #main .sec05 .comLink {
width: 320px;
}
#index #main .sec05 .btmText {
font-size: 6rem;
}
#index #main .sec06 .flow .textBox {
margin-top: 0;
}
#index .mainVisual .linkImg {
max-width: 250px;
}
}
@media all and (max-width: 1000px) {
#index #main .sec03 .ttl {
font-size: 5rem;
left: -70px;
}
#index #main .sec03 .lBox {
padding: 63px 15px;
}
#index #main .sec03 .lBox::before {
top: -94px;
background-size: 273px auto;
}
}
@media all and (max-width: 767px) {
#index .mainVisual {
margin: 0;
padding: 0;
}
#index .mainVisual .pho {
height: 350px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/sp_main_visual_bg01.jpg);
}
#index .mainVisual .pho01 {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/main_visual_bg02.jpg);
}
#index .mainVisual .pho02 {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/main_visual_bg03.jpg);
}
#index .mainVisual .textBox {
left: 15px;
top: 15px;
}
#index .mainVisual .textImg {
max-width: 242px;
margin-bottom: 12px;
}
#index .mainVisual .scroll {
max-width: 255px;
}
#index .mainVisual .scroll a {
width: 22px;
font-size: 0.7rem;
padding-bottom: 20px;
background-position: bottom left 15px;
background-size: 4px auto;
}
#index .mainVisual .linkImg {
display: block !important;
position: absolute;
right: 0;
padding: 0 20px;
bottom: -85px;
max-width: inherit;
width: 100%;
box-sizing: border-box;
}
#index .mainVisual .linkImg img {
width: 335px;
}
#index #main .sec01 {
padding: 94px 20px 24px;
}
#index #main .sec01 .info {
max-width: inherit;
display: block;
}
#index #main .sec01 h2 {
margin-bottom: 27px;
width: auto;
letter-spacing: 0.1em;
}
#index #main .sec01 h2:before {
bottom: -8px;
}
#index #main .sec01 ul {
margin-top: 9px;
width: auto;
}
#index #main .sec01 li {
line-height: 1.81;
}
#index #main .sec01 li a {
font-size: 1.4rem;
padding: 0 46px 0 0;
background-position: bottom 7px right;
}
#index #main .sec01 li span {
padding-bottom: 1px;
position: static;
display: block;
}
#index #main .sec02 {
padding: 0 20px;
}
#index #main .sec02 .imgBox {
max-width: inherit;
display: block;
padding-bottom: 74px;
background-size: 82px auto;
}
#index #main .sec02 .pho {
margin: 0 7px 0 0;
width: auto;
position: relative;
}
#index #main .sec02 .pho:before {
left: 7px;
right: -7px;
top: 7px;
bottom: -7px;
background-size: 10px auto;
}
#index #main .sec02 .pho span {
right: 6px;
bottom: -20px;
max-width: 216px;
}
#index #main .sec02 .textBox {
margin-top: 25px;
width: auto;
}
#index #main .sec02 .textBox:before {
right: 15px;
top: 29px;
background-size: 32px auto;
width: 33px;
height: 33px;
}
#index #main .sec02 .textBox:after {
right: 26px;
bottom: -45px;
background-size: 36px auto;
width: 38px;
height: 22px;
}
#index #main .sec02 .headLine01 {
margin-bottom: 25px;
}
#index #main .sec02 .headLine01 .enFont {
margin-bottom: 0;
}
#index #main .sec02 p {
line-height: 1.91;
font-size: 1.4rem;
}
#index #main .sec02 .ttl {
margin-bottom: 10px;
font-size: 1.5rem;
line-height: 1.84;
}
#index #main .sec03 {
padding: 67px 20px 79px;
}
#index #main .sec03:before {
top: 211px;
bottom: 150px;
}
#index #main .sec03:after {
width: 100%;
height: 210px;
bottom: 100px;
}
#index #main .sec03 .info {
max-width: inherit;
}
#index #main .sec03 .ttl {
left: auto;
right: 5px;
top: 72px;
font-size: 3rem;
z-index: 3;
}
#index #main .sec03 .headLine01 {
margin: 0 -4px 5px;
}
#index #main .sec03 .infoBox {
margin-right: 8px;
z-index: 2;
}
#index #main .sec03 .infoBox > div {
display: block;
}
#index #main .sec03 .infoBox:before {
left: 8px;
top: 8px;
right: -8px;
bottom: -8px;
background-size: 16px auto;
}
#index #main .sec03 .lBox {
width: auto;
min-height: 180px;
padding: 16px 18px;
box-sizing: border-box;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/sp_photo01.jpg);
}
#index #main .sec03 .lBox:before {
left: 0px;
top: -94px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/index/sp_icon01.png) no-repeat;
background-size: auto 84px;
width: 140px;
height: 84px;
}
#index #main .sec03 .lBox p {
font-size: 1.4rem;
line-height: 1.84;
}
#index #main .sec03 .lBox p span {
margin: -2px 0 0 8px;
display: inline-block;
}
#index #main .sec03 .lBox p img {
width: 38px;
}
#index #main .sec03 .rBox .textImg {
right: -9px;
bottom: -40px;
max-width: 205px;
}
#index #main .sec03 .rBox {
width: auto;
padding: 17px 20px 16px 17px;
}
#index #main .sec03 .rBox li img {
width: 100%;
}
#index #main .sec03 .rBox li:before {
left: -11px;
top: -5px;
background-size: 39px auto;
}
#index #main .sec03 .rBox li:nth-child(2n):before {
right: -18px;
top: -11px;
background-size: 39px auto;
width: 39px;
}
#index #main .sec03 .rBox li:not(:last-child) {
margin-bottom: 13px;
}
#index #main .sec04 {
padding: 1px 15px 42px;
}
#index #main .sec04 .info {
max-width: inherit;
}
#index #main .sec04 .headLine01 {
left: 8px;
top: -19px;
}
#index #main .sec04 .textImg01 {
position: static;
margin: -12px 0 12px;
padding-right: 0;
}
#index #main .sec04 .textImg01 img {
width: 245px;
}
#index #main .sec04 .ttl {
right: -6px;
top: -2px;
font-size: 3rem;
}
#index #main .sec04 .textImg02 {
max-width: inherit;
margin: 0 4px 25px;
}
#index #main .sec04 .textImg02 img {
width: 100%;
}
#index #main .sec05 {
padding: 55px 0 36px;
}
#index #main .sec05 .content {
max-width: inherit;
padding: 0 0 80px;
margin: 0 20px;
background-size: 82px auto;
}
#index #main .sec05 .headLine01 {
position: static;
margin: 0 0 11px;
}
#index #main .sec05 .headLine02 {
margin-bottom: 21px;
}
#index #main .sec05 .headLine02 span {
padding: 0 10px 4px 0;
background-size: 48px auto;
}
#index #main .sec05 .headLine02 span:before {
right: -99px;
top: -4px;
background-size: 59px auto;
width: 59px;
height: 36px;
}
#index #main .sec05 .btmText {
margin: 12px 2px 17px;
font-size: 3rem;
}
#index #main .sec05 .comLink {
position: static;
width: auto;
}
#index #main .sec06 {
padding-bottom: 93px;
}
#index #main .sec06 .flow {
margin-bottom: 23px;
padding: 0 20px 30px;
}
#index #main .sec06 .flow:before {
top: 40px;
}
#index #main .sec06 .flow .imgBox {
display: block;
}
#index #main .sec06 .flow .pho {
width: auto;
margin: 0 -20px 58px 5px;
}
#index #main .sec06 .flow .pho:before {
left: -7px;
top: 7px;
bottom: -7px;
right: 7px;
background-size: 16px auto;
}
#index #main .sec06 .flow .pho span {
left: -10px;
bottom: -48px;
width: auto;
}
#index #main .sec06 .flow .pho span img {
width: 333px;
}
#index #main .sec06 .flow .textBox {
width: auto;
margin-top: 0;
}
#index #main .sec06 .flow .textBox > div {
max-width: inherit;
}
#index #main .sec06 .flow .textBox > div:before {
right: auto;
left: 155px;
top: 10px;
background-size: 82px auto;
width: 86px;
}
#index #main .sec06 .flow .textBox > div:after {
right: 40px;
bottom: -63px;
background-size: 31px auto;
width: 31px;
height: 48px;
}
#index #main .sec06 .flow .headLine01 {
margin-bottom: 13px;
}
#index #main .sec06 .flow .headLine01 .enFont {
margin-bottom: 16px;
}
#index #main .sec06 .plan {
padding: 0 15px 20px;
}
#index #main .sec06 .plan:before {
top: 83px;
bottom: 0;
}
#index #main .sec06 .plan .imgBox {
max-width: inherit;
display: block;
}
#index #main .sec06 .plan .pho {
margin: 0 10px 28px -20px;
width: auto;
}
#index #main .sec06 .plan .pho:before {
left: 10px;
top: 10px;
bottom: -10px;
right: -10px;
background-size: 16px auto;
}
#index #main .sec06 .plan .textBox {
margin: 0;
width: auto;
}
#index #main .sec06 .plan .headLine01 {
text-align: right;
margin-bottom: 15px;
}
#index #main .sec06 .plan .headLine01 .enFont {
width: 270px;
margin: 0 0 23px auto;
}
#index #main .sec06 .plan .headLine01 .enFont span {
font-size: 3.5rem;
}
#index #main .sec06 .plan .textImg {
position: absolute;
left: 8px;
bottom: -79px;
max-width: 326px;
}
}
@media all and (max-width: 360px) {
#index #main .sec05 .headLine02 span:before {
right: -64px;
}
} #privacy #main {
padding: 103px 0 201px;
}
#privacy #main .topText {
margin-bottom: 105px;
text-align: center;
font-weight: bold;
line-height: 2.5;
letter-spacing: 0.1em;
}
#privacy #main .textUl li:not(:last-child) {
margin-bottom: 64px;
}
#privacy #main .textUl h3 {
padding: 0 2px 4px;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
border-bottom: 1px solid #000;
}
#privacy #main .textUl p {
margin-bottom: 10px;
line-height: 2;
letter-spacing: 0.1em;
}
#privacy #main .textUl p:last-child {
margin-bottom: 0 !important;
}
#privacy #main .textUl .textBox {
padding: 3px 0 0 40px;
}
@media all and (max-width: 767px) {
#privacy #main {
padding: 22px 0 72px;
}
#privacy #main .topText {
margin-bottom: 23px;
text-align: justify;
line-height: 1.54;
font-size: 1.4rem;
}
#privacy #main .textUl li:not(:last-child) {
margin-bottom: 23px;
}
#privacy #main .textUl h3 {
padding: 0 0 7px;
font-size: 1.3rem;
}
#privacy #main .textUl p {
margin-bottom: 5px;
text-align: justify;
line-height: 1.54;
}
#privacy #main .textUl .textBox {
padding: 7px 0 0;
font-size: 1.4rem;
}
} #inquiries .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/inquiries/page_title_bg.jpg);
}
#inquiries .pageTitle h2 {
color: #000;
}
#inquiries #main {
padding: 82px 0 123px;
}
#inquiries #main .content {
max-width: 1186px;
}
#inquiries #main .topText {
margin: 0 0 42px 25px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
line-height: 2.69;
letter-spacing: 0.1em;
}
.pop {
display: none;
}
.pop .popBox {
width: 1400px;
margin: 0 auto;
padding: 82px 70px;
background-color: #fff;
box-sizing: border-box;
}
.pop .popBox .comBgBox {
padding-bottom: 56px;
margin-bottom: 74px;
}
.pop .popBox .comBgBox .headLine02 span {
width: 70px;
}
.pop .popBox .inner:not(:last-child) {
margin-bottom: 51px;
}
.pop .popBox .inner p {
margin-bottom: 30px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.14;
}
.pop .popBox .inner p:last-child {
margin-bottom: 0 !important;
}
.pop .popBox .inner p span {
margin-top: 13px;
display: block;
text-align: right;
}
@media all and (max-width: 1420px) {
.pop .popBox {
width: auto;
}
}
@media all and (max-width: 767px) {
#inquiries .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/inquiries/sp_page_title_bg.jpg);
}
#inquiries #main {
padding: 23px 0 65px;
}
#inquiries #main .topText {
margin: 0 0 23px;
text-align: left;
font-size: 1.1rem;
line-height: 1.81;
}
.pop .popBox {
max-width: inherit;
padding: 58px 0;
}
.pop .popBox .comBgBox {
padding-bottom: 37px;
margin-bottom: 20px;
}
.pop .popBox .comBgBox .headLine02 span {
width: 35px;
}
.pop .popBox .inner .headLine03 {
padding: 20px 0;
}
.pop .popBox .inner:not(:last-child) {
margin-bottom: 35px;
}
.pop .popBox .inner p {
margin-bottom: 17px;
line-height: 1.63;
}
.pop .popBox .inner p span {
margin-top: 10px;
}
} #request .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/request/page_title_bg.jpg);
}
#request #main {
padding: 82px 0 135px;
}
#request #main .content {
max-width: 1186px;
}
#request #main .topText {
margin: 0 0 58px 24px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
line-height: 2.69;
letter-spacing: 0.1em;
}
#request #main .mailForm td textarea {
height: 656px;
}
#request #main .mailForm .submit {
margin-top: 170px;
}
@media all and (max-width: 767px) {
#request .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/request/sp_page_title_bg.jpg);
}
#request #main {
padding: 23px 0 67px;
}
#request #main .topText {
margin: 0 0 35px;
text-align: left;
font-size: 1.1rem;
line-height: 1.81;
}
#request #main .mailForm td .radioBox1 li {
margin-right: 60px;
}
#request #main .mailForm td textarea {
height: 292px;
}
#request #main .mailForm .submit {
margin-top: 46px;
}
} #contact .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/contact/page_title_bg.jpg);
}
#contact #main {
padding: 104px 0 170px;
}
#contact #main .content {
max-width: 1238px;
}
#contact #main .headLine02 span {
display: inline-block;
padding: 0 95px;
position: relative;
}
#contact #main p.copy{
text-align: center;
margin-bottom: 50px;
font-weight:bold;
}s
#contact #main .topText {
margin-bottom: 57px;
text-align: center;
font-weight: bold;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
#contact #main .comLinkUl {
margin-bottom: 109px;
}
#contact #main .comBtn {
margin-top: -18px;
}
#contact #main .sec01 .headLine02 {
margin-bottom: 66px;
}
#contact #main .sec01 .comLinkUl a {
height: 245px;
}
#contact #main .sec01 .comLinkUl li:first-child .sml {
padding-right: 35px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon15.png);
background-size: 23px auto;
}
#contact #main .sec02 .headLine02 {
margin: 0 0 72px;
}
#contact #main .sec02 .comSelect {
margin-bottom: 118px;
}
#contact #main .sec02 .comSelect li:first-child {
margin-right: 0;
}
#contact #main .sec02 .comNewsUl {
margin-bottom: 138px;
}
#contact #main .sec02 .comNewsUl .textBox {
background-color: #fff;
}
#contact #main .sec02 .wp-pagenavi a:hover, 
#contact #main .sec02 .wp-pagenavi span.current {
background-color: #FFFBC5;
}
#contact #main {
padding: 104px 0;
}
#contact #main .content {
max-width: 1230px;
}
#contact #main .headLine02 {
margin-bottom: 31px;
}
#contact #main .headLine02 span {
padding: 0 90px;
position: relative;
display: inline-block;
margin: 34px 0 0 0;
}
#contact #main .headLine02 .icon01 {
position: absolute;
left: 1px;
top: -13px;
width: 36px;
}
#contact #main .headLine02 .icon02 {
position: absolute;
right: 2px;
top: -19px;
width: 53px;
}
#contact #main .topText {
margin-bottom: 49px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.69;
}
#contact #main .list01{
max-width: 750px;
margin: 50px auto;
line-height: 25px;
padding-left: 1.75rem;
}
#contact #main .list01 p{
padding-left: 1em;
text-indent: -1.75em;
}
#contact #main .list01 span{
display: block;
padding-left: 50px;
}
#contact .comTab{
width: 90%;
margin: 40px auto;
}
#contact .comTab td{
padding: 20px 30px;
}
#contact .comTab th:first-of-type{
width: 35%;
}
#contact .comTab th:nth-of-type(2){
width: 40%;
}
#contact .comTab th:nth-of-type(3){
width: 30%;
}
#contact #main .flow{
max-width: 750px;
margin: 50px auto;
line-height: 25px;
}
#contact #main .flow p{
margin-bottom: 20px;
}
#contact #main .accordion {
margin: 3em auto;
max-width: 60vw;
}
#contact #main .toggle {
display: none;
}
#contact #main .option {
position: relative;
margin-bottom: 1em;
}
#contact #main .title,
#contact #main .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#contact #main .title {border: solid 1px #005BAB;padding: 1em;display: block;color: #000;font-weight: bold;text-align: center;background: #BBE2F6;}
#contact #main .title::after,
#contact #main .title::before {content: "";position: absolute;right: 1.25em;top: 1.25em;width: 1px;height: 0.75em;background-color: #005BAB;transition: all 0.3s;}
#contact #main .title::after {
transform: rotate(90deg);
}
#contact #main .accordion .content {
max-height: 0;
overflow: hidden;
}
#contact #main .accordion .content p {margin: 0;padding: 3.5em 3em 3em;font-size: 0.9em;line-height: 2;}
#contact #main .toggle:checked + .title + .content {max-height: 1538px;transition: all 1.5s;}
#contact #main .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
#contact #main .accordion .content p span{display: inline-block;padding-left: 6rem;text-indent: -4rem;}
@media all and (max-width: 767px) {
#contact .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/kousei/sp_page_title_bg.jpg);
}
#contact #main .sec02 .comNewsUl .textBox {
background-color: #F4F5EF;
}
#contact #main {
padding: 25px 0 83px;
}
#contact #main .sec01 {
margin-bottom: 87px;
}
#contact #main .sec01 .headLine02 {
margin-bottom: 36px;
}
#contact #main .sec01 .comLinkUl {
margin: 0;
}
#contact #main .sec01 .comLinkUl li {
margin-bottom: 25px;
}
#contact #main .sec01 .comLinkUl a {
height: 138px;
padding-bottom: 5px;
font-size: 1.1rem;
line-height: 1.46;
border-width: 5px;
}
#contact #main .sec01 .comLinkUl li .icon {
width: 24px;
margin: 0 auto 25px;
}
#contact #main .sec01 .comLinkUl .sml {
bottom: 8px;
font-size: 0.8rem;
background-size: 8px auto;
}
#contact #main .sec01 .comLinkUl li:first-child .sml {
padding-right: 18px;
background-size: 12px auto;
}
#contact #main .sec02 .headLine02 {
margin: 0 0 24px;
text-align: left;
}
#contact #main .sec02 .headLine02 span {
min-width: 214px;
padding: 0 0 5px;
background-size: 48px 2px;
}
#contact #main .sec02 .headLine02 span:before {
right: -82px;
top: -9px;
background-size: 59px auto;
width: 59px;
height: 36px;
}
#contact #main .sec02 .comSelect {
margin-bottom: 41px;
}
#contact #main .sec02 .comNewsUl {
margin-bottom: 94px;
}
#contact #main .sec02 .wp-pagenavi a:hover {
background-color: #fff;
}
#contact .comTab{
width: 100%;
}
#contact .comTab td{
padding:5px;
}
#contact #main .headLine02 span{
padding: 0;
text-align: left;
}
#contact #main .accordion{
width: 100%;
max-width: 100%;
}
#contact #main .option{
margin-bottom: 3em;
}
#contact #main .accordion .content p{
padding: 4em 0;
}
#contact #main .toggle:checked + .title + .content{
padding: 0;
}
#contact #main .headLine02 {
margin-bottom: 12px;
}
#flow #main .headLine02 span {
padding: 0 40px;
}
#contact #main .headLine02 .icon01 {
left: -24px;
top: -3px;
width: 18px;
}
#contact #main .headLine02 .icon02 {
right: -28px;
top: -5px;
width: 27px;
}
#contact #main .topText {
margin-bottom: 35px;
text-align: left;
font-size: 1.1rem;
line-height: 1.68;
}
#contact #main .list01{
margin: 20px 0;
}
#contact #main .flow{
margin: 20px 0;
}
#contact .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/contact/sp_page_title_bg.jpg);
}
#contact #main {
padding: 36px 0 92px;
}
#contact #main .headLine02 span {
padding: 0 36px;
}
#contact #main .headLine02 span:before {
left: -2px;
top: -5px;
background-size: 18px auto;
width: 18px;
height: 50px;
}
#contact #main .headLine02 span:after {
right: -10px;
top: -10px;
background-size: 27px auto;
width: 27px;
height: 30px;
}
#contact #main .topText {
margin-bottom: 30px;
font-size: 1.1rem;
line-height: 1.81;
}
#contact #main .comLinkUl {
margin-bottom: 25px;
}
#contact #main .comBtn {
margin-top: -14px;
}
}
.recaptcha_policy {
padding: 0;
margin: 0;
text-align: center;
font-size: 11px !important;
color: #444 !important;
}
.recaptcha_policy a {
font-size: 11px !important;
color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; } #plan .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/page_title_bg.jpg);
}
#plan #main {
padding: 104px 0 211px;
}
#plan #main .content {
max-width: 1232px;
}
#plan #main .sec01 {
margin-bottom: 137px;
}
#plan #main .sec01 .headLine02 {
margin-bottom: 31px;
}
#plan #main .sec01 .topText {
line-height: 2.69;
text-align: center;
font-weight: bold;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
#plan #main .sec02 {
margin-bottom: 194px;
position: relative;
}
#plan #main .sec02:before {
position: absolute;
top: -74px;
right: 50%;
margin-right: -377px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon19.png) no-repeat;
background-size: 172px auto;
width: 172px;
height: 94px;
content: "";
}
#plan #main .sec02 .headLine02 {
margin-bottom: 52px;
}
#plan #main .sec02 .headLine01 {
position: absolute;
left: 7px;
top: -50px;
}
#plan #main .sec02 .listUl {
margin-top: -63px;
position: relative;
}
#plan #main .sec02 .listUl:after {
content: "";
width: 29.11%;
}
#plan #main .sec02 .listUl li {
margin-top: 63px;
width: 29.11%;
position: relative;
box-sizing: border-box;
}
#plan #main .sec02 .listUl li:before {
position: absolute;
left: 13px;
right: -13px;
top: 13px;
bottom: -13px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line02.png) repeat;
background-size: 20px auto;
content: "";
}
#plan #main .sec02 .listUl a {
height: 233px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
text-align: center;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
border: 10px solid #EBEBEB;
background: #D9D9D9 url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon28.png) no-repeat bottom 13px right 18px;
background-size: 44px auto;
box-sizing: border-box;
}
#plan #main .sec02 .listUl a:hover {
opacity: 0.7;
}
#plan #main .sec02 .listUl li:nth-child(2) a {
border-color: #F4F5EF;
background-color: #E9EBE0;
}
#plan #main .sec02 .listUl li:nth-child(3) a {
border-color: #D2CDDE;
background-color: #AEA5C2;
}
#plan #main .sec02 .listUl li:nth-child(4) a {
border-color: #FAEFE1;
background-color: #F5DFC7;
}
#plan #main .sec02 .listUl li:nth-child(5) a {
border-color: #CDEBCD;
background-color: #A5DAA6;
}
#plan #main .sec02 .listUl li:nth-child(6) a {
border-color: #FFFBC5;
background-color: #FFF798;
}
#plan #main .sec02 .listUl .icon {
display: block;
width: 109px;
margin: 0 auto 15px;
}
#plan #main .sec03 {
max-width: 970px;
margin: 0 auto;
position: relative;
}
#plan #main .sec03:before {
position: absolute;
left: 4px;
top: 10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon21.png) no-repeat;
background-size: 47px auto;
width: 47px;
height: 51px;
content: "";
}
#plan #main .sec03:after {
position: absolute;
right: 86px;
bottom: -59px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon20.png) no-repeat;
background-size: 86px auto;
width: 86px;
height: 54px;
content: "";
}
#plan #main .sec03 .headLine01 {
position: absolute;
right: 0;
top: -85px;
}
#plan #main .sec03 .headLine02 {
margin-bottom: 19px;
}
#plan #main .sec03 .topText {
text-align: center;
font-weight: bold;
line-height: 2.14;
letter-spacing: 0.1em;
}
@media all and (max-width: 767px) {
#plan .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/sp_page_title_bg.jpg);
}
#plan #main {
padding: 20px 0 79px;
}
#plan #main .sec01 {
margin: 0 5px 38px;
}
#plan #main .sec01 .headLine02 {
margin-bottom: 13px;
}
#plan #main .sec01 .topText {
text-align: left;
font-size: 1.1rem;
line-height: 1.63;
}
#plan #main .sec02 {
margin-bottom: 41px;
}
#plan #main .sec02:before {
top: 10px;
right: 9px;
margin-right: 0;
background-size: 85px auto;
width: 85px;
}
#plan #main .sec02 .headLine02 {
margin-bottom: 22px;
}
#plan #main .sec02 .headLine01 {
margin-bottom: 19px;
position: static;
}
#plan #main .sec02 .headLine01 .enFont {
margin-bottom: 0;
}
#plan #main .sec02 .listUl {
margin: 0 6px;
display: block;
}
#plan #main .sec02 .listUl li {
margin: 0 0 19px;
width: auto;
}
#plan #main .sec02 .listUl li:last-child {
margin-bottom: 0 !important;
}
#plan #main .sec02 .listUl li:before {
left: 7px;
right: -7px;
top: 7px;
bottom: -7px;
background-size: 10px auto;
}
#plan #main .sec02 .listUl a {
height: 68px;
padding: 5px;
position: relative;
font-size: 1.3rem;
border-width: 5px;
background-position: center right 10px;
background-size: 22px auto;
}
#plan #main .sec02 .listUl .icon {
width: 43px;
margin: 0;
position: absolute;
left: 9px;
top: 20px;
}
#plan #main .sec02 .listUl li:nth-child(2) .icon {
left: 20px;
top: 15px;
}
#plan #main .sec02 .listUl li:nth-child(3) .icon {
left: 10px;
top: 18px;
width: 48px;
}
#plan #main .sec02 .listUl li:nth-child(4) .icon {
top: 19px;
width: 50px;
}
#plan #main .sec02 .listUl li:nth-child(5) .icon {
top: 16px;
width: 50px;
}
#plan #main .sec02 .listUl li:nth-child(6) .icon {
top: 16px;
width: 54px;
}
#plan #main .sec03 {
max-width: inherit;
}
#plan #main .sec03:before {
left: 16px;
top: 65px;
background-size: 24px auto;
width: 24px;
height: 27px;
}
#plan #main .sec03:after {
right: 15px;
bottom: auto;
top: 61px;
background-size: 43px auto;
width: 43px;
height: 27px;
}
#plan #main .sec03 .headLine01 {
position: static;
text-align: right;
}
#plan #main .sec03 .headLine01 .enFont {
margin-bottom: 0;
}
#plan #main .sec03 .headLine02 {
margin-bottom: 16px;
}
#plan #main .sec03 .topText {
margin: 0 5px;
text-align: left;
line-height: 2.14;
line-height: 1.63;
}
}
@media all and (max-width: 350px) {
#plan #main .sec02 .listUl .icon {
left: -2px;
}
#plan #main .sec02 .listUl li:nth-child(2) .icon {
left: 9px;
}
#plan #main .sec02 .listUl li:nth-child(3) .icon {
left: -8px;
}
} #news .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/news/page_title_bg.jpg);
}
#news #main {
padding: 103px 0 170px;
}
#news #main .content {
max-width: 1230px;
}
#news #main .sec01 {
margin-bottom: 110px;
}
#news #main .sec01 .headLine02 {
margin-bottom: 30px;
}
#news #main .sec01 p {
margin: 0 14px 65px 0;
text-align: center;
font-weight: bold;
line-height: 2.5;
letter-spacing: 0.1em;
}
#news #main .sec01 p span {
display: block;
}
#news #main .sec01 .linkUl {
max-width: 880px;
margin: 0 auto;
}
#news #main .sec01 .linkUl li:not(:last-child) {
margin-bottom: 37px;
}
#news #main .sec01 .linkUl a {
padding: 52px 0 48px;
display: block;
text-align: center;
font-size: 2rem;
font-weight: bold;
position: relative;
letter-spacing: 0.1em;
background: #F4F5EF url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon29.png) no-repeat left 12.2% center;
background-size: 60px auto;
}
#news #main .sec01 .linkUl a:hover {
opacity: 0.7;
}
#news #main .sec01 .linkUl li:last-child a {
background: #F4F5EF url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon30.png) no-repeat left 12.7% center;
background-size: 49px auto;
}
#news #main .sec01 .linkUl .sml {
display: block;
position: absolute;
right: 26px;
bottom: 16px;
font-size: 1.4rem;
}
#news #main .sec01 .linkUl .sml span {
display: inline-block;
padding-right: 24px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon18.png) no-repeat center right;
background-size: 14px auto;
}
#news #main .sec01 .linkUl li:last-child .sml {
bottom: 24px;
}
#news #main .sec01 .linkUl li:last-child .sml span {
padding-right: 30px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon15.png) no-repeat center right 1px;
background-size: 20px auto;
}
#news #main .sec02 .headLine01 {
margin: 0 10px 60px;
}
#news #main .sec02 .headLine01 .enFont {
margin-bottom: 0 !important;
}
#news #main .sec02 .headLine02 {
margin: 0 12px 72px 0;
}
#news #main .sec02 .headLine02 span {
display: inline-block;
position: relative;
padding: 0 4px 10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line03.png) repeat-x left bottom;
background-size: 96px auto;
}
#news #main .sec02 .headLine02 span:before {
position: absolute;
right: -172px;
top: -22px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon31.png) no-repeat;
background-size: 118px auto;
width: 118px;
height: 72px;
content: "";
}
#news #main .sec02 .btmTtl {
margin: 112px 8px 147px;
font-size: 7.2rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0.04em;
}
@media all and (max-width: 767px) {
#news .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/news/sp_page_title_bg.jpg);
}
#news #main {
padding: 25px 0 77px;
}
#news #main .sec01 {
margin-bottom: 25px;
}
#news #main .sec01 .headLine02 {
margin-bottom: 12px;
}
#news #main .sec01 p {
margin: 0 0 18px;
text-align: left;
font-size: 1.2rem;
line-height: 1.58;
}
#news #main .sec01 p span {
margin-top: 5px;
font-weight: 500;
}
#news #main .sec01 .linkUl {
max-width: inherit;
}
#news #main .sec01 .linkUl li:not(:last-child) {
margin-bottom: 23px;
}
#news #main .sec01 .linkUl a {
padding: 39px 0 37px 24px;
font-size: 1.3rem;
background-position: left 11% center;
background-size: 30px auto;
}
#news #main .sec01 .linkUl li:last-child a {
background-position: left 12% center;
background-size: 24px auto;
}
#news #main .sec01 .linkUl .sml {
font-size: 1rem;
right: 0;
bottom: 10px !important;
width: 100%;
}
#news #main .sec01 .linkUl .sml span {
padding-right: 12px;
background-size: 8px auto;
}
#news #main .sec01 .linkUl li:last-child .sml span {
padding-right: 16px;
background-size: 10px auto;
}
#news #main .sec02 .headLine01 {
margin: 0 2px 29px;
}
#news #main .sec02 .headLine01 .enFont {
margin-bottom: 0 !important;
}
#news #main .sec02 .headLine02 {
margin: 0 0 24px;
text-align: left;
}
#news #main .sec02 .headLine02 span {
padding: 0 2px 5px;
background-size: 48px 2px;
}
#news #main .sec02 .headLine02 span:before {
right: -77px;
top: -7px;
background-size: 59px auto;
width: 59px;
height: 36px;
}
#news #main .sec02 .btmTtl {
margin: 29px 0 63px;
font-size: 3.7rem;
}
} #kousei .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/kousei/page_title_bg.jpg);
}
#kousei .pageTitle h2 {
color: #fff;
}
#kousei #main {
padding: 104px 0 247px;
}
#kousei #main .content {
max-width: 1240px;
}
#kousei #main .sec01 {
margin-bottom: 132px;
}
#kousei #main .sec01 .headLine02 {
margin-bottom: 66px;
}
#kousei #main .sec01 .comLinkUl a {
height: 245px;
}
#kousei #main .sec01 .comLinkUl li:first-child .sml {
padding-right: 35px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon15.png);
background-size: 23px auto;
}
#kousei #main .sec02 .headLine02 {
margin: 0 0 72px;
}
#kousei #main .sec02 .headLine02 span {
display: inline-block;
position: relative;
padding: 0 34px 13px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line03.png) repeat-x left bottom;
background-size: 96px auto;
}
#kousei #main .sec02 .headLine02 span:before {
position: absolute;
right: -184px;
top: -29px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon31.png) no-repeat;
background-size: 118px auto;
width: 118px;
height: 72px;
content: "";
}
#kousei #main .sec02 .comSelect {
margin-bottom: 118px;
}
#kousei #main .sec02 .comSelect li:first-child {
margin-right: 0;
}
#kousei #main .sec02 .comNewsUl {
margin-bottom: 138px;
}
#kousei #main .sec02 .comNewsUl .textBox {
background-color: #fff;
}
#kousei #main .sec02 .wp-pagenavi a:hover, 
#kousei #main .sec02 .wp-pagenavi span.current {
background-color: #FFFBC5;
}
#kousei #main {
padding: 104px 0;
}
#kousei #main .content {
max-width: 1230px;
}
#kousei #main .headLine02 {
margin-bottom: 31px;
}
#kousei #main .headLine02 span {
padding: 0 90px;
position: relative;
display: inline-block;
margin: 34px 0 0 0;
}
#kousei #main .headLine02 .icon01 {
position: absolute;
left: -37px;
top: -13px;
width: 36px;
}
#kousei #main .headLine02 .icon02 {
position: absolute;
right: -57px;
top: -19px;
width: 53px;
}
#kousei #main .topText {
margin-bottom: 49px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.69;
}
#kousei #main .list01{
max-width: 750px;
margin: 50px auto;
line-height: 25px;
padding-left: 1.75rem;
}
#kousei #main .list01 p{
padding-left: 1em;
text-indent: -1.75em;
}
#kousei #main .list01 span{
display: block;
padding-left: 50px;
}
#kousei .comTab{
width: 90%;
margin: 40px auto;
}
#kousei .comTab td{
padding: 20px 30px;
}
#kousei .comTab th:first-of-type{
width: 35%;
}
#kousei .comTab th:nth-of-type(2){
width: 40%;
}
#kousei .comTab th:nth-of-type(3){
width: 30%;
}
#kousei #main .flow{
max-width: 750px;
margin: 50px auto;
line-height: 25px;
}
#kousei #main .flow p{
margin-bottom: 20px;
}
#kousei #main .accordion {
margin: 3em auto;
max-width: 60vw;
}
#kousei #main .toggle {
display: none;
}
#kousei #main .option {
position: relative;
margin-bottom: 1em;
}
#kousei #main .title,
#kousei #main .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#kousei #main .title {border: solid 1px #005BAB;padding: 1em;display: block;color: #000;font-weight: bold;text-align: center;background: #BBE2F6;}
#kousei #main .title::after,
#kousei #main .title::before {content: "";position: absolute;right: 1.25em;top: 1.25em;width: 1px;height: 0.75em;background-color: #005BAB;transition: all 0.3s;}
#kousei #main .title::after {
transform: rotate(90deg);
}
#kousei #main .accordion .content {
max-height: 0;
overflow: hidden;
}
#kousei #main .accordion .content p {margin: 0;padding: 3.5em 3em 3em;font-size: 0.9em;line-height: 2;}
#kousei #main .toggle:checked + .title + .content {max-height: 1538px;transition: all 1.5s;}
#kousei #main .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
#kousei #main .accordion .content p span{display: inline-block;padding-left: 6rem;text-indent: -4rem;}
@media all and (max-width: 767px) {
#kousei .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/kousei/sp_page_title_bg.jpg);
}
#kousei #main .sec02 .comNewsUl .textBox {
background-color: #F4F5EF;
}
#kousei #main {
padding: 25px 0 83px;
}
#kousei #main .sec01 {
margin-bottom: 87px;
}
#kousei #main .sec01 .headLine02 {
margin-bottom: 36px;
}
#kousei #main .sec01 .comLinkUl {
margin: 0;
}
#kousei #main .sec01 .comLinkUl li {
margin-bottom: 25px;
}
#kousei #main .sec01 .comLinkUl a {
height: 138px;
padding-bottom: 5px;
font-size: 1.1rem;
line-height: 1.46;
border-width: 5px;
}
#kousei #main .sec01 .comLinkUl li .icon {
width: 24px;
margin: 0 auto 25px;
}
#kousei #main .sec01 .comLinkUl .sml {
bottom: 8px;
font-size: 0.8rem;
background-size: 8px auto;
}
#kousei #main .sec01 .comLinkUl li:first-child .sml {
padding-right: 18px;
background-size: 12px auto;
}
#kousei #main .sec02 .headLine02 {
margin: 0 0 24px;
text-align: left;
}
#kousei #main .sec02 .headLine02 span {
min-width: 214px;
padding: 0 0 5px;
background-size: 48px 2px;
}
#kousei #main .sec02 .headLine02 span:before {
right: -82px;
top: -9px;
background-size: 59px auto;
width: 59px;
height: 36px;
}
#kousei #main .sec02 .comSelect {
margin-bottom: 41px;
}
#kousei #main .sec02 .comNewsUl {
margin-bottom: 94px;
}
#kousei #main .sec02 .wp-pagenavi a:hover {
background-color: #fff;
}
#kousei .comTab{
width: 100%;
}
#kousei .comTab td{
padding:5px;
}
#kousei #main .headLine02 span{
padding: 0;
text-align: left;
}
#kousei #main .accordion{
width: 100%;
max-width: 100%;
}
#kousei #main .option{
margin-bottom: 3em;
}
#kousei #main .accordion .content p{
padding: 4em 0;
}
#kousei #main .toggle:checked + .title + .content{
padding: 0;
}
} #ordinary_vehicle .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/ordinary_vehicle/page_title_bg.jpg);
}
#ordinary_vehicle #main .sec01 {
padding: 106px 0 165px;
}
#ordinary_vehicle #main .sec01 .content {
max-width: 1040px;
}
#ordinary_vehicle #main .sec02 {
padding: 58px 0 49px;
background-color: #ebebeb;
}
#ordinary_vehicle #main .sec02 .content {
position: relative;
}
#ordinary_vehicle #main .sec02 .content:before {
position: absolute;
left: 130px;
top: -85px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon43.png) no-repeat;
background-size: 198px auto;
width: 198px;
height: 44px;
content: "";
}
#ordinary_vehicle #main .sec02 .content:after {
position: absolute;
right: 100px;
top: -120px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon44.png) no-repeat;
background-size: 302px auto;
width: 302px;
height: 76px;
content: "";
}
#ordinary_vehicle #main .sec02 .headLine02 {
margin-bottom: 47px;
}
#ordinary_vehicle #main .sec02 .content {
max-width: 1230px;
}
#ordinary_vehicle #main .sec03 {
padding: 94px 0 86px;
}
#ordinary_vehicle #main .sec03 .text {
margin-bottom: 45px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.14;
text-align: center;
}
#ordinary_vehicle #main .sec03 .headLine02 {
margin-bottom: 18px;
cursor: pointer;
}
#ordinary_vehicle #main .sec03 .headLine02 span {
position: relative;
}
#ordinary_vehicle #main .sec03 .headLine02 span::before,
#ordinary_vehicle #main .sec03 .headLine02 span::after {
content: "";
display: block;
width: 29px;
height: 31px;
position: absolute;
top: -12px;
left: -120px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon21.png) no-repeat top left / 29px;
}
#ordinary_vehicle #main .sec03 .headLine02 span::after {
width: 26px;
height: 36px;
top: -14px;
left: auto;
right: -112px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon42.png);
background-size: 26px;
}
#ordinary_vehicle #main .sec03 .headLine03 {
padding: 16px 0 15px;
border: 2px solid #4389c3;
background: #bbe2f6 url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon51.png) no-repeat right 38px center / 13px;
}
#ordinary_vehicle #main .sec03 .headLine03.onn {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon51_on.png);
}
#ordinary_vehicle #main .sec03 .box {
display: none;
}
#ordinary_vehicle #main .sec03 .ttl {
margin-bottom: 6px;
letter-spacing: 0.1em;
font-weight: bold;
}
#ordinary_vehicle #main .sec03 .note {
letter-spacing: 0.1em;
}
#ordinary_vehicle #main .sec03 .innerBox {
margin-bottom: 40px;
}
#ordinary_vehicle #main .sec03 .subBox .text {
margin-bottom: 6px;
text-align: left;
line-height: 2;
font-weight: bold;
}
#ordinary_vehicle #main .sec03 .subBox .text:first-of-type {
margin-bottom: 13px;
}
#ordinary_vehicle #main .sec03 .subBox .comTab {
margin-bottom: 33px;
}
#ordinary_vehicle #main .sec04 {
padding-bottom: 116px;
position: relative;
}
#ordinary_vehicle #main .sec04 .inner {
padding: 74px 0 0;
}
#ordinary_vehicle #main .sec04 .inner .text {
margin-bottom: 20px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.14;
}
#ordinary_vehicle #main .sec04 .inner .comTab {
margin-bottom: 28px;
}
#ordinary_vehicle #main .sec04 .inner .comTab th,
#ordinary_vehicle #main .sec04 .inner .comTab td {
background-color: inherit;
}
#ordinary_vehicle #main .sec04 .inner .comTab tr:first-of-type th,
#ordinary_vehicle #main .sec04 .inner .comTab tr:first-of-type td {
background-color: #fffbc5;
font-size: 1.4rem;
}
#ordinary_vehicle #main .sec04 .inner .noteList {}
#ordinary_vehicle #main .sec04 .inner .noteList li {
letter-spacing: 0.1em;
line-height: 1.85;
}
#ordinary_vehicle #main .sec04 .inner01 .comTab th,
#ordinary_vehicle #main .sec04 .inner01 .comTab td {
width: calc(100% / 3);
}
#ordinary_vehicle #main .sec05 {
padding-bottom: 176px;
}
@media all and (max-width: 767px) {
#ordinary_vehicle .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/ordinary_vehicle/sp_page_title_bg.jpg);
}
#ordinary_vehicle #main .sec01 {
padding: 24px 6px 78px 1px;
}
#ordinary_vehicle #main .sec01 .comTopBox .title {
margin-bottom: 20px;
text-align: center;
font-size: 1.4rem;
}
#ordinary_vehicle #main .sec01 .comTopBox .headLine02 {
margin-bottom: 16px;
}
#ordinary_vehicle #main .sec02 {
padding: 34px 0 29px;
}
#ordinary_vehicle #main .sec02 .content:before {
left: 36px;
top: -51px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon03.png);
background-size: 74px;
width: 74px;
height: 25px;
}
#ordinary_vehicle #main .sec02 .content:after {
right: 35px;
top: -55px;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon04.png);
background-size: 124px;
width: 124px;
height: 29px;
}
#ordinary_vehicle #main .sec02 .headLine02 {
margin-bottom: 20px;
}
#ordinary_vehicle #main .sec03 {
padding: 27px 0 40px;
}
#ordinary_vehicle #main .sec03 .text {
margin-bottom: 29px;
line-height: 1.63;
text-align: left;
font-size: 1.4rem;
}
#ordinary_vehicle #main .sec03 .headLine02 {
margin-bottom: 15px;
}
#ordinary_vehicle #main .sec03 .headLine02 span::before,
#ordinary_vehicle #main .sec03 .headLine02 span::after {
display: none;
}
#ordinary_vehicle #main .sec03 .headLine03 {
margin-bottom: 22px;
padding: 12px 0 11px;
border-width: 1px;
background-size: 10px;
background-position: right 17px center;
}
#ordinary_vehicle #main .sec03 .ttl {
margin-bottom: 3px;
}
#ordinary_vehicle #main .sec03 .comTab {
margin-bottom: 4px;
}
#ordinary_vehicle #main .sec03 .comTab th {
width: 60.4%;
text-align: left;
}
#ordinary_vehicle #main .sec03 .comTab td {
text-align: left;
}
#ordinary_vehicle #main .sec03 .innerBox {
margin-bottom: 25px;
}
#ordinary_vehicle #main .sec03 .subBox .text {
margin-bottom: 6px;
line-height: 1.63;
}
#ordinary_vehicle #main .sec03 .subBox .text:first-of-type {
margin-bottom: 13px;
}
#ordinary_vehicle #main .sec03 .subBox .comTab {
margin-bottom: 15px;
}
#ordinary_vehicle #main .sec04 {
padding-bottom: 34px;
}
#ordinary_vehicle #main .sec04 .inner {
padding: 22px 0 0;
}
#ordinary_vehicle #main .sec04 .inner .text {
margin-bottom: 13px;
line-height: 1.63;
font-size: 1.4rem;
}
#ordinary_vehicle #main .sec04 .inner .comTab {
margin-bottom: 13px;
}
#ordinary_vehicle #main .sec04 .inner .comTab th,
#ordinary_vehicle #main .sec04 .inner .comTab td {
padding: 8px 10px;
font-size: 1.4rem;
}
#ordinary_vehicle #main .sec04 .inner .noteList li {
line-height: 1.65;
}
#ordinary_vehicle #main .sec05 {
padding-bottom: 88px;
}
#ordinary_vehicle #main .sec05 .headLine04 {
margin-bottom: 4px;
padding-bottom: 7px;
font-size: 1.4rem;
}
}
@media all and (max-width: 363px) {
#ordinary_vehicle #main .sec01 .comTopBox .whiteBox .btn a {
padding-left: 26px;
background-position: 2px center;
}
} #about .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/page_title_bg.jpg);
}
#about .pageTitle h2{
text-shadow: 0 0 6px #000000cf;
}
#about #main {
padding-bottom: 105px;
}
#about #main .sec01 {
padding: 104px 0 57px;
}
#about #main .sec01 .pTop {
margin: 0 15px 112px;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}
#about #main .sec01 .bgBox {
margin-bottom: 62px;
padding: 0 15px;
position: relative;
}
#about #main .sec01 .bgBox:last-child {
margin-bottom: 0;
}
#about #main .sec01 .bgBox::before {
width: 100%;
height: 369px;
position: absolute;
left: 0;
top: 88px;
background-color: #D2CDDE;
content: "";
}
#about #main .sec01 .bgBox01::before {
background-color: #FAEFE1;
}
#about #main .sec01 .bgBox02::before {
background-color: #CDEBCD;
}
#about #main .sec01 .bgBox03 {
margin-bottom: 70px;
}
#about #main .sec01 .bgBox03::before {
background-color: #FFFBC5;
}
#about #main .sec01 .bgBox .imgBox {
margin: 0 auto;
max-width: 1118px;
position: relative;
}
#about #main .sec01 .bgBox .imgBox .photoBox {
width: 68.2%;
}
#about #main .sec01 .bgBox .imgBox .textBox {
margin-top: -11.7%;
position: relative;
width: 48.4%;
}
#about #main .sec01 .bgBox:nth-child(2n+1) .textBox {
margin-left: auto;
}
#about #main .sec01 .bgBox:nth-child(2n) .textBox {
margin-right: auto;
}
#about #main .sec01 .bgBox:nth-child(2n) .photoBox {
margin-left: auto;
}
#about #main .sec01 .bgBox .textBox .subBox {
padding: 49px 30px 37px 66px;
position: relative;
box-sizing: border-box;
z-index: 1;
background-color: #FFF;
}
#about #main .sec01 .bgBox .textBox .subBox::before {
position: absolute;
left: 9px;
top: 9px;
bottom: 9px;
right: 9px;
border: 2px solid #7F7F7F;
content: "";
}
#about #main .sec01 .bgBox .textBox::after {
position: absolute;
right: -9px;
top: 7px;
bottom: -10px;
left: 10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/line01.png) repeat;
background-size: 33px auto;
content: "";
}
#about #main .sec01 .bgBox .textBox p {
letter-spacing: 0.1em;
line-height: 2.57;
}
#about #main .sec01 .bgBox03 .textBox p {
line-height: 1.67;
}
#about #main .sec01 .bgBox03 .textBox .note {
padding-left: 15px;
text-indent: -15px;
font-size: 1.2rem;
line-height: 1.67;
}
#about #main .sec01 .bgBox03 .textBox .text {
margin-bottom: 20px;
line-height: 1.64;
}
#about #main .sec01 .bgBox .textBox .title {
margin-bottom: 9px;
}
#about #main .sec01 .bgBox .textBox .title span {
display: inline-block;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.7;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/bg01.png) repeat-x left bottom / 422px;
}
#about #main .sec01 .bgBox03 .textBox .title span,
#about #main .sec01 .bgBox02 .textBox .title span {
font-size: 2.6rem;
}
#about #main .sec01 .bgBox .icon {
width: 207px;
}
#about #main .sec01 .bgBox .icon {
position: absolute;
right: 98px;
top: 34px;
}
#about #main .sec01 .bgBox01 .icon {
width: 163px;
left: 134px;
right: auto;
top: 0px;
}
#about #main .sec01 .bgBox02 .icon {
width: 180px;
right: 90px;
top: 48px;
}
#about #main .sec01 .bgBox03 .icon {
width: 104px;
left: 190px;
right: auto;
top: 30px;
}
#about #main .sec01 .bgBox .en {
position: absolute;
right: -90px;
top: 0;
font-size: 7.2rem;
letter-spacing: 0.04em;
-webkit-writing-mode : tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
writing-mode: vertical-rl;
direction: ltr;
z-index: 2;
}
#about #main .sec01 .listUl {
margin: -50px auto 0;
padding: 0 15px;
max-width: 1228px;
box-sizing: border-box;
}
#about #main .sec01 .listUl li {
margin: 50px 6.2% 0 0;
width: 29.2%;
}
#about #main .sec01 .listUl li:nth-child(3n) {
margin-right: 0;
}
#about #main .sec01 .listUl li .pho {
margin-bottom: 30px;
}
#about #main .sec01 .listUl li p {
letter-spacing: 0.1em;
}
#about #main .sec01 .listUl li .ttl {
margin-bottom: 15px;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
}
#about #main .sec01 .listUl li .btn {
margin-top: 15px;
}
#about #main .sec01 .listUl li .btn a {
padding-right: 50px;
display: inline-block;
color: #005BAB;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon41.png) no-repeat right top 3px / 30px;
}
#about #main .sec01 .listUl li .btn a:hover {
opacity: 0.7;
}
#about #main .sec02 {
padding: 40px 0 167px;
position: relative;
}
#about #main .sec02::before {
width: 100%;
height: 350px;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
background-color: #BBE2F6;
content: "";
}
#about #main .sec02 .content {
max-width: 1230px;
position: relative;
z-index: 1;
}
#about #main .sec02 h2 {
position: absolute;
top: -130px;
left: 0;
color: #E5E5E5;
font-size: 10rem;
font-weight: 400;
letter-spacing: 0.04em;
}
#about #main .sec02 .headLine02 {
position: relative;
}
#about #main .sec02 .headLine02::before {
width: 193px;
height: 115px;
position: absolute;
right: 66px;
top: -6px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/img05.png) no-repeat;
background-size: 193px auto;
content: "";
}
#about #main .sec02 .pTop {
margin-bottom: 64px;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}
#about #main .sec02 .imgList {
position: relative;
}
#about #main .sec02 .imgList li {
width: 48%;
}
#about #main .sec02 .imgList li:last-child {
position: relative;
}
#about #main .sec02 .imgList li:last-child::before {
width: 86px;
height: 67px;
left: -170px;
bottom: -16px;
position: absolute;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/img06.png) no-repeat;
background-size: 86px auto;
content: "";
}
#about #main .sec02 .imgList li .pho {
margin-bottom: 23px;
}
#about #main .sec02 .imgList li .map {
position: relative;
padding-bottom: 49.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#about #main .sec02 .imgList li .map iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
#about #main .sec02 .imgList li p {
line-height: 2;
letter-spacing: 0.1em;
}
#about #main .sec02 .imgList li .btn {
text-align: right;
}
#about #main .sec02 .imgList li .btn a {
padding-right: 45px;
display: inline-block;
color: #005BAB;
font-size: 1.3rem;
letter-spacing: 0.1em;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon41.png) no-repeat right top 6px / 30px;
}
#about #main .sec02 .imgList li .btn a:hover {
opacity: 0.7;
}
#about #main .sec03 .content {
max-width: 1140px;
}
#about #main .sec03 .inner {
position: relative;
}
#about #main .sec03 .headLine02 {
position: relative;
}
#about #main .sec03 .headLine02::before {
width: 24px;
height: 108px;
position: absolute;
right: 408px;
top: -83px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/img07.png) no-repeat;
background-size: 24px auto;
content: "";
}
#about #main .sec03 .mapBox {
position: relative;
padding-bottom: 49.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#about #main .sec03 .mapBox iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
#about #main .sec03 .pTop {
margin-bottom: 46px;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}
#about #main .sec03 .textimg {
width: 215px;
position: absolute;
top: -71px;
right: -8px;
}
#about #main .sec03 .inner {
margin-bottom: 83px;
}
#about #main .sec03 .title {
margin-bottom: 80px;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}
#about #main .sec03 .listUl {
margin: -36px 0 44px;
}
#about #main .sec03 .listUl01 {
position: relative;
}
#about #main .sec03 .listUl01::before {
width: 91px;
height: 51px;
position: absolute;
left: 200px;
top: 39px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/img08.png) no-repeat;
background-size: 91px;
content: "";
}
#about #main .sec03 .listUl01::after {
width: 73px;
height: 131px;
position: absolute;
right: 218px;
top: -9px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/img09.png) no-repeat;
background-size: 73px;
content: "";
}
#about #main .sec03 .listUl02 {
margin-bottom: 64px;
}
#about #main .sec03 .listUl li {
margin: 36px 2.9% 0 0;
height: 69px;
width: 31.4%;
box-sizing: border-box;
}
#about #main .sec03 .listUl01 li:last-child {
margin-right: 0;
}
#about #main .sec03 .listUl li:nth-child(3n) {
margin-right: 0;
}
#about #main .sec03 .listUl li a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.73;
background: #005BAB url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon49.png) no-repeat right 24px center / 19px;
}
#about #main .sec03 .listUl li a:hover {
opacity: 0.7;
}
#about #main .sec03 .listUl .color01 a {
background-color: #75574D;
}
#about #main .sec03 .listUl .color02 a {
background-color: #A125B7;
}
#about #main .sec03 .listUl .color03 a {
background-color: #8A8335;
}
#about #main .sec03 .listUl .color04 a {
background-color: #3E46A8;
}
#about #main .sec03 .listUl .color05 a {
background-color: #149D55;
}
#about #main .sec03 .listUl .color06 a {
background-color: #A82B15;
}
#about #main .sec03 .textList {
margin-bottom: 30px;
}
#about #main .sec03 .textList li {
font-size: 1.3rem;
letter-spacing: 0.1em;
line-height: 1.92;
}
#about #main .sec03 .note {
margin-bottom: 5px;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.1em;
}
@media all and (-ms-high-contrast:none) {
#about #main .sec03 .listUl li a {
padding-top: 7px;
}
} 
@media all and (max-width: 1320px) {
#about #main .sec01 .bgBox .en {
position: absolute;
right: 10px;
top: -65px;
}
}
@media all and (max-width: 1100px) {
#about #main .sec02 .imgList li:last-child::before {
bottom: -75px;
}
}
@media all and (max-width: 1040px) {
#about #main .sec01 .bgBox .imgBox .textBox {
width: 60%;
}
#about #main .sec01 .bgBox .textBox .subBox {
padding: 20px;
}
#about #main .sec02 .headLine02::before {
right: 0;
width: 115px;
background-size: 115px auto;
}
#about #main .sec03 .headLine02::before {
right: 250px;
}
#about #main .sec03 .listUl01::before {
left: 100px;
}
#about #main .sec03 .listUl01::after {
right: 100px;
}
#about #main .sec03 .listUl li a {
font-size: 1.3rem;
letter-spacing: 0;
background-position: center right 6px;
}
}
@media all and (max-width: 767px) {
#about .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/sp_page_title_bg.jpg);
}
#about #main {
padding-bottom: 56px;
}
#about #main .sec01 {
padding: 20px 0 50px;
}
#about #main .sec01 .pTop {
margin-bottom: 77px;
font-size: 1.1rem;
line-height: 1.59;
text-align: left;
}
#about #main .sec01 .bgBox {
margin-bottom: 70px;
padding: 0 20px
}
#about #main .sec01 .bgBox::before {
height: 185px;
top: 55px;
}
#about #main .sec01 .bgBox03 {
margin-bottom: 40px;
}
#about #main .sec01 .bgBox .imgBox {
max-width: inherit;
}
#about #main .sec01 .bgBox .imgBox .photoBox {
margin-bottom: 15px;
width: 88%;
}
#about #main .sec01 .bgBox .imgBox .textBox {
margin: 0;
width: 98%;
}
#about #main .sec01 .bgBox .textBox .subBox {
padding: 27px 24px 24px;
}
#about #main .sec01 .bgBox .textBox .subBox::before {
left: 6px;
top: 6px;
bottom: 6px;
right: 6px;
border-width: 1px;
}
#about #main .sec01 .bgBox .textBox::after {
right: -7px;
bottom: -5px;
left: 7px;
background-size: 20px auto;
}
#about #main .sec01 .bgBox .textBox p {
line-height: 2.01;
}
#about #main .sec01 .bgBox03 .textBox .note {
font-size: 1.1rem;
}
#about #main .sec01 .bgBox03 .textBox .text {
margin-bottom: 10px;
}
#about #main .sec01 .bgBox .textBox .title {
margin-bottom: 9px;
}
#about #main .sec01 .bgBox .textBox .title span {
font-size: 1.3rem;
background-size: 230px auto;
}
#about #main .sec01 .bgBox03 .textBox .title span,
#about #main .sec01 .bgBox02 .textBox .title span {
font-size: 1.3rem;
}
#about #main .sec01 .bgBox .icon {
width: 80px;
position: absolute;
right: 45px;
top: -41px;
}
#about #main .sec01 .bgBox01 .icon {
width: 90px;
left: 0px;
right: auto;
top: -47px;
}
#about #main .sec01 .bgBox02 .icon {
width: 90px;
right: 20px;
top: -30px;
}
#about #main .sec01 .bgBox03 .icon {
width: 50px;
left: 10px;
right: auto;
top: -40px;
}
#about #main .sec01 .bgBox .en {
right: -6px;
top: -59px;
font-size: 3rem;
}
#about #main .sec01 .listUl {
margin-top: 0;
padding: 0 15px 0 20px;
max-width: inherit;
display: block;
}
#about #main .sec01 .listUl li {
margin: 0 0 25px;
width: 100%;
display: flex;
justify-content: space-between;
}
#about #main .sec01 .listUl li:last-child {
margin-bottom: 0;
}
#about #main .sec01 .listUl li .pho {
margin-bottom: 0;
width: 176px;
}
#about #main .sec01 .listUl li .textBox {
width: calc(100% - 190px);
}
#about #main .sec01 .listUl li p {
line-height: 1.64;
}
#about #main .sec01 .listUl li .ttl {
margin-bottom: 8px;
font-size: 1.3rem;
}
#about #main .sec01 .listUl li .btn {
margin-top: 8px;
}
#about #main .sec01 .listUl li .btn a {
padding-right: 15px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/sp_icon41.png) no-repeat right center / 15px;
}
#about #main .sec02 {
padding: 36px 0 70px;
}
#about #main .sec02::before {
height: 239px;
}
#about #main .sec02 .content {
max-width: inherit;
}
#about #main .sec02 h2 {
top: -86px;
left: 20px;
font-size: 5rem;
}
#about #main .sec02 .headLine02::before {
width: 70px;
right: 5px;
top: -50px;
background-size: 70px auto;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/about/sp_img05.png);
}
#about #main .sec02 .pTop {
margin-bottom: 15px;
line-height: 2.01;
}
#about #main .sec02 .imgList {
display: block;
}
#about #main .sec02 .imgList li {
margin-bottom: 30px;
width: 100%;
}
#about #main .sec02 .imgList li:last-child {
margin-bottom: 0;
}
#about #main .sec02 .imgList li:last-child::before {
left: 20px;
bottom: -50px;
background-size: 45px auto;
}
#about #main .sec02 .imgList li p {
line-height: 1.81;
}
#about #main .sec02 .imgList li .pho {
margin-bottom: 10px;
}
#about #main .sec02 .imgList li .btn a {
padding-right: 20px;
font-size: 1.1rem;
background-size: 15px;
}
#about #main .sec03 .content {
min-width: inherit;
}
#about #main .sec03 .headLine02::before {
right: 70px;
top: -30px;
background-size: 12px auto;
}
#about #main .sec03 .pTop {
margin-bottom: 14px;
font-size: 1.1rem;
line-height: 2.01;
}
#about #main .sec03 .textimg {
width: 110px;
top: auto;
right: 2px;
bottom: -35px;
}
#about #main .sec03 .inner {
margin-bottom: 60px;
}
#about #main .sec03 .title {
margin-bottom: 60px;
font-size: 1.3rem;
text-align: left;
}
#about #main .sec03 .listUl {
margin: 0 0 36px;
display: block;
}
#about #main .sec03 .listUl01::before {
left: 20px;
top: -50px;
background-size: 70px;
}
#about #main .sec03 .listUl01::after {
display: none;
}
#about #main .sec03 .listUl02 {
margin-bottom: 40px;
}
#about #main .sec03 .listUl li {
margin: 0 auto 20px !important;
height: 52px;
width: 80%;
}
#about #main .sec03 .listUl li a {
font-size: 1.1rem;
background-size: 15px;
background-position: center right 19px;
}
#about #main .sec03 .textList {
margin-bottom: 20px;
}
#about #main .sec03 .textList li {
font-size: 1.1rem;
line-height: 1.8;
}
#about #main .sec03 .note {
margin-bottom: 3px;
font-size: 1.1rem;
}
} #car_at .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/car_at/page_title_bg.jpg);
}
@media all and (max-width: 767px) {
#car_at .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/car_at/sp_page_title_bg.jpg);
}
} #paper .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/paper/page_title_bg.jpg);
}
#paper .comPlan .sec01 .bgBox {
padding: 73px 15px 78px;
border-color: #D2CDDE;
background-color: #AEA5C2;
}
#paper .comPlan .sec01 .headLine02 {
margin-bottom: 18px;
}
#paper .comPlan .sec01 .headLine02 span {
margin-bottom: 26px;
width: 34px;
}
#paper .comPlan .sec01 .title {
margin-bottom: 48px;
}
#paper .comPlan .sec01 .comTopBox .whiteBox {
padding: 48px 40px 63px;
}
#paper .comPlan .sec01 .textUl {
margin: -2px 0 0 44px;
}
#paper .comPlan .sec01 .textUl li:not(:last-child) {
margin-bottom: 8px;
}
#paper .comPlan .sec02 {
padding: 30px 0 107px;
background-color: #D2CDDE;
}
#paper .comPlan .sec02 .content::before {
top: -56px;
}
#paper .comPlan .sec02 .content::after {
top: -92px;
}
#paper .comPlan .sec02 .headLine02 {
margin-bottom: 15px;
}
#paper .comPlan .sec02 .topText {
margin-bottom: 35px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
}
#paper .comPlan .sec03 {
padding-bottom: 120px;
}
#paper .comPlan .sec03 .info01 .bgBox {
background-color: #F1F0F5;
}
#paper .comPlan .sec03 .info02 {
margin-bottom: 0;
}
#paper .comPlan .sec03 .info02 .topText {
margin: -16px 0 38px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
}
#paper .comPlan .sec04 .headLine02 {
margin-bottom: 76px;
background-color: #D2CDDE;
}
@media all and (max-width: 767px) {
#paper .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/paper/sp_page_title_bg.jpg);
}
#paper .comPlan .sec01 {
padding-left: 22px;
}
#paper .comPlan .sec01 .bgBox {
padding: 38px 20px 21px;
}
#paper .comPlan .sec01 .headLine02 {
margin-bottom: 16px;
}
#paper .comPlan .sec01 .headLine02 span {
margin-bottom: 10px;
width: 17px;
}
#paper .comPlan .sec01 .title {
margin-bottom: 13px;
}
#paper .comPlan .sec01 .comTopBox .whiteBox {
padding: 16px 23px 24px;
}
#paper .comPlan .sec01 .textUl {
margin: 9px 0 0;
}
#paper .comPlan .sec01 .textUl li {
line-height: 1.38;
}
#paper .comPlan .sec01 .textUl li:not(:last-child) {
margin-bottom: 18px;
}
#paper .comPlan .sec02 {
padding: 30px 0 48px;
}
#paper .comPlan .sec02 .content::before {
top: -47px;
}
#paper .comPlan .sec02 .content::after {
top: -52px;
}
#paper .comPlan .sec02 .headLine02 {
margin-bottom: 10px;
}
#paper .comPlan .sec02 .topText {
margin-bottom: 15px;
}
#paper .comPlan .sec02 .img {
margin-bottom: 20px;
}
#paper .comPlan .sec03 {
padding: 46px 0 60px;
}
#paper .comPlan .sec03 .info01 .topText {
margin-bottom: 17px;
}
#paper .comPlan .sec03 .info02 {
margin-bottom: 0;
}
#paper .comPlan .sec03 .info02 .topText {
margin: -5px 0 12px;
}
#paper .comPlan .sec04 .headLine02 {
margin-bottom: 36px;
}
} #foreign_driver .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/foreign_driver/page_title_bg.jpg);
}
#foreign_driver .comPlan .sec01 .bgBox {
padding: 73px 15px 78px;
border-color: #FAEFE1;
background-color: #F5DFC7;
}
#foreign_driver .comPlan .sec01 .title {
margin-bottom: 35px;
}
#foreign_driver .comTopBox .whiteBox {
padding: 33px 49px 104px;
}
#foreign_driver .comTopBox .whiteBox .headLine05 {
margin-bottom: 24px;
}
#foreign_driver .comTopBox .whiteBox p {
font-size: 2rem;
font-weight: bold;
line-height: 1.75;
letter-spacing: 0.1em;
}
#foreign_driver .comPlan .sec02 {
padding-bottom: 79px;
background-color: #FAEFE1;
}
#foreign_driver .comPlan .sec02 .headLine02 {
margin-bottom: 53px;
}
#foreign_driver .comPlan .sec03 {
padding-bottom: 134px;
}
#foreign_driver .comPlan .sec03 .info01 .bgBox {
background-color: #FEFAF7;
}
#foreign_driver .comPlan .sec03 .info01 .ttl {
line-height: 1.75;
}
#foreign_driver .comPlan .sec03 .info02 {
margin-bottom: 0;
}
#foreign_driver .comPlan .sec03 .info02 .topText {
margin: -12px 0 23px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
}
#foreign_driver .comPlan .sec04 .headLine02 {
background-color: #FAEFE1;
}
@media all and (max-width: 767px) {
#foreign_driver .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/foreign_driver/sp_page_title_bg.jpg);
}
#foreign_driver .comPlan .sec01 .bgBox {
padding: 31px 20px 20px;
}
#foreign_driver .comPlan .sec01 .headLine02 span {
margin-bottom: 19px;
}
#foreign_driver .comPlan .sec01 .title {
margin-bottom: 16px;
}
#foreign_driver .comTopBox .whiteBox {
padding: 20px 21px 48px;
}
#foreign_driver .comTopBox .whiteBox .headLine05 {
margin-bottom: 15px;
}
#foreign_driver .comTopBox .whiteBox p {
font-size: 1.3rem;
line-height: 1.92;
}
#foreign_driver .comPlan .sec02 {
padding-bottom: 44px;
}
#foreign_driver .comPlan .sec02 .headLine02 {
margin-bottom: 16px;
}
#foreign_driver .comPlan .sec02 .img {
margin-bottom: 20px;
}
#foreign_driver .comPlan .sec03 {
padding-bottom: 56px;
}
#foreign_driver .comPlan .sec03 .info01 .ttl {
line-height: 1.92;
}
#foreign_driver .comPlan .sec03 .info02 {
margin-bottom: 0;
}
#foreign_driver .comPlan .sec03 .info02 .topText {
margin: -2px 0 13px;
}
} #elder .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/elder/page_title_bg.jpg);
}
#elder .pageTitle h2 {
color: #fff;
}
#elder .comPlan .sec01 {
padding-bottom: 100px;
}
#elder .comPlan .sec01 .bgBox {
padding: 69px 15px 78px;
border-color: #FFFBC5;
background-color: #FFF798;
}
#elder .comPlan .sec01 .headLine02 span {
margin-bottom: 19px;
}
#elder .comPlan .sec01 .title {
margin-bottom: 46px;
}
#elder .comPlan .comTopBox .whiteBox {
padding: 49px 39px 125px;
}
#elder .comPlan .sec01 .headLine05 {
margin-bottom: 22px;
}
#elder .comPlan .sec01 .text01 {
margin-bottom: 36px;
font-size: 2rem;
line-height: 1.8;
letter-spacing: 0.1em;
font-weight: bold;
}
#elder .comPlan .sec01 .text02 {
margin-bottom: 43px;
font-size: 2rem;
line-height: 1.8;
letter-spacing: 0.1em;
font-weight: bold;
}
#elder .comPlan .sec01 .text02 span {
margin-top: 5px;
display: block;
font-size: 1.4rem;
letter-spacing: 0.1em;
}
#elder .comPlan .sec01 .text03 {
font-size: 2rem;
line-height: 1.8;
font-weight: bold;
}
#elder .comPlan .sec01 .text03 span {
display: block;
margin-top: 17px;
}
#elder .comPlan .sec03 {
padding: 33px 0 90px;
}
#elder .comPlan .sec03 .info01 {
margin-bottom: 47px;
}
#elder .comPlan .sec03 .info01 .bgBox {
padding: 52px 45px 40px;
background-color: #FFFEEC;
}
#elder .comPlan .sec03 .info01 .bgBox .ttl {
margin-bottom: 0;
}
#elder .comPlan .sec03 .info01 .headLine02 .icon02 {
right: 48px;
top: -25px;
width: 25px;
}
#elder .comPlan .sec03 .info02 {
margin-bottom: 130px;
}
#elder .comPlan .sec03 .info02 .comTab {
margin-bottom: 14px;
}
#elder .comPlan .sec03 .info03 .bgBox {
padding: 38px 45px 40px;
}
#elder .comPlan .sec03 .info03 .headLine05 {
width: auto;
}
#elder .comPlan .sec03 .info03 .title {
margin-bottom: 36px;
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.1em;
font-weight: bold;
}
#elder .comPlan .sec03 .info04 {
margin-bottom: 0;
}
#elder .comPlan .sec03 .info04 .btmText01 {
margin-bottom: 20px;
}
#elder .comPlan .sec03 .info04 .btmText span {
display: block;
margin-top: 10px;
}
#elder .comPlan .sec04 .headLine02 {
background-color: #FFFBC5;
}
@media all and (max-width: 767px) {
#elder .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/elder/sp_page_title_bg.jpg);
}
#elder .comPlan .sec01 {
padding-bottom: 10px;
}
#elder .comPlan .sec01 .bgBox {
padding: 27px 15px 20px;
}
#elder .comPlan .sec01 .headLine02 span {
margin-bottom: 15px;
}
#elder .comPlan .sec01 .title {
margin-bottom: 15px;
}
#elder .comPlan .comTopBox .whiteBox {
padding: 13px 29px 19px;
}
#elder .comPlan .sec01 .headLine05 {
margin-bottom: 10px;
}
#elder .comPlan .sec01 .text01 {
margin-bottom: 17px;
font-size: 1.3rem;
line-height: 1.46;
}
#elder .comPlan .sec01 .text02 {
margin-bottom: 20px;
font-size: 1.3rem;
line-height: 1.38;
}
#elder .comPlan .sec01 .text02 span {
margin-top: 14px;
font-size: 1.3rem;
line-height: 1.38;
}
#elder .comPlan .sec01 .text03 {
font-size: 1.3rem;
line-height: 1.38;
}
#elder .comPlan .sec01 .text03 span {
margin-top: 2px;
}
#elder .comPlan .sec03 {
padding: 23px 0 56px;
}
#elder .comPlan .sec03 .info01 {
margin-bottom: 22px;
}
#elder .comPlan .sec03 .info01 .bgBox {
padding: 20px 20px 30px;
}
#elder .comPlan .sec03 .info01 .bgBox .ttl {
margin-bottom: 0;
}
#elder .comPlan .sec03 .info01 .headLine02 .icon02 {
right: 5px;
top: -10px;
width: 13px;
}
#elder .comPlan .sec03 .info02 {
margin-bottom: 46px;
}
#elder .comPlan .sec03 .info02 .comTab {
margin-bottom: 6px;
}
#elder .comPlan .sec03 .info02 .comTab th {
width: 50%;
}
#elder .comPlan .sec03 .info03 .bgBox {
padding: 15px 20px 21px;
}
#elder .comPlan .sec03 .info03 .headLine05 {
width: auto;
margin-bottom: 3px;
}
#elder .comPlan .sec03 .info03 .title {
margin-bottom: 20px;
font-size: 1.3rem;
line-height: 1.53;
}
#elder .comPlan .sec03 .info04 {
margin-bottom: 0;
}
#elder .comPlan .sec03 .info04 .btmText01 {
margin-bottom: 15px;
}
#elder .comPlan .sec03 .info04 .btmText span {
margin-top: 0;
}
} #gentsuki .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/gentsuki/page_title_bg.jpg);
}
#gentsuki .pageTitle h2 {
color: #000;
}
#gentsuki .comPlan .sec01 .bgBox {
padding: 62px 15px 78px;
border-color: #CDEBCD;
background-color: #A5DAA6;
}
#gentsuki .comPlan .sec01 .headLine02 {
margin-bottom: 26px;
}
#gentsuki .comPlan .sec01 .whiteBox {
padding: 50px 54px 96px;
}
#gentsuki .comPlan .sec01 .headLine05 {
margin-bottom: 33px;
}
#gentsuki .comPlan .sec01 .txt {
margin-bottom: 24px;
font-size: 2rem;
letter-spacing: 0.1em;
font-weight: bold;
line-height: 1.45;
}
#gentsuki .comPlan .sec01 .textUl {
margin: 0 -20px 0 0;
}
#gentsuki .comPlan .sec01 .textUl li {
line-height: 1.45;
}
#gentsuki .comPlan .sec01 .textUl li:not(:last-child) {
margin-bottom: 12px;
}
#gentsuki .comPlan .sec02 {
padding-bottom: 65px;
background-color: #CDEBCD;
}
#gentsuki .comPlan .sec03 {
padding: 100px 0 153px;
}
#gentsuki .comPlan .sec03 .bgBox {
background-color: #EFF9F0;
}
#gentsuki .comPlan .sec03 .info03 {
margin-bottom: 67px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 {
margin-bottom: 23px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 span {
padding: 0 100px;
position: relative;
display: inline-block;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 .icon01 {
position: absolute;
left: -25px;
top: -9px;
width: 55px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 .icon02 {
position: absolute;
right: -4px;
top: -40px;
width: 49px;
}
#gentsuki .comPlan .sec03 .info03 .bgBox {
padding: 46px 54px 47px;
}
#gentsuki .comPlan .sec03 .textList {
font-size: 2rem;
line-height: 1.75;
font-weight: bold;
letter-spacing: 0.1em;
}
#gentsuki .comPlan .sec03 .textList li {
position: relative;
}
#gentsuki .comPlan .sec03 .textList .sml01 {
margin: 18px -5px 25px;
display: block;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.85;
letter-spacing: 0.1em;
}
#gentsuki .comPlan .sec03 .textList .sml02 {
position: absolute;
left: 170px;
top: 0;
display: block;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.85;
letter-spacing: 0.1em;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 {
margin-bottom: 26px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 span {
padding: 0 100px;
position: relative;
display: inline-block;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 .icon01 {
position: absolute;
left: -18px;
top: -6px;
width: 56px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 .icon02 {
position: absolute;
right: -18px;
top: -6px;
width: 56px;
}
#gentsuki .comPlan .sec03 .info04 {
margin-bottom: 102px;
}
#gentsuki .comPlan .sec03 .info04 .bgBox {
padding: 46px 54px 65px;
}
#gentsuki .comPlan .sec03 .info01 {
margin-bottom: 105px;
}
#gentsuki .comPlan .sec03 .info01 .bgBox {
padding: 64px 45px 87px;
}
#gentsuki .comPlan .sec03 .info01 .textList li {
text-indent: -1em;
padding-left: 1em;
}
#gentsuki .comPlan .sec03 .info01 .textList .sml03 {
display: block;
margin-left: 1em;
}
#gentsuki .comPlan .sec03 .info02 {
margin-bottom: 0;
}
#gentsuki .comPlan .sec03 .info02 .headLine02 span {
padding: 0 85px;
}
#gentsuki .comPlan .sec04 .headLine02 {
background-color: #CDEBCD;
}
@media all and (max-width: 767px) {
#gentsuki .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/plan/gentsuki/sp_page_title_bg.jpg);
}
#gentsuki .comPlan .sec01 .bgBox {
padding: 31px 20px 22px;
}
#gentsuki .comPlan .sec01 .headLine02 {
margin-bottom: 16px;
}
#gentsuki .comPlan .sec01 .whiteBox {
padding: 20px 20px 18px;
}
#gentsuki .comPlan .sec01 .headLine05 {
margin-bottom: 13px;
}
#gentsuki .comPlan .sec01 .txt {
margin-bottom: 14px;
font-size: 1.3rem;
line-height: 1.53;
}
#gentsuki .comPlan .sec01 .textUl {
margin: 0;
}
#gentsuki .comPlan .sec01 .textUl li {
line-height: 1.53;
}
#gentsuki .comPlan .sec01 .textUl li:not(:last-child) {
margin-bottom: 0;
}
#gentsuki .comPlan .sec02 {
padding-bottom: 13px;
}
#gentsuki .comPlan .sec03 {
padding: 39px 0 65px;
}
#gentsuki .comPlan .sec03 .info03 {
margin-bottom: 35px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 {
margin-bottom: 11px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 span {
padding: 0 57px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 .icon01 {
left: 0;
top: -4px;
width: 27px;
}
#gentsuki .comPlan .sec03 .info03 .headLine02 .icon02 {
right: 11px;
top: -20px;
width: 25px;
}
#gentsuki .comPlan .sec03 .info03 .bgBox {
padding: 24px;
}
#gentsuki .comPlan .sec03 .textList {
font-size: 1.4rem;
line-height: 1.81;
}
#gentsuki .comPlan .sec03 .textList .sml01 {
margin: 6px 0 13px;
font-size: 1.4rem;
line-height: 1.63;
}
#gentsuki .comPlan .sec03 .textList .sml02 {
margin-top: 4px;
position: static;
font-size: 1.1rem;
line-height: 1.63;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 {
margin-bottom: 12px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 span {
padding: 0 30px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 .icon01 {
left: -18px;
top: -2px;
width: 28px;
}
#gentsuki .comPlan .sec03 .info04 .headLine02 .icon02 {
right: -18px;
top: -2px;
width: 28px;
}
#gentsuki .comPlan .sec03 .info04 {
margin-bottom: 36px;
}
#gentsuki .comPlan .sec03 .info04 .bgBox {
padding: 24px 24px 31px;
}
#gentsuki .comPlan .sec03 .info01 {
margin-bottom: 42px;
}
#gentsuki .comPlan .sec03 .info01 .topText {
margin-bottom: 18px;
}
#gentsuki .comPlan .sec03 .info01 .bgBox {
padding: 37px 24px 31px;
}
#gentsuki .comPlan .sec03 .info01 .headLine05 {
margin-bottom: 5px;
}
#gentsuki .comPlan .sec03 .info01 .textList li {
text-indent: inherit;
padding-left: 0;
font-size: 1.3rem;
line-height: 1.53;
}
#gentsuki .comPlan .sec03 .info01 .textList .sml03 {
margin: 9px 0 0;
font-size: 1rem;
}
#gentsuki .comPlan .sec03 .info02 {
margin-bottom: 0;
}
#gentsuki .comPlan .sec03 .info02 .headLine02 span {
padding: 0 35px;
}
} #flow .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/flow/page_title_bg.jpg);
}
#flow .pageTitle h2{
color: #fff;
text-shadow: 0 0 10px #000000b5;
}
#flow #main .sec01 {
padding: 104px 0;
}
#flow #main .sec01 .content {
max-width: 1230px;
}
#flow #main .sec01 .headLine02 {
margin-bottom: 31px;
}
#flow #main .sec01 .headLine02 span {
padding: 0 90px;
position: relative;
display: inline-block;
}
#flow #main .sec01 .headLine02 .icon01 {
position: absolute;
left: 1px;
top: -13px;
width: 36px;
}
#flow #main .sec01 .headLine02 .icon02 {
position: absolute;
right: 2px;
top: -19px;
width: 53px;
}
#flow #main .sec01 .topText {
margin-bottom: 49px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.69;
}
#flow #main .sec01 .linkUl {
margin: -56px 0 88px;
position: relative;
}
#flow #main .sec01 .linkUl:after {
content: "";
width: 31.41%
}
#flow #main .sec01 .linkUl li {
margin-top: 56px;
width: 30.41%;
}
#flow #main .sec01 .linkUl li > a,
#flow #main .sec01 .linkUl li > span {
padding: 23px 0 28px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 2rem;
line-height: 1.4;
font-weight: bold;
letter-spacing: 0.1em;
border: 2px solid #231815;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
#flow #main .sec01 .linkUl li > a > span {
width: 100%;
display: block;
position: relative;
z-index: 2;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon18.png) no-repeat center right 19px;
background-size: 14px auto;
}
#flow #main .sec01 .linkUl li .sml {
margin-top: 2px;
display: block;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
#flow #main .sec01 .linkUl li > a::after {
position: absolute;
content: ' ';
display: block;
width: 100%;
height: 100%;
background: #231815;
left: 0;
top: 0;
z-index: 1;
transform: translateX(-130%) skewX(60deg);
transition: .4s cubic-bezier(.23,1,.32,1);
}
#flow #main .sec01 .comLinkUl {
margin-bottom: 56px;
}
#flow #main .sec01 .comLinkUl li .icon {
width: 71px;
}
#flow #main .sec01 .comBtn a {
padding: 50px 0 45px 20px;
position: relative;
border-color: #F4F5EF;
background: #E9EBE0;
}
#flow #main .sec01 .comBtn a span:before {
left: -173px;
top: -10px;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon60.png) no-repeat left center;
background-size: 62px auto;
width: 62px;
height: 48px;
}
#flow #main .sec01 .comBtn a:after {
padding-right: 21px;
display: block;
position: absolute;
bottom: 15px;
right: 27px;
font-size: 1.4rem;
background: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon18.png) no-repeat center right;
background-size: 14px auto;
content: "詳しく";
}
#flow #main .sec02 {
padding: 66px 0 100px;
}
#flow #main .sec02 .content {
max-width: 1126px;
}
#flow #main .sec02 .headLine02 {
margin-bottom: 22px;
}
#flow #main .sec02 .comTab th {
width: 23.1%;
background-color: #fff;
}
#flow #main .sec02 .comTab thead th,
#flow #main .sec02 .comTab thead td {
background-color: #bbe2f6;
}
#flow #main .sec02 .note {
font-size: 1.3rem;
letter-spacing: 0.1em;
}
#flow #main .sec03 {
padding: 19px 0 100px;
}
#flow #main .sec03 .content {
max-width: 1126px;
}
#flow #main .sec03 .topText {
margin: -3px 0 32px;
text-align: center;
letter-spacing: 0.1em;
font-weight: bold;
line-height: 2.14;
}
#flow #main .sec03 .comTab th {
width: 32%;
background-color: #fff;
}
#flow #main .sec03 .comTab td:last-child {
width: 21.9%;
}
#flow #main .sec03 .comTab thead th,
#flow #main .sec03 .comTab thead td {
background-color: #bbe2f6;
}
#flow #main .sec03 .comTab .vLeft {
padding: 42px 30px;
text-align: left;
}
#flow #main .sec03 .comTab .vLeft span {
margin: 0 22px;
display: block;
line-height: 2.14;
}
#flow #main .sec03 .comTab .wid01 {
padding: 30px 0;
}
#flow #main .sec04 {
padding: 8px 0 50px;
}
#flow #main .sec04 .content {
max-width: 1126px;
}
#flow #main .sec04 .topText {
margin: -16px 0 31px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.14;
}
#flow #main .sec04 .comTab th {
width: 25.6%;
background-color: #fff;
}
#flow #main .sec04 .comTab td:last-child {
width: 24.3%;
}
#flow #main .sec04 .comTab thead th,
#flow #main .sec04 .comTab thead td {
background-color: #bbe2f6;
}
#flow #main .sec04 .textUl {
margin: -5px 0 66px;
font-size: 1.3rem;
letter-spacing: 0.1em;
line-height: 1.77;
}
#flow #main .sec04 .textUl li:not(:last-child) {
margin-bottom: 16px;
}
#flow #main .sec04 .mapUl li {
width: 47.5%;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#flow #main .sec04 .mapUl li iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
#flow #main .sec05 {
padding: 12px 0 214px;
}
#flow #main .sec05 .content {
max-width: 1126px;
}
#flow #main .sec05 .headLine02 {
margin-bottom: 23px;
}
#flow #main .sec05 .bgBox {
padding: 50px 15px 47px;
background-color: #F4F5EF;
}
#flow #main .sec05 ul {
max-width: 882px;
margin: -17px auto 0;
}
#flow #main .sec05 li {
margin-top: 17px;
width: 47%;
font-weight: bold;
letter-spacing: 0.1em;
}
#flow #main .sec06 {
padding-bottom: 152px;
}
#flow #main .sec06 .comBgBox {
padding-bottom: 112px;
margin-bottom: 98px;
}
#flow #main .sec06 .comBgBox .headLine02 span {
width: 70px;
}
#flow #main .sec06 .inner:not(:last-child) {
margin-bottom: 51px;
}
#flow #main .sec06 .inner p {
margin-bottom: 30px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.14;
}
#flow #main .sec06 .inner p:last-child {
margin-bottom: 0 !important;
}
#flow #main .sec06 .inner p span {
margin-top: 13px;
display: block;
text-align: right;
}
#flow #main .comBtmInfo .topBox {
background-color: #FFFBC5;
}
@media all and (min-width: 768px) {
#flow #main .sec01 .linkUl li > a:hover > span {
color: #fff;
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/common/icon18_on.png);
}
#flow #main .sec01 .linkUl li > a:hover::after {
transform: translateX(0%) skewX(0deg);
}
}
@media all and (max-width: 900px) {
#flow #main .sec01 .linkUl li > a, #flow #main .sec01 .linkUl li > span {
font-size: 1.7rem;
}
#flow #main .sec01 .linkUl li > a > span {
background-position: center right 5px;
}
}
@media all and (max-width: 767px) {
#flow .pageTitle {
background-image: url(//staging.higashi-ds.com/wp-content/themes/higashihiroshima/img/flow/sp_page_title_bg.jpg);
}
#flow #main .sec01 {
padding: 26px 5px;
}
#flow #main .sec01 .headLine02 {
margin-bottom: 12px;
}
#flow #main .sec01 .headLine02 span {
padding: 0 40px;
}
#flow #main .sec01 .headLine02 .icon01 {
left: 4px;
top: -3px;
width: 18px;
}
#flow #main .sec04 .mapUl li {
padding-bottom: 120%;
}
#flow #main .sec04 .mapUl li .te-t{
display: block!important;
}
#flow #main .sec01 .headLine02 .icon02 {
right: -2px;
top: -5px;
width: 27px;
}
#flow #main .sec01 .topText {
margin-bottom: 35px;
text-align: left;
font-size: 1.1rem;
line-height: 1.68;
}
#flow #main .sec01 .linkUl {
margin: 0 35px 50px;
display: block;
}
#flow #main .sec01 .linkUl li {
margin: 0 0 20px;
width: auto;
}
#flow #main .sec01 .linkUl li:last-child {
margin-bottom: 0;
}
#flow #main .sec01 .linkUl li > a,
#flow #main .sec01 .linkUl li > span {
padding: 5px 0 3px;
height: 52px;
font-size: 1.3rem;
line-height: 1.27;
border-width: 1px;
}
#flow #main .sec01 .linkUl li > a > span {
background-position: center right 12px;
background-size: 10px auto;
}
#flow #main .sec01 .linkUl li .sml {
margin-top: 4px;
font-size: 1.1rem;
letter-spacing: 0;
}
#flow #main .sec01 .comLinkUl {
margin: 0 0 31px;
}
#flow #main .sec01 .comLinkUl li {
margin-bottom: 15px;
}
#flow #main .sec01 .comLinkUl li .icon {
width: 46px;
margin-bottom: 20px;
}
#flow #main .sec01 .comLinkUl a {
height: 198px;
}
#flow #main .sec01 .comBtn {
margin: 0;
}
#flow #main .sec01 .comBtn a {
padding: 70px 0 31px;
font-size: 1.3rem;
line-height: 1.75;
}
#flow #main .sec01 .comBtn a span:before {
left: 50%;
margin-left: -17px;
top: -60px;
background-size: 35px auto;
width: 35px;
height: 48px;
}
#flow #main .sec01 .comBtn a:after {
padding-right: 14px;
bottom: 10px;
right: 14px;
font-size: 1.1rem;
background-size: 12px auto;
}
#flow #main .sec02 {
padding: 23px 0 30px;
}
#flow #main .sec02 .headLine02 {
margin-bottom: 17px;
}
#flow #main .sec02 .comTab tbody td {
padding: 6px 10px;
text-align: left;
}
#flow #main .sec02 .note {
font-size: 1.1rem;
line-height: 1.36;
}
#flow #main .sec03 {
padding: 29px 0 43px;
}
#flow #main .sec03 .topText {
margin: 0 0 35px;
text-align: left;
line-height: 1.63;
}
#flow #main .sec03 .comTab tbody td,
#flow #main .sec03 .comTab tbody th {
padding: 6px 10px !important;
text-align: left;
vertical-align: top;
}
#flow #main .sec03 .comTab tr:first-child th {
text-align: center;
}
#flow #main .sec03 .comTab .vLeft {
padding: 0;
}
#flow #main .sec03 .comTab .vLeft span {
margin: 0;
line-height: 1.36;
}
#flow #main .sec04 {
padding: 8px 0 50px;
}
#flow #main .sec04 .topText {
margin: 0 0 22px;
text-align: left;
line-height: 1.63;
}
#flow #main .sec04 .comTab th,
#flow #main .sec04 .comTab td {
padding: 14px 5px;
}
#flow #main .sec04 .textUl {
margin: -5px 0 40px;
font-size: 1.1rem;
line-height: 1.63;
}
#flow #main .sec04 .textUl li:not(:last-child) {
margin-bottom: 28px;
}
#flow #main .sec04 .mapUl {
display: block;
}
#flow #main .sec04 .mapUl li {
width: auto;
}
#flow #main .sec04 .mapUl li iframe {
width: 100%;
}
#flow #main .sec04 .mapUl li:first-child {
margin-bottom: 54px;
}
#flow #main .sec05 {
padding: 7px 0 59px;
}
#flow #main .sec05 .headLine02 {
margin-bottom: 11px;
}
#flow #main .sec05 .bgBox {
padding: 23px 18px 29px;
}
#flow #main .sec05 ul {
max-width: inherit;
display: block;
margin: 0 auto;
}
#flow #main .sec05 li {
margin: 0;
width: auto;
line-height: 1.72;
}
#flow #main .sec06 {
padding-bottom: 90px;
}
#flow #main .sec06 .comBgBox {
padding-bottom: 37px;
margin-bottom: 31px;
}
#flow #main .sec06 .comBgBox .headLine02 span {
width: 35px;
}
#flow #main .sec06 .inner .headLine03 {
padding: 20px 0;
}
#flow #main .sec06 .inner:not(:last-child) {
margin-bottom: 35px;
}
#flow #main .sec06 .inner p {
margin-bottom: 17px;
line-height: 1.63;
}
#flow #main .sec06 .inner p span {
margin-top: 10px;
}
}
@media all and (-ms-high-contrast:none){
#flow #main .sec01 .linkUl li > a, #flow #main .sec01 .linkUl li > span {
padding: 28px 0 23px;
}
.comLinkUl .sml {
background-position: top 2px right;
}
#flow #main .sec01 .comBtn a::after {
background-position: top 2px right;
}
.comBtmInfo .topBox li a > span span {
padding: 14px 5px 18px;
}
#gFooter .fTel span {
background-position: left top 35px;
}
.mailForm td input[type='text'], .mailForm td input[type='email'], .mailForm td input[type='tel'], .mailForm td select, .mailForm td textarea {
padding-top: 7px;
}
.mailForm td input[type='checkbox'] + span {
padding-top: 12px;
}
.comSelect select {
padding-top: 4px;
}
.wp-pagenavi a, .wp-pagenavi span {
padding-top: 5px;
}
.wp-pagenavi .previouspostslink {
background-position: left top 5px;
}
.wp-pagenavi .nextpostslink {
background-position: right top 5px;
}
.pageNavi .prev a {
background-position: left top 2px;
}
.pageNavi .next a {
background-position: right top 2px;
}
.comTab th, .comTab td {
padding: 14px 10px 8px;
}
.comTopBox .whiteBox .btn a {
padding: 39px 10px 33px;
}
#ordinary_vehicle #main .sec03 .headLine03 {
padding: 19px 0 12px;
}
.headLine03 {
padding: 22px 0 11px;
}
} .fadeInUp {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
transition-duration: 0.5s, 0.5s;
-webkit-transition-duration: 0.5s, 0.5s; 
}
.fadeInUp.on {
transition-property: opacity, transform;
-webkit-transition-property: opacity, transform;
opacity: 1;
-webkit-transform: none;
transform: none; 
}
.customError .wpcf7-not-valid-tip {
display: none;
}
.customError .error {
display: block;
color: #dc3232;
font-size: 1em;
font-weight: normal;
}