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

 a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,tfoot,thead,time,tr,th,td,ul,var,video {margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {display: block;} * {outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;} address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
body {line-height: 1; -webkit-text-size-adjust: 100%; font-size: small;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: line-through;} ins {background-color: #ff9; color: #000; text-decoration: none;} mark {background-color: #ff0; color: #000;}
table {border-collapse: collapse; border-spacing: 0;} caption,th {text-align: left;} fieldset,img {border: 0; vertical-align: top;} img {max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;-webkit-backface-visibility: hidden;} ol,ul {list-style: none;}
input, textarea, select {font-family: inherit; font-weight: inherit;} label,select,[type="checkbox"],[type="submit"] {cursor: pointer;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #000;} h1,h2,h3,h4,h5,h6 {font-size: 100%;} .clearfix {zoom: 1;}
.clearfix:after {display: block; content: ""; clear: both;} a {text-decoration: underline; color: #0973ba;}
[href]:hover,
[type="submit"]:hover,
header.global nav li [href]:hover,
.pageAkiyaDetail .gallery li:hover,
.pageAkiya .search header:hover,
.voiceIndex li a:hover .button,
.wdi_photo_img:hover {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
opacity: 0.7;
zoom: 1;
} body {
background: #fff;
min-width: 1100px;
line-height: 1.6;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 100%;
color: #000;
}
.container {
width: 980px;
margin: 0 auto;
}
header.global .container {
width: 1100px;
}
.sp {display: none;}
@media screen and (max-width: 767px) {
[href]:hover,
[type="submit"]:hover,
.pageAkiya .search header:hover,
.voiceIndex li a:hover .button,
.wdi_photo_img:hover {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
opacity: 1;
}
body {
overflow-x: hidden;
min-width: 0;
font-size: 14px;
}
.container,
header.global .container {
width: auto;
}
main {
padding: 0 10px;
}
.pc {display: none;}
.sp {display: block;}
br.sp {display: inline;}
img.sp {display: inline-block;}
table.sp {display: table;}
} img.alignright { display: block; margin: 0 0 0 auto; } img.alignleft { display: block; margin: 0 auto 0 0; } img.aligncenter { display: block; margin: 0 auto; }  header.global {
width: 1100px;
margin: 0 auto;
position: relative;
}
header.global .container,
header.global nav ul {
display: table;
}
header.global .container {
width: 100%;
}
header.global .siteName,
header.global nav,
header.global nav li {
display: table-cell;
vertical-align: middle;
}
header.global .siteName {
width: 350px;
position: absolute;
left: 0;
top: 18px;
}
header.global .siteName a:hover {
opacity: 0.3;
}
header.global nav {
text-align: right;
}
header.global .contact {
letter-spacing: -0.5em;
}
header.global .contact a,
footer.global .contact a,
.menuSp .contact a {
display: inline-block;
background: #eee;
border-radius: 8px;
vertical-align: middle;
margin: 30px 0 20px;
padding: 5px 20px;
text-align: center;
text-decoration: none;
}
footer.global .contact a,
.menuSp .contact a {
background: #fff;
color: #000;
}
header.global .contact p,
footer.global .contact p,
.menuSp .contact p {
letter-spacing: -0.02em;
font-size: 77%;
font-weight: bold;
color: #f15c28;
}
header.global .contact a div{
display: inline-block;
margin-right: 10px;
}
header.global .contact a div.tel span,
footer.global .contact a div.tel span{
position: relative;
background: #6b6b6b;
padding: 1px 6px;
color: #ffffff;
vertical-align: middle;
margin-right: 8px;
font-size: 12px;
display: inline-block;
min-width: 3em;
letter-spacing: normal;
}
header.global .contact a div.tel span::after,
footer.global .contact a div.tel span::after{
position: absolute;
content: '';
background: url(/assets/img/common/arrow/right-gray.png) no-repeat top right;
height: 7px;
width: 5px;
top: 7px;
right: -5px;
}
header.global .contact a > p {
}
header.global .contact a .hour{
margin-left: 15px;
}
header.global .contact a .hour,
footer.global .contact a .hour{
color: #343434;
font-size: 12px;
display: inline-block;
font-weight: lighter;
vertical-align: bottom;
}
header.global .contact a div img,
footer.global .contact a div img{
vertical-align: middle;
}
header.global nav ul {
margin: 0 auto 15px;
}
header.global nav li {
padding: 0;
position: relative;
}
header.global nav li a {
display: block;
opacity: 0.4;
background: url(/assets/img/common/nav/akiya2.png) no-repeat 8px 50%;
padding: 10px 8px 10px 38px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: bold;
color: #000;
text-decoration: none;
}
header.global nav li [href] {
opacity: 1;
}
header.global .about {background-image: url(/assets/img/common/nav/about.png);}
header.global .relocate {background-image: url(/assets/img/common/nav/flow.png);}
header.global .voice {background-image: url(/assets/img/common/nav/voice2.png);}
header.global .blog {background-image: url(/assets/img/common/nav/blog.png);}
header.global .access {background-image: url(/assets/img/common/nav/access.png);}
header.global .qa {background-image: url(/assets/img/common/nav/qa.png);}
header.global .inquiry {background-image: url(/assets/img/common/nav/inquiry2.png);}
header.global nav li ul {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
box-sizing: border-box;
padding: 13px 10px;
z-index: 1;
}
header.global nav > ul > li:nth-child(3n-2):hover,
header.global nav > ul > li:nth-child(3n-2) a.current,
header.global nav li.aboutHover ul {
background-color: #fff7ea;
}
header.global nav > ul > li:nth-child(3n-1):hover,
header.global nav > ul > li:nth-child(3n-1) a.current,
header.global nav li.relocateHover ul {
background-color: #eef8ff;
}
header.global nav > ul > li:nth-child(3n):hover,
header.global nav > ul > li:nth-child(3n) a.current {
background-color: #e4f5eb;
}
header.global nav li ul li {
display: block;
text-align: left;
padding: 0;
margin-bottom: 15px;
}
header.global nav li ul li:last-child {
margin-bottom: 0;
}
header.global nav li ul li a {
background: none;
font-size: 14px;
color: #4b4b4b;
padding: 0 0 0 8px;
}
header.global nav li ul li a:hover {
border-left: 4px solid #f15c28;
padding: 0 0 0 4px;
}
header.global nav li.relocateHover ul li a:hover {
border-left: 4px solid #0973ba;
padding: 0 0 0 4px;
} header.global #cse-search-box {
display: inline-block;
vertical-align: middle;
margin-top: 10px;
}
header.global input[type="text"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: none;
border: 1px solid #a0a0a0;
border-radius: 0;
color: inherit;
font-family: inherit;
font-size: 14px;
height: 27px;
padding: 0.2em 0.4em;
width: 190px;
box-sizing: border-box;
vertical-align: middle;
}
header.global input[type="text"]:focus {
border: 1px solid rgba(0, 0, 0, 0.32);
box-shadow: none;
outline: none;
}
header.global input[type="submit"] {
-webkit-appearance: none;
background: #fff  url(/assets/img/common/nav/search.png) no-repeat center center;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1em;
text-decoration: none;
width: 36px;
height: 27px;
vertical-align: middle;
margin-left: 5px;
margin-right: 15px;
}
header.global input[type="submit"]:hover,
header.global input[type="submit"]:focus {
outline: none;
}
header.global input[type="submit"]::-moz-foucus-inner {
border: none;
padding: 0;
} header.global#fixedHeader {
display: block;
position: fixed;
width: 100%;
background: #fff;
z-index: 10;
top: 0;
left: 0;
box-shadow: 0px 0px 9.4px 0.6px rgba(0, 0, 0, 0.6);
}
header.global#fixedHeader .container {
margin: 0 auto;
width: 1100px;
position: relative;
}
header.global#fixedHeader .container .siteName {
top: 10px;
}
header.global#fixedHeader .container  nav > ul {
margin: 13px 0 13px auto;
}
header.global#fixedHeader .container  nav > ul > li {
padding: 0;
}
header.global#fixedHeader .container  nav ul li a {
font-size: 14px;
}
header.global#fixedHeader .container  nav > ul > li > a {
padding: 10px 4px 10px 32px;
background-position: 3px 50%;
}
@media screen and (max-width: 767px) {
header.global {
width: 100%;
margin-bottom: 66px;
}
header.global .container {
margin: 0;
position: fixed;
top: 0;
background: #fff;
z-index: 100;
box-shadow: 0px 0px 9.4px 0.6px rgba(0, 0, 0, 0.6);
}
header.global .siteName {
width: 220px;
padding: 0 10px 0 0;
position: static;
}
header.global .siteName a {
display: block;
padding: 8px 0 8px 10px;
}
header.global nav {
display: none;
}
header.global .menu {
display: table-cell;
vertical-align: middle;
padding: 0 8px 0 0;
}
header.global#fixedHeader {
display: none!important;
height: 66px;
}
}
header.global .menuOpen,
.menuSp .menuClose {
background: #f15c28 url(/assets/img/common/nav/menu-open.png) no-repeat 50% 8px;
background-size: 20px auto;
border-radius: 3px;
width: 48px;
height: 19px;
margin: 0 0 0 auto;
padding: 29px 0 0;
text-align: center;
letter-spacing: -1px;
font-size: 10px;
color: #fff;
cursor: pointer;
}
.menuSp .menuClose {
display: none;
position: fixed;
top: 9px;
right: 8px;
background-color: transparent;
background-image: url(/assets/img/common/nav/menu-close.png);
background-size: 20px auto;
margin: 0;
letter-spacing: 0;
} .menuSp {
overflow-x: hidden;
position: fixed;
top: 0;
right: 0;
z-index: 1002;
background: #f15c28;
width: 0;
height: 100%;
height: 100vh;
color: #fff;
transition: width 0.3s 0s ease;
}
.menuOpened .menuSp {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
width: 90%;
}
.menuSp .siteName,
.menuSp .location,
.menuSp ul ul {
display: none;
}
.menuSp nav {
padding: 31px 26px 26px;
min-width: 236px;
}
.menuSp li a {
display: block;
opacity: 0.4;
padding: 10px 0;
line-height: 1.3;
font-size: 18px;
color: #fff;
text-decoration: none;
}
.menuSp li [href] {
opacity: 1;
}
.menuSp .contact a {
display: block;
border-radius: 5px;
margin: 12px 0 0;
padding: 10px 18px;
text-align: left;
}
.menuSp .contact .menuTel {
display: none;
}
.menuSp .contact .menuSpTel .tel img {
max-width: 150px;
vertical-align: middle;
}
.menuSp .contact .menuSpTel .tel::before{
display: inline-block;
vertical-align: middle;
content: '';
background: url(/assets/img/common/icon/tel_black_large.png)no-repeat top left;
background-size: 21px;
height: 21px;
width: 21px;
margin-right: 5px;
}
.menuSp .contact .menuSpTel p {
margin-bottom: 5px;
letter-spacing: normal;
font-size: 14px;
}
.menuSp .contact .menuSpTel p.hour {
color: #333;
margin-top: 5px;
font-size: 12px;
font-weight: normal;
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: rgba(0,0,0,0.7);
width: 100%;
height: 200%;
height: 200vh;
}
.menuOpened {
position: fixed;
}
.menuOpened .menuSp,
.menuOpened .menuSp .menuClose,
.menuOpened .overlay {
display: block;
} footer.global .sns {
background-color: #fff3d4;
}
footer.global .sns ul {
letter-spacing: -.5em;
text-align: center;
padding: 25px 0 15px;
}
footer.global .sns ul li {
letter-spacing: normal;
display: inline-block;
margin-right: 8px;
margin-bottom: 10px;
}
footer.global .sns ul li:first-child {
margin-right: 12px;
}
footer.global .relation .container {
overflow: hidden;
padding: 33px 0 60px;
}
footer.global .relation ul {
margin: 0 -11px;
letter-spacing: -0.5em;
}
footer.global .relation li {
display: inline-block;
vertical-align: top;
width: 228px;
margin: 0 11px 20px;
letter-spacing: normal;
}
footer.global .relation a {
display: block;
overflow: hidden;
border: 1px solid #d2d2d2;
text-align: center;
}
footer.global .main {
background: #f0f0f0;
padding: 24px 0;
position: relative;
}
footer.global .main #pagetop {
display: none;
position: fixed;
bottom: 15px;
right: 0;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
}
footer.global .main #pagetop.fixed {
position: absolute;
top: -56px;
bottom: auto;
}
footer.global .main #pagetop img {
width: 46px;
}
footer.global .main .container {
display: table;
}
footer.global .col,
footer.global address {
display: table-cell;
vertical-align: top;
}
footer.global .col {
padding: 18px 0 0;
}
footer.global .col ul {
font-size: 90%;
font-weight: bold;
}
footer.global .col ul ul {
margin: -5px 0 5px 29px;
font-size: 100%;
font-weight: normal;
}
footer.global .col li a {
display: inline-block;
vertical-align: top;
opacity: 0.3;
background: url(/assets/img/common/arrow/next-orange.png) no-repeat 0 50%;
background-size: 7px auto;
margin: 0 0 10px;
padding: 0 0 0 16px;
color: #000;
text-decoration: none;
}
footer.global .col li [href] {
opacity: 1;
}
footer.global .col ul ul a {
margin: 0 0 5px;
}
footer.global address {
text-align: right;
}
footer.global .contact .menuSpTel{
display: none;
}
footer.global .location {
font-size: 90%;
}
footer.global .copyright {
background: #3d3d3d;
padding: 2px 0;
text-align: center;
font-size: 94%;
color: #fff;
}
footer.global .menuSpTel,
footer.global .close {
display: none;
}
@media screen and (min-width: 768px) {
footer.global .col ul ul {
display: block!important;
}
}
@media screen and (max-width: 767px) {
footer.global .sns {
}
footer.global .sns ul {
padding: 25px 10px 15px;
}
footer.global .sns ul li {
margin-right: 2%;
width: 32%;
}
footer.global .sns ul li:first-child {
margin-right: 0;
width: auto;
display: block;
}
footer.global .sns ul li:last-child {
margin-right: 0;
}
footer.global .relation .container {
padding: 38px 0 60px;
}
footer.global .relation ul {
margin: 0 5px;
}
footer.global .relation li {
width: 50%;
margin: 0 0 10px;
}
footer.global .relation li.pc {
display: none;
}
footer.global .relation a {
margin: 0 5px;
}
footer.global .main {
padding: 0;
}
footer.global .main #pagetop {
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer.global .main .container {
display: block;
}
footer.global .col,
footer.global address {
display: block;
}
footer.global .col {
padding: 0;
}
footer.global .col ul {
background: #dcdcdc;
font-size: 15px;
font-weight: normal;
}
footer.global .col li {
border-bottom: 1px solid #fff;
}
footer.global .col ul ul {
display: none;
border-top: 1px solid #fff;
margin: 0 0 -1px;
}
footer.global .col li a {
display: block;
background-position: right 10px top 50%;
margin: 0;
padding: 10px 30px 10px 10px;
}
footer.global .col .level > a {
position: relative;
background-image: url(/assets/img/common/arrow/down-orange.png);
background-size: 11px auto;
}
footer.global .col .opened > a {
background-color: #bababa;
background-image: url(/assets/img/common/arrow/up-orange.png);
}
footer.global .col .level .btn {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 80px;
height: 100%;
}
footer.global .col .level ul {
background-color: #ededed;
}
footer.global address {
padding: 15px 10px;
text-align: center;
}
footer.global .contact .menuTel{
display: none;
}
footer.global .contact .menuSpTel{
display: inline-block;
width: 80%;
margin: 6px auto;
}
footer.global .contact .menuSpTel .tel{
position: relative;
display: inline-block;
max-width: 156px;
}
footer.global .contact .menuSpTel .tel::before{
display: inline-block;
vertical-align: middle;
content: '';
background: url(/assets/img/common/icon/tel_black_large.png)no-repeat top left;
background-size: 21px;
height: 21px;
width: 21px;
margin-right: 5px;
}
footer.global .contact .menuSpTel .tel img{
max-width: 130px;
} footer.global .location {
font-size: 11px;
}
footer.global .copyright {
padding: 6px 0;
}
} .headPage {
margin: 0 0 47px;
}
.titlePage {
display: table;
table-layout: fixed;
background: #ccc url(/assets/img/akiya/title-page.jpg) no-repeat 50% 50%;
background-size: cover;
width: 100%;
}
.titlePage h2,
.titlePage h2 a {
display: table-cell;
vertical-align: middle;
height: 170px;
text-align: center;
font-size: 150%;
font-weight: normal;
color: #fff;
}
.titlePage h2 a {
display: block;
line-height: 170px;
font-size: 100%;
text-decoration: none;
}
.titleSub,
.entryBody h3 {
background: url(/assets/img/common/icon/title-sub.png) no-repeat 0 0;
background-size: 10px auto;
min-height: 27px;
margin: 0 0 18px;
padding: 3px 0 0 22px;
line-height: 1.4;
font-size: 110%;
}
.entryBody h3 {
margin: 60px 0 30px;
}
.titleSubUnder {
background: url(/assets/img/common/icon/title-sub-mini.png) no-repeat top 7px left;
min-height: 27px;
margin: 0 0 18px;
padding: 3px 0 8px 12px;
line-height: 1.5;
font-size: 126%;
font-weight: normal;
border-bottom: solid 2px #f15c28;
} .topicPath {
background: #f0f0f0;
}
.topicPath ol {
letter-spacing: -0.5em;
}
.topicPath li {
display: inline-block;
position: relative;
letter-spacing: normal;
font-size: 75%;
}
.topicPath li:before {
content: "＞";
margin: 0 10px;
}
.topicPath li:first-child:before {
display: none;
}
.topicPath a {
display: inline-block;
padding: 6px 0;
text-decoration: none;
}
.titleLarge{
width: 100%;
background: #ff8200;
color: #ffffff;
text-align: center;
font-size: 24px;
padding: 10px 0;
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.headPage {
margin: 0 -10px 10px;
}
.topicPath {
display: none;
}
.titlePage h2,
.titlePage h2 a {
height: 85px;
font-size: 18px;
}
.titlePage h2 a {
line-height: 85px;
}
.titleSub,
.entryBody h3 {
background-size: 7px auto;
min-height: 13px;
margin: 0 0 10px;
padding: 0 0 0 15px;
font-size: 15.5px;
}
.entryBody h3 {
margin-top: 30px;
}
.titleSubUnder {
background-position: left 0 top 3px;
margin: 0 0 10px;
padding: 3px 0 8px 15px;
font-size: 16px;
}
.topicPath {
padding: 0 10px;
}
.titleLarge{
font-size: 19px;
padding: 5px 0;
margin-bottom: 25px;
}
} .pagination ol {
text-align: center;
letter-spacing: -0.5em;
margin-bottom: 20px;
}
.pagination li {
display: inline-block;
vertical-align: top;
letter-spacing: normal;
margin: 0 4px;
}
.pagination a {
display: block;
height: 26px;
line-height: 26px;
font-size: 90%;
color: #000;
text-decoration: none;
}
.pagination .prev,
.pagination .next {
visibility: hidden;
margin: 0 7px;
padding: 0 8px;
}
.pagination [href],
.pagination .current {
visibility: visible;
background: #fff;
min-width: 26px;
}
.pagination .current {
background: #f15c28;
color: #fff;
}
@media screen and (max-width: 767px) {
.pagination .sp {
display: table;
table-layout: fixed;
width: 100%;
}
.pagination li {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.pagination li:first-child,
.pagination li:last-child {
width: 90px;
}
.pagination li:first-child {
padding-right: 10px;
}
.pagination li:last-child {
padding-left: 10px;
}
.pagination a,
.pagination select,
.pagination .alternate {
height: 45px;
line-height: 45px;
font-size: 15px;
}
.pagination [href],
.pagination .current {
min-width: 0;
}
.pagination .pagesSelect {
position: relative;
}
.pagination select,
.pagination .alternate {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
background: #fff url(/assets/img/common/arrow/select-gray.png) no-repeat right 10px top 50%;
background-size: 16px auto;
border: none;
width: 100%;
padding: 0;
text-align: center;
}
.pagination select {
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.pagination .prev,
.pagination .next {
margin: 0;
padding: 0;
}
} .button,
.pageAkiyaDetail .about a,
.pageAkiya > footer .about a {
box-shadow: 0 7px 7px 3px rgba(0,0,0,0.18);
margin: 0 auto 15px;
}
.button {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
position: relative;
background: #3d3d3d no-repeat right 12px top 50%;
background-size: 16px auto;
border: none;
width: 390px;
margin: 0 auto 15px;
padding: 13px 0;
font-size: 112%;
text-align: center;
color: #fff!important;
text-decoration: none!important;
}
.button.radius {
border-radius: 30px;
}
.button.orange {
background-color: #f15c28;
}
.button.arrowRight {
background-image: url(/assets/img/common/arrow/right-white.png);
} .back .button {
background: none;
box-shadow: none;
margin-bottom: 0;
padding: 0 0 0 26px;
color: #000!important;
}
.back .arrowLeft:before {
content: "";
position: absolute;
top: 50%;
background: url(/assets/img/common/arrow/left-orange.png) no-repeat 0 0;
background-size: cover;
width: 16px;
height: 16px;
margin: -9px 0 0 -28px;
}
@media screen and (max-width: 767px) {
.button {
width: auto;
font-size: 15px;
}
input.button {
width: 100%;
}
} [type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
position: relative;
top: -1.8px;
background: #fff;
border: 2px solid #bfbfbf;
border-radius: 5px;
vertical-align: middle;
width: 17px;
height: 17px;
margin: 0 7px 0 0;
}
[type="checkbox"]:checked:after {
content: "";
position: absolute;
top: -4px;
left: 0;
background: url(/assets/img/common/icon/check-orange.png) no-repeat 0 0;
background-size: cover;
width: 20px;
height: 16px;
line-height: 1;
} .linkIcon {
display: inline-block;
min-height: 19px;
padding: 0 22px 0 0;
}
.linkIcon.pdf {
background: url(/assets/img/common/icon/pdf.png) no-repeat right 50%;
} .small {
font-size: 90%;
} .entryBody p {
margin-bottom: 28px;
}
.wp-caption {
max-width: 100%;
}
@media screen and (max-width: 767px) {
.entryBody p {
margin-bottom: 20px;
}
}
 .pageCity .two_column {
width: 100%;
padding-bottom: 75px;
}
.pageCity .column_left {
width: 461px;
padding-right: 29px;
float: left;
}
.pageCity .column_right {
width: 461px;
padding-left: 29px;
float: left;
}
.pageCity .column_title {
font-size: 20px;
color: #f15c28;
padding-top: 20px;
font-weight: bold;
}
.pageCity .column_text {
font-size: 16px;
padding: 10px 0 5px 0;
}
.pageCity .column_button {
display: block;
box-shadow: 0 7px 7px 3px rgba(0,0,0,0.18);
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
position: relative;
background: #f15c28 no-repeat right 12px top 50%;
background-size: 16px auto;
border: none;
width: 216px;
margin: 15px auto;
padding: 13px 0;
font-size: 112%;
text-align: center;
color: #fff!important;
text-decoration: none!important;
background-image: url(/assets/img/common/arrow/right-white.png);
}
@media screen and (max-width: 767px) {
.pageCity .two_column {
width: 100%;
padding-bottom: 0px;
}
.pageCity .column_left {
width: 100%;
padding-right: 0px;
float: inherit;
padding-bottom: 30px;
}
.pageCity .column_right {
width: 100%;
padding-left: 0px;
float: inherit;
padding-bottom: 30px;
}
.pageCity .column_title {
font-size: 18px;
padding-top: 10px;
}
.pageCity .column_text {
font-size: 14px;
padding: 10px 0 5px 0;
}
} .pageAkiya {
padding: 0 0 20px;
} .pageAkiya .bankIndex {
margin-bottom: 30px;
}
.pageAkiya .bankIndex .main {
padding: 0 0 11px;
}
.bankIndex {
background: url(/assets/img/common/bg/stripe-beige.png) repeat 0 0;
}
.bankIndex .container {
padding: 45px 0 53px;
}
.bankIndex header {
background: #fff;
margin: 0 0 34px;
padding: 6px 11px;
}
.bankIndex header .titleSub {
margin: 0;
}
.bankIndex .main ul {
margin: 0 -10px;
padding: 0 0 11px;
letter-spacing: -0.5em;
}
.bankIndex .main li {
display: inline-block;
vertical-align: top;
background: #fff;
width: 228px;
margin: 0 10px 20px;
letter-spacing: normal;
}
.bankIndex .main li:hover {
-webkit-box-shadow: 0 0 0 2px #f15c28;
-moz-box-shadow: 0 0 0 2px #f15c28;
-o-box-shadow: 0 0 0 2px #f15c28;
-ms-box-shadow: 0 0 0 2px #f15c28;
box-shadow: 0 0 0 2px #f15c28;
}
.bankIndex .main li li:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.bankIndex .main li a {
display: block;
color: #000;
text-decoration: none;
}
.bankIndex .photo {
position: relative;
overflow: hidden;
}
.bankIndex .type,
.pageAkiyaDetail .type {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: #0973ba;
min-width: 86px;
padding: 4px 0;
white-space: nowrap;
text-align: center;
font-size: 90%;
color: #fff;
}
.bankIndex .chintai,
.pageAkiyaDetail .summary .chintai {background: #099345;}
.bankIndex .otameshi,
.pageAkiyaDetail .summary .otameshi {background: #f15c28;}
.bankIndex .photo .status {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
margin: auto;
text-align: center;
line-height: 162px;
letter-spacing: 0.05em;
font-size: 145%;
color:#fff;
}
.bankIndex .photo .image {
background: no-repeat 50% 50%;
background-size: cover;
height: 162px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.bankIndex a:hover .photo .image {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.bankIndex .text {
padding: 12px 14px 14px;
}
.bankIndex .lifeStyle,
.pageAkiyaDetail .lifeStyle {
padding: 0 0 3px;
letter-spacing: -0.5em;
}
.bankIndex .lifeStyle .new,
.pageAkiyaDetail .lifeStyle .new,
.bankIndex .lifeStyle .label,
.pageAkiyaDetail .lifeStyle .label {
display: inline-block;
vertical-align: top;
margin: 0 5px 5px 0;
white-space: nowrap;
letter-spacing: normal;
font-weight: bold;
}
.bankIndex .lifeStyle .new,
.pageAkiyaDetail .lifeStyle .new {
margin: 0 10px 0 0;
font-weight: bold;
color: #ff0000;
}
.bankIndex .lifeStyle .label,
.pageAkiyaDetail .lifeStyle .label {
border: 1px solid #f15c28;
padding: 0 10px;
line-height: 1.5;
font-size: 90%;
color: #f15c28;
}
.bankIndex .controlNumber {
margin: 0 0 5px 0;
font-size: 85%;
color: #919191;
}
.bankIndex h3 {
margin: 0 0 5px;
line-height: 1.3;
font-size: 112%;
}
.bankIndex .floor {
margin: 0 0 8px;
font-weight: bold;
}
.bankIndex .floor .small {
font-size: 80%;
}
.bankIndex .tag ul {
margin: 0 0 -5px;
padding: 0;
line-height: 1.4;
}
.bankIndex .tag li,
.pageAkiyaDetail .tag li {
width: auto;
margin: 0 5px 0 0;
font-size: 85%;
color: #919191;
}
.bankIndex .tag li:before,
.pageAkiyaDetail .tag li:before {
content: "#";
color: #099345;
}
@media screen and (max-width: 767px) {
.pageAkiya {
padding: 0;
}
.bankIndex {
margin: 0 -10px;
padding: 0 10px;
}
.pageAkiya .bankIndex {
margin-bottom: 20px;
}
.bankIndex .container {
padding: 20px 0 38px;
}
.bankIndex header {
margin: 0 0 20px;
padding: 6px;
}
.bankIndex .main ul {
margin: 0 -5px 5px;
}
.bankIndex .main li {
background: transparent;
width: 50%;
margin: 0 0 10px;
}
.bankIndex .main li:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.bankIndex .main li a {
background: #fff;
margin: 0 5px;
}
.bankIndex .photo .status {
line-height: 115px;
letter-spacing: 0.05em;
font-size: 16px;
}
.bankIndex .photo .image {
height: 115px;
}
.bankIndex a:hover .photo .image {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.bankIndex .controlNumber {
font-size: 12px;
}
.bankIndex .tag ul {
margin: 0 0 -5px;
}
.bankIndex .tag li,
.pageAkiyaDetail .tag li {
width: auto;
margin: 0 5px 0 0;
font-size: 14px;
}
}
.pageAkiya .search {
margin: 0 0 46px;
}
.pageAkiya .search header {
display: none;
overflow: hidden;
background: #4e4e4e;
margin: -47px 0 0;
padding: 30px 0;
text-align: center;
font-size: 108%;
letter-spacing: 0.05em;
color: #fff;
cursor: pointer;
}
.pageAkiya .search header h2 {
display: inline-block;
position: relative;
padding: 0 0 0 50px;
line-height: 32px;
}
.pageAkiya .search header h2:before {
content: "";
position: absolute;
left: 0;
background: url(/assets/img/common/arrow/down-white_search.png) no-repeat 0 0;
background-size: cover;
width: 32px;
height: 32px;
}
.pageAkiya .search .intro {
margin: 0 auto 46px;
font-size: 16px;
text-align: center;
color: #595959;
}
.pageAkiya .search .intro p {
text-align: left;
line-height: 1.875;
margin-bottom: 15px;
}
.pageAkiya .search .intro .contactInfo{
width: 800px;
margin: 0 auto 40px;
}
.pageAkiya .search .intro .contactInfo .contIndex {
display: inline-block;
vertical-align: top;
}
.pageAkiya .search .intro .contactInfo .contTel .title{
color: #0075BD;
font-size: 20px;
}
.pageAkiya .search .intro .titleSubUnder {
text-align: left;
}
.pageAkiya .searchUiHide {
margin: 0;
}
.pageAkiya .searchUiHide header {
display: block;
}
.pageAkiya .searchUiHide .container {
display: none;
}
.pageAkiya .search .option {
float: left;
width: 416px;
}
.pageAkiya .search h3 {
position: relative;
border: 2px solid #f15c28;
border-radius: 16px;
margin: 0 0 18px;
padding: 2px 0 2px 22px;
text-align: center;
color: #f15c28;
}
.pageAkiya .search .area h3 {
border-color: #099345;
color: #099345;
}
.pageAkiya .search h3:before {
content: "";
position: absolute;
top: 50%;
background: url(/assets/img/common/icon/loupe.png) no-repeat 0 0;
background-size: cover;
width: 20px;
height: 20px;
margin: -11px 0 0 -24px;
}
.pageAkiya .search .area h3:before {
background-image: url(/assets/img/common/icon/marker-cursor.png);
}
.pageAkiya .search .select {
padding: 0 0 23px;
}
.pageAkiya .search dt {
background: #676767;
margin: 0 0 13px;
padding: 0 14px;
line-height: 1.55;
font-size: 90%;
color: #fff;
}
.pageAkiya .search dd {
margin: 0 0 24px;
}
.pageAkiya .search dd ul {
letter-spacing: -0.5em;
}
.pageAkiya .search dd li {
display: inline-block;
vertical-align: top;
letter-spacing: normal;
white-space: nowrap;
margin: 0 15px 3px 0;
}
.pageAkiya .search dd li:last-child {
margin-right: 0;
}
.pageAkiya .search .button {
width: 264px;
padding: 11px 0;
font-size: 100%;
}
.pageAkiya .search .phrase {
padding: 0 45px;
}
.pageAkiya .search .phrase .outer {
display: table;
table-layout: fixed;
width: 100%;
}
.pageAkiya .search .phrase .text,
.pageAkiya .search .phrase .submit {
display: table-cell;
vertical-align: top;
}
.pageAkiya .search .phrase .submit {
width: 71px;
}
.pageAkiya .search .phrase input {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
width: 100%;
height: 34px;
line-height: 34px;
padding: 0;
font-size: 100%;
}
.pageAkiya .search .phrase .text input {
border: 1px solid #bfbfbf;
padding: 0 0 0 13px;
}
.pageAkiya .search .phrase .submit input {
background: #4b4b4b;
padding: 0 0 0 0.3em;
letter-spacing: 0.3em;
font-size: 85%;
color: #fff;
}
.pageAkiya .search .area {
float: right;
width: 514px;
}
.pageAkiya .search .area .map {
border: 2px solid #e5e5e5;
}
.pageAkiya .search .area .pc {
position: relative;
}
.pageAkiya .search .area .honai,
.pageAkiya .search .area .yawatahama {
position: absolute;
z-index: 1;
top: 19px;
left: 41px;
}
.pageAkiya .search .area .yawatahama {
top: 262px;
}
.pageAkiya .search .area .characteristic {
text-align: right;
margin: 5px 0 0;
}
.pageAkiya .otherLinks {
margin-top: 30px;
margin-bottom: 40px;
}
.pageAkiya .otherLinks > a[target="_blank"] {
display: inline-block;
font-size: 20px;
position: relative;
margin-bottom: 15px;
margin-right: 24px;
}
.pageAkiya .otherLinks > a[target="_blank"]:after {
content: '';
display: inline-block;
background-image: url(/assets/img/common/icon/link.png);
height: 12px;
width: 12px;
background-size: contain;
vertical-align: middle;
margin: auto;
position: absolute;
right: -20px;
top: 0;
bottom: 0;
}
.pageAkiya .otherLinks p.lead {
margin: 0 0 10px;
}
.pageAkiya .otherLinks ul {
letter-spacing: -.5em;
text-align: center;
}
.pageAkiya .otherLinks ul li {
display: inline-block;
letter-spacing: normal;
width: 420px;
margin: 40px 25px;
}
.pageAkiya .otherLinks ul li p {
display: block;
font-size: 18px;
font-weight: bold;
background-color: #eeeeee;
padding: 6px 0;
margin-bottom: 33px;
}
.pageAkiya .otherLinks ul li .button {
width: 218px;
background-color: #f15c28;
margin-top: 25px;
}
@media screen and (max-width: 767px) {
.pageAkiya .search {
margin: -10px 0 0;
}
.pageAkiya .search .container {
margin: 0 -10px;
padding: 0 10px;
}
.pageAkiya .search header {
margin: 0 -10px;
padding: 20px 0;
font-size: 15px;
}
.pageAkiya .search header h2 {
padding: 0 0 0 35px;
line-height: 24px;
}
.pageAkiya .search header h2:before {
width: 24px;
height: 24px;
}
.pageAkiya .search .intro {
margin: 22px 0 12px;
font-size: 14px;
padding: 0;
}
.pageAkiya .search .intro p {
line-height: 1.6;
margin-bottom: 15px;
}
.pageAkiya .search .intro .contactInfo{
width: auto;
margin: 0 auto 20px;
}
.pageAkiya .search .intro .titleSubUnder {
font-size: 15px;
padding: 4px 0 7px 15px;
}
.pageAkiya .search .intro .contactInfo .contTel .title{
font-size: 16px;
}
.pageAkiya .search .option,
.pageAkiya .search .area {
float: none;
width: auto;
margin: 0 0 40px;
}
.pageAkiya .search h3 {
background: #fcdbd0;
border: none;
border-radius: 0;
margin: 0 -10px 10px;
padding: 8px 0 8px 22px;
}
.pageAkiya .search .area h3 {
background: #cee9da;
}
.pageAkiya .search .select {
padding: 0 0 16px;
}
.pageAkiya .search dl {
padding: 0 0 5px;
}
.pageAkiya .search dt {
margin: 0 0 12px;
padding: 5px 10px;
}
.pageAkiya .search dd {
margin: 0 0 6px;
}
.pageAkiya .search dd li {
margin: 0 12px 8px 0;
}
.pageAkiya .search .footer {
padding: 0 18px;
}
.pageAkiya .search .button {
width: 100%;
padding: 13px 0;
font-size: 15px;
}
.pageAkiya .search .phrase {
padding: 0;
}
.pageAkiya .search .phrase .submit {
width: 75px;
}
.pageAkiya .search .phrase input {
height: 45px;
line-height: 45px;
font-size: 16px;
}
.pageAkiya .search .phrase .text input {
padding: 0 0 0 10px;
}
.pageAkiya .search .phrase .submit input {
font-size: 15px;
}
.pageAkiya .otherLinks {
margin-top: 30px;
margin-bottom: 40px;
}
.pageAkiya .otherLinks > a[target="_blank"] {
font-size: 18px;
margin-bottom: 8px;
padding-right: 20px;
}
.pageAkiya .otherLinks > a[target="_blank"]:after {
right: 0;
}
.pageAkiya .otherLinks ul {}
.pageAkiya .otherLinks ul li {
display: block;
width: auto;
margin: 20px 0 20px;
}
.pageAkiya .otherLinks ul li p {
font-size: 14px;
padding: 6px 0;
margin-bottom: 15px;
}
.pageAkiya .otherLinks ul li .button {
width: 218px;
background-color: #f15c28;
margin-top: 25px;
}
} .pageAkiyaDetail {
padding: 0 0 20px;
}
.pageAkiyaDetail .title {
display: table;
width: 100%;
}
.pageAkiyaDetail .title .heading,
.pageAkiyaDetail .title .status {
display: table-cell;
vertical-align: top;
}
.pageAkiyaDetail .title .status {
text-align: right;
}
.pageAkiyaDetail .title .status div {
display: inline-block;
background: #f15c28;
border-radius: 50%;
width: 76px;
height: 76px;
margin: 0 0 0 5px;
line-height: 76px;
white-space: nowrap;
text-align: center;
color: #fff;
}
.pageAkiyaDetail .title .summary,
.pageAkiyaDetail .title .summary .tag {
letter-spacing: -0.5em;
}
.pageAkiyaDetail .title .summary div,
.pageAkiyaDetail .title .summary li {
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
.pageAkiyaDetail .title .summary .lifeStyle {
display: inline;
letter-spacing: -0.5em;
}
.pageAkiyaDetail .title .summary {
margin: 0 0 12px;
}
.pageAkiyaDetail .summary .type {
position: static;
margin: 0 9px 5px 0;
padding: 1px 0;
}
.pageAkiyaDetail .lifeStyle {
margin: 0 11px 5px 0;
line-height: 1.6;
}
.pageAkiyaDetail .tag li {
margin: 0 5px 0 0;
font-size: 100%;
}
.pageAkiyaDetail .title h3 {
margin: 0 0 8px;
font-size: 148%;
line-height: 1.4;
}
.pageAkiyaDetail .title h3 span {
margin: 0 0 0 8px;
font-size: 60%;
font-weight: normal;
}
.pageAkiyaDetail .intro .data {
background: #fff3d4;
margin: 0 0 23px;
padding: 17px 0 12px 18px;
}
.pageAkiyaDetail .intro .data ul {
letter-spacing: -0.5em;
}
.pageAkiyaDetail .intro .data li {
display: inline-block;
vertical-align: top;
margin: 0 26px 5px 0;
letter-spacing: normal;
white-space: nowrap;
}
.pageAkiyaDetail .intro .data i {
display: inline-block;
vertical-align: top;
position: relative;
top: 2.4px;
background: #4b4b4b;
width: 52px;
margin: 0 12px 0 0;
text-align: center;
font-style: normal;
font-size: 75%;
color: #fff;
}
.pageAkiyaDetail .intro .data span {
margin: 0 2px 0 0;
font-size: 150%;
line-height: 1;
}
.pageAkiyaDetail .intro .data .small {
font-size: 90%;
}
.pageAkiyaDetail .intro .summary {
margin: 0 0 30px;
}
.pageAkiyaDetail .intro .summary h4 {
background: url(/assets/img/common/icon/balloon-orange.png) no-repeat 0 0;
background-size: 24px auto;
min-height: 24px;
margin: 0 0 5px;
padding: 0 0 0 30px;
font-size: 88%;
color: #f15c28;
}
.pageAkiyaDetail .gallery {
margin: 0 0 34px;
}
.pageAkiyaDetail .gallery .photo {
float: left;
width: 550px;
text-align: right;
}
.pageAkiyaDetail .gallery .list {
float: right;
width: 410px;
}
.pageAkiyaDetail .gallery ul {
font-size: 0;
margin: -4px -5px 0;
}
.pageAkiyaDetail .gallery li,
.pageAkiyaDetail .gallery li img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pageAkiyaDetail .gallery li {
overflow: hidden;
display: inline-block;
position: relative;
vertical-align: top;
letter-spacing: normal;
border: 4px solid transparent;
width: 95px;
height: 72px;
margin: 0 1px 2px;
cursor: pointer;
}
.pageAkiyaDetail .gallery .selected {
border-color: #f15c28;
}
.pageAkiyaDetail .gallery li img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 120%;
}
.pageAkiyaDetail .gallery figure,
.pageAkiyaDetail .location figure {
position: relative;
cursor: pointer;
}
.pageAkiyaDetail .gallery figure:before,
.pageAkiyaDetail .location figure:before {
content: "";
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
background: url(/assets/img/common/icon/zoom.png) no-repeat 0 0;
background-size: cover;
width: 38px;
height: 38px;
}
.pageAkiyaDetail .gallery figure {
display: none;
}
.pageAkiyaDetail .gallery figure:first-child {
display: block;
}
.pageAkiyaDetail .location figure:before {
top: 3px;
right: 3px;
}
.pageAkiyaDetail .location {
margin: 0 0 50px;
}
.pageAkiyaDetail .location .layout,
.pageAkiyaDetail .location .map {
float: left;
width: 470px;
}
.pageAkiyaDetail .location .map {
float: right;
}
.pageAkiyaDetail .location .map h4 {
float: left;
}
.pageAkiyaDetail .location .map .link {
float: right;
margin: 3px 0 0;
font-size: 88%;
}
.pageAkiyaDetail .location .main {
border: 2px solid #e5e5e5;
}
.pageAkiyaDetail .location .layout .main {
padding: 5px;
text-align: center;
}
.pageAkiyaDetail .location .layout .main img {
max-height: 300px;
}
.pageAkiyaDetail .location .layout .noImage {
background: #e5e5e5;
}
.pageAkiyaDetail #map {
width: 100%;
height: 310px;
}
.pageAkiyaDetail .near {
border: 1px solid #f15c28;
border-radius: 10px;
margin: 0 0 24px;
padding: 17px 20px 13px;
}
.pageAkiyaDetail .near h5 {
background: url(/assets/img/common/icon/home.png) no-repeat 0 0;
background-size: 24px auto;
min-height: 24px;
margin: 0 0 6px;
padding: 2px 0 0 29px;
font-size: 88%;
color: #f15c28;
}
.pageAkiyaDetail .detail {
margin: 53px 0 57px;
}
.pageAkiyaDetail .contact {
margin: 0 0 49px;
}
.pageAkiyaDetail .contact address {
background: #fff3d4;
padding: 30px 10px;
text-align: center;
}
.pageAkiyaDetail .contact h5 {
margin: 0 0 6px;
line-height: 1.4;
font-size: 112%;
font-weight: normal;
}
.pageAkiyaDetail .contact .tel {
margin: 0 0 10px;
}
.pageAkiyaDetail .contact .tel a {
display: inline-block;
vertical-align: top;
line-height: 1.4;
letter-spacing: 0.02em;
font-size: 160%;
color: #000;
text-decoration: none;
}
.pageAkiyaDetail .contact .mail .privacy {
padding: 10px 0 0;
text-align: center;
font-size: 90%;
}
.pageAkiyaDetail .contact .mail p {
margin: 5px 0 0;
}
.pageAkiyaDetail .contact .mail p a {
font-size: 110%;
}
.pageAkiyaDetail table {
table-layout: fixed;
width: 100%;
}
.pageAkiyaDetail .col1,
.pageAkiyaDetail .col3 {
width: 130px;
}
.pageAkiyaDetail th,
.pageAkiyaDetail td {
border: 1px solid #a0a0a0;
padding: 6px 10px;
font-size: 88%;
}
.pageAkiyaDetail th {
background: #fff3d4;
line-height: 1.4;
}
.pageAkiyaDetail footer {
text-align: center;
}
.pageAkiyaDetail .print,
.pageAkiyaDetail .back {
margin: 0 0 30px;
}
.pageAkiyaDetail .about,
.pageAkiya > footer .about {
display: table;
table-layout: fixed;
width: 100%;
}
.pageAkiyaDetail .about div,
.pageAkiya > footer .about div {
display: table-cell;
vertical-align: top;
text-align: center;
}
.pageAkiyaDetail .about a,
.pageAkiya .intro .about a,
.pageAkiya > footer .about a {
display: inline-block;
position: relative;
background: url(/assets/img/akiya/design.jpg) no-repeat 50% 65%;
background-size: cover;
border-radius: 14px;
width: 466px;
height: 136px;
}
.pageAkiya .intro .about a {
box-shadow: 0 7px 7px 3px rgba(0,0,0,0.18);
margin: 0 auto 25px;
}
.pageAkiyaDetail .about .renovation a,
.pageAkiya > footer .about .renovation a {
background-image: url(/assets/img/akiya/loupe.jpg);
background-position: 50% 70%;
}
.pageAkiyaDetail .about a span,
.pageAkiya .intro .about a span,
.pageAkiya > footer .about a span {
position: absolute;
bottom: 0;
left: 0;
background: rgba(9,147,69,0.9) url(/assets/img/common/arrow/next-white.png) no-repeat right 15px top 50%;
background-size: 10px auto;
border-radius: 0 0 14px 14px;
width: 100%;
padding: 5px 0;
text-align: center;
letter-spacing: 0.05em;
font-size: 105%;
color: #fff;
}
.pageAkiya .estate .button {
background-color: #f15c28;
margin-top: 25px;
}
@media screen and (max-width: 767px) {
.pageAkiyaDetail {
padding: 0;
}
.pageAkiyaDetail .title .status1 {
width: 50px;
height: 50px;
font-size: 12px;
line-height: 50px;
}
.pageAkiyaDetail .summary .type {
margin-right: 5px;
}
.pageAkiyaDetail .lifeStyle {
margin-right: 0;
}
.pageAkiyaDetail .title h3 {
font-size: 19px;
}
.pageAkiyaDetail .title h3 span {
display: block;
margin: 0;
font-size: 13px;
}
.pageAkiyaDetail .intro .data {
padding: 10px;
}
.pageAkiyaDetail .intro .data ul {
letter-spacing: -0.5em;
}
.pageAkiyaDetail .intro .data li {
display: inline;
margin: 0 10px 0 0;
line-height: 2.2;
white-space: normal;
}
.pageAkiyaDetail .intro .data i {
vertical-align: middle;
top: -2.5px;
width: 45px;
margin-right: 6px;
line-height: 1.6;
font-size: 11px;
}
.pageAkiyaDetail .intro .data b {
font-size: 15px;
}
.pageAkiyaDetail .intro .data span {
font-size: 18px;
line-height: 1;
}
.pageAkiyaDetail .intro .data .small {
font-size: 12px;
}
.pageAkiyaDetail .intro .summary {
margin: 0 0 10px;
}
.pageAkiyaDetail .gallery {
margin: 0 0 30px;
}
.pageAkiyaDetail .gallery .photo,
.pageAkiyaDetail .gallery .list {
float: none;
width: auto;
}
.pageAkiyaDetail .gallery .list ul {
margin: 10px -5px 0;
}
.pageAkiyaDetail .gallery li {
width: 20%;
height: 50px;
margin: 0 0 1px;
cursor: pointer;
}
.pageAkiyaDetail .location,
.pageAkiyaDetail .location .layout {
margin: 0 0 30px;
}
.pageAkiyaDetail .location .layout,
.pageAkiyaDetail .location .map {
float: none;
width: auto;
}
.pageAkiyaDetail .location .map .link {
font-size: 14px;
}
.pageAkiyaDetail .near {
border-radius: 5px;
margin: 0 0 15px;
padding: 10px;
}
.pageAkiyaDetail .near h5 {
font-size: 14px;
}
.pageAkiyaDetail .detail {
margin: 0 0 30px;
}
.pageAkiyaDetail .contact {
margin: 0 0 20px;
}
.pageAkiyaDetail .contact address {
margin: 0 -10px;
padding: 20px 10px 22px;
}
.pageAkiyaDetail .contact h5 {
margin: 0 0 10px;
font-size: 16px;
}
.pageAkiyaDetail .contact .tel {
margin: 0 0 16px;
}
.pageAkiyaDetail .contact .tel a {
font-size: 20px;
}
.pageAkiyaDetail .contact .mail .privacy {
text-align: left;
font-size: 13px;
}
.pageAkiyaDetail .contact .mail p {
margin: 0;
}
.pageAkiyaDetail .contact .mail .link {
margin: 8px 0 0;
text-align: center;
}
.pageAkiyaDetail .contact .mail p a {
font-size: 14px;
}
.pageAkiyaDetail .col1 {
width: 35%;
}
.pageAkiyaDetail th,
.pageAkiyaDetail td {
padding: 5px;
font-size: 13px;
}
.pageAkiyaDetail th {
background: #fff3d4;
line-height: 1.4;
}
.pageAkiyaDetail footer {
text-align: center;
}
.pageAkiyaDetail .print {
display: none;
}
.pageAkiyaDetail .back {
margin: 0 0 20px;
}
.pageAkiyaDetail .about,
.pageAkiya .intro .about,
.pageAkiya > footer .about,
.pageAkiyaDetail .about div,
.pageAkiya > footer .about div {
display: block;
width: auto;
}
.pageAkiyaDetail .about a,
.pageAkiya .intro .about a,
.pageAkiya > footer .about a {
display: block;
background-position: 50% 70%;
width: auto;
height: 110px;
}
.pageAkiyaDetail .about a span,
.pageAkiya .intro .about a span,
.pageAkiya > footer .about a span {
font-size: 14px;
}
} .pageAbout {
padding: 0 0 50px;
}
.pageAbout .overview {
max-width: 872px;
margin: 60px auto;
}
.pageAbout .description {
padding: 60px 0;
background: url(/assets/img/common/bg/stripe-beige.png) repeat 0 0;
}
.pageAbout .description_inner {
max-width: 964px;
margin: 0 auto;
}
.pageAbout .attension {
font-size: .9rem;
}
.pageAbout .transaction {
display: table;
width: 100%;
}
.pageAbout .sell {
display: table-cell;
width: 50%;
padding: 0 40px 0 0;
}
.pageAbout .buy {
display: table-cell;
width: 50%;
padding: 0 0 0 40px;
}
.pageAbout .transaction .flow {
margin: 15px 0 10px;
font-weight: bold;
text-align: center;
}
.pageAbout .sell .flow,.pageAbout .sell .sendAdd {
color: #f15c28;
}
.pageAbout .buy .flow,.pageAbout .buy .sendAdd {
color: #099345;
}
.pageAbout .transaction .contact {
font-weight: bold;
}
.pageAbout .transaction .sendAdd {
margin-top: 1em;
padding: 7px 10px;
}
.pageAbout .sell .sendAdd {
border: solid 2px #f15c28;
}
.pageAbout .buy .sendAdd {
border: solid 2px #099345;
}
.pageAbout .transaction .sendAdd dt {
font-weight: bold;
}
.pageAbout .transaction .sendAdd dd {
font-size: .9rem;
}
.pageAbout .transaction h3 {
position: relative;
margin: 0 0 30px;
border: 3px solid #000;
border-radius: 9px;
text-align: center;
}
.pageAbout .sell h3 {
border-color: #f15c28;
color: #f15c28;
}
.pageAbout .buy h3 {
border-color: #099345;
color: #099345;
}
.pageAbout .sell h3:after,
.pageAbout .buy h3:after {
content: '';
position: absolute;
top: 105%;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 7px 0 7px;
margin-left: -7px;
}
.pageAbout .sell h3:after {
border-color: #f15c28 transparent transparent transparent;
}
.pageAbout .buy h3:after {
border-color: #099345 transparent transparent transparent;
}
.pageAbout .transaction h3 .emphasis {
margin: 0 10px;
font-size: 2rem;
vertical-align: -3.5px;
}
.pageAbout .transaction .pdfLink > a {
position: relative;
}
.pageAbout .transaction .pdfLink > a:after {
content: '';
position: absolute;
bottom: .5px;
right: -20px;
width: 17px;
height: 19px;
background: url(/assets/img/about/pdf_pageAbout.png) no-repeat;
}
.pageAbout .transaction .attension dd {
display: list-item;
list-style: disc;
margin: 0 0 0 20px;
}
.pageAbout .transaction .index {
height: 130px;
}
.pageAbout .transaction .index ol {
list-style: decimal;
}
.pageAbout .buy .index {
margin: 0 20px;
}
.pageAbout .transaction h4 {
padding: 6.5px 15px;
margin: 30px 0 15px;
color: white;
font-weight: 500;
}
.pageAbout .sell h4 {
background: #f15c28;
}
.pageAbout .buy h4 {
background: #099345;
}
.pageAbout .sell h4:first-of-type,
.pageAbout .buy h4:first-of-type {
margin-top: 0;
}
.pageAbout .description_inner .note {
margin: 35px 0;
}
.pageAbout .description_inner h5 {
padding: 0 0 10px 0;
margin: 0 0 20px 0;
border-bottom: 2px solid #4b4b4b;
}
.pageAbout .description_inner h5 img {
margin: 0 10px 0 0;
}
.pageAbout .description_inner ul {
list-style: disc;
margin: 0 0 0 20px;
}
.pageAbout .description_inner ul li:not(:last-child) {
margin: 0 0 35px 0;
}
@media screen and (max-width: 767px) {
.pageAbout {
padding-bottom: 0;
}
.pageAbout .overview {
margin: 30px auto;
}
.pageAbout .description {
margin: 0 -10px;
padding: 30px 10px 30px;
}
.pageAbout .transaction .index {
height: auto;
}
.pageAbout .transaction,
.pageAbout .sell,
.pageAbout .buy {
display: block;
width: 100%;
padding: 0;
}
.pageAbout .buy {
margin: 50px 0 0;
}
.pageAbout .transaction h3 .emphasis {
font-size: 1.3rem;
vertical-align: -2px;
}
} .pagePrivacy {
padding: 0 0 50px;
}
.pagePrivacy .title {
margin: 0 0 40px;
}
.pagePrivacy .title time {
display: block;
text-align: right;
}
.pagePrivacy dl {
margin: 80px 0 0;
}
.pagePrivacy dt {
margin: 0 0 10px;
font-weight: bold;
}
.pagePrivacy dd {
margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
.pagePrivacy {
padding: 0;
}
.pagePrivacy .title {
margin: 0 0 20px;
}
.pagePrivacy dl {
margin: 40px 0 0;
}
.pagePrivacy dt {
margin: 0 0 8px;
}
.pagePrivacy dd {
margin: 0 0 25px;
}
} @media print {
header.global,
footer.global .relation,
footer.global .main,
.headPage,
.print,
.pageAkiyaDetail footer {
display: none;
}
main {
margin: 20px 0 0;
}
.pageAkiyaDetail .detail {
page-break-before: always;
}
.pageAkiyaDetail .contact {
margin: 0 0 10px;
}
footer.global .copyright {
background: transparent;
color: #000;
}
} .newsIndex .date img {
margin-right: 5px;
margin-top: 1px;
}
.newsIndex .date,
.pageNewsDetail .date {
width: 100px;
padding: 1px 0;
text-align: left;
font-size: 88%;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
.newsIndex .type,
.pageNewsDetail .type {
width: 86px;
padding: 1px 0;
white-space: nowrap;
text-align: center;
font-size: 74%;
color: #fff;
display: inline-block;
border-radius: 3px;
vertical-align: middle;
}
.newsIndex .type.sumai,
.pageNewsDetail .type.sumai {
background-color: #434343;
}
.newsIndex .type.event,
.pageNewsDetail .type.event {
background-color: #099345;
}
.newsIndex .type.oshirase,
.pageNewsDetail .type.oshirase {
background-color: #f15c28;
}
.newsIndex .type.blog,
.pageNewsDetail .type.blog {
background-color: #3272b5;
}
.newsIndex .type.jobs,
.pageNewsDetail .type.jobs {
background-color: #f15c28;
}
.newsIndex .type.subsidies,
.pageNewsDetail .type.subsidies {
background-color: #f15c28;
}
.newsIndex .type a,
.pageNewsDetail .type a {
text-decoration: none;
color: #fff;
display: block;
}
.newsIndex .type .pagenation,
.pageNewsDetail .type .pagination {
text-decoration: none;
color: #fff;
display: block;
}
.pageNewsDetail .titleSubUnder {
margin: 10px 0 30px
}
.pageNewsDetail footer {
margin: 35px 0;
}
.newsTile {
margin: 0 0 40px;
}
.newsTile li {
padding: 15px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.newsTile li:nth-child(odd) {
background-color: #fff3d4;
}
.newsTile li > a {
vertical-align: middle;
display: inline-block;
margin-left: 30px;
max-width: 75%;
max-width: calc(100% - 230px);
text-decoration: none;
}
.newsTile.photo {
letter-spacing: -.5em;
}
.newsTile.photo li {
letter-spacing: normal;
display: inline-block;
width: 230px;
margin: 0 20px 20px 0;
background-color: #fff;
padding: 0;
vertical-align: top;
}
.newsTile.photo li:nth-child(4n) {
margin-right: 0;
}
.newsTile.photo li a {
color: #000;
display: block;
max-width: inherit;
margin: 0;
}
.newsTile.photo li a figure {
text-align: center;
height: 164px;
margin-bottom: 10px;
position: relative;
}
.newsTile.photo li a figure::before {
content: "";
display: block;
border: solid 1px #CBCBCB;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.newsTile.photo li a .text {
margin-top: 10px;
}
.newsTile.photo.pickup {
text-align: center;
}
.newsTile.photo.pickup li {
text-align: left;
}
.areaList {
letter-spacing: -.5em;
margin-bottom: 13px;
}
.areaList li {
letter-spacing: normal;
display: inline-block;
text-align: center;
width: 80px;
margin: 0 10px 7px 0;
}
.areaList li:nth-child(11n) {
margin-right: 0;
}
.areaList li a {
display: block;
background: #acacac;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 1;
padding: 10px 0;
text-decoration: none;
}
.areaList li a.active {
background: #F15C28;
}
@media screen and (max-width: 767px) {
.newsIndex .date,
.pageNewsDetail .date {
width: auto;
min-width: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1px 5px 1px 0;
}
.pageNewsDetail .titleSubUnder {
margin: 5px 0 15px;
}
.pageNewsDetail footer {
margin: 20px 0 0;
}
.newsIndex .type,
.pageNewsDetail .type {
width: 66px;
}
.newsIndex .main {
margin-bottom: 20px;
}
.newsTile {
margin: 0 0 0;
}
.newsTile li {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.newsTile li > a {
display: block;
margin-left: 0;
margin-top: 5px;
max-width: 100%;
}
.newsTile {
margin: 0 0 40px;
}
.newsTile li {
padding: 15px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.newsTile li:nth-child(odd) {
background-color: #fff3d4;
}
.newsTile li > a {
vertical-align: middle;
display: inline-block;
margin-left: 30px;
max-width: 75%;
max-width: calc(100% - 230px);
text-decoration: none;
}
.newsTile.photo {}
.newsTile.photo li {
width: 48%;
width: calc(50% - 5px);
margin: 0 5px 20px 0;
background-color: #fff;
}
.newsTile.photo li:nth-child(even) {
margin: 0 0 20px 5px;
}
.newsTile.photo li a {}
.newsTile.photo li a figure {
height: auto;
padding-bottom: 71.3%;
overflow: hidden;
}
.newsTile.photo li a figure img {
position: absolute;
left: 0;
top: 0;
}
.newsTile.photo li a .text {
margin-top: 10px;
}
.newsTile.photo.pickup {
text-align: left;
}
.areaList {
letter-spacing: -.5em;
margin-bottom: 13px;
}
.areaList li {
letter-spacing: normal;
display: inline-block;
text-align: center;
width: 23%;
margin: 0 2.6% 7px 0;
}
.areaList li:nth-child(11n) {
margin-right: 2.6%;
}
.areaList li:nth-child(4n) {
margin-right: 0;
}
.areaList li a {
display: block;
background: #acacac;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 1;
padding: 10px 0;
text-decoration: none;
}
.areaList li a.active {
background: #F15C28;
}
}  .pageVoice .titlePage,
.pageVoiceDetail .titlePage {
background-image: url(/assets/img/voice/title-page.jpg);
}
.pageVoice .search {
margin: -35px 0 21px;
}
.pageVoice .search nav,
.pageVoiceDetail .search dl {
letter-spacing: -0.5em;
}
.pageVoice .search dl,
.pageVoice .search dd,
.pageVoiceDetail .search dd {
display: inline-block;
vertical-align: top;
}
.pageVoice .search dl,
.pageVoiceDetail .search dl {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 7px 0 0;
font-size: 88%;
font-weight: bold;
}
.pageVoice .search dl {
width: 490px;
padding: 0 0 0 120px;
}
.pageVoice .search dl:nth-child(2) {
width: 470px;
margin-left: 20px;
}
.pageVoiceDetail .search dl {
margin: 0 0 10px;
}
.pageVoice .search dt,
.pageVoice .search dd,
.pageVoiceDetail .search dt,
.pageVoiceDetail .search dd {
letter-spacing: normal;
}
.pageVoice .search dt,
.pageVoiceDetail .search dt {
background: #fff3d4;
padding: 4px 0;
text-align: center;
}
.pageVoice .search dt {
position: absolute;
top: 0;
left: 0;
width: 104px;
}
.pageVoiceDetail .search dt {
margin: 0 0 5px;
}
.pageVoice .search dd,
.pageVoiceDetail .search dd {
margin: 0 27px 0 0;
padding: 4px 0;
white-space: nowrap;
}
.pageVoiceDetail .search dd {
margin: 0 16px 0 11px;
padding: 3px 0 0;
}
.pageVoice .search dd:last-child,
.pageVoiceDetail .search dd:last-child {
margin-right: 0;
}
.pageVoice .search a,
.pageVoiceDetail .search a {
color: #000;
}
.pageVoice .search .current a,
.pageVoiceDetail .search .current a {
color: #f15c28;
}
.voiceIndex .number {
background: #4e4e4e;
padding: 6px 0;
text-align: center;
font-size: 98%;
color: #fff;
}
.voiceIndex .number span {
margin: 0 5px 0 34px;
}
.voiceIndex li a {
display: block;
padding: 50px 0;
text-decoration: none;
color: #434343;
}
.voiceIndex li:nth-child(odd) a {
background: #fff3d4;
}
.voiceIndex li a:hover {
opacity: 1;
}
.voiceIndex .photo {
float: left;
width: 480px;
}
.voiceIndex .excerpt {
float: right;
width: 461px;
}
.voiceIndex h3,
.voiceIndex h5,
.pageVoiceDetail .recently h5 {
color: #787878;
}
.voiceIndex h3 {
background: url(/assets/img/common/nav/voice.png) no-repeat 0 50%;
min-height: 22px;
margin: 0 0 13px;
padding: 2px 0 0 37px;
font-size: 93%;
}
.voiceIndex h4,
.pageVoiceDetail .recently h4 {
color: #4b4b4b;
}
.voiceIndex h4 {
margin: 0 0 7px;
line-height: 1.35;
font-size: 170%;
}
.voiceIndex h5 {
margin: 0 0 14px;
font-size: 83%;
}
.voiceIndex .text {
margin: 0 0 15px;
line-height: 1.65;
}
.voiceIndex .button {
max-width: 216px;
margin: 0;
}
.pageVoice .gallery {
padding: 2px 0 20px;
}
.pageVoice .slick-slide span {
display: block;
padding: 0 1px;
}
@media screen and (max-width: 767px) {
.pageVoice .search {
margin: 0;
}
.pageVoice .search nav,
.pageVoiceDetail .search nav {
overflow: hidden;
}
.pageVoiceDetail .search nav {
display: none;
}
.pageVoice .search dl,
.pageVoice .search dl:nth-child(2),
.pageVoiceDetail .search dl {
display: block;
width: auto;
margin: 0;
padding: 0 0 10px;
font-size: 13.5px;
}
.pageVoice .search dt,
.pageVoiceDetail .search dt {
position: static;
width: auto;
margin: 0 0 10px;
padding: 5px 10px;
text-align: left;
}
.pageVoice .search dd,
.pageVoiceDetail .search dd {
margin: 0 14px 6px 5px;
padding: 0;
}
.pageVoice .search dd:last-child,
.pageVoiceDetail .search dd:last-child {
margin-right: 0;
}
.pageVoice .narrowDown,
.pageVoiceDetail .narrowDown {
background: #ffe193;
margin: 0 -10px;
padding: 20px 0;
text-align: center;
font-size: 15px;
font-weight: bold;
cursor: pointer;
}
.pageVoice .narrowDown p,
.pageVoiceDetail .narrowDown p {
display: inline-block;
position: relative;
padding: 0 0 0 35px;
line-height: 24px;
}
.pageVoice .narrowDown p:before,
.pageVoiceDetail .narrowDown p:before {
content: "";
position: absolute;
left: 0;
background: url(/assets/img/common/arrow/up-black_search.png) no-repeat 0 0;
background-size: cover;
width: 24px;
height: 24px;
}
.pageVoice .narrowDownHide .narrowDown,
.pageVoiceDetail .narrowDownHide .narrowDown {
margin-top: -10px;
margin-bottom: 10px;
}
.pageVoice .narrowDownHide .narrowDown p:before,
.pageVoiceDetail .narrowDownHide .narrowDown p:before {
background-image: url(/assets/img/common/arrow/down-black_search.png);
}
.voiceIndex {
margin: 0 -10px;
}
.voiceIndex .number span {
margin: 0 4px 0 8px;
}
.voiceIndex li a {
padding: 10px 10px 20px;
}
.voiceIndex .photo,
.voiceIndex .excerpt {
float: none;
width: auto;
}
.voiceIndex .photo,
.pageVoiceDetail .recently .photo {
margin: 0 0 10px!important;
}
.voiceIndex .photo img,
.pageVoiceDetail .recently .photo img {
width: 100%;
}
.voiceIndex h3 {
background-size: auto 16px;
min-height: 16px;
margin: 0 0 8px;
padding: 3px 0 0 25px;
font-size: 13px;
}
.voiceIndex h4,
.pageVoiceDetail .recently h4 {
margin: 0 0 3px!important;
line-height: 1.45!important;
font-size: 17px!important;
}
.voiceIndex h5,
.pageVoiceDetail .recently h5 {
font-size: 12px!important;
}
.voiceIndex .button {
max-width: none;
}
.pageVoice .gallery {
margin: 0 -10px;
padding-bottom: 0;
}
}
@media screen and (min-width: 767px) {
.pageVoice .narrowDownHide nav {
display: block!important;
}
.pageVoice .narrowDownHide .narrowDown {
margin-top: 0;
margin-bottom: 0;
}
} .pageVoiceDetail article {
margin: -47px 0 0;
}
.pageVoiceDetail .headArticle {
position: relative;
background: no-repeat 50% 50%;
background-size: cover;
margin: 0 0 40px;
height: 516px;
}
.pageVoiceDetail .headArticle .title {
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.55);
width: 100%;
min-height: 68px;
padding: 23px 0;
color: #fff;
}
.pageVoiceDetail .headArticle h3 {
margin: 0 0 10px;
line-height: 1.3;
font-size: 175%;
}
.pageVoiceDetail .headArticle h4 {
font-size: 83%;
}
.pageVoiceDetail .main {
float: left;
width: 655px;
}
.pageVoiceDetail .side {
float: right;
width: 242px;
}
.pageVoiceDetail .entryBody > h3:first-child {
margin-top: 0;
}
.pageVoiceDetail .entryBody h4 {
background: url(/assets/img/common/icon/balloon-white.png) no-repeat 2px 6px;
background-size: 31px auto;
border-bottom: 2px solid #f15c28;
min-height: 29px;
margin: 60px 0 15px;
padding: 6px 0 6px 42px;
font-size: 120%;
letter-spacing: 0.04em;
}
.pageVoiceDetail .entryBody h5 {
margin: 0 0 2px;
color: #f15c28;
}
.pageVoiceDetail .profile {
background: #fff3d4;
margin: 35px 0 37px;
padding: 30px;
}
.pageVoiceDetail .profile .photo {
float: left;
width: 200px;
margin: 0 30px 0 0;
}
.pageVoiceDetail .profile .name {
margin: 0 0 4px;
font-size: 110%;
font-weight: bold;
}
.pageVoiceDetail .profile table {
width: 362px;
}
.pageVoiceDetail .profile th,
.pageVoiceDetail .profile td {
border-top: 1px solid #bbb;
padding: 14px 0;
}
.pageVoiceDetail .profile tr:first-child th,
.pageVoiceDetail .profile tr:first-child td {
border-top: none;
}
.pageVoiceDetail .profile th {
width: 112px;
font-weight: bold;
color: #f1602e;
}
.pageVoiceDetail .comment {
border: 2px solid #099345;
border-radius: 15px;
padding: 18px 28px 32px;
}
.pageVoiceDetail .comment h4 {
position: relative;
margin: 0 0 19px;
text-align: center;
line-height: 42px;
letter-spacing: 0.05em;
font-size: 120%;
color: #099345;
}
.pageVoiceDetail .comment h4:before {
display: inline-block;
vertical-align: middle;
content: "";
position: relative;
top: -0.1em;
background: url(/assets/img/common/icon/comment-green.png) no-repeat 50% 50%;
background-size: cover;
width: 33px;
height: 42px;
margin: 0 8px 0 0;
}
.pageVoiceDetail .comment p:last-child {
margin-bottom: 0;
}
.pageVoiceDetail .side .search {
margin: 0 0 25px;
}
.pageVoiceDetail .side h3 {
position: relative;
background: #4e4e4e;
margin: 0 0 14px;
padding: 6px 0;
text-align: center;
color: #fff;
}
.pageVoiceDetail .side h3:after {
content: "";
position: absolute;
bottom: -8px;
right: 0;
left: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #4e4e4e transparent transparent transparent;
width: 0;
height: 0;
margin: 0 auto;
}
.pageVoiceDetail .side .recently h3 {
background: #f15c28;
}
.pageVoiceDetail .side .recently h3:after {
border-top-color: #f15c28;
}
.pageVoiceDetail .recently li {
margin: 0 0 20px;
}
.pageVoiceDetail .recently a {
display: block;
text-decoration: none;
color: #000;
}
.pageVoiceDetail .recently .photo {
margin: 0 0 7px;
}
.pageVoiceDetail .recently h4 {
margin: 0 0 4px;
line-height: 1.4;
}
.pageVoiceDetail .recently h5 {
font-size: 74%;
}
.pageVoiceDetail footer {
margin: 38px 0 28px;
}
@media screen and (max-width: 767px) {
.pageVoiceDetail article {
margin: 0;
}
.pageVoiceDetail .headArticle {
margin: 0 -10px 20px;
height: 215px;
}
.pageVoiceDetail .headArticle .title {
padding: 8px 0 9px;
}
.pageVoiceDetail .headArticle .container {
padding: 0 10px;
}
.pageVoiceDetail .headArticle h3 {
margin: 0 0 5px;
line-height: 1.4;
font-size: 16px;
}
.pageVoiceDetail .headArticle h4 {
font-size: 12px;
}
.pageVoiceDetail .main,
.pageVoiceDetail .side {
float: none;
width: auto;
}
.pageVoiceDetail .main {
margin: 0 0 30px;
}
.pageVoiceDetail .entryBody h4 {
background-size: 24px auto;
min-height: 22px;
margin: 30px 0 15px;
padding: 5px 0 5px 34px;
font-size: 16px;
letter-spacing: normal;
}
.pageVoiceDetail .profile {
margin: 20px 0;
padding: 10px;
}
.pageVoiceDetail .profile .photo {
width: 95px;
margin: 0 10px 5px 0;
}
.pageVoiceDetail .profile .name {
font-size: 15px;
}
.pageVoiceDetail .profile table {
width: 100%;
margin: 0 0 -10px;
}
.pageVoiceDetail .profile th,
.pageVoiceDetail .profile td {
padding: 9px 0;
}
.pageVoiceDetail .comment {
border-radius: 8px;
padding: 10px;
}
.pageVoiceDetail .comment h4 {
margin: 0 0 10px;
line-height: 30px;
letter-spacing: normal;
font-size: 16px;
}
.pageVoiceDetail .comment h4:before {
width: 25px;
height: 30px;
}
.pageVoiceDetail .recently li {
margin: 0 0 20px;
}
.pageVoiceDetail .recently a {
display: block;
text-decoration: none;
color: #000;
}
.pageVoiceDetail footer {
margin: 40px 0 0px;
}
} .pageFlow .titlePage {
background-image: url(/assets/img/flow/title-page.jpg);
}
.pageFlow .step header {
position: relative;
background: #fdf3d7;
margin: -17px 0 68px;
padding: 22px 0 31px;
text-align: center;
}
.pageFlow .step header:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -20px;
border-style: solid;
border-width: 20px 15px 0 15px;
border-color: #fdf3d7 transparent transparent transparent;
width: 0;
height: 0;
margin: 0 auto;
}
.pageFlow .step header h3 {
margin: 0 0 10px;
}
.pageFlow .step ol {
width: 770px;
margin: 0 auto;
padding: 0 0 15px;
}
.pageFlow .step li {
position: relative;
min-height: 90px;
margin: 0 0 45px;
padding: 2px 0 28px 110px;
}
.pageFlow .step li:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -18px;
border-style: solid;
border-width: 18px 24px 0 24px;
border-color: #dfdfdf transparent transparent transparent;
width: 0;
height: 0;
margin: 0 auto;
}
.pageFlow .step li:last-child:after {
display: none;
}
.pageFlow .step h4 {
margin: 0 0 5px;
line-height: 1.4;
font-size: 125%;
}
.pageFlow .step h4 img {
position: relative;
top: -0.1em;
vertical-align: middle;
margin: 0 10px 0 0;
}
.pageFlow .step .icon {
position: absolute;
top: 0;
left: 0;
}
.pageFlow .step .text {
padding: 0 0 0 1px;
}
.pageFlow .step .text .small {
margin-top: 4px;
}
.pageFlow .step .text .list {
margin-top: 4px;
}
.pageFlow .step footer {
margin: 0 0 23px;
text-align: center;
}
@media screen and (max-width: 767px) {
.pageFlow .step header {
margin: 0 0 40px;
padding: 10px;
text-align: left;
}
.pageFlow .step ol {
width: auto;
margin: 0 0 -30px;
padding: 0;
}
.pageFlow .step li {
min-height: 50px;
margin: 0 0 40px;
padding: 3px 0 23px 60px;
}
.pageFlow .step h4 {
margin: 0 0 8px;
font-size: 16.5px;
}
.pageFlow .step h4 img {
margin: 0 5px 0 0;
height: 16px;
}
.pageFlow .step .icon {
width: 50px;
}
.pageFlow .step footer {
margin: 0;
}
} .pageFlowMandarin .titlePage {
background-image: url(/assets/img/flow/mandarin/title-page.jpg);
}
.pageFlowMandarin .titleLittleSub {
min-height: 27px;
margin: 25px 0 8px;
padding: 0 0 4px;
line-height: 1.5;
font-size: 126%;
font-weight: normal;
border-bottom: solid 2px #c8c8c8;
position: relative;
}
.pageFlowMandarin .titleLittleSub::before {
content: '';
display: block;
width: 70px;
height: 2px;
background-color: #ff8100;
position: absolute;
top: 100%;
left: 0;
}
.pageFlowMandarin .image {
text-align: center;
margin-bottom: 20px;
}
.pageFlowMandarin .image.sub {
margin-bottom: 45px;
}
.pageFlowMandarin p {
color: #4b4b4b;
margin-bottom: 35px;
}
.pageFlowMandarin .contactInfo p:last-child {
margin-bottom: 10px;
}
.pageFlowMandarin .contactInfo .contIndex.indent {
margin-left: 2em;
display: inline-block;
}
.pageFlowMandarin .listIcon li {
color: #4b4b4b;
margin-bottom: 35px;
}
.pageFlowMandarin .listIcon li:before {
content: '■';
color: #ff7429;
}
.pageFlowMandarin .imageList {
letter-spacing: -.5em;
margin: 20px auto 30px;
}
.pageFlowMandarin .imageList li {
letter-spacing: normal;
display: inline-block;
margin-right: 11px;
margin-bottom: 10px;
}
.pageFlowMandarin .imageList li:nth-child(3n) {
margin-right: 0;
}
.pageFlowMandarin .map {
text-align: center;
width: 640px;
margin: auto;
border: solid 1px #bababa;
}
.pageFlowMandarin .map iframe {
vertical-align: top;
}
.pageFlowMandarin .back {
margin: 70px auto;
}
@media screen and (max-width: 767px) {
.pageFlowMandarin .titleLittleSub {
margin: 15px 0 8px;
}
.pageFlowMandarin span.sp {
display: inline;
}
.pageFlowMandarin .image {
margin-bottom: 20px;
}
.pageFlowMandarin .image.sub {
margin-bottom: 25px;
}
.pageFlowMandarin p {
margin-bottom: 20px;
}
.pageFlowMandarin .contactInfo p:last-child {
margin-bottom: 10px;
}
.pageFlowMandarin .contactInfo .contIndex.indent {
margin-left: 0;
display: block;
}
.pageFlowMandarin .listIcon li {
margin-bottom: 35px;
}
.pageFlowMandarin .imageList {
letter-spacing: -.5em;
margin: 20px auto 30px;
}
.pageFlowMandarin .imageList li {
margin-right: 2%;
margin-bottom: 10px;
width: 49%;
}
.pageFlowMandarin .imageList li:nth-child(3n) {
margin-right: 2%;
}
.pageFlowMandarin .imageList li:nth-child(even) {
margin-right: 0;
}
.pageFlowMandarin .map {
width: 100%;
}
.pageFlowMandarin .map iframe {
width: 100%;
height: 400px;
}
.pageFlowMandarin .back {
margin: 35px auto;
}
} .pageAboutPhoto {
padding: 0 0 16px;
}
.pageAboutPhoto .titlePage {
background-image: url(/assets/img/about/title-page.jpg);
}
.pageAboutPhoto .photoIndex {
width: 935px;
min-height: 500px;
margin: -14px auto 27px;
}
.pageAboutPhoto .wdi_feed_container {
border-bottom: none!important;
color: transparent;
}
.pageAboutPhoto .wdi_layout_th .wdi_feed_item {
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.pageAboutPhoto .wdi_photo_wrap {
vertical-align: top!important;
width: 100%!important;
padding: 0!important;
}
.pageAboutPhoto .wdi_photo_wrap_inner {
border: 14px solid #fff!important;
}
.pageAboutPhoto footer .button {
padding-left: 25px;
}
.pageAboutPhoto footer .button:before {
content: "";
position: absolute;
top: 50%;
background: url(/assets/img/common/icon/instagram.png) no-repeat 0 0;
background-size: cover;
width: 24px;
height: 24px;
margin: -11px 0 0 -35px;
}
@media screen and (max-width: 767px) {
.pageAboutPhoto {
padding: 0;
}
.pageAboutPhoto .photoIndex {
width: auto;
margin: 0 auto 15px;
}
.pageAboutPhoto .wdi_photo_wrap_inner {
border: 5px solid #fff!important;
}
} .pageAboutMovie {
padding: 0 0 16px;
}
.pageAboutMovie .titlePage {
background-image: url(/assets/img/about/title-page.jpg);
}
.pageAboutMovie .introduce {
margin: 0 auto 40px;
font-size: 16px;
line-height: 2;
color: #595959;
}
.pageAboutMovie .introduce a::after {
content: '';
background: url(/assets/img/common/icon/link.png) top right no-repeat;
height: 12px;
width: 12px;
margin-top: 10px;
margin-left: 3px;
background-size: contain;
vertical-align: middle;
position: absolute;
letter-spacing: normal;
}
.pageAboutMovie .movieIndex {
margin: 0 auto 50px;
}
.pageAboutMovie .movilist {
text-align: left;
letter-spacing: -.5em;
}
.pageAboutMovie .movilist li {
letter-spacing: normal;
display: inline-block;
width: 300px;
margin-right: 40px;
margin-bottom: 30px;
vertical-align: top;
}
.pageAboutMovie .movilist li:nth-child(3n) {
margin-right: 0;
}
.pageAboutMovie .movilist li a {
color: #000;
text-decoration: none;
display: block;
}
.pageAboutMovie .movilist li .img {
position: relative;
}
.pageAboutMovie .movilist li .img:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,.1);
}
.pageAboutMovie .movilist li .img:after {
content: "";
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//yawatahama-iju.com/assets/img/movie/ico_play.png) no-repeat;
background-size: contain;
margin: auto;
}
.pageAboutMovie .movilist li p {
text-align: center;
line-height: 1.6;
margin-top: 8px;
}
.pageAboutMovie .back{
padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
.pageAboutMovie {
padding: 0;
}
.pageAboutMovie .introduce {
margin: 0 auto 20px;
font-size: 15px;
line-height: 1.6;
}
.pageAboutMovie .introduce a::after {
margin-top: 5px;
}
.pageAboutMovie .movieIndex {
width: auto;
margin: 0 auto 15px;
}
.pageAboutMovie .movilist li {
display: block;
width: auto;
margin: 0 auto 20px;
}
.pageAboutMovie .movilist li:nth-child(3n) {
margin-right: auto;
}
.pageAboutMovie .back{
padding-bottom: 20px;
}
} .pageAboutYawatahama .container{
max-width: 800px;
}
.pageAboutYawatahama .abs{
position: relative;
}
.pageAboutYawatahama .map{
position: absolute;
right: 0;
}
.pageAboutYawatahama .text{
font-size: 16px;
padding-bottom: 100px;
}
.pageAboutYawatahama .box{
padding-right: 260px;
}
.pageAboutYawatahama .space{
padding-bottom: 30px;
}
.pageAboutYawatahama .columns{
letter-spacing: -.5em;
margin: 0 -30px;
}
.pageAboutYawatahama .column{
letter-spacing: normal;
width: calc(100%/4);
margin: 0;
text-align: center;
display: inline-block;
}
.pageAboutYawatahama .column img{
}
.pageAboutYawatahama .columns .fix_pt02{
padding-top: 30px;
}
.pageAboutYawatahama .columns .fix_pt03{
padding-top: 30px;
}
.pageAboutYawatahama .columns .fix_pt04{
padding-top: 30px;
}
.pageAboutYawatahama .columns .fix_pt05{
padding-top: 30px;
}
.pageAboutYawatahama .keywords{
margin: 80px 0 15px;
}
.pageAboutYawatahama .keywords .intro {
background: url(/assets/img/about/yawatahama/background.png) no-repeat 50% 100%;
}
.pageAboutYawatahama .keywords .intro .container{
position: relative;
min-height: 715px;
background-size: cover;
}
.pageAboutYawatahama .keywords header{
padding-top: 80px;
}
.pageAboutYawatahama .keywords p{
padding-top: 40px;
}
.pageAboutYawatahama .mainbox{
padding: 40px 0 50px;
border-bottom: solid 2px #eee;
}
.pageAboutYawatahama .mainbox:last-child{
padding: 40px 0 95px;
border-bottom: inherit !important;
}
.pageAboutYawatahama .pdSpecial{
padding: 80px 0 !important;
}
.pageAboutYawatahama .mainbox .left{
float: left;
}
.pageAboutYawatahama .mainbox .right{
float: right;
}
.pageAboutYawatahama .mainbox .box_content{
width: 450px;
}
.pageAboutYawatahama .mainbox .box_content .title{
font-size: 20px;
color :#f15c28;
padding-top: 25px;
}
.pageAboutYawatahama .mainbox .box_content .titleSpecial{
padding-top: 0px !important;
}
.pageAboutYawatahama .mainbox .box_content .text{
font-size: 16px;
padding-top: 15px;
padding-bottom: 0px;
}
.pageAboutYawatahama .back{
padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
.pageAboutYawatahama .abs{
position: relative;
}
.pageAboutYawatahama .map{
position: inherit;
text-align: center;
padding-top: 20px;
}
.pageAboutYawatahama .text{
font-size: 14px;
padding: 45px 0px;
}
.pageAboutYawatahama .box{
padding-right: 0px;
}
.pageAboutYawatahama .space{
padding-bottom: 20px;
}
.pageAboutYawatahama .columns{
margin: 0;
}
.pageAboutYawatahama .column{
width: 46%;
margin: 0 2%;
}
.pageAboutYawatahama .columns .sp_img{
}
.pageAboutYawatahama .columns .fix_pt01{
padding-top: 15px;
}
.pageAboutYawatahama .columns .fix_pt02{
padding-top: 15px;
}
.pageAboutYawatahama .columns .fix_pt03{
padding-top: 15px;
}
.pageAboutYawatahama .columns .fix_pt04{
padding-top: 15px;
}
.pageAboutYawatahama .columns .fix_pt05{
padding-top: 15px;
}
.pageAboutYawatahama .keywords{
margin: 40px -10px 15px -10px;
}
.pageAboutYawatahama .keywords .intro .container{
min-height: 800px;
background-size: inherit;
}
.pageAboutYawatahama .keywords header{
padding: 40px 10px 0px 10px;
}
.pageAboutYawatahama .keywords p{
padding: 20px 10px 0px 10px;
line-height: 27px;
}
.pageAboutYawatahama .mainbox{
padding: 20px 0 25px;
border-bottom: solid 2px #eee;
}
.pageAboutYawatahama .mainbox:last-child{
padding: 20px 0 50px;
border-bottom: inherit !important;
}
.pageAboutYawatahama .mainbox img{
padding-top: 20px;
display: block;
margin: auto;
}
.pageAboutYawatahama .pdSpecial{
padding: 20px 0 !important;
}
.pageAboutYawatahama .mainbox .left{
float: inherit;
}
.pageAboutYawatahama .mainbox .right{
float: inherit;
}
.pageAboutYawatahama .mainbox .box_content{
width: 100%;
}
.pageAboutYawatahama .mainbox .box_content .title{
font-size: 16px;
padding-top: 15px;
}
.pageAboutYawatahama .mainbox .box_content .titleSpecial{
padding-top: 15px !important;
}
.pageAboutYawatahama .mainbox .box_content .text{
font-size: 14px;
padding-top: 15px;
}
.access .access_map{
padding: 10px 0px 20px 0px;
}
.pageAboutYawatahama .back{
padding-bottom: 20px;
}
} .pageAboutAccess .titlePage {
background-image: url(/assets/img/about/access/title-page.jpg);
}
.pageAboutAccess .container { }
.access .access_map {
padding: 20px 0px 40px;
}
.pageAboutAccess .container figure {
position: relative;
cursor: pointer;
}
.pageAboutAccess .container figure:before {
content: "";
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
background: url(/assets/img/common/icon/zoom.png) no-repeat 0 0;
background-size: cover;
width: 38px;
height: 38px;
}
.pageAboutAccess .back {
padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
.access .access_map {
padding: 10px 0px 20px;
}
.pageAboutAccess .back {
padding-bottom: 20px;
}
} .pageQa .titlePage {
background-image: url(/assets/img/qa/title-page.jpg);
}
.pageQa article .container {
max-width: 800px;
}
.pageQa article .container header {
text-align: center;
}
.pageQa article .container .anchor {
letter-spacing: -.5em;
text-align: center;
margin: 45px auto 60px;
}
.pageQa article .container .anchor li {
display: inline-block;
letter-spacing: normal;
width: 186px;
margin-right: 18px;
box-shadow: 0px 7px 6.9px 3.1px rgba(0, 0, 0, 0.18);
}
.pageQa article .container .anchor li:first-child {
background: #f15c28;
}
.pageQa article .container .anchor li:nth-child(2) {
background: #099345;
}
.pageQa article .container .anchor li:nth-child(3) {
background: #0973ba;
}
.pageQa article .container .anchor li:last-child {
background: #6b6b6b;
margin-right: 0;
}
.pageQa article .container .anchor li a {
color: #fff;
font-size: 18px;
font-weight: bold;
text-decoration: none;
display: block;
padding: 17px;
line-height: 1;
}
.pageQa article .container .titleSubUnder {
margin-bottom: 0;
}
.pageQa article .container #life .titleSubUnder {
background: url(/assets/img/qa/title-sub-mini02.png) no-repeat top 7px left;
border-color: #099345;
}
.pageQa article .container #raising .titleSubUnder {
background: url(/assets/img/qa/title-sub-mini03.png) no-repeat top 7px left;
border-color: #0973ba;
}
.pageQa article .container #other .titleSubUnder {
background: url(/assets/img/qa/title-sub-mini04.png) no-repeat top 7px left;
border-color: #6b6b6b;
}
.pageQa article .container .accordion {}
.pageQa article .container .accordion li {
border-bottom: solid 2px;
}
.pageQa article .container #works .accordion li {border-color: #f15c28;}
.pageQa article .container #life .accordion li {border-color: #099345;}
.pageQa article .container #raising .accordion li {border-color: #0973ba;}
.pageQa article .container #other .accordion li {border-color: #6b6b6b;}
.pageQa article .container .accordion li h3 {
color: #434343;
font-size: 18px;
padding: 24px 55px 24px 110px;
text-indent: -3em;
position: relative;
cursor: pointer;
}
.pageQa article .container #works .accordion li h3 {
background: url(/assets/img/qa/ico_works02.png) no-repeat left 12px top 19px;
}
.pageQa article .container #works .accordion li h3.orange {
background: url(/assets/img/qa/ico_works01.png) no-repeat left 10px top 16px;
}
.pageQa article .container #life .accordion li h3 {
background: url(/assets/img/qa/ico_life.png) no-repeat left 10px top 18px;
}
.pageQa article .container #raising .accordion li h3 {
background: url(/assets/img/qa/ico_rasing.png) no-repeat left 14px top 18px;
}
.pageQa article .container #other .accordion li h3 {
background: url(/assets/img/qa/ico_other.png) no-repeat left 16px top 25px;
}
.pageQa article .container .accordion li h3 span {
width: 20px;
height: 20px;
position: absolute;
display: block;
right: 25px;
top: 0;
bottom: 0;
overflow: hidden;
margin: auto;
transform: rotate(-45deg);
transition: transform .4s;
}
.pageQa article .container .accordion li.active h3 span {
transform: rotate(0);
}
.pageQa article .container .accordion li h3 span::before,
.pageQa article .container .accordion li h3 span::after {
content: '';
display: inline-block;
width: 3px;
height: 20px;
background: #434343;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
}
.pageQa article .container .accordion li h3 span::before {
transform: rotate(45deg);
}
.pageQa article .container .accordion li h3 span::after {
transform: rotate(-45deg);
}
.pageQa article .container .accordion li .text {
display: none;
padding-left: 110px;
margin-right: 25px;
margin-bottom: 20px;
}
.pageQa article .container .accordion li .text > p {
margin-bottom: 1em;
}
.pageQa article .container .accordion li .text > p .bnr {
display: inline-block;
width: 289px;
margin-top: 1em;
}
.pageQa article .container .accordion li .text > p .bnr img {
display: block;
}
.pageQa article .container .accordion li .text > *:first-child {
text-indent: -3em;
}
.pageQa article .container .return {
text-align: right;
font-size: 14px;
margin: 5px auto 55px;
}
.pageQa article .container .return a {
color: #434343;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.pageQa article .container .anchor {
margin: 20px auto;
}
.pageQa article .container .anchor li {
width: 48%;
margin-right: 4%;
margin-bottom: 15px;
}
.pageQa article .container .accordion li {
overflow: hidden;
}
.pageQa article .container .anchor li:nth-child(even) {
margin-right: 0;
}
.pageQa article .container .anchor li a {
font-size: 16px;
padding: 17px;
}
.pageQa article .container .accordion li h3 {
font-size: 14px;
padding: 14px 35px 14px 90px;
}
.pageQa article .container #works .accordion li h3 {
background: url(/assets/img/qa/ico_works02.png) no-repeat left 12px center;
background-size: 27px;
}
.pageQa article .container #works .accordion li h3.orange {
background: url(/assets/img/qa/ico_works01.png) no-repeat left 10px center;
background-size: 30px;
}
.pageQa article .container #life .accordion li h3 {
background: url(/assets/img/qa/ico_life.png) no-repeat left 11px center;
background-size: 28px;
}
.pageQa article .container #raising .accordion li h3 {
background: url(/assets/img/qa/ico_rasing.png) no-repeat left 13px center;
background-size: 27px;
}
.pageQa article .container #other .accordion li h3 {
background: url(/assets/img/qa/ico_other.png) no-repeat left 13px center;
background-size: 24px;
}
.pageQa article .container .accordion li h3 span {
width: 16px;
height: 16px;
right: 15px;
}
.pageQa article .container .accordion li h3 span::before,
.pageQa article .container .accordion li h3 span::after {
width: 2px;
height: 16px;
}
.pageQa article .container .accordion li .text {
display: none;
padding-left: 4em;
margin-right: 10px;
margin-bottom: 20px;
}
.pageQa article .container .accordion li .text > p {
word-break: break-all;
}
.pageQa article .container .accordion li .text > p .bnr {
width: auto;
margin-top: 1em;
}
.pageQa article .container .return {
font-size: 12px;
margin: 5px auto 35px;
}
}
 .aboutInner {
max-width: 800px;
margin: auto;
}
.contactInfo{
text-align: left;
background: #fff7e0;
padding: 18px 20px;
margin: 0 0 40px 0;
}
.contactInfo .contIndex{
color: #ff6d02;
font-size: 14px;
font-weight: bold;
}
.contactInfo .contTel{
color: #595959;
font-size: 16px;
display: inline-block;
vertical-align: top;
}
.contactInfo .contTel .title {
line-height: 1;
margin-bottom: 8px;
}
.contactInfo .contTel p {
line-height: 1;
margin-bottom: 0;
}
.contactInfo .contTel > a {
line-height: 1;
}
.contactInfo .contTel small a {
line-height: 1;
font-size: 14px;
}
a.tel {
font-size: 16px!important;
color: #595959;
text-decoration: none;
}
.moviebnr {
text-align: center;
margin-bottom: 30px;
}
.moviebnr img {
width: 355px;
}
@media screen and (max-width: 767px) {
.contactInfo{
padding: 10px 15px;
margin: 0 0 20px 0;
}
.contactInfo .contTel{
font-size: 14px;
display: block;
}
.contactInfo .contTel small a {
line-height: 1;
font-size: 12px;
}
a.tel {
font-size: 14px!important;
text-decoration: underline;
}
.moviebnr {
margin-bottom: 20px;
}
.moviebnr img {
width: auto;
}
} .pageAboutLife .titlePage {
background-image: url(/assets/img/about/life/title-page.jpg);
}
.pageAboutLife .titleSubUnder.sub01 {
background: url(/assets/img/about/life/title-sub-mini-01.png) no-repeat top 5px left;
}
.pageAboutLife .titleSubUnder.sub02 {
background: url(/assets/img/about/life/title-sub-mini-02.png) no-repeat top 6px left 2px;
}
.pageAboutLife .titleSubUnder.sub03 {
background: url(/assets/img/about/life/title-sub-mini-03.png) no-repeat top 4px left;
}
.pageAboutLife .titleSubUnder.sub04 {
background: url(/assets/img/about/life/title-sub-mini-04.png) no-repeat top 4px left;
}
.pageAboutLife .titleSubUnder.sub05 {
background: url(/assets/img/about/life/title-sub-mini-05.png) no-repeat top 6px left 4px;
}
.pageAboutLife .titleSubUnder.sub06 {
background: url(/assets/img/about/life/title-sub-mini-06.png) no-repeat top 3px left;
}
.pageAboutLife .titleSubUnder.sub07 {
background: url(/assets/img/about/life/title-sub-mini-07.png) no-repeat top 6px left;
}
.pageAboutLife .titleSubUnder {
margin-bottom: 24px;
padding: 3px 0 8px 40px;
}
.pageAboutLife section ul{
margin: 0 0 50px;
}
.pageAboutLife section li{
margin: 0 0 20px;
}
.pageAboutLife section li.addMargin {
margin: 50px 0;
}
.pageAboutLife section .contactInfo{
margin: 0 0 20px;
}
.pageAboutLife section p{
color: #595959;
margin: 0 0 10px;
font-size: 16px;
}
.pageAboutLife section li .title {
font-size: 20px;
color: #595959;
text-decoration: none;
}
.pageAboutLife section li a{
display: inline-block;
font-size: 20px;
position: relative;
margin-bottom: 8px;
}
.pageAboutLife section li a:link,
.pageAboutLife section li a:visited{
color: #0075bd;
}
.pageAboutLife section a[target="_blank"] {
margin-right: 24px;
}
.pageAboutLife section a[target="_blank"]:after{
content: '';
display: inline-block;
background-image: url(/assets/img/common/icon/link.png);
height: 12px;
width: 12px;
background-size: contain;
vertical-align: middle;
margin: auto;
position: absolute;
right: -20px;
top: 0;
bottom: 0;
}
.pageAboutLife section a[href^="https://goo.gl"] {
margin-right: 0;
}
.pageAboutLife section a[href^="https://goo.gl"]:after{
display: none;
}
.pageAboutLife section a.normal {
font-size: initial;
margin-bottom: 0;
position: relative;
}
.pageAboutLife section li .limited,
.pageAkiya .otherLinks .limited{
font-size: 16px;
color: #fff;
background-color: #ff8200;
display: inline-block;
padding: 6px 8px;
line-height: 1;
margin-bottom: 8px;
margin-left: 8px;
vertical-align: middle;
}
.pageAboutLife section p .sub{
font-size: 16px;
display: inline;
}
.pageAboutLife section p .sub:link,
.pageAboutLife section p .sub:visited{
color: #0075bd;
}
.pageAboutLife section p .sub::after{
display: none;
}
.pageAboutLife .graph {
padding: 15px 0 75px;
}
.pageAboutLife .graph .left {
float: left;
text-align: center;
width: 378px;
}
.pageAboutLife .graph .right {
float: right;
text-align: center;
width: 378px;
}
.pageAboutLife .graph .head1 {
font-size: 18px;
background: #f3f3f3;
color: #4b4b4b;
padding: 6px;
}
.pageAboutLife .graph .head2 {
font-size: 18px;
color: #4b4b4b;
padding: 6px;
}
.pageAboutLife .graph .head2 span {
color: #e1653a;
}
.pageAboutLife .graph p {
text-align: right;
}
.pageAboutLife .graph .pdf {
max-width: 210px;
margin: 10px auto 30px;
text-align: left;
}
.pageAboutLife .graph .pdf li {
margin-bottom: 0;
}
.pageAboutLife .graph .pdf a {
font-size: 14px;
margin-right: 0;
margin-bottom: 4px;
}
.pageAboutLife .graph2 {
padding: 0;
letter-spacing: -.5em;
}
.pageAboutLife .graph.graph2 > div {
letter-spacing: normal;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
width: 33%;
}
.pageAboutLife .graph2 a[target="_blank"]:after{
display: none;
}
.pageAboutLife .back {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.pageAboutLife .titleSubUnder {
margin-bottom: 14px;
padding: 3px 0 8px 30px;
}
.pageAboutLife .titleSubUnder.sub01 {
background: url(/assets/img/about/life/title-sub-mini-01.png) no-repeat top 5px left;
background-size: 22px;
}
.pageAboutLife .titleSubUnder.sub02 {
background: url(/assets/img/about/life/title-sub-mini-02.png) no-repeat top 6px left 3px;
background-size: 19px;
}
.pageAboutLife .titleSubUnder.sub03 {
background-size: 22px;
}
.pageAboutLife .titleSubUnder.sub04 {
background-size: 22px;
}
.pageAboutLife .titleSubUnder.sub05 {
background-size: 19px;
}
.pageAboutLife .titleSubUnder.sub06 {
background-size: 28px;
}
.pageAboutLife .titleSubUnder.sub07 {
background-size: 28px;
}
.pageAboutLife section ul{
margin: 0 0 30px;
}
.pageAboutLife section li{
margin: 0 0 20px;
}
.pageAboutLife section li.addMargin {
margin: 25px 0;
}
.pageAboutLife section p{
font-size: 14px;
}
.pageAboutLife section li .title {
font-size: 18px;
color: #595959;
}
.pageAboutLife section li a{
font-size: 18px;
}
.pageAboutLife section li a.normal {
font-size: 14px;
margin-bottom: 0;
}
.pageAboutLife section li .limited,
.pageAkiya .otherLinks .limited{
font-size: 14px;
padding: 6px 8px;
margin-left: 8px;
}
.pageAboutLife section p .sub{
font-size: 14px;
display: inline;
}
.pageAboutLife .graph {
padding: 15px 0 20px;
}
.pageAboutLife .graph .left {
float: none;
width: 100%;
margin-bottom: 20px;
}
.pageAboutLife .graph .right {
float: none;
text-align: center;
width: 100%;
}
.pageAboutLife .graph .head1 {
font-size: 16px;
}
.pageAboutLife .graph .head2 {
font-size: 16px;
}
.pageAboutLife .graph .pdf {
max-width: 210px;
margin: auto;
text-align: left;
}
.pageAboutLife .graph .pdf li {
margin-bottom: 0;
}
.pageAboutLife .graph .pdf a {
font-size: 14px;
margin-bottom: 4px;
}
.pageAboutLife .graph.graph2 > div {
display: block;
width: auto;
}
.pageAboutLife .back {
margin-bottom: 35px;
}
} .pageAboutLife.works .titlePage {
background-image: url(/assets/img/about/works/title-page.jpg);
}
.pageAboutLife.works .titleSubUnder {
padding: 3px 0 8px 12px;
}
.pageAboutLife.works .titleSubUnder.nonDeco {
padding: 0;
background: none;
border: none;
margin-bottom: 8px;
}
.pageAboutLife.works #ya-work {
margin-top: -68px;
padding-top: 68px;
}
.pageAboutLife.works .titleSubUnder.sub01 {
background: url(/assets/img/about/works/title-sub-mini-01.png) no-repeat top 6px left;
padding: 3px 0 8px 40px;
}
.pageAboutLife.works .titleSubUnder.sub02 {
background: url(/assets/img/about/works/title-sub-mini-02.png) no-repeat top 4px left 3px;
padding: 3px 0 8px 40px;
}
.pageAboutLife.works .titleSubUnder.sub03 {
background: url(/assets/img/about/works/title-sub-mini-03.png) no-repeat top 4px left 3px;
padding: 3px 0 8px 40px;
}
.pageAboutLife.works .titleSubUnder.sub04 {
background: url(/assets/img/about/works/title-sub-mini-04.png) no-repeat top 7px left 2px;
padding: 3px 0 8px 40px;
}
.pageAboutLife.works .titleSubUnder.sub05 {
background: url(/assets/img/about/works/title-sub-mini-05.png) no-repeat top 6px left 4px;
padding: 3px 0 8px 40px;
}
.pageAboutLife.works .fisherman .pc {
float: right;
width: 210px;
}
.pageAboutLife.works .fisherman .base {
float: left;
width: 570px;
}
.pageAboutLife.works .farmer .pc {
float: right;
width: 210px;
margin-left: 20px;
}
.pageAboutLife.works .worksTile {
margin: 24px 0 0;
letter-spacing: -.5em;
}
.pageAboutLife.works .worksTile li {
letter-spacing: normal;
display: inline-block;
width: 242px;
vertical-align: top;
margin-right: 37px;
}
.pageAboutLife.works .worksTile li:nth-child(3n) {
margin-right: 0;
}
.pageAboutLife.works .worksTile li a {
display: block;
text-decoration: none;
color: initial;
}
.pageAboutLife.works .worksTile li .imageContainer {
position: relative;
}
.pageAboutLife.works .worksTile li .imageContainer .noImg {
width: 242px;
height: 144px;
box-sizing: border-box;
background-color: #eeeeee;
text-align: center;
padding: 61px 0;
line-height: 1;
position: relative;
font-size: 20px;
}
.pageAboutLife.works .worksTile li .imageContainer .noImg span {
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
width: 100%;
}
.pageAboutLife.works .worksTile li .imageContainer figure {
width: 242px;
height: 144px;
overflow: hidden;
}
.pageAboutLife.works .worksTile li .imageContainer .vol {
background-color: #f15d28;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
padding: 2px 0;
width: 80px;
}
.pageAboutLife.works .worksTile li .text {}
.pageAboutLife.works .worksTile li .text p {
max-height: 3.2em;
overflow: hidden;
margin: 5px auto 2px;
font-weight: bold;
color: #4b4b4b;
}
.pageAboutLife.works .worksTile li .text h3 {
font-size: 14px;
color: #787878;
}
.pageAboutLife.works .archive {
margin: 0 0 50px;
text-align: right;
}
.pageAboutLife.works .back {
margin: 50px auto 70px;
}
@media screen and (max-width: 767px) {
.pageAboutLife.works #ya-work {
margin-top: -67px;
padding-top: 67px;
}
.pageAboutLife.works .titleSubUnder.sub01 {
background-size: 26px;
padding: 3px 0 8px 30px;
}
.pageAboutLife.works .titleSubUnder.sub02 {
background-size: 23px;
padding: 3px 0 8px 30px;
}
.pageAboutLife.works .titleSubUnder.sub03 {
background-size: 23px;
padding: 3px 0 8px 30px;
}
.pageAboutLife.works .titleSubUnder.sub04 {
background-size: 26px;
padding: 3px 0 8px 30px;
}
.pageAboutLife.works .titleSubUnder.sub05 {
background-size: 24px;
padding: 3px 0 8px 30px;
}
.pageAboutLife.works .fisherman .sp {
margin-bottom: 10px;
}
.pageAboutLife.works .fisherman .base {
float: none;
width: 100%;
}
.pageAboutLife.works .farmer .sp {
margin-bottom: 10px;
}
.pageAboutLife.works .worksTile {
margin: 24px 0 0;
}
.pageAboutLife.works .worksTile li {
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto 20px;
}
.pageAboutLife.works .worksTile li .imageContainer {
max-width: 400px;
margin: auto;
}
.pageAboutLife.works .worksTile li .imageContainer .noImg {
width: 100%;
max-width: 400px;
height: auto;
padding: 0 0 59.5%;
box-sizing: border-box;
}
.pageAboutLife.works .worksTile li .imageContainer figure {
width: 100%;
height: auto;
text-align: center;
}
.pageAboutLife.works .worksTile li .imageContainer .vol {
background-color: #f15d28;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
padding: 2px 0;
width: 80px;
}
.pageAboutLife.works .archive {
margin: 0 0 25px;
}
.pageAboutLife.works .back {
margin: 25px auto 35px;
}
} .pageWorksDetail .titlePage {
background-image: url(/assets/img/about/works/title-page.jpg);
}
.pageWorksDetail .container {
max-width: 798px;
}
.pageWorksDetail .container .entryBody h1,
.pageWorksDetail .container .entryBody h2,
.pageWorksDetail .container .entryBody h3,
.pageWorksDetail .container .entryBody h4,
.pageWorksDetail .container .entryBody h5 {
color: #f15c28;
margin-bottom: 1em;
}
.pageWorksDetail .container .entryBody img {
margin-bottom: 20px;
}
.pageWorksDetail .back {
margin: 70px 0;
}
.pageWorksDetail .overview {
display: table;
width: 100%;
box-sizing: border-box;
margin: 40px auto 0;
padding: 25px 20px;
background-color: #fff3d4;
}
.pageWorksDetail .overview .infomation {
font-size: 14px;
}
.pageWorksDetail .overview .title {
font-size: 16px;
font-weight: bold;
}
.pageWorksDetail .overview h2 {
font-size: 20px;
color: #595959;
margin-bottom: 15px;
}
.pageWorksDetail .overview .img {
float: left;
margin-right: 15px;
max-width: 190px;
}
.pageWorksDetail .overview .about {
margin-top: 10px;
}
.pageWorksDetail .overview .flex {
display: table-cell;
vertical-align: top;
padding-right: 15px;
}
.pageWorksDetail .overview .maps {
display: table-cell;
width: 240px;
}
.pageWorksDetail .overview .maps iframe {
width: 240px;
height: 210px;
}
@media screen and (max-width: 767px) {
.pageWorksDetail .back {
margin: 30px 0;
}
.pageWorksDetail .overview {
width: 100%;
padding: 15px;
}
.pageWorksDetail .overview .title {
font-size: 16px;
}
.pageWorksDetail .overview h2 {
font-size: 18px;
margin-bottom: 10px;
}
.pageWorksDetail .overview .img {
float: none;
margin-right: 0;
margin-bottom: 10px;
text-align: center;
}
.pageWorksDetail .overview .flex {
display: block;
padding-right: 0;
}
.pageWorksDetail .overview .maps {
display: block;
width: auto;
margin-top: 20px;
}
.pageWorksDetail .overview .maps iframe {
width: 100%;
height: 210px;
}
} .pageAboutRaising .titlePage {
background-image: url(/assets/img/about/raising/title-page.jpg);
}
.pageAboutRaising .titleSubUnder {
margin-bottom: 24px;
}
.pageAboutRaising section li,
.pageAboutMedical section li {
margin: 0 0 40px;
}
.pageAboutRaising section p{
color: #595959;
margin: 0 0 10px;
font-size: 16px;
}
.pageAboutRaising section p.tableNote {
margin: 10px 0 0;
font-size: 14px;
}
.pageAboutRaising section p.tableCaption {
margin: 20px 0 -5px!important;
font-size: 20px;
}
.pageAboutRaising section li .title {
font-size: 20px;
color: #595959;
}
.pageAboutRaising section li a{
display: inline-block;
font-size: 20px;
position: relative;
margin-bottom: 8px;
}
.pageAboutRaising section li a:link,
.pageAboutRaising section li a:visited{
color: #0075bd;
}
.pageAboutRaising section a[target="_blank"] {
margin-right: 24px;
position: relative;
}
.pageAboutRaising section a[target="_blank"]:after{
content: '';
display: inline-block;
background-image: url(/assets/img/common/icon/link.png);
height: 12px;
width: 12px;
background-size: contain;
vertical-align: middle;
margin: auto;
position: absolute;
right: -20px;
top: 0;
bottom: 0;
}
.pageAboutRaising section li a.normal {
font-size: initial;
margin-bottom: 0;
}
.pageAboutRaising section li a.normal[target="_blank"] {
margin-right: 24px;
}
.pageAboutRaising .frameImage {
letter-spacing: -.5em;
margin-bottom: 40px;
}
.pageAboutRaising .frameImage img {
letter-spacing: 0;
margin-right: 18px;
}
.pageAboutRaising .frameImage img:last-child {
margin-right: 0;
}
.pageAboutRaising .first p {
margin-bottom: 20px;
}
.pageAboutRaising .booklet {
text-align: center;
margin: 40px auto 60px;
}
.pageAboutRaising .booklet a[target="_blank"]:after {
display: none;
}
.pageAboutRaising .contactInfo .title {
font-size: 20px;
font-weight: bold;
}
.pageAboutRaising .contactInfo .title + p {
font-weight: bold;
}
.pageAboutRaising .headingBtn {
letter-spacing: -.5em;
margin-bottom: 75px;
text-align: center;
}
.pageAboutRaising .headingBtn a {
letter-spacing: 0;
display: inline-block;
margin-right: 15px;
margin-bottom: 14px;
}
.pageAboutRaising .headingBtn a:nth-child(even),
.pageAboutRaising .headingBtn a:last-child {
margin-right: 0;
}
.pageAboutRaising table,
.pageAboutMedical table {
width: 100%;
font-size: 14px;
}
.pageAboutRaising table.child {
border: solid 1px #000;
}
.pageAboutRaising table.child thead {
background-color: #fff3d4;
}
.pageAboutRaising table.child th, .pageAboutRaising table.child td {
border: solid 1px #a0a0a0;
text-align: center;
padding: 7px 0;
}
.pageAboutRaising table.child td {
width: 20%;
}
.pageAboutRaising table.child td.wide {
width: 40%;
}
.pageAboutRaising table.child td span {
text-align: left;
}
.pageAboutMedical table.medical {
margin-top: 1em;
margin-bottom: 2em;
border: solid 1px #000;
}
.pageAboutMedical table.medical caption {
font-size: 16px;
margin-bottom: 5px;
}
.pageAboutMedical table.medical th {
background-color: #fff3d4;
}
.pageAboutMedical table.medical thead th:first-child {
background-color: #e8dcbd;
}
.pageAboutMedical table.medical th, .pageAboutMedical table.medical td {
border: solid 1px #a0a0a0;
text-align: center;
padding: 7px 0;
}
.pageAboutMedical table.medical td {
width: 33%;
}
.pageAboutRaising #raising02 {
margin-bottom: 80px;
}
.pageAboutRaising #raising02 table.nurserySchool {
border: solid 1px #000;
margin: 30px 0 18px;
}
.pageAboutRaising #raising02 table.nurserySchool.green {
margin: 30px 0 40px;
}
.pageAboutRaising #raising02 .highSchool table.nurserySchool.orange {
margin: 10px auto ;
}
.pageAboutRaising .tableCaption {
margin: 30px 0 -25px;
}
.pageAboutRaising .highSchool .tableCaption,
.pageAboutRaising .hazardMap .tableCaption {
margin: 30px 0 0;
}
.pageAboutRaising .tableCaption h4,
.pageAboutRaising .tableCaption h5 {
font-weight: normal;
}
.pageAboutRaising #raising02 .tableCaption h5,
.pageAboutRaising #raising01.hazardMap .tableCaption h5 {
font-size: 20px;
margin-bottom: 5px;
color: #4b4b4b;
}
.pageAboutRaising #raising02 table.nurserySchool thead th {
color: #fff;
border: solid 1px #fff;
text-align: center;
font-weight: normal;
}
.pageAboutRaising #raising02 table.nurserySchool.orange thead th {
background-color: #f15c28;
border: solid 1px #fff;
}
.pageAboutRaising #raising02 table.nurserySchool.green thead th {
background-color: #099345;
border: solid 1px #fff;
}
.pageAboutRaising #raising02 table.nurserySchool th, .pageAboutRaising #raising02 table.nurserySchool td {
text-align: center;
padding: 7px;
box-sizing: border-box;
}
#estate.pageAboutRaising {
padding-top: 68px;
margin-top: -68px;
}
#estate.pageAboutRaising #raising02 table.nurserySchool td {
text-align: left;
}
.pageAboutRaising #raising02 table.nurserySchool.orange th, .pageAboutRaising #raising02 table.nurserySchool.orange td {
border: solid 1px #f15c28;
}
.pageAboutRaising #raising02 table.nurserySchool.green th, .pageAboutRaising #raising02 table.nurserySchool.green td {
border: solid 1px #099345;
}
.pageAboutRaising #raising02 table.nurserySchool th {
font-weight: bold;
text-align: left;
padding-left: 10px;
background-color: #fff3d4;
color: #4b4b4b;
}
.pageAboutRaising #raising02 .highSchool table.nurserySchool.orange th {
width: 210px;
}
.pageAboutRaising .nurserySchool th span {
margin-right: 0.2em;
}
.pageAboutRaising #raising02 table.nurserySchool.orange th span {
color: #f15c28;
}
.pageAboutRaising #raising02 table.nurserySchool.green th span {
color: #099345;
}
.pageAboutRaising #raising02 table.nurserySchool.orange td:last-child {
width: 250px;
text-align: left;
}
.pageAboutRaising #raising02 table.nurserySchool.orange.counter td:last-child {
width: auto;
text-align: center;
}
.pageAboutRaising #raising02 .highSchool table.nurserySchool.orange td:last-child {
width: 350px;
text-align: center;
}
.pageAboutRaising #raising02 .highSchool table.nurserySchool.orange td:first-child {
text-align: left;
padding: 12px;
line-height: 1.8;
}
.pageAboutRaising .scroll p {
display: none;
}
.pageAboutRaising #raising03 {
margin-bottom: 80px;
}
.pageAboutRaising #raising03 p {
margin: 0 0 25px;
}
.pageAboutRaising #raising03 table {
border: solid 1px #000;
margin: 30px 0 18px;
}
.pageAboutRaising #raising03 table.green {
margin: 30px 0 40px;
}
.pageAboutRaising #raising03 .tableCaption h4 {
font-size: 20px;
margin-bottom: 5px;
color: #4b4b4b;
}
.pageAboutRaising #raising03 table thead th {
color: #fff;
text-align: center;
font-weight: normal;
padding-left: 0;
}
.pageAboutRaising #raising03 table.orange thead th {
background-color: #f15c28;
border: solid 1px #fff;
}
.pageAboutRaising #raising03 table.green thead th {
background-color: #099345;
border: solid 1px #fff;
}
.pageAboutRaising #raising02 table.blue thead th,
.pageAboutRaising #raising03 table.blue thead th {
background-color: #0973ba;
border: solid 1px #fff;
}
.pageAboutRaising #raising03 table th, .pageAboutRaising #raising03 table td {
text-align: center;
padding: 7px 0;
}
.pageAboutRaising #raising03 table.orange th, .pageAboutRaising #raising03 table.orange td {
border: solid 1px #f15c28;
}
.pageAboutRaising #raising03 table.green th, .pageAboutRaising #raising03 table.green td {
border: solid 1px #099345;
}
.pageAboutRaising #raising02 table.blue th, .pageAboutRaising #raising02 table.blue td,
.pageAboutRaising #raising03 table.blue th, .pageAboutRaising #raising03 table.blue td {
border: solid 1px #0973ba;
}
.pageAboutRaising #raising03 table th {
font-weight: bold;
text-align: left;
padding-left: 10px;
background-color: #fff3d4;
color: #4b4b4b;
}
.pageAboutRaising #raising03 table.orange th span {
color: #f15c28;
}
.pageAboutRaising #raising03 table.green th span {
color: #099345;
}
.pageAboutRaising #raising02 table.blue th span,
.pageAboutRaising #raising03 table.blue th span {
color: #0973ba;
}
.pageAboutRaising #raising03 table td {
width: 50%;
}
.pageAboutRaising .mapinit {
height: 510px;
}
.pageAboutRaising .photo {
margin-bottom: 70px;
}
.pageAboutRaising .photo .titleSubUnder {
border-bottom: none;
margin-bottom: 5px;
font-size: 18px;
padding: 5px 0 3px 14px;
}
.pageAboutRaising .photo .clearfix {
margin-bottom: 30px;
}
.pageAboutRaising .photo .left {
float: left;
}
.pageAboutRaising .photo .right {
float: right;
}
.pageAboutLife .back {
margin-bottom: 70px;
}
.pageAboutRaising section li .dlBtn {
text-align: center;
margin: 28px 0 0;
}
.pageAboutRaising section li .dlBtn a {
background-color: #f15c28;
box-shadow: 0px 7px 6.9px 3.1px rgba(0, 0, 0, 0.18);
width: 392px;
height: 55px;
padding: 12px 48px;
color: #fff;
text-decoration: none;
font-size: 18px;
box-sizing: border-box;
}
.pageAboutRaising section li .dlBtn a[target="_blank"]:after {
display: none!important;
}
.pageAboutRaising .back {
margin-top: 80px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.pageAboutRaising .titleSubUnder {
margin-bottom: 14px;
}
.pageAboutRaising section li,
.pageAboutMedical section li{
margin: 0 0 20px;
}
.pageAboutRaising section p{
font-size: 14px;
}
.pageAboutRaising section p.tableNote {
margin: 10px 0 0;
font-size: 14px;
}
.pageAboutRaising section li .title {
font-size: 18px;
}
.pageAboutRaising section li a,
.pageAboutMedical section li a{
font-size: 18px;
}
.pageAboutRaising section li a.normal {
font-size: 14px;
}
.pageAboutRaising .frameImage {
margin-bottom: 10px;
}
.pageAboutRaising .frameImage img {
width: 31%;
margin-right: 2.5%;
}
.pageAboutRaising .first .contactInfo {
padding: 10px;
}
.pageAboutRaising .first p {
margin-bottom: 10px;
}
.pageAboutRaising .first p a {
margin-right: 0;
}
.pageAboutRaising .booklet {
margin: 15px auto 30px;
}
.pageAboutRaising .booklet a[target="_blank"] {
margin-right: 0;
}
.pageAboutRaising .headingBtn {
margin-bottom: 30px;
}
.pageAboutRaising .headingBtn a {
margin-right: 0;
margin-bottom: 10px;
}
.pageAboutRaising table,
.pageAboutMedical table {
width: 100%;
font-size: 13px;
}
.pageAboutRaising #raising02 .highSchool table.nurserySchool.orange td:last-child {
width: 300px;
}
.pageAboutRaising .scroll{
overflow: auto; white-space: nowrap; }
.pageAboutRaising .highSchool .scroll{
white-space: normal;
}
.pageAboutRaising .scroll::-webkit-scrollbar{ height: 10px;
}
.pageAboutRaising .scroll::-webkit-scrollbar-track{ background: #F1F1F1;
}
.pageAboutRaising .scroll::-webkit-scrollbar-thumb { background: #BCBCBC;
}
.pageAboutRaising .scroll table {
width: 730px;
}
.pageAboutRaising .scroll p {
display: block;
}
.pageAboutRaising table.child th, .pageAboutRaising table.child td {
padding: 7px 3px;
}
.pageAboutMedical table.medical th, .pageAboutMedical table.medical td {
padding: 7px 3px;
}
.pageAboutRaising #raising01 {
margin-bottom: 25px;
}
.pageAboutRaising #raising02 {
margin-bottom: 25px;
}
.pageAboutRaising #raising02 table.nurserySchool {
margin: 25px 0 8px;
}
.pageAboutRaising #raising02 table.nurserySchool.green {
margin: 25px 0 8px;
}
.pageAboutRaising #raising02 .tableCaption h5,
.pageAboutRaising #raising03 .tableCaption h4,
.pageAboutRaising #raising02 p.tableCaption {
font-size: 16px;
}
.pageAboutRaising #raising03 {
margin-bottom: 25px;
}
.pageAboutRaising #raising03 p {
margin: 0 0 25px;
}
.pageAboutRaising #raising03 table {
border: solid 1px #000;
margin: 30px 0 18px;
}
.pageAboutRaising #raising03 table.green {
margin: 30px 0 18px;
}
.pageAboutRaising #raising03 table thead th {
color: #fff;
text-align: center;
font-weight: normal;
padding-left: 0;
}
.pageAboutRaising #raising03 table.orange thead th {
background-color: #f15c28;
border: solid 1px #fff;
}
.pageAboutRaising #raising03 table.green thead th {
background-color: #099345;
border: solid 1px #fff;
}
.pageAboutRaising #raising03 table.blue thead th {
background-color: #0973ba;
border: solid 1px #fff;
}
.pageAboutRaising #raising03 table th, .pageAboutRaising #raising03 table td {
text-align: center;
padding: 7px 0;
}
.pageAboutRaising #raising03 table.orange th, .pageAboutRaising #raising03 table.orange td {
border: solid 1px #f15c28;
}
.pageAboutRaising #raising03 table.green th, .pageAboutRaising #raising03 table.green td {
border: solid 1px #099345;
}
.pageAboutRaising #raising03 table.blue th, .pageAboutRaising #raising03 table.blue td {
border: solid 1px #0973ba;
}
.pageAboutRaising #raising03 table th {
font-weight: bold;
text-align: left;
padding-left: 10px;
background-color: #fff3d4;
color: #4b4b4b;
}
.pageAboutRaising #raising03 table.orange th span {
color: #f15c28;
}
.pageAboutRaising #raising03 table.green th span {
color: #099345;
}
.pageAboutRaising #raising03 table.blue th span {
color: #0973ba;
}
.pageAboutRaising #raising03 table td {
width: 50%;
}
.pageAboutRaising .mapinit {
height: 510px;
}
.pageAboutRaising .photo {
margin-bottom: 40px;
}
.pageAboutRaising .photo .titleSubUnder {
font-size: 16px;
padding: 3px 0 0 15px;
}
.pageAboutRaising .photo .clearfix {
text-align: center;
margin-bottom: 20px;
}
.pageAboutRaising .photo .left {
float: none;
margin-bottom: 10px;
}
.pageAboutRaising .photo .right {
float: none;
}
.pageAboutRaising .medicalinstitution {
color: #4b4b4b;
margin-top: 15px;
}
.pageAboutRaising .medicalinstitution li {
margin-bottom: 0;
}
.pageAboutRaising .medicalinstitution li span {
margin-left: 20px;
}
.pageAboutLife .back {
margin-top: 40px;
margin-bottom: 40px;
}
.pageAboutRaising section li .dlBtn {
text-align: center;
margin: 28px 0 0;
}
.pageAboutRaising section li .dlBtn a {
width: 100%;
height: 50px;
color: #ffffff;
padding: 13px 8px;
font-size: 15px;
}
.pageAboutRaising .back {
margin-top: 40px;
margin-bottom: 40px;
}
} .pageAboutMedical .titlePage {
background-image: url(/assets/img/about/medical/title-page.jpg);
}
.pageAboutMedical .titleSubUnder {
margin-top: 60px;
margin-bottom: 24px;
}
.pageAboutMedical .firstLead + .titleSubUnder {
margin-top: 35px;
}
.pageAboutMedical .hospiralInfo {
margin: 25px auto 0;
}
.pageAboutMedical .hospiralInfo .clearfix {}
.pageAboutMedical .hospiralInfo .clearfix .left {
float: left;
width: 402px;
margin-top: 15px;
}
.pageAboutMedical .hospiralInfo .clearfix .left .map {
border: solid 1px #bababa;
margin: 10px 0 0;
}
.pageAboutMedical .hospiralInfo .clearfix .left .map iframe {
vertical-align: top;
}
.pageAboutMedical .hospiralInfo .clearfix .left .ditail {
margin-top: 30px;
}
.pageAboutMedical .hospiralInfo .clearfix .right {
float: right;
width: 350px;
margin-top: 40px;
}
.pageAboutMedical .titleLittleSub {
min-height: 27px;
margin: 25px 0 8px;
padding: 0 0 4px;
line-height: 1.5;
font-size: 126%;
font-weight: normal;
border-bottom: solid 2px #c8c8c8;
position: relative;
}
.pageAboutMedical .titleLittleSub::before {
content: '';
display: block;
width: 70px;
height: 2px;
background-color: #ff8100;
position: absolute;
top: 100%;
left: 0;
}
.pageAboutMedical section p {
margin: 0 0 10px;
}
.pageAboutMedical section li a{
display: inline-block;
font-size: 20px;
position: relative;
margin-bottom: 8px;
}
.pageAboutMedical section li a.title {
font-size: 20px;
color: #000;
text-decoration: none;
}
.pageAboutMedical section li a.normal{
font-size: initial;
margin-bottom: 0;
}
.pageAboutMedical section li a:link,
.pageAboutMedical section li a:visited{
color: #0075bd;
}
.pageAboutMedical section a[target="_blank"] {
margin-right: 24px;
position: relative;
}
.pageAboutMedical section a[target="_blank"]:after{
content: '';
display: inline-block;
background-image: url(/assets/img/common/icon/link.png);
height: 12px;
width: 12px;
background-size: contain;
vertical-align: middle;
margin: auto;
position: absolute;
right: -20px;
top: 0;
bottom: 0;
}
.pageAboutMedical section a.pdf[target="_blank"] {
margin-right: 0;
}
.pageAboutMedical section a.pdf[target="_blank"]:after {
display: none;
}
.pageAboutMedical .medicalinstitution {
margin-top: 15px;
}
.pageAboutMedical .medicalinstitution li {
margin-bottom: 0;
}
.pageAboutMedical .medicalinstitution li:before {
content: '■';
color: #ff7429;
}
.pageAboutMedical .medicalinstitution li span {
margin-left: 20px;
}
.pageAboutMedical .back {
margin: 70px auto;
}
@media screen and (max-width: 767px) {
.pageAboutMedical .titleSubUnder {
margin-top: 30px;
margin-bottom: 14px;
}
.pageAboutMedical .firstLead + .titleSubUnder {
margin-top: 25px;
}
.pageAboutMedical section li a {
font-size: 18px;
}
.pageAboutMedical .hospiralInfo {
margin: 15px auto 0;
}
.pageAboutMedical .hospiralInfo .clearfix .left {
float: none;
width: 100%;
margin-top: 15px;
}
.pageAboutMedical .hospiralInfo .clearfix .left .map iframe {
width: 100%;
}
.pageAboutMedical .hospiralInfo .clearfix .left .ditail {
margin-top: 20px;
}
.pageAboutMedical .hospiralInfo .clearfix .right {
float: none;
width: 100%;
margin-top: 20px;
}
.pageAboutMedical .titleLittleSub {
min-height: 27px;
margin: 20px 0 8px;
padding: 0 0 4px;
}
.pageAboutMedical .medicalinstitution {
margin-top: 15px;
}
.pageAboutMedical .back {
margin: 35px auto;
}
} .pageAboutArea .main,
.pageAboutAreaChild .main {
max-width: 798px;
}
.pageAboutArea p {
margin: 27px 0;
}
.pageAboutArea .map {
margin: 21px 0;
text-align: center;
}
.pageAboutArea h4{
text-align: center;
color: #ffffff;
margin: 11px 0;
padding: 2px;
}
.pageAboutArea h4.honai{
background: #f15c28;
}
.pageAboutArea h4.yawatahama{
background: #099345;
}
.pageAboutArea .area-news {
text-align: center;
}
.pageAboutArea .area-news a {
background: #f15c28;
color: #ffffff;
width: 45%;
text-decoration: none;
display: inline-block;
margin: 20px 0 30px;
position: relative;
}
.pageAboutArea .area-news a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
background: url(/assets/img/common/arrow/right-white.png) no-repeat 0 0;
background-size: cover;
width: 16px;
height: 16px;
margin: -8px 0 0 -28px;
}
.pageAboutArea .list ul{
letter-spacing: -0.5em;
}
.pageAboutArea .list li{
position: relative;
letter-spacing: normal;
text-align: center;
height: 42px;
width: calc(25% - 26px);
margin: 10px calc(10%/6);
display: inline-block;
}
.pageAboutArea .list li:nth-child(1){
margin-left: 0;
}
.pageAboutArea .list li:nth-child(4n){
margin-right: 0;
}
.pageAboutArea .list li:nth-child(4n+1){
margin-left: 0;
}
.pageAboutArea .list li a{
color: #000000;
background: #fff3d4;
text-decoration: none;
display: block;
height: 100%;
width: 100%;
line-height: 42px;
box-shadow: 0px 5px 3.52px 0.48px rgba(0, 0, 0, 0.22);
}
.hazardMap .pageAboutArea .list li a {
font-size: 18px;
color: #000000;
}
.pageAboutArea .list li :not([href]) {
opacity: 0.4;
}
.pageAboutArea .list li a::after{
content: '';
background: url(/assets/img/about/area/brack-right-arrow.png) top right no-repeat;
height: 13px;
width: 8px;
top: 50%;
right: 30px;
margin-top: -6px;
background-size: contain;
vertical-align: middle;
position: absolute;
letter-spacing: normal;
}
.pageAboutArea .photo img{
width: 100%;
height: 100%;
margin: 30px 0 75px 0;
}
.pageAboutArea .back{
margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
.pageAboutArea .map {
margin: 0 0 20px;
}
.pageAboutArea .area-news a {
width: 80%;
margin-top: 0;
}
.pageAboutArea .list li{
width: calc(100%/3);
margin: 8px 0;
}
.pageAboutArea .list li a{
height: 100%;
width: calc(100% - 6px);
margin: 0 3px;
}
.hazardMap .pageAboutArea .list li a {
font-size: 14px;
}
.pageAboutArea .list li a::after{
right: 7px;
}
.pageAboutArea .photo img{
margin: 15px 0 35px 0;
}
.pageAboutArea .back{
margin-bottom: 0;
}
} .pageAboutAreaDetail{}
.pageAboutAreaDetail .main{
max-width: 950px;
}
.pageAboutAreaDetail h3{
padding: 20px 0 21px;
font-size: 19px;
text-align: center;
color: #4b4b4b;
background: #fff3d4;
}
.pageAboutAreaDetail .exp{
color: #4b4b4b;
margin-bottom: 18px;
}
.pageAboutAreaDetail .exp h4{
margin: 45px 0 10px;
}
.pageAboutAreaDetail .exp .photo img{
width: 100%;
height: 100%;
margin: 30px 0 25px;
}
.pageAboutAreaDetail .info h4{
margin-left: 30px;
position: relative;
}
.pageAboutAreaDetail .info h4::before{
content: '';
background: url(/assets/img/about/area/ico_pen.png) top left no-repeat;
height: 25px;
width: 25px;
left: -30px;
background-size: contain;
vertical-align: middle;
position: absolute;
letter-spacing: normal;
}
.pageAboutAreaDetail .info h4{
color: #f15c28;
}
.pageAboutAreaDetail .info p{
padding: 12px 0 11px 15px;
margin: 12px 0 14px;
background: #fff3d4;
border-radius: 10px;
font-size: 14px;
}
.pageAboutAreaDetail .info ul{
letter-spacing: -0.5em;
}
.pageAboutAreaDetail .info li{
padding: 3px 8px;
margin: 0 11px 8px 0;
letter-spacing: normal;
display: inline-block;
color: #ffffff;
background: #f15c28;
font-size: 13px;
}
.pageAboutAreaDetail .info li.none{
background: #acacac;
}
.pageAboutAreaDetail .back{
margin: 80px 0;
}
.pageAboutAreaDetail .gallery {
margin: 0 0 34px;
width: 550px;
float: left;
}
.pageAboutAreaDetail .gallery .photo {
width: 550px;
text-align: right;
margin-top: 45px;
}
.pageAboutAreaDetail .gallery .list {
width: 485px;
margin: 15px auto 0;
}
.pageAboutAreaDetail .gallery ul {
font-size: 0;
letter-spacing: -.5em;
}
.pageAboutAreaDetail .gallery li,
.pageAboutAreaDetail .gallery li img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pageAboutAreaDetail .gallery li {
overflow: hidden;
display: inline-block;
position: relative;
vertical-align: top;
letter-spacing: normal;
border: 4px solid transparent;
width: 95px;
height: 72px;
margin: 0 1px 2px;
cursor: pointer;
letter-spacing: normal;
}
.pageAboutAreaDetail .gallery .selected {
border-color: #f15c28;
}
.pageAboutAreaDetail .gallery li img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 120%;
}
.pageAboutAreaDetail .gallery figure {
position: relative;
cursor: pointer;
}
.pageAboutAreaDetail .gallery figure {
display: none;
}
.pageAboutAreaDetail .gallery figure:first-child {
display: block;
}
.pageAboutAreaDetail .status {
float: right;
width: 370px;
margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
.pageAboutAreaDetail .exp h4,
.pageAboutAreaDetail .exp .photo img,
.pageAboutAreaDetail .info p,
.pageAboutAreaDetail .back{
margin: 15px 0;
}
.pageAboutAreaDetail h3{
margin: 0 -10px;
}
.pageAboutAreaDetail .gallery {
float: none;
margin: 0 0 30px;
width: auto;
}
.pageAboutAreaDetail .gallery .photo,
.pageAboutAreaDetail .gallery .list {
float: none;
width: auto;
}
.pageAboutAreaDetail .gallery .list ul {
margin: 10px -5px 0;
}
.pageAboutAreaDetail .gallery li {
width: 20%;
height: 50px;
margin: 0 0 1px;
cursor: pointer;
}
.pageAboutAreaDetail .status {
float: none;
width: auto;
margin-bottom: 22px;
}
} .pageAboutOrange{}
.pageAboutOrange section{
margin-bottom: 50px;
}
.pageAboutOrange .links{
margin-top: 16px;
}
.pageAboutOrange ul.links li.link::after{
content: '';
background: url(/assets/img/common/icon/link.png) top right no-repeat;
height: 12px;
width: 12px;
margin-top: 6px;
margin-left: 3px;
background-size: contain;
vertical-align: middle;
position: absolute;
letter-spacing: normal;
}
.pageAboutOrange .spaceUpTop{
margin-top: 30px;
}
.pageAboutOrange a.normal[target="_blank"]{
display: inline-block;
margin-right: 18px;
position: relative;
}
.pageAboutOrange section a.normal[target="_blank"]:after {
content: '';
display: inline-block;
background-image: url(/assets/img/common/icon/link.png);
height: 12px;
width: 12px;
background-size: contain;
vertical-align: middle;
margin-top: 6px;
margin-left: 3px;
position: absolute;
}
.pageAboutOrange h4{
font-size: 17px;
color: #f15c28;
}
.pageAboutOrange .main{
max-width: 800px;
}
.pageAboutOrange .index{}
.pageAboutOrange .index ul{
vertical-align: -0.5em;
width: 100%;
}
.pageAboutOrange .index li{
display: inline-block;
vertical-align: normal;
width: calc(50% - 10px);
margin-right: 14px;
}
.pageAboutOrange .index li:nth-child(2){
margin-right: 0;
}
.pageAboutOrange .index li .photo img{
width: 100%;
}
.pageAboutOrange .quant{}
.pageAboutOrange ul{
vertical-align: -0.5em;
width: 100%;
}
.pageAboutOrange .quant li{
display: inline-block;
width: calc(50% - 22px);
margin-right: 38px;
}
.pageAboutOrange .quant li:nth-child(2){
margin-right: 0;
}
.pageAboutOrange .quant li p{
background: #eeeeee;
padding: 12px 0;
text-align: center;
}
.pageAboutOrange .secret{}
.pageAboutOrange .secret .photo{
text-align: center;
}
.pageAboutOrange .photo .pc img{
visibility: visible;
}
.pageAboutOrange .photo .sp img{
visibility: hidden;
}
.pageAboutOrange .fruit{}
.pageAboutOrange .fruit ul{
vertical-align: -0.5em;
width: 100%;
}
.pageAboutOrange .fruit ul li{
display: inline-block;
vertical-align: normal;
width: calc(50% - 10px);
margin-right: 14px;
}
.pageAboutOrange .fruit ul li:nth-child(2){
margin-right: 0;
}
.pageAboutOrange .fruit ul li .photo img{
width: 100%;
}
.pageAboutOrange .fruit .blog {
vertical-align: -0.5em;
max-width: 727px;
margin: 20px auto 0;
width: 100%;
text-align: left;
}
.pageAboutOrange .fruit .blog li{
display: inline-block;
margin-right: 14px;
}
.pageAboutOrange .fruit .blog li a {
margin: 0px;
width: auto;
background: inherit;
color: #2560ac;
text-decoration: underline;
}
.pageAboutOrange .fruit .report{
background: #fff4cf;
text-align: center;
padding-bottom: 50px;
}
.pageAboutOrange .fruit .repory p {
font-size: 15px;
}
.pageAboutOrange .fruit .report .head{
font-size: 20px;
font-weight: bold;
padding-top: 30px;
margin-bottom: 10px;
text-align: center;
}
.pageAboutOrange .fruit .report .orange{
color: #f15c28;
}
.pageAboutOrange .fruit .report a{
background: #f15c28;
color: #ffffff;
width: 45%;
text-decoration: none;
display: inline-block;
margin: 30px 0;
}
.pageAboutOrange .part{}
.pageAboutOrange .part .photo img{
display: inline-block;
width: auto;
}
.pageAboutOrange .part .photo{
display: inline-block;
}
.pageAboutOrange .part table{
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: 525px;
}
.pageAboutOrange .part table th{
background: #fff4cf;
border: 1px solid #9f9f9f;
text-align: center;
width: 85px;
padding: 4px 0 3px;
}
.pageAboutOrange .part table td{
border: 1px solid #9f9f9f;
width: 440px;
padding-left: 15px;
}
.pageAboutOrange .back {
margin: 70px auto;
}
@media screen and (max-width: 767px) {
.pageAboutOrange{}
.pageAboutOrange section{
margin-bottom: 35px;
}
.pageAboutOrange section .spaceUpTop{
margin-top: 15px;
}
.pageAboutOrange .quant{}
.pageAboutOrange .quant li{
width: 100%;
margin-right: 0;
}
.pageAboutOrange .quant .spaceUpTopSmall{
margin-top: 20px;
}
.pageAboutOrange .fruit{}
.pageAboutOrange .fruit p{
text-align: left;
margin: 0 10px;
}
.pageAboutOrange .fruit .report {
padding-bottom: 30px;
}
.pageAboutOrange .fruit .report img{
width: 95%;
}
.pageAboutOrange .fruit .report a{
padding: 10px 20px;
margin-bottom: 0;
}
.pageAboutOrange .fruit .blog {
margin: 10px auto 0;
width: 95%;
}
.pageAboutOrange .fruit .blog li {
margin-bottom: 5px;
}
.pageAboutOrange .fruit .blog li a {
padding: 0;
}
.pageAboutOrange{}
.pageAboutOrange .part .photo{
width: 100%;
}
.pageAboutOrange .part .photo img{
width: 100%;
max-height: none;
}
.pageAboutOrange .part table{
margin: 15px 0 0 0;
width: 100%;
}
.pageAboutOrange .part table td{
padding-left: 7px;
}
.pageAboutOrange .photo .pc img{
visibility: hidden;
}
.pageAboutOrange .photo .sp img{
visibility: visible;
}
.pageAboutOrange .back {
margin: 35px auto;
}
} .pageAboutOrangeReport{}
.pageAboutOrangeReport .main {
max-width: 798px;
}
.pageAboutOrangeReport p,
.pageAboutOrangeReport section,
.pageAboutOrangeReport section .space,
.pageAboutOrangeReport .photo img{
margin-top: 35px;
}
.pageAboutOrangeReport section p{
margin-top: 0;
}
.pageAboutOrangeReport h4{
color: #f15c28;
}
.pageAboutOrangeReport .photo img{
width: 100%;
height: 100%;
}
.pageAboutOrangeReport .back{
margin: 40px 0;
}
@media screen and (max-width: 767px) {
.pageAboutOrangeReport p,
.pageAboutOrangeReport section,
.pageAboutOrangeReport section .space,
.pageAboutOrangeReport .photo img{
margin-top: 20px;
}
.pageAboutOrangeReport .back{
margin: 20px 0 15px;
}
}
  .pageCity .titlePage {
background-image: url(/assets/img/about/title-page.jpg);
} .pageCity.relocate .titlePage {
background-image: url(/assets/img/about/relocate/title-page.jpg);
} .pageAboutYawatahama .titlePage {
background-image: url(/assets/img/about/yawatahama/title-page.jpg);
} .pageAboutRaising #raising02 .tableCaption p {
margin: 0px 0 10px;
}
@media screen and (max-width: 767px) {
.pageAboutRaising .headingBtn {
margin-right: -3px;
margin-left: -3px;
}
.pageAboutRaising .headingBtn a {
box-sizing: border-box;
width: 50%;
margin: 0;
padding: 3px;
}
.pageAboutRaising .mapinit {
height: 400px;
}
.pageAboutRaising .scroll {
margin-bottom: 10px;
}
.pageAboutRaising .scroll .club {
width: 100%;
min-width: 480px;
}
.pageAboutRaising .scroll .club th,
.pageAboutRaising .scroll .club td {
white-space: nowrap;
}
.pageAboutRaising .scroll p {
margin-bottom: 0;
}
} .pageAboutOrange .titlePage,
.pageAboutOrangeReport .titlePage {
background-image: url(/assets/img/about/orange/title-page.jpg);
}

.pageHome {
margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
.pageHome {
margin: 0;
}
} .pageHome .slider {
text-align: center;
width: 1100px;
margin: 0 auto;
}
.pageHome .slider .banner {
position: relative;
display: inline-block;
}
.pageHome .slider .banner a {
display: block;
}
@media screen and (max-width: 767px) {
.pageHome .slider {
margin: 0 -10px 25px;
width: auto;
}
.pageHome .slider .banner {}
} .pageHome .intro {
background: url(/assets/img/home/yawatahama.png) no-repeat 50% 100%;
}
.pageHome .intro .container {
position: relative;
min-height: 715px;
}
.pageHome .intro .map {
position: absolute;
top: -27px;
right: -13px;
}
.pageHome .intro .summary {
padding: 65px 425px 45px 0;
}
.pageHome .intro h2 {
margin: 0 0 30px;
}
.pageHome .intro h3 {
margin: 0 0 20px;
font-size: 125%;
line-height: 1.9;
}
.pageHome .intro .main {
line-height: 2.3;
}
.pageHome .intro .summary .button {
margin: 18px 0 0;
width: 284px;
background-color: #f15c28;
}
@media screen and (min-width: 1500px) {
.pageHome .intro {
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.pageHome .intro {
background-image: url(/assets/img/home/yawatahama_sp.png);
background-size: contain;
margin: 0 -10px;
padding: 0 10px 145px;
}
.pageHome .intro .container {
min-height: 0;
}
.pageHome .intro .map {
position: static;
margin: 0 0 15px;
padding: 0 45px;
text-align: center;
}
.pageHome .intro .summary {
padding: 0;
}
.pageHome .intro h2 {
margin: 0 0 18px;
}
.pageHome .intro h3 {
margin: 0 0 11px;
font-size: 16px;
line-height: 1.7;
}
.pageHome .intro .main {
line-height: 2;
}
.pageHome .intro .summary .button {
margin: 18px auto 0;
}
} .pageHome .newsIndex {
padding: 43px 0 40px;
}
.pageHome .newsIndex header {
position: relative;
margin: 0 0 32px;
text-align: center;
}
.pageHome .newsIndex header .link,
.pageHome .photoIndex header .link {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto 0;
height: 1em;
line-height: 1.2;
}
.pageHome .newsIndex .link a,
.pageHome .photoIndex .link a {
color: #f15c28;
text-decoration: none;
}
.pageHome .newsTile {
margin-bottom: 20px;
}
.pageHome .relationlinks {
letter-spacing: -.5em;
}
.pageHome .relationlinks li {
letter-spacing: normal;
display: inline-block;
vertical-align: bottom;
margin-right: 38px;
margin-bottom: 30px;
}
.pageHome .relationlinks li:nth-child(even) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.pageHome .newsIndex {
padding: 35px 0 45px;
}
.pageHome .newsIndex header {
margin: 0 0 18px;
}
.pageHome .newsIndex footer + header {
margin: 14% 0 18px;
}
.pageHome .newsIndex .main {
margin-bottom: 0;
}
.pageHome .newsIndex footer .link,
.pageHome .photoIndex footer .link {
margin-top: 15px;
text-align: center;
}
.pageHome .relationlinks {
text-align: center;
margin-top: 10%;
}
.pageHome .relationlinks li {
display: block;
margin-right: auto;
margin-top: 5%;
margin-bottom: auto;
}
.pageHome .relationlinks li:nth-child(2) {
margin-top: 2%;
}
.pageHome .relationlinks li:nth-child(even) {
margin-right: auto;
}
} .pageHome .bankIndex .container {
padding: 76px 0;
}
.pageHome .bankIndex header {
background: transparent;
margin: 0 0 46px;
padding: 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.pageHome .bankIndex .container {
padding: 38px 0 22px;
}
.pageHome .bankIndex header {
margin: 0 0 22px;
}
} .pageHome .photoIndex {
padding: 59px 0 0;
}
.pageHome .photoIndex header {
position: relative;
margin: 0 0 45px;
text-align: center;
}
.pageHome .photoIndex header .link {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto 0;
height: 1em;
line-height: 1.2;
}
.photoIndex li {
overflow: hidden;
float: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 16.66%;
}
#js-instagram.photoIndex li {
width: 31%;
margin-right: 3.5%;
margin-bottom: 3.5%;
}
#js-instagram.photoIndex li:nth-child(3n) {
margin-right: 0;
}
.photoIndex li:before {
content: "";
display: block;
padding-top: 100%;
}
.photoIndex li a {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: no-repeat 50% 50%;
background-size: cover;
width: 101%;
height: 100%;
}
@media screen and (max-width: 767px) {
.pageHome .photoIndex {
padding: 38px 0;
}
.pageHome .photoIndex header {
margin: 0 0 20px;
}
.pageHome .photoIndex ul {
width: auto;
}
.photoIndex li {
width: 33.33%;
} }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}