@charset "UTF-8";
@charset "UTF-8";

 html {
overflow-y: scroll;
}
fieldset, img {
border: none;
vertical-align: top;
}
ul, ol {
list-style-type: none;
}
address, caption, cite, code, dfn, em, var {
font-style: normal;
}
caption, th {
text-align: left;
}
a {
outline: none;
} h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td, figure {
margin: 0;
padding: 0;
} q:before, q:after {
content: '';
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:root {
color: #3e3a39;
font-size: 62.5%;
}
@media (max-width: 1020px) {
:root {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
}
html {
overflow: auto;
}
body {
overflow: hidden;
color: #3e3a39;
line-height: 1.5;
font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "Droid Sans", sans-serif;
font-size: 12px;
}
@media (max-width: 1020px) {
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; font-size: 24px;
}
}
@media (max-width: 1020px) {
* {
max-height: 100%;
}
#colorbox, #colorbox * {
max-height: none;
}
#gnavi, #gnavi *, #mapbox * {
max-height: none;
}
img {
max-height: none;
max-width: 100%;
}
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
button, fieldset, form, input, label, legend, select, textarea {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
a {
text-decoration: none;
color: #3e3a39; }
a:hover {
color: #3e3a39;
text-decoration: underline;
}
[type=tel], [type=text], [type=email], [type=password], [type=number], textarea, select {
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 5px;
}
select {
padding: 10px 40px 10px 10px;
appearance: none;
border-radius: 5px;
border: 1px solid #ddd;
background: #fff url(/site/img/common/arrow.svg) 96% center no-repeat;
background-size: 12px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
@media (max-width: 1020px) {
select {
padding-right: 70px;
}
}
select::-ms-expand {
display: none;
}
[type=text], [type=email], [type=password], [type=number], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, textarea:focus {
background: #fff;
border: 1px solid #aaa;
} input[type=radio] {
vertical-align: middle;
}
input[type=radio] + label {
margin-left: 5px;
}
:placeholder-shown {
color: #BABABA;
} ::-webkit-input-placeholder {
color: #BABABA;
} :-moz-placeholder {
color: #BABABA;
opacity: 1;
} ::-moz-placeholder {
color: #BABABA;
opacity: 1;
} :-ms-input-placeholder {
color: #BABABA;
} body {
background: #75d8ab;
}
body.lock {
height: 100vh;
overflow: hidden;
padding: 0px !important;
}
.wrap {
position: relative;
max-width: 1200px;
margin: 0px auto;
}
@media (max-width: 1260px) {
.wrap {
margin: 0px 20px;
}
}
@media (max-width: 1020px) {
.wrap {
width: auto;
margin: 0px 30px;
}
}
.inner {
position: relative;
max-width: 1200px;
margin: 0px auto;
}
@media (max-width: 1020px) {
.inner {
width: auto;
margin: 0px 30px;
}
}
.grid_2cell {
display: table;
}
.grid_2cell .cell {
display: table-cell;
vertical-align: middle;
}
.linkbox {
cursor: pointer;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.linkbox:hover {
opacity: 0.6;
}
@media (min-width: 1021px) {
.tellink {
pointer-events: none;
}
}
.sp {
display: none !important;
}
@media (max-width: 1020px) {
.sp {
display: inherit !important;
}
}
@media (max-width: 1020px) {
.pc {
display: none !important;
}
}
.mincho {
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
font-weight: 400 !important;
letter-spacing: 0;
}
.mincho02 {
font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
.bold {
font-weight: 600;
} header {
position: fixed;
left: 0px;
top: 0px;
z-index: 210;
width: 100%;
min-height: 112px;
background: url(/site/img/common/headbg.png) center top repeat-x;
}
@media (max-width: 1020px) {
header {
height: 80px;
background: #75d8ab;
}
}
header .logo {
position: relative;
z-index: 100;
width: 220px;
margin: 0px auto;
margin-top: 22px;
text-align: center;
}
@media (max-width: 1020px) {
header .logo {
padding-top: 5px;
}
}
header .logo img {
width: 180px;
height: 50px;
}
header .logo a {
text-decoration: none;
}
header .logo span {
display: block;
margin-bottom: 0.85em;
font-family: "vdl-v7marugothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "Droid Sans", sans-serif;
font-size: 11px;
font-weight: 300;
letter-spacing: 0.1em;
color: #fff;
line-height: 1;
}
@media (max-width: 1020px) {
header .logo span {
margin-bottom: 0;
}
}
header .tel {
position: absolute;
right: 30px;
top: 25px;
}
header #gnav {
margin-top: -80px;
}
@media (max-width: 1020px) {
header #gnav {
display: none;
margin: 0px;
position: fixed;
left: 30px;
right: 30px;
bottom: 45px;
top: 125px;
background: #75d8ab;
overflow: auto;
}
}
header #gnav ul {
text-align: center;
font-size: 0px;
line-height: 0px;
}
header #gnav ul li {
display: inline-block;
max-width: 160px;
width: 9.2vw;
}
header #gnav ul li.mr {
margin-right: 280px;
}
@media (max-width: 1020px) {
header #gnav ul li {
display: block;
width: auto;
max-width: none;
}
header #gnav ul li.mr {
margin-right: 0;
}
}
header #gnav ul li a {
display: block;
position: relative;
color: #fff;
font-family: "vdl-v7marugothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "Droid Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.1em;
text-decoration: none;
}
@media (max-width: 1020px) {
header #gnav ul li a {
padding: 1em;
font-size: 24px;
border-bottom: 1px solid #fff;
}
}
@media (min-width: 1021px) {
header #gnav ul li a {
padding-top: 55px;
}
header #gnav ul li a:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 0px;
margin-left: -22px;
width: 44px;
height: 44px;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
header #gnav ul li a:hover:before {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
header #gnav ul li.icon01 a:before {
background-image: url(/site/img/common/icon01.svg);
}
header #gnav ul li.icon02 a:before {
background-image: url(/site/img/common/icon02.svg);
}
header #gnav ul li.icon03 a:before {
background-image: url(/site/img/common/icon03.svg);
}
header #gnav ul li.icon04 a:before {
background-image: url(/site/img/common/icon01.svg);
}
header #gnav ul li.icon05 a:before {
background-image: url(/site/img/common/icon05.svg);
}
header #gnav ul li.icon06 a:before {
background-image: url(/site/img/common/icon06.svg);
}
header .menu {
display: none;
position: absolute;
left: 40px;
top: 40px;
width: 38px;
height: 32px;
z-index: 1000;
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1020px) {
header .menu {
display: block;
}
}
header .menu span {
display: inline-block;
position: absolute;
left: 0px;
width: 38px;
height: 4px;
background-color: #FFF;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header .menu span:nth-of-type(1) {
top: 0px;
-webkit-animation: menu-bar01 .75s forwards;
animation: menu-bar01 .75s forwards;
}
header .menu span:nth-of-type(2) {
top: 14px;
-webkit-transition: all .25s .25s;
-o-transition: all .25s .25s;
transition: all .25s .25s;
opacity: 1;
}
header .menu span:nth-of-type(3) {
bottom: 0px;
-webkit-animation: menu-bar02 .75s forwards;
animation: menu-bar02 .75s forwards;
}
header .menu.active span:nth-of-type(1) {
-webkit-animation: active-menu-bar01 .75s forwards;
animation: active-menu-bar01 .75s forwards;
}
header .menu.active span:nth-of-type(2) {
opacity: 0;
}
header .menu.active span:nth-of-type(3) {
-webkit-animation: active-menu-bar03 .75s forwards;
animation: active-menu-bar03 .75s forwards;
}
@media (max-width: 1020px) {
@-webkit-keyframes menu-bar01 {
0% {
-webkit-transform: translateY(14px) rotate(45deg);
transform: translateY(14px) rotate(45deg);
}
50% {
-webkit-transform: translateY(14px) rotate(0);
transform: translateY(14px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar01 {
0% {
-webkit-transform: translateY(14px) rotate(45deg);
transform: translateY(14px) rotate(45deg);
}
50% {
-webkit-transform: translateY(14px) rotate(0);
transform: translateY(14px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes menu-bar02 {
0% {
-webkit-transform: translateY(-14px) rotate(-45deg);
transform: translateY(-14px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(-14px) rotate(0);
transform: translateY(-14px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar02 {
0% {
-webkit-transform: translateY(-14px) rotate(-45deg);
transform: translateY(-14px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(-14px) rotate(0);
transform: translateY(-14px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes active-menu-bar01 {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(14px) rotate(0);
transform: translateY(14px) rotate(0);
}
100% {
-webkit-transform: translateY(14px) rotate(45deg);
transform: translateY(14px) rotate(45deg);
}
}
@keyframes active-menu-bar01 {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(14px) rotate(0);
transform: translateY(14px) rotate(0);
}
100% {
-webkit-transform: translateY(14px) rotate(45deg);
transform: translateY(14px) rotate(45deg);
}
}
@-webkit-keyframes active-menu-bar03 {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-14px) rotate(0);
transform: translateY(-14px) rotate(0);
}
100% {
-webkit-transform: translateY(-14px) rotate(-45deg);
transform: translateY(-14px) rotate(-45deg);
}
}
@keyframes active-menu-bar03 {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-14px) rotate(0);
transform: translateY(-14px) rotate(0);
}
100% {
-webkit-transform: translateY(-14px) rotate(-45deg);
transform: translateY(-14px) rotate(-45deg);
}
}
} .container {
margin: 0px 10px;
min-height: 100vh;
background: #fff;
}
@media (max-width: 1020px) {
.container {
margin-left: 0;
margin-right: 0;
}
}
.contentsWrap {
padding: 100px 0px 10px;
background: #f9faf3;
border-bottom: 1px solid #90b29e;
}
.contentsWrap#index {
padding: 0px;
}
.contentsWrap .eyecatch {
height: 496px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 1020px) {
.contentsWrap .eyecatch {
height: 300px;
}
}
.contentsWrap .headbox {
z-index: 10;
position: relative;
}
.contentsWrap .headbox .title {
padding: 40px 0px;
font-size: 34px;
text-align: center;
line-height: 1;
}
.contentsWrap .headbox .title:after, .contentsWrap .headbox .title:before {
content: "";
display: inline-block;
width: 136px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 1020px) {
.contentsWrap .headbox .title:after, .contentsWrap .headbox .title:before {
width: 80px;
background-size: 100% auto;
}
}
.contentsWrap .headbox .title:after {
margin-left: 40px;
background-image: url(/site/img/common/title_right.png);
}
@media (max-width: 1020px) {
.contentsWrap .headbox .title:after {
margin-left: 20px;
}
}
.contentsWrap .headbox .title:before {
margin-right: 40px;
background-image: url(/site/img/common/title_left.png);
}
@media (max-width: 1020px) {
.contentsWrap .headbox .title:before {
margin-right: 20px;
}
}
.contentsWrap .headbox + .wrap {
padding: 40px 0 0;
z-index: 10;
}
.contentsWrap #leftbox {
float: left;
width: 900px;
}
@media (max-width: 1020px) {
.contentsWrap #leftbox {
float: none;
width: auto;
}
}
.contentsWrap #sidebar {
float: right;
width: 270px;
}
@media (max-width: 1020px) {
.contentsWrap #sidebar {
float: none;
width: auto;
}
}
.contentsWrap #sidebar .navbox {
margin-bottom: 30px;
background: #fff;
border-radius: 10px;
border: 1px solid #e0e0e0;
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.contentsWrap #sidebar .navbox .title {
padding: 1.2em 0px 0.7em;
font-size: 18px;
text-align: center;
color: #999;
}
@media (max-width: 1020px) {
.contentsWrap #sidebar .navbox .title {
font-size: 28px;
}
}
.contentsWrap #sidebar .navbox ul {
padding-bottom: 5px;
}
.contentsWrap #sidebar .navbox ul li {
border-top: 1px solid #e0e0e0;
}
.contentsWrap #sidebar .navbox ul li a {
font-weight: 500;
display: block;
padding: 0.7em 1em 0.7em 40px;
background: url(/site/img/common/ar_g.svg) 22px center no-repeat;
font-size: 16px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
.contentsWrap #sidebar .navbox ul li a .before {
font-size: 14px;
}
@media (max-width: 1020px) {
.contentsWrap #sidebar .navbox ul li a .before {
font-size: 22px;
}
}
.contentsWrap #sidebar .navbox ul li a .after {
display: block;
font-size: 14px;
}
@media (max-width: 1020px) {
.contentsWrap #sidebar .navbox ul li a .after {
font-size: 20px;
}
}
@media (max-width: 1020px) {
.contentsWrap #sidebar .navbox ul li a {
padding: 1em 1em 1em 45px;
font-size: 24px;
background-size: 12px auto;
}
}
.contentsWrap #sidebar .navbox ul li a:hover {
text-decoration: none;
color: #0081d3;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
.contentsWrap #sidebar .banner .title {
margin-bottom: 15px;
padding: 0.7em 0px;
border: 2px solid #78a6ba;
background: #fff;
text-align: center;
font-size: 16px;
line-height: 1;
font-weight: bold;
color: #247a8e;
}
@media (max-width: 1020px) {
.contentsWrap #sidebar .banner .title {
font-size: 24px;
}
}
.contentsWrap #sidebar .banner li {
display: block;
background-color: #FFF;
margin-bottom: 15px;
}
.contentsWrap #sidebar .banner li a {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all	0.4s ease;
-o-transition: all	0.4s ease;
transition: all	0.4s ease;
}
.contentsWrap #sidebar .banner li a:hover {
opacity: 0.6;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all	0.4s ease;
-o-transition: all	0.4s ease;
transition: all	0.4s ease;
}
@media (max-width: 1020px) {
.contentsWrap #sidebar .banner li img {
width: 100%;
}
}
.pan {
margin-bottom: 35px;
padding: 1em 0px;
background: #f4f4f4;
color: #999;
font-size: 1.05em;
}
@media (max-width: 1020px) {
.pan {
font-size: 20px;
}
}
.pan span {
padding-left: 0.15em;
padding-right: 0.15em;
}
.pan a {
color: #0086c9;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
.pan a.home {
padding-left: 26px;
}
@media (max-width: 1020px) {
.pan a.home {
margin-left: -40px;
padding-left: 40px;
}
}
.pan a:hover {
color: #f57f00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
.pan p {
background: url(/site/img/common/home.svg) left center no-repeat;
}
@media (max-width: 1020px) {
.pan p {
padding-left: 40px;
background-position: left top;
background-size: 30px;
}
}
article {
position: relative;
}
#contents {
overflow: hidden;
}
@media (max-width: 1020px) {
#contents {
overflow: hidden;
}
}
#contents > .lo {
margin-top: 56px;
}
@media (max-width: 1020px) {
#contents > .lo {
display: block;
}
}
#contents > .lo #main,
#contents > .lo #side {
vertical-align: top;
}
@media (max-width: 1020px) {
#contents > .lo #main,
#contents > .lo #side {
position: static;
display: block;
}
}
#contents .bnr_conv {
margin: 34px auto;
text-align: center;
}
@media (max-width: 1020px) {
#contents .bnr_conv {
margin: 34px 30px;
}
}
#contents .bnr_conv .inner {
text-align: left;
}
#contents .bnr_conv .title {
margin-top: 1.5em;
font-size: 2rem;
font-weight: bold;
}
#contents .ul_table li > dl {
display: table;
}
#contents .ul_table li > dl > dt,
#contents .ul_table li > dl > dd {
display: table-cell;
vertical-align: top;
} .wp-pagenavi {
clear: both;
padding: 20px 0px 40px;
text-align: center;
line-height: 2;
font-size: 20px;
font-weight: bold;
}
.wp-pagenavi a, .wp-pagenavi .current {
display: inline-block;
width: 68px;
height: 46px;
margin: 0px 5px;
background: #fff;
vertical-align: middle;
text-align: center;
}
.wp-pagenavi a {
background: url(/site/img/news/pn_icn_off.svg) center center no-repeat;
color: #fff;
}
.wp-pagenavi a:hover {
background: url(/site/img/news/pn_icn_acti.svg) center center no-repeat;
}
.wp-pagenavi .current {
background: url(/site/img/news/pn_icn_acti.svg) center center no-repeat;
color: #fff;
}
.pagenavi {
clear: both;
padding: 20px 0px 40px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.pagenavi a {
display: inline-block;
margin: 0px 8px;
line-height: 46px;
letter-spacing: 0.08em;
vertical-align: middle;
}
.pagenavi a[rel=next] {
width: 46px;
height: 46px;
background: url(/site/img/news/pal.svg) right center no-repeat;
}
.pagenavi a[rel=prev] {
width: 46px;
height: 46px;
background: url(/site/img/news/par.svg) left center no-repeat;
} #side {
float: right;
width: 300px;
z-index: 10;
position: relative;
}
@media (max-width: 1020px) {
#side {
float: none;
width: auto;
}
}
#side .cat_blk {
padding: 16px;
margin-bottom: 24px;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
#side .cat_blk > .tit {
font-size: 3.2rem;
line-height: 1;
color: #fff;
margin-bottom: 6px;
}
#side .cat_blk .office {
padding: 16px 16px 32px;
}
#side .cat_blk .office > li {
font-size: 1.8rem;
}
#side .cat_blk .office > li a:before {
content: "-";
margin-right: .5em;
}
@media (max-width: 1020px) {
#side .cat_blk .office > li {
font-size: 2.4rem;
}
}
#side .cat1 {
background: #87c1a3;
}
#side .cat1 .office {
background: url(/site/img/common/side_cat1_bg1.png) center center no-repeat #f2f7e5;
}
@media (max-width: 1020px) {
#side .cat1 .office {
background-size: 60% auto;
}
}
#side .cat2 {
background: #e19c00;
}
#side .cat2 .office {
background: url(/site/img/common/side_cat2_bg1.png) center center no-repeat #fef4e3;
}
@media (max-width: 1020px) {
#side .cat2 .office {
background-size: 60% auto;
}
}
#side .bnr_list ul li {
margin-bottom: 24px;
}
#side .bnr_list ul li img {
width: 100%;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1020px) {
#side .bnr_list ul li img {
width: 100%;
}
} #main {
float: left;
z-index: 5;
}
@media (max-width: 1020px) {
#main {
float: none;
}
}
#main .area {
margin: 0 -500%;
padding: 0 500%;
width: 100%;
}
#main .area .content {
width: 865px;
}
@media (max-width: 1020px) {
#main .area .content {
width: auto;
min-height: inherit;
}
}
#main .content {
width: 865px;
}
@media (max-width: 1020px) {
#main .content {
width: auto;
min-height: inherit;
}
}
#main h2.std01, #main h3.std01, #main h4.std01 {
text-align: center;
position: relative;
padding: 24px 0;
}
#main h2.std01:after, #main h3.std01:after, #main h4.std01:after {
content: "";
display: inline-block;
position: absolute;
width: 298px;
height: 4px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
transform: translateX(-50%);
background: url(/site/img/common/tit_line_dotted1.svg) center 0 repeat-x;
}
#main h2.w:after, #main h3.w:after, #main h4.w:after {
background: url(/site/img/index/tit_line_dotted3.svg) center 0 repeat-x;
}
#main h2.std02, #main h3.std02, #main h4.std02 {
text-align: center;
position: relative;
padding: 24px 0;
}
#main h2.std02:after, #main h3.std02:after, #main h4.std02:after {
content: "";
display: inline-block;
position: absolute;
width: 298px;
height: 4px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
transform: translateX(-50%);
background: url(/site/img/common/tit_line_dotted3.svg) center 0 repeat-x;
}  footer {
position: relative;
z-index: 200;
padding-bottom: 34px;
}
@media (max-width: 1020px) {
footer {
padding-bottom: 0;
}
}
footer .footnav {
padding: 50px 0px 40px;
background: #428967;
}
footer .footnav a {
color: #fff;
font-size: 14px;
line-height: 1.2;
}
@media (max-width: 1020px) {
footer .footnav a {
font-size: 22px;
}
}
footer .footnav .first {
font-size: 0px;
line-height: 0px;
padding-bottom: 15px;
}
footer .footnav .first > li > a {
display: inline-block;
padding: 0.4em 1em;
font-size: 16px;
border: 2px solid #fff;
}
@media (max-width: 1020px) {
footer .footnav .first > li > a {
font-size: 26px;
}
}
footer .footnav .first > li ul {
padding: 20px 0px 15px;
}
footer .footnav .first > li ul li {
display: inline-block;
width: 25%;
margin-bottom: 14px;
}
@media (max-width: 1020px) {
footer .footnav .first > li ul li {
display: block;
width: 100%;
margin: 0px;
}
footer .footnav .first > li ul li a {
display: block;
padding: 0.8em 1em;
}
}
footer .footnav .other {
padding-top: 45px;
border-top: 4px solid #fff;
font-size: 0px;
line-height: 0px;
}
footer .footnav .other ul:first-child {
font-size: 0px;
line-height: 0px;
padding-bottom: 15px;
}
footer .footnav .other ul:first-child > li > a {
display: inline-block;
padding: 0.4em 1em;
font-size: 16px;
border: 2px solid #fff;
}
@media (max-width: 1020px) {
footer .footnav .other ul:first-child > li > a {
font-size: 26px;
}
}
footer .footnav .other ul:first-child > li ul {
padding: 20px 0px 15px;
}
footer .footnav .other ul:first-child > li ul li {
display: inline-block;
width: 25%;
margin-bottom: 14px;
}
@media (max-width: 1020px) {
footer .footnav .other ul:first-child > li ul li {
display: block;
width: 100%;
margin: 0px;
}
footer .footnav .other ul:first-child > li ul li a {
display: block;
padding: 0.8em 1em;
}
}
footer .footnav .end {
padding-top: 45px;
border-top: 4px solid #fff;
font-size: 0px;
line-height: 0px;
}
footer .footnav .end li {
display: inline-block;
width: 25%;
margin-bottom: 14px;
}
@media (max-width: 1020px) {
footer .footnav .end li {
display: block;
width: auto;
margin: 0px;
}
footer .footnav .end li a {
display: block;
padding: 0.8em 1em;
}
}
footer .addr {
padding: 40px 0px 60px;
border-top: 3px solid #444;
background: #eaeaea;
}
footer .addr ul {
position: absolute;
right: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0px;
line-height: 0px;
}
@media (max-width: 1020px) {
footer .addr ul {
margin-bottom: 40px;
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
text-align: center;
}
}
footer .addr ul li {
display: inline-block;
margin-left: 14px;
}
@media (max-width: 1020px) {
footer .addr ul li {
margin: 0px 15px;
}
}
footer .addr ul li a {
display: block;
border-radius: 14px;
background: #606060;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
footer .addr ul li a img {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
footer .addr ul li a:hover {
background: #428967;
opacity: 1;
}
footer .addr address {
font-size: 14px;
line-height: 2;
}
@media (max-width: 1020px) {
footer .addr address {
text-align: center;
font-size: 22px;
}
}
footer .addr address img {
margin-bottom: 10px;
}
@media (max-width: 1020px) {
footer .addr address img {
width: 55%;
}
}
.foot_copy {
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 210;
height: 34px;
background: #75d8ab;
line-height: 34px;
text-align: center;
overflow: hidden;
}
.foot_copy span {
position: relative;
top: 1em;
opacity: 0;
color: #fff;
font-size: 11px;
}
@media (max-width: 1020px) {
.foot_copy {
display: none;
}
}
.pagetop {
position: fixed;
right: 27px;
bottom: -60px;
z-index: 300;
width: 56px;
height: 56px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 1020px) {
.pagetop {
display: none;
}
}
.pagetop.active {
bottom: 50px;
}
.pagetop a {
display: block;
height: 56px;
padding-top: 30px;
border: 3px solid #428967;
background: #fff url(/site/img/common/top.svg) center 9px no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
text-align: center;
color: #428967;
letter-spacing: -0.1em;
font-size: 10px;
font-weight: bold;
text-decoration: none;
opacity: 0.6;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.pagetop a:hover {
opacity: 1;
} .clearfix:after {
content: "";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}  #key_text {
background-color: #3887ad;
text-align: center;
padding: 40px 0px 30px;
position: relative;
z-index: 10;
}
#key_text h2.tit02 {
display: block;
color: #FFF;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
font-weight: 400;
font-size: 35px;
letter-spacing: 0.1em;
}
#soon .wrap #leftbox {
font-size: 1.5rem;
line-height: 2.0;
}
.container article .contentsWrap #leftbox .content_link {
color: #fff;
font-size: 4.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
text-align: center;
}
.container article .contentsWrap #leftbox .content_link .btn_02 {
display: inline-block;
padding: 0.9em 0px 1em 0px;
border-radius: 50px;
text-align: center;
color: #fff;
line-height: 1;
background: #3887ad url(/site/img/index/ar.svg) 324px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 360px;
border: 1px solid #fff;
font-size: 2.0rem;
font-weight: 600;
margin: 20px auto 0 auto;
}
@media (max-width: 1020px) {
.container article .contentsWrap #leftbox .content_link .btn_02 {
width: 340px;
border-radius: 1.5em;
background-size: 16px auto;
background-position: 308px center;
font-size: 24px;
}
}
.container article .contentsWrap #leftbox .content_link .btn_02:hover {
background-color: #428967;
} .loading {
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
z-index: 1000;
background: #fff;
}
.loading img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#top {
position: relative;
height: 100vh;
}
#top .loading {
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
}
#top .slider {
position: relative;
height: 100vh;
}
#top .slider .item {
display: none;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#top .slider .item.item01 {
display: block;
background-image: url(/site/img/index/main01.jpg);
}
#top .slider .item.item02 {
background-image: url(/site/img/index/main02.jpg);
}
#top .slider .item.item03 {
background-image: url(/site/img/index/main03.jpg);
}
#top .slider .item.item04 {
background-image: url(/site/img/index/main04.jpg);
}
#top .marker {
position: absolute;
right: 0;
bottom: 220px;
z-index: 10;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-size: 0px;
line-height: 0px;
}
#top .marker li {
display: inline-block;
width: 12px;
height: 12px;
margin: 0px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
border-radius: 6px;
}
#top .marker li.current {
background: #fff;
}
#top .textbox {
position: absolute;
left: 0px;
top: 50%;
z-index: 10;
width: 100%;
padding-top: 50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#top .textbox .text {
padding: 1em 0.5em 0px;
font-size: 22px;
color: #fff;
line-height: 2;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
}
@media (max-width: 1020px) {
#top .textbox .text {
font-size: 24px;
}
}
#top .scroll {
position: absolute;
left: 50%;
bottom: 80px;
z-index: 10;
margin-left: -52px;
}
@media (max-width: 1020px) {
#top .scroll img {
width: 90px;
}
}
#top .scroll.move {
-webkit-animation: moveItem 1.2s infinite;
animation: moveItem 1.2s infinite;
opacity: 0;
}
@-webkit-keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
#fstyle {
padding-top: 80px;
background: #fff url(/site/img/index/fbg.jpg) center top no-repeat;
}
@media (max-width: 1020px) {
#fstyle {
padding-top: 70px;
background-size: 80%;
background-position: right top;
}
}
#fstyle .read {
padding: 25px 0px 90px;
font-size: 23px;
line-height: 2;
font-weight: 700;
}
@media (max-width: 1020px) {
#fstyle .read {
padding-bottom: 50px;
font-size: 28px;
}
}
#fstyle .mission {
position: relative;
padding-left: 35px;
margin-bottom: 140px;
}
@media (max-width: 1020px) {
#fstyle .mission {
padding: 0px;
margin-bottom: 60px;
}
}
#fstyle .mission h3 {
margin-bottom: 30px;
}
#fstyle .mission h3 span {
color: #fff;
font-size: 18px;
font-weight: 900;
display: inline-block;
position: relative;
padding: 0.7em 1.5em;
border-radius: 12px;
background: #428967;
line-height: 1;
}
#fstyle .mission h3 span:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
display: block;
width: 0px;
height: 0px;
margin-left: -6px;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #428967 transparent transparent transparent;
}
@media (max-width: 1020px) {
#fstyle .mission h3 span {
font-size: 24px;
}
}
#fstyle .mission h3 + p {
margin-bottom: 1em;
font-size: 19px;
line-height: 1.95;
font-weight: 900;
}
@media (max-width: 1020px) {
#fstyle .mission h3 + p {
font-size: 26px;
}
}
#fstyle .mission .text, #fstyle .mission .name {
width: 55%;
font-size: 15px;
line-height: 2;
}
@media (max-width: 1020px) {
#fstyle .mission .text, #fstyle .mission .name {
width: auto;
font-size: 24px;
margin-bottom: 1em;
}
}
#fstyle .mission figure {
position: absolute;
right: 40px;
bottom: 7em;
width: 34.5%;
}
#fstyle .mission figure img {
max-width: 100%;
}
@media (max-width: 1020px) {
#fstyle .mission figure {
position: static;
text-align: center;
}
}
#fstyle .mission .name {
padding-top: 1em;
text-align: right;
}
@media (max-width: 1020px) {
#fstyle .mission .name {
text-align: center;
}
}
#fstyle .images li {
float: left;
width: 23.5%;
margin-right: 2%;
}
#fstyle .images li img {
max-width: 100%;
}
@media (max-width: 1020px) {
#fstyle .images li {
width: 49%;
margin: 0px 2% 2% 0px;
}
#fstyle .images li:nth-child(2n) {
margin-right: 0px;
}
}
#fstyle .images li:last-child {
margin-right: 0px;
}
#group {
margin-top: -25px;
background: #f4f4f4 url(/site/img/index/groupbg.jpg) left center no-repeat;
text-align: center;
}
@media (max-width: 1020px) {
#group {
padding-bottom: 410px;
background-position: center bottom;
}
}
#group .wrap {
padding: 120px 0px 100px;
background: url(/site/img/index/group.png) right center no-repeat;
}
@media (max-width: 1020px) {
#group .wrap {
padding-top: 80px;
padding-bottom: 310px;
background-position: center bottom;
}
}
#group h2 {
margin-bottom: 1em;
font-weight: 400;
font-size: 25px;
line-height: 1;
}
@media (max-width: 1020px) {
#group h2 {
font-size: 30px;
}
}
#group p {
font-size: 18px;
line-height: 2.3;
}
@media (max-width: 1020px) {
#group p {
font-size: 22px;
}
}
#contentsbox {
padding: 80px 0px 170px;
background: #fff url(/site/img/index/linebg.jpg) center bottom repeat-x;
}
@media (max-width: 1020px) {
#contentsbox {
padding-bottom: 120px;
}
}
#contentsbox .line {
margin-bottom: 1em;
padding-bottom: 0.82em;
font-size: 34px;
line-height: 1;
letter-spacing: 0.1em;
background: url(/site/img/index/line.svg) center bottom no-repeat;
text-align: center;
font-weight: normal;
}
@media (min-width: 1021px) {
#contentsbox .line {
font-size: 32px;
}
}
#contentsbox ul li {
background-color: #FFF;
float: left;
width: 23.5%;
margin-right: 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
}
#contentsbox ul li:last-child {
margin-right: 0px;
}
@media (max-width: 1020px) {
#contentsbox ul li {
width: 48%;
margin: 0px 4% 40px 0px;
}
#contentsbox ul li:nth-child(2n) {
margin-right: 0px;
}
}
#contentsbox ul li a {
text-decoration: none;
}
#contentsbox ul li a:hover .img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#contentsbox ul li .img {
display: block;
overflow: hidden;
border: 3px solid #bce2cd;
}
#contentsbox ul li .img img {
width: 100%;
-webkit-transition: all .45s;
-o-transition: all .45s;
transition: all .45s;
}
#contentsbox ul li .title {
display: block;
padding-top: 0.8em;
font-size: 17px;
line-height: 1;
text-align: center;
color: #27724c;
}
@media (max-width: 1020px) {
#contentsbox ul li .title {
font-size: 24px;
}
}
#product {
overflow: hidden;
}
#product .itembox {
position: relative;
}
#product .itembox:before {
position: absolute;
left: 0px;
top: 0px;
content: "";
display: block;
width: 100%;
height: 620px;
border-bottom: 2px solid #fff;
}
#product .itembox .bg {
position: relative;
z-index: 5;
}
#product .itembox .item {
position: relative;
z-index: 10;
width: 50%;
}
@media (max-width: 1020px) {
#product .itembox .item {
width: auto;
}
}
#product .itembox .balloon {
margin-bottom: 20px;
text-align: right;
}
#product .itembox .balloon span {
font-size: 16px;
display: inline-block;
position: relative;
padding: 0.7em 1.5em;
border-radius: 12px;
background: #fff;
line-height: 1;
}
#product .itembox .balloon span:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
display: block;
width: 0px;
height: 0px;
margin-left: -6px;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #fff transparent transparent transparent;
}
@media (max-width: 1020px) {
#product .itembox .balloon span {
font-size: 22px;
line-height: 1.5;
}
}
#product .itembox h2 {
margin-bottom: 1em;
padding: 0.8em 1.4em;
font-size: 26px;
line-height: 1;
color: #fff;
font-weight: 500;
}
@media (max-width: 1020px) {
#product .itembox h2 {
font-size: 32px;
}
}
#product .itembox h2 span {
font-size: 16px;
padding-right: 1em;
}
@media (max-width: 1020px) {
#product .itembox h2 span {
display: block;
padding-bottom: 0.3em;
font-size: 20px;
}
}
#product .itembox .read {
margin-bottom: 1em;
font-size: 22px;
line-height: 1.8;
}
@media (max-width: 1020px) {
#product .itembox .read {
font-size: 30px;
}
}
#product .itembox .text {
margin-bottom: 2em;
line-height: 2.125;
font-size: 15px;
}
@media (max-width: 1020px) {
#product .itembox .text {
font-size: 24px;
}
}
@media (max-width: 1020px) {
#product .itembox .more {
text-align: center;
}
}
#product .itembox .more a {
display: inline-block;
width: 190px;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 1;
background: #3a3a3a url(/site/img/index/ar.svg) 164px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 170px;
font-size: 16px;
background-position: 145px center;
}
@media (max-width: 1020px) {
#product .itembox .more a {
border-radius: 1.5em;
background-size: 16px auto;
font-size: 24px;
}
}
#product .itembox .more a:hover {
background-color: #428967;
}
@media (max-width: 1020px) {
#product .itembox .more a {
width: 340px;
background-position: 300px center;
}
}
#product #product01 {
background: #dae6ea;
}
#product #product01:before {
top: 0px;
height: 680px;
background: #dae6ea;
-webkit-transform: skewY(-7.5deg);
-ms-transform: skewY(-7.5deg);
transform: skewY(-7.5deg);
z-index: 5;
}
@media (max-width: 1020px) {
#product #product01:before {
height: 1670px;
}
}
#product #product01 .bg {
padding: 100px 0px 160px;
background: url(/site/img/index/bg01.png) center 50px no-repeat;
}
@media (max-width: 1020px) {
#product #product01 .bg {
padding-bottom: 710px;
background-position: right bottom;
}
}
#product #product01 .balloon span {
color: #176f91;
}
#product #product01 h2 {
background: #3386af;
}
#product #product01 .read {
color: #176f91;
}
#product #product02 {
margin: -100px 0px 0px;
padding: 0px 0px 0px;
background: #daeae1;
}
@media (max-width: 1020px) {
#product #product02 {
margin-top: -160px;
padding: 110px 0px 0px;
}
}
#product #product02:before {
top: -155px;
height: 790px;
z-index: 4;
background: #daeae1;
-webkit-transform: skewY(7.5deg);
-ms-transform: skewY(7.5deg);
transform: skewY(7.5deg);
}
@media (max-width: 1020px) {
#product #product02:before {
top: 0px;
height: 1640px;
}
}
#product #product02 .bg {
padding-bottom: 159px;
background: url(/site/img/index/bg02.png) center top no-repeat;
}
@media (max-width: 1020px) {
#product #product02 .bg {
padding-bottom: 650px;
background-position: left bottom;
}
}
@media (min-width: 1021px) {
#product #product02 .item {
margin-left: 50%;
}
}
#product #product02 .balloon span {
color: #27724c;
}
#product #product02 h2 {
background: #428967;
}
#product #product02 .read {
color: #27724c;
}
#product #product03 {
background: #dae6ea;
}
@media (max-width: 1020px) {
#product #product03 {
margin-top: -60px;
}
}
#product #product03:before {
top: 0px;
z-index: 3;
height: 635px;
background: #dae6ea;
-webkit-transform: skewY(-7.5deg);
-ms-transform: skewY(-7.5deg);
transform: skewY(-7.5deg);
}
@media (max-width: 1020px) {
#product #product03:before {
height: 1445px;
}
}
#product #product03:after {
position: absolute;
left: 0px;
content: "";
display: block;
width: 100%;
top: -70px;
height: 635px;
background: #dae6ea;
-webkit-transform: skewY(7.5deg);
-ms-transform: skewY(7.5deg);
transform: skewY(7.5deg);
}
#product #product03 .bg {
padding: 70px 0px 115px;
background: url(/site/img/index/bg03_20230824.png) center top no-repeat;
}
@media (max-width: 1020px) {
#product #product03 .bg {
padding: 0px 0px 665px;
background-position: right bottom;
}
}
#product #product03 .balloon span {
color: #176f91;
}
#product #product03 h2 {
background: #3386af;
}
#product #product03 .read {
color: #176f91;
}
#product #product04 {
background: #f4eadc;
}
@media (max-width: 1020px) {
#product #product04 {
margin-top: -105px;
}
}
#product #product04:before {
top: -40px;
height: 620px;
background: #f4eadc;
-webkit-transform: skewY(-7.5deg);
-ms-transform: skewY(-7.5deg);
transform: skewY(-7.5deg);
border: none;
}
#product #product04 .bg {
padding-bottom: 65px;
background: url(/site/img/index/bg04.png) center top no-repeat;
}
@media (max-width: 1020px) {
#product #product04 .bg {
padding: 0px 0px 610px;
background-position: left bottom;
}
}
@media (min-width: 1021px) {
#product #product04 .item {
margin-left: 50%;
}
}
#product #product04 .balloon span {
color: #db832d;
}
#product #product04 h2 {
background: #db832d;
}
#product #product04 .read {
color: #db832d;
}
.newsbox {
padding: 70px 0px 140px;
background: #fff url(/site/img/index/linebg.jpg) center bottom repeat-x;
}
.newsbox h2 {
margin-bottom: 1em;
padding-bottom: 0.82em;
font-size: 34px;
line-height: 1;
letter-spacing: 0.1em;
background: url(/site/img/index/line.svg) center bottom no-repeat;
text-align: center;
font-weight: normal;
}
@media (min-width: 1021px) {
.newsbox h2 {
font-size: 32px;
}
}
.newsbox ul {
position: relative;
z-index: 10;
margin-bottom: 30px;
text-align: center;
font-size: 0px;
line-height: 0px;
}
.newsbox ul li {
display: inline-block;
margin: 0px 8px 8px;
}
@media (max-width: 1020px) {
.newsbox ul li {
width: 48%;
margin: 0px 4% 4% 0px;
}
.newsbox ul li:nth-child(2n) {
margin-right: 0px;
}
}
.newsbox ul li a {
display: inline-block;
padding: 0.85em 2em;
border-radius: 1.5em;
background: #fff;
font-size: 13px;
color: #cecece;
line-height: 1;
border: 1px solid #cecece;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 1020px) {
.newsbox ul li a {
display: block;
padding: 0.85em 0px;
font-size: 20px;
}
}
.newsbox ul li a:hover, .newsbox ul li a.current {
background: #56b27b;
color: #fff;
opacity: 1;
}
.newsbox .items {
position: relative;
display: flex;
z-index: 10;
flex-wrap: wrap;
}
@media (max-width: 1020px) {
.newsbox .items {
padding: 0px;
}
}
.newsbox .items .item {
float: left;
width: 32%;
margin: 0px 2% 2% 0px;
padding: 18px;
border: 2px solid #bce2cd;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.newsbox .items .item:nth-child(3n) {
margin-right: 0px;
}
@media (max-width: 1020px) {
.newsbox .items .item {
float: none;
width: 100%;
margin: 0px 0px 20px;
}
}
.newsbox .items .item .cat {
padding-bottom: 0.3em;
font-size: 16px;
}
@media (max-width: 1020px) {
.newsbox .items .item .cat {
font-size: 24px;
}
}
.newsbox .items .item .date {
padding-bottom: 0.3em;
color: #949494;
}
@media (max-width: 1020px) {
.newsbox .items .item .date {
font-size: 20px;
}
}
.newsbox .items .item h3 {
font-size: 14px;
}
@media (max-width: 1020px) {
.newsbox .items .item h3 {
font-size: 26px;
}
}
.newsbox .items .item h3 a {
text-decoration: none;
}
.newsbox .more {
padding-top: 15px;
text-align: center;
}
.newsbox .more a {
display: inline-block;
width: 190px;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 1;
background: #3a3a3a url(/site/img/index/ar.svg) 164px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 1020px) {
.newsbox .more a {
border-radius: 1.5em;
background-size: 16px auto;
font-size: 24px;
}
}
.newsbox .more a:hover {
background-color: #428967;
}
@media (max-width: 1020px) {
.newsbox .more a {
width: 340px;
background-position: 300px center;
}
}
.newsbox .noitem {
padding: 3em 0px;
text-align: center;
font-size: 14px;
}
@media (max-width: 1020px) {
.newsbox .noitem {
font-size: 22px;
}
}
.newsbox .tabbox {
display: none;
}
.newsbox .tabbox:nth-of-type(1) {
display: block;
} a.btn_det {
min-width: 150px;
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 1.4rem;
line-height: 1;
padding: 12px;
background: #3a3a3a;
border-radius: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
@media (max-width: 1020px) {
a.btn_det {
min-width: 40%;
font-size: 2.2rem;
padding: .8em;
border-radius: 2em;
}
}
#key {
position: relative;
z-index: 10;
}
#key .inner {
padding: 124px 0 0;
min-height: 426px;
}
@media (max-width: 1020px) {
#key .inner {
height: 100%;
min-height: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#key .inner .heading {
margin-top: 180px;
}
@media (max-width: 1020px) {
#key .inner .heading {
margin-top: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
#key .inner .heading .tit {
text-align: center;
}
#key .line-stripe {
display: block;
width: 2px;
background: #fff;
z-index: 98;
pointer-events: none;
}
#key .line-right, #key .line-left {
position: absolute;
top: 134px;
bottom: 0;
}
@media (max-width: 1020px) {
#key .line-right, #key .line-left {
top: 68px;
}
}
#key .line-right {
right: 15px;
}
@media (max-width: 1020px) {
#key .line-right {
right: 12px;
}
}
#key .line-left {
left: 15px;
}
@media (max-width: 1020px) {
#key .line-left {
left: 12px;
}
}
.move_area {
padding: 100px 0 280px;
background: url(/site/img/common/area_bg1.png) center bottom repeat-x;
}
.move_area > .tit {
font-size: 3.4rem;
line-height: 1.4;
text-align: center;
}
.move_area .bnr_move {
width: 1000px;
height: 300px;
background: url(/site/img/common/conv_move_bnr_bg1.png) center center no-repeat;
position: relative;
margin: 24px auto;
}
.move_area .bnr_move .obj {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.move_area .bnr_move .obj .title {
color: #fff;
font-size: 3.4rem;
line-height: 1;
margin-bottom: 20px;
}
@media (max-width: 1020px) {
.move_area {
padding: 40px 0 200px;
background-size: auto 142px;
}
.move_area > .tit {
font-size: 3.4rem;
line-height: 1.4;
text-align: center;
}
.move_area .bnr_move {
width: auto;
background-size: auto 300px;
margin: 12px auto;
}
.move_area .bnr_move .obj .title {
color: #fff;
font-size: 3.4rem;
line-height: 1;
margin-bottom: 20px;
}
.move_area .bnr_move .obj .btn_det {
width: 88%;
}
}
.map_area .googlemaps {
font-size: 0;
}
.map_area .googlemaps iframe {
width: 100%;
height: 662px;
}
body#index #contents .sec {
margin-bottom: 56px;
}
body#index #contents #key {
height: 1040px;
background: url(/site/img/index/key_slide1.jpg) center 0 no-repeat;
background-size: cover;
}
@media (max-width: 1020px) {
body#index #contents #key {
background: url(/site/img_sp/index/key_slide1_bg1.png) center 0 no-repeat;
background-size: cover;
margin-bottom: 0;
}
body#index #contents #key:after {
height: 260px;
}
}
body#index #contents #key .inner .heading .tit {
text-align: left;
margin-bottom: 8px;
}
@media (max-width: 1020px) {
body#index #contents #key .inner .heading {
top: 40%;
width: 80%;
}
body#index #contents #key .inner .heading .tit {
width: 100%;
text-align: left;
}
}
body#index #contents #key .inner .desc {
z-index: 1000;
position: absolute;
left: 0;
bottom: 0;
}
body#index #contents #key .inner .desc p {
margin-left: 8px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.8;
color: #fff;
text-shadow: 2px 2px 1px #000;
}
@media (max-width: 1020px) {
body#index #contents #key .inner .desc {
min-height: 200px;
}
body#index #contents #key .inner .desc p {
margin-left: 8px;
font-size: 2.4rem;
line-height: 1.6;
}
}
@media (max-width: 1020px) {
body#index #contents #key .scr_anker {
bottom: 210px;
}
}
body#index #contents #main .news {
padding-top: 80px;
padding-bottom: 200px;
background: url(/site/img/common/area_bg1.png) center bottom repeat-x;
}
@media (max-width: 1020px) {
body#index #contents #main .news {
padding-top: 32px;
padding-bottom: 200px;
background-size: auto 142px;
}
}
body#index #contents #main .news .inner {
width: 1040px;
}
@media (max-width: 1020px) {
body#index #contents #main .news .inner {
width: auto;
}
}
body#index #contents #main .news .heading {
position: relative;
}
body#index #contents #main .news .heading .std01 {
margin-bottom: 40px;
}
body#index #contents #main .news .heading .std01:after {
width: 214px;
}
body#index #contents #main .news .heading .li_sort {
margin: 32px auto;
letter-spacing: -.4em;
text-align: center;
}
body#index #contents #main .news .heading .li_sort > li {
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
margin: 12px 6px;
}
body#index #contents #main .news .heading .li_sort > li a {
font-size: 2rem;
line-height: 1;
padding: 12px 20px;
border: 1px solid #cecece;
background: #fff;
border-radius: 24px;
color: #cecece;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body#index #contents #main .news .heading .li_sort > li a:hover {
color: #fff;
}
body#index #contents #main .news .heading .li_sort > li a.clr_all:hover {
background: #56b27b;
border-color: #56b27b;
}
body#index #contents #main .news .heading .li_sort > li a.clr_seikotsu:hover {
background: #56b27b;
border-color: #56b27b;
}
body#index #contents #main .news .heading .li_sort > li a.clr_cg:hover {
background: #80af56;
border-color: #80af56;
}
body#index #contents #main .news .heading .li_sort > li a.clr_fukuyokai:hover {
background: #e59641;
border-color: #e59641;
}
body#index #contents #main .news .heading .li_sort > li a.clr_yh:hover {
background: #e57f7f;
border-color: #e57f7f;
}
body#index #contents #main .news .heading .li_sort > li a.clr_nokc:hover {
background: #47c99e;
border-color: #47c99e;
}
body#index #contents #main .news .li_news {
-webkit-transition: opacity 1.3s ease-out,-webkit-transform 1.3s ease-out;
transition: opacity 1.3s ease-out,-webkit-transform 1.3s ease-out;
-o-transition: opacity 1.3s ease-out,transform 1.3s ease-out;
transition: opacity 1.3s ease-out,transform 1.3s ease-out;
transition: opacity 1.3s ease-out,transform 1.3s ease-out,-webkit-transform 1.3s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
margin-top: 30px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background: #fff;
}
body#index #contents #main .news .li_news li {
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 0.6s ease;
transition: opacity 0.4s ease, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 0.6s ease;
-o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease, box-shadow 0.6s ease;
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease, box-shadow 0.6s ease;
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease, box-shadow 0.6s ease, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 0.6s ease;
-ms-flex-preferred-size: 31.66667%;
-webkit-flex-basis: 31.66667%;
flex-basis: 31.66667%;
margin: 0 0 2.5%;
border: 1px solid #bce2cd;
position: relative;
}
@media (max-width: 1020px) {
body#index #contents #main .news .li_news li {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
}
body#index #contents #main .news .li_news li a {
padding: 24px 28px;
display: block;
}
body#index #contents #main .news .li_news li:hover {
-webkit-transform: translate3d(0px, -2px, 0px);
transform: translate3d(0px, -2px, 0px);
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
body#index #contents #main .news .li_news li .gr_table .cat {
font-weight: bold;
font-size: 2.3rem;
line-height: 1;
}
body#index #contents #main .news .li_news li .gr_table .cat span.clr_group {
color: #56b27b;
}
body#index #contents #main .news .li_news li .gr_table .cat span.clr_seikotsu {
color: #56b27b;
}
body#index #contents #main .news .li_news li .gr_table .cat span.clr_cg {
color: #80af56;
}
body#index #contents #main .news .li_news li .gr_table .cat span.clr_fukuyokai {
color: #e59641;
}
body#index #contents #main .news .li_news li .gr_table .cat span.clr_yh {
color: #e57f7f;
}
body#index #contents #main .news .li_news li .gr_table .cat span.clr_nokc {
color: #47c99e;
}
body#index #contents #main .news .li_news li .gr_table .gr_txt .date {
font-size: 1.8rem;
color: #999;
}
body#index #contents #main .news .li_news li .gr_table .gr_txt .headline {
font-size: 1.8rem;
}
body#index #contents #main .news .btn_next {
position: absolute;
top: 132px;
right: -160px;
font-size: 1.8rem;
line-height: 1;
}
@media (max-width: 1020px) {
body#index #contents #main .news .btn_next {
position: static;
display: block;
}
}
body#index #contents #main .news .btn_next a:after {
margin-left: 8px;
content: "";
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 26px;
height: 26px;
background: url(/site/img/common/arr_atxt1.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
body#index #contents #main .news .btn_next a {
width: 64%;
color: #fff;
position: static;
display: block;
background: #56b27b;
margin: 24px auto 0;
padding: .8em 0;
text-align: center;
font-weight: bold;
}
body#index #contents #main .news .btn_next a:after {
margin-left: 0;
position: static;
width: auto;
height: auto;
background: none;
}
}
body#index #contents #main .pickup {
background: #C8DBB9;
}
body#index #contents #main .pickup .pu_li {
padding: 30px 0;
position: relative;
}
body#index #contents #main .pickup .pu_li .inner {
width: 1200px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .inner {
width: auto;
}
}
body#index #contents #main .pickup .pu_li .txt_blk {
width: 600px;
min-height: 675px;
z-index: 100;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk {
width: auto;
min-height: inherit;
margin-bottom: 40px;
}
}
body#index #contents #main .pickup .pu_li .txt_blk .heading {
padding-top: 24px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .txt_type {
color: #56b27b;
font-size: 2.2rem;
margin-left: 64px;
margin-bottom: 12px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .tit {
font-size: 3.5rem;
line-height: 1;
position: relative;
margin-bottom: 30px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .tit:before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .heading {
text-align: center;
padding-top: 154px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .txt_type {
font-size: 2.2rem;
margin-bottom: 12px;
margin-left: 0;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .tit {
margin-left: 0;
margin-bottom: 30px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .tit img {
height: 38px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .tit:before {
content: "";
display: inline-block;
position: absolute;
top: -20px;
left: 50%;
-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_seikotsu {
margin-left: 64px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_seikotsu:before {
width: 56px;
height: 56px;
background: url(/site/img/index/pu_seik_icn1.svg) 0 0 no-repeat;
background-size: contain;
left: -64px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_seikotsu {
margin-left: 0;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_seikotsu:before {
width: 118px;
height: 118px;
top: -180px;
left: 50%;
-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_cg {
margin-left: 64px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_cg:before {
width: 50px;
height: 48px;
background: url(/site/img/index/pu_cg_icn1.svg) 0 0 no-repeat;
background-size: contain;
left: -64px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_cg {
margin-left: 0;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_cg:before {
width: 112px;
height: 105px;
top: -180px;
left: 50%;
-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_nokc {
margin-left: 64px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_nokc:before {
width: 56px;
height: 56px;
background: url(/site/img/index/pu_nokc_icn1.svg) 0 0 no-repeat;
background-size: contain;
left: -64px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_nokc {
margin-left: 0;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_nokc:before {
width: 147px;
height: 105px;
top: -140px;
left: 50%;
-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_fukuyokai {
margin-left: 64px;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_fukuyokai:before {
width: 50px;
height: 48px;
background: url(/site/img/index/pu_fukuyokai_icn1.svg) 0 0 no-repeat;
background-size: contain;
left: -64px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_fukuyokai {
margin-left: 0;
}
body#index #contents #main .pickup .pu_li .txt_blk .heading .icn_fukuyokai:before {
width: 140px;
height: 107px;
top: -160px;
left: 50%;
-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
body#index #contents #main .pickup .pu_li .txt_blk .tit2 {
margin-bottom: 40px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .tit2 img {
width: 100%;
}
}
body#index #contents #main .pickup .pu_li .txt_blk .txt_gr {
width: 545px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .txt_gr {
width: auto;
}
}
body#index #contents #main .pickup .pu_li .txt_blk .txt_gr p {
font-size: 1.6rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .txt_gr p {
font-size: 2.4rem;
line-height: 1.6;
}
}
body#index #contents #main .pickup .pu_li .txt_blk .txt_gr .btn_det {
margin: 8px auto 0;
text-align: center;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .txt_blk .txt_gr .btn_det {
margin: 24px auto;
}
}
body#index #contents #main .pickup .pu_li .img_blk {
position: absolute;
left: 600px;
top: 0;
}
body#index #contents #main .pickup .pu_li .img_blk:after {
content: "";
position: absolute;
height: 80px;
bottom: -40px;
left: 0;
right: 0;
background: #C8DBB9;
-webkit-transform: skewY(-4.8deg);
-ms-transform: skewY(-4.8deg);
transform: skewY(-4.8deg);
z-index: 12;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li .img_blk {
position: relative;
left: 0;
margin: 0 -30px;
}
body#index #contents #main .pickup .pu_li .img_blk:after {
height: 56px;
bottom: -28px;
left: -30px;
right: -30px;
}
}
body#index #contents #main .pickup .pu_li:nth-child(even) .txt_blk {
margin-left: 650px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li:nth-child(even) .txt_blk {
margin-left: 0;
}
}
body#index #contents #main .pickup .pu_li:nth-child(even) .img_blk {
left: auto;
right: 600px;
top: 0;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li:nth-child(even) .img_blk {
right: 0;
}
}
body#index #contents #main .pickup .pu_li:nth-child(even) .img_blk:before {
content: "";
position: absolute;
height: 80px;
top: -40px;
left: 0;
right: 0;
background: #C8DBB9;
-webkit-transform: skewY(-4.8deg);
-ms-transform: skewY(-4.8deg);
transform: skewY(-4.8deg);
z-index: 12;
}
body#index #contents #main .pickup .pu_li:nth-child(even) .img_blk:after {
content: "";
position: absolute;
height: 80px;
bottom: -40px;
left: 0;
right: 0;
background: #C8DBB9;
-webkit-transform: skewY(4.8deg);
-ms-transform: skewY(4.8deg);
transform: skewY(4.8deg);
z-index: 12;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .pu_li:nth-child(even) .img_blk:after {
height: 56px;
bottom: -28px;
left: -30px;
right: -30px;
}
}
body#index #contents #main .pickup .one:after {
content: "";
position: absolute;
display: block;
left: 0;
right: 0;
height: 2px;
background: #fff;
z-index: 98;
pointer-events: none;
-webkit-transform: skewY(-4.8deg);
-ms-transform: skewY(-4.8deg);
transform: skewY(-4.8deg);
bottom: 0;
}
body#index #contents #main .pickup .two .txt_blk {
min-height: 715px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .two .txt_blk {
min-height: inherit;
}
body#index #contents #main .pickup .two .txt_blk .heading {
padding-top: 174px;
}
}
body#index #contents #main .pickup .two:after {
content: "";
position: absolute;
display: block;
left: 0;
right: 0;
height: 2px;
background: #fff;
z-index: 98;
pointer-events: none;
-webkit-transform: skewY(4.8deg);
-ms-transform: skewY(4.8deg);
transform: skewY(4.8deg);
bottom: 0;
}
body#index #contents #main .pickup .three .txt_blk {
min-height: 685px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .three .txt_blk {
min-height: inherit;
}
}
body#index #contents #main .pickup .three:after {
content: "";
position: absolute;
display: block;
left: 0;
right: 0;
height: 2px;
background: #fff;
z-index: 98;
pointer-events: none;
-webkit-transform: skewY(-4.8deg);
-ms-transform: skewY(-4.8deg);
transform: skewY(-4.8deg);
bottom: 0;
}
body#index #contents #main .pickup .three .img_blk:before {
content: "";
position: absolute;
height: 80px;
top: -40px;
left: 0;
right: 0;
background: #C8DBB9;
-webkit-transform: skewY(4.8deg);
-ms-transform: skewY(4.8deg);
transform: skewY(4.8deg);
z-index: 12;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .three .img_blk:before {
height: 56px;
top: -28px;
left: -30px;
right: -30px;
}
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .four {
padding-bottom: 0;
}
}
body#index #contents #main .pickup .four .txt_blk {
min-height: 725px;
}
@media (max-width: 1020px) {
body#index #contents #main .pickup .four .txt_blk {
min-height: inherit;
}
}
body#index #contents #main .pickup .four:after {
display: none;
}
body#index #contents #main .pickup .four .img_blk:before {
content: "";
position: absolute;
height: 80px;
top: -40px;
left: 0;
right: 0;
background: #C8DBB9;
-webkit-transform: skewY(4.8deg);
-ms-transform: skewY(4.8deg);
transform: skewY(4.8deg);
z-index: 12;
}
body#index #contents #main .pickup .four .img_blk:after {
display: none;
} #news .news ul.li_sort {
display: none;
}
#news #contents {
padding-bottom: 200px;
background: url(/site/img/common/area_bg1.png) center bottom repeat-x;
}
@media (max-width: 1020px) {
#news #contents {
padding-top: 32px;
padding-bottom: 200px;
background-size: auto 142px;
}
}
#leftbox #newlist .heading {
position: relative;
}
#leftbox #newlist .heading .std01 {
margin-bottom: 40px;
}
#leftbox #newlist .heading .std01:after {
width: 179px;
}
#leftbox #newlist .li_sort {
margin: 32px auto;
letter-spacing: -.4em;
text-align: center;
}
#leftbox #newlist .li_sort > li {
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
margin: 12px 6px 32px;
}
@media (max-width: 1020px) {
#leftbox #newlist .li_sort > li {
margin: 12px 6px 16px;
}
}
#leftbox #newlist .li_sort > li a {
font-size: 2rem;
line-height: 1;
padding: 12px 20px;
border: 1px solid #cecece;
background: #fff;
border-radius: 24px;
color: #cecece;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#leftbox #newlist .li_sort > li a:hover {
color: #fff;
}
#leftbox #newlist .li_sort > li a.clr_all:hover {
background: #56b27b;
border-color: #56b27b;
}
#leftbox #newlist .li_sort > li a.clr_seikotsu:hover {
background: #56b27b;
border-color: #56b27b;
}
#leftbox #newlist .li_sort > li a.clr_cg:hover {
background: #80af56;
border-color: #80af56;
}
#leftbox #newlist .li_sort > li a.clr_fukuyokai:hover {
background: #e59641;
border-color: #e59641;
}
#leftbox #newlist .li_sort > li a.clr_yh:hover {
background: #e57f7f;
border-color: #e57f7f;
}
#leftbox #newlist .li_sort > li a.clr_nokc:hover {
background: #47c99e;
border-color: #47c99e;
}
#leftbox #newlist .li_news {
-webkit-transition: opacity 1.3s ease-out,-webkit-transform 1.3s ease-out;
transition: opacity 1.3s ease-out,-webkit-transform 1.3s ease-out;
-o-transition: opacity 1.3s ease-out,transform 1.3s ease-out;
transition: opacity 1.3s ease-out,transform 1.3s ease-out;
transition: opacity 1.3s ease-out,transform 1.3s ease-out,-webkit-transform 1.3s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
margin-top: 30px;
margin-bottom: 30px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#leftbox #newlist .li_news li {
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 0.6s ease;
transition: opacity 0.4s ease, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 0.6s ease;
-o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease, box-shadow 0.6s ease;
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease, box-shadow 0.6s ease;
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease, box-shadow 0.6s ease, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 0.6s ease;
-ms-flex-preferred-size: 47.5%;
-webkit-flex-basis: 48.5%;
flex-basis: 48.5%;
margin: 0 0 1.6%;
border: 2px solid #bce2cd;
position: relative;
background: #fff;
}
@media (max-width: 1020px) {
#leftbox #newlist .li_news li {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
}
#leftbox #newlist .li_news li a {
padding: 24px 28px;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#leftbox #newlist .li_news li a:hover {
text-decoration: none;
opacity: 0.6;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#leftbox #newlist .li_news li .gr_table .cat {
font-weight: 400;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 0.5em;
}
#leftbox #newlist .li_news li .gr_table .cat span.clr_group {
color: #56b27b;
}
#leftbox #newlist .li_news li .gr_table .cat span.clr_seikotsu {
color: #56b27b;
}
#leftbox #newlist .li_news li .gr_table .cat span.clr_cg {
color: #80af56;
}
#leftbox #newlist .li_news li .gr_table .cat span.clr_fukuyokai {
color: #e59641;
}
#leftbox #newlist .li_news li .gr_table .cat span.clr_yh {
color: #e57f7f;
}
#leftbox #newlist .li_news li .gr_table .cat span.clr_nokc {
color: #47c99e;
}
#leftbox #newlist .li_news li .gr_table .gr_txt .date {
font-size: 1.35rem;
color: #999;
margin-bottom: 0.3em;
}
#leftbox #newlist .li_news li .gr_table .gr_txt .headline {
font-size: 1.5rem;
font-weight: 600;
}
#leftbox #newdetail .std01 {
margin-bottom: 40px;
}
#leftbox #newdetail .std01:after {
width: 179px;
}
#leftbox #newdetail .post .heading {
text-align: left;
padding: 8px 4px;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .heading {
padding: 8px 4px;
}
}
#leftbox #newdetail .post .heading .postdate {
color: #676767;
font-size: 1.7rem;
font-weight: 400;
margin-bottom: 1.0em;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .heading .postdate {
font-size: 1.7rem;
}
}
#leftbox #newdetail .post .heading .tit {
color: #222222;
font-size: 2.8rem;
line-height: 1.4em;
text-align: left;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
font-weight: 400;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .heading .tit {
font-size: 4.0rem;
}
}
#leftbox #newdetail .post .heading .cat {
font-weight: bold;
line-height: 1;
margin-bottom: 8px;
}
#leftbox #newdetail .post .heading .cat span {
display: inline-block;
font-size: 1.2rem;
line-height: 1;
padding: 7px 10px;
border-radius: 24px;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .heading .cat span {
font-size: 1.8rem;
padding: 12px 20px;
}
}
#leftbox #newdetail .post .heading .cat span.clr_group {
background: #56b27b;
}
#leftbox #newdetail .post .heading .cat span.clr_seikotsu {
background: #56b27b;
}
#leftbox #newdetail .post .heading .cat span.clr_cg {
background: #80af56;
}
#leftbox #newdetail .post .heading .cat span.clr_fukuyokai {
background: #e59641;
}
#leftbox #newdetail .post .heading .cat span.clr_yh {
background: #e57f7f;
}
#leftbox #newdetail .post .heading .cat span.clr_nokc {
background: #47c99e;
}
#leftbox #newdetail .post .entry {
padding: 20px 15px 64px 15px;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .entry {
padding: 32px 0px;
}
}
#leftbox #newdetail .post .entry p {
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .entry p {
font-size: 2.6rem;
}
}
#leftbox #newdetail .post .entry img {
display: block;
margin: 40px 0;
}
@media (max-width: 1020px) {
#leftbox #newdetail .post .entry img {
max-width: 100%;
}
}
#leftbox #newdetail .post .entry a {
color: #0075bf;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
#leftbox #newdetail .post .entry a:hover {
color: #f57f00;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
#leftbox #newdetail .nav_page {
display: table;
margin-bottom: 80px;
}
@media (max-width: 1020px) {
#leftbox #newdetail .nav_page {
margin-bottom: 200px;
}
}
#leftbox #newdetail .nav_page .np {
letter-spacing: normal;
display: table-cell;
vertical-align: top;
font-size: 1.5rem;
}
@media (max-width: 1020px) {
#leftbox #newdetail .nav_page .np {
font-size: 2.2rem;
}
}
#leftbox #newdetail .nav_page .np a {
color: #56b27b;
}
#leftbox #newdetail .nav_page .prev,
#leftbox #newdetail .nav_page .next {
width: 38%;
width: 50%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#leftbox #newdetail .nav_page .back {
width: 24%;
text-align: center;
display: none;
}
#leftbox #newdetail .nav_page .prev {
padding-left: 16px;
}
#leftbox #newdetail .nav_page .prev:before {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background: url(/site/img/news/det_icn_prev.svg) 0 0 no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#leftbox #newdetail .nav_page .next {
text-align: right;
padding-right: 16px;
}
#leftbox #newdetail .nav_page .next:after {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background: url(/site/img/news/det_icn_next.svg) 0 0 no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
} .entry {
word-wrap: break-word;
line-height: 2;
font-size: 16px;
}
@media (max-width: 1020px) {
.entry {
font-size: 24px;
}
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
position: static;
clear: both;
float: none;
height: auto;
min-height: 1px;
margin: 0 0 1em;
padding: 0px;
background: none;
border: none;
color: #333;
text-shadow: 1px 1px 0 #fff;
}
.entry h1 {
font-size: 145.5%;
}
.entry h2 {
font-size: 136.4%;
}
.entry h3 {
font-size: 127.3%;
}
.entry h4 {
font-size: 127.3%;
}
.entry h5 {
font-size: 118.2%;
}
.entry h6 {
font-size: 100%;
}
.entry strong, .entry b {
font-weight: bold;
}
.entry p {
margin: 0em 0em 2em 0em;
}
.entry em {
font-style: italic;
}
.entry ol {
margin: 1em 2em 1em;
}
.entry ul {
margin: 1em 0 1em;
}
.entry ul li {
margin: 0em 0em 0.5em 1em;
}
.entry ol li {
margin: 0em 0em 0.5em 0em;
}
.entry ul {
list-style: disc;
}
.entry ol {
list-style: decimal;
}
.entry dl {
margin: 1em 0;
}
.entry dd {
margin-left: 2em;
}
.entry table.wp-oembed,
.entry table.wp-oembed td {
border: none;
}
.entry table caption {
font-size: 14px;
font-weight: bold;
text-align: left;
}
.entry table {
clear: both;
width: 99%;
border-collapse: collapse;
border-spacing: 0;
margin: 1em 0 2em;
}
.entry table th {
padding: 0.5em;
background: #f5f5f5;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
}
.entry table td {
padding: .5em;
}
.entry img {
max-width: 100%;
height: auto;
margin-bottom: 2em;
}
.entry img.aligncenter {
clear: both;
display: block;
margin: auto;
}
.entry a {
text-decoration: underline;
}
.entry iframe {
max-width: 100%;
}
@media (min-width: 1021px) {
.entry img.alignleft {
float: left;
margin-right: 2em;
}
.entry img.alignright {
float: right;
margin-left: 2em;
}
} #coEyecath {
position: relative;
z-index: 10;
}
#coEyecath .img {
position: relative;
height: 930px;
background: url(/site/img/contact/bg.png) center bottom no-repeat;
background-size: cover;
}
@media (max-width: 1020px) {
#coEyecath .img {
height: 440px;
margin-bottom: 40px;
}
}
#coEyecath .textbox {
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
width: 100%;
}
@media (max-width: 1020px) {
#coEyecath .textbox {
position: static;
}
}
#coEyecath .textbox .copy {
padding-top: 410px;
}
@media (max-width: 1020px) {
#coEyecath .textbox .copy {
padding-top: 280px;
}
}
#coEyecath .textbox .text {
padding-top: 20px;
padding-left: 14px;
color: #fff;
font-size: 16px;
line-height: 2;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
@media (max-width: 1020px) {
#coEyecath .textbox .text {
font-size: 24px;
color: #3e3a39;
text-shadow: none;
}
}
#contact-error .read h4 {
color: #ab0014;
}
#contact, #contact-confirm, #contact-complete, #contact-error {
position: relative;
}
#contact:before, #contact-confirm:before, #contact-complete:before, #contact-error:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 370px;
height: 370px;
background: url(/site/img/common/contents_bg1.svg) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 1;
top: 222px;
left: 24%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#contact .step, #contact-confirm .step, #contact-complete .step, #contact-error .step {
list-style-type: none;
display: table;
width: 100%;
padding: 0;
margin: 40px 0;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1020px) {
#contact .step, #contact-confirm .step, #contact-complete .step, #contact-error .step {
width: 100%;
margin: 32px 0 16px;
}
}
#contact .step li, #contact-confirm .step li, #contact-complete .step li, #contact-error .step li {
font-size: 1.8rem;
line-height: 1;
display: table-cell;
position: relative;
background: #000000;
padding: 16px 20px 16px 44px;
color: #fff;
}
#contact .step li:before, #contact .step li:after, #contact-confirm .step li:before, #contact-confirm .step li:after, #contact-complete .step li:before, #contact-complete .step li:after, #contact-error .step li:before, #contact-error .step li:after {
content: "";
position: absolute;
width: 0;
height: 0;
margin: auto;
}
#contact .step li:first-child, #contact-confirm .step li:first-child, #contact-complete .step li:first-child, #contact-error .step li:first-child {
padding-left: 20px;
}
#contact .step li:last-child, #contact-confirm .step li:last-child, #contact-complete .step li:last-child, #contact-error .step li:last-child {
padding-right: 1em;
}
#contact .step li:last-child:before, #contact .step li:last-child:after, #contact-confirm .step li:last-child:before, #contact-confirm .step li:last-child:after, #contact-complete .step li:last-child:before, #contact-complete .step li:last-child:after, #contact-error .step li:last-child:before, #contact-error .step li:last-child:after {
display: none;
}
#contact .step li:before, #contact-confirm .step li:before, #contact-complete .step li:before, #contact-error .step li:before {
top: -15px;
right: -1.25em;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 40px 0 40px 1.6em;
z-index: 10;
}
#contact .step li:after, #contact-confirm .step li:after, #contact-complete .step li:after, #contact-error .step li:after {
top: -15px;
right: -1.16em;
border-style: solid;
border-color: transparent transparent transparent #000;
border-width: 40px 0 40px 1.6em;
z-index: 10;
}
#contact .step li.is-current, #contact-confirm .step li.is-current, #contact-complete .step li.is-current, #contact-error .step li.is-current {
background: #219a3a;
font-weight: bold;
}
#contact .step li.is-current:after, #contact-confirm .step li.is-current:after, #contact-complete .step li.is-current:after, #contact-error .step li.is-current:after {
border-color: transparent transparent transparent #219a3a;
}
#contact .read, #contact-confirm .read, #contact-complete .read, #contact-error .read {
margin-bottom: 45px;
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#contact .read, #contact-confirm .read, #contact-complete .read, #contact-error .read {
font-size: 24px;
}
}
#contact .std01, #contact-confirm .std01, #contact-complete .std01, #contact-error .std01 {
margin-bottom: 40px;
}
#contact .form_blk, #contact-confirm .form_blk, #contact-complete .form_blk, #contact-error .form_blk {
margin-bottom: 48px;
}
#contact .form_blk .tit, #contact-confirm .form_blk .tit, #contact-complete .form_blk .tit, #contact-error .form_blk .tit {
font-size: 1.8rem;
line-height: 1;
text-align: left;
padding: 8px 0;
}
@media (max-width: 1020px) {
#contact .form_blk .tit, #contact-confirm .form_blk .tit, #contact-complete .form_blk .tit, #contact-error .form_blk .tit {
font-size: 3rem;
padding: 12px 0;
}
}
#contact .form_blk .required, #contact-confirm .form_blk .required, #contact-complete .form_blk .required, #contact-error .form_blk .required {
padding-left: 0.5em;
}
#contact .form_blk .list_form, #contact-confirm .form_blk .list_form, #contact-complete .form_blk .list_form, #contact-error .form_blk .list_form {
border-top: 1px solid #dce0e3;
}
#contact .form_blk .list_form > li, #contact-confirm .form_blk .list_form > li, #contact-complete .form_blk .list_form > li, #contact-error .form_blk .list_form > li {
font-size: 1.5rem;
padding: 12px 0;
border-bottom: 1px solid #dce0e3;
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li, #contact-confirm .form_blk .list_form > li, #contact-complete .form_blk .list_form > li, #contact-error .form_blk .list_form > li {
padding: 16px 0;
font-size: 24px;
}
}
#contact .form_blk .list_form > li > ul.list_gr > li, #contact-confirm .form_blk .list_form > li > ul.list_gr > li, #contact-complete .form_blk .list_form > li > ul.list_gr > li, #contact-error .form_blk .list_form > li > ul.list_gr > li {
margin: 0 0 12px;
}
#contact .form_blk .list_form > li > ul.list_gr > li:last-child, #contact-confirm .form_blk .list_form > li > ul.list_gr > li:last-child, #contact-complete .form_blk .list_form > li > ul.list_gr > li:last-child, #contact-error .form_blk .list_form > li > ul.list_gr > li:last-child {
margin-bottom: 0;
}
#contact .form_blk .list_form > li > .dl_table, #contact-confirm .form_blk .list_form > li > .dl_table, #contact-complete .form_blk .list_form > li > .dl_table, #contact-error .form_blk .list_form > li > .dl_table {
width: 100%;
display: table;
}
#contact .form_blk .list_form > li > .dl_table > dt,
#contact .form_blk .list_form > li > .dl_table > dd, #contact-confirm .form_blk .list_form > li > .dl_table > dt,
#contact-confirm .form_blk .list_form > li > .dl_table > dd, #contact-complete .form_blk .list_form > li > .dl_table > dt,
#contact-complete .form_blk .list_form > li > .dl_table > dd, #contact-error .form_blk .list_form > li > .dl_table > dt,
#contact-error .form_blk .list_form > li > .dl_table > dd {
font-size: 1.0em;
display: table-cell;
vertical-align: middle;
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li > .dl_table > dt,
#contact .form_blk .list_form > li > .dl_table > dd, #contact-confirm .form_blk .list_form > li > .dl_table > dt,
#contact-confirm .form_blk .list_form > li > .dl_table > dd, #contact-complete .form_blk .list_form > li > .dl_table > dt,
#contact-complete .form_blk .list_form > li > .dl_table > dd, #contact-error .form_blk .list_form > li > .dl_table > dt,
#contact-error .form_blk .list_form > li > .dl_table > dd {
display: block;
}
}
#contact .form_blk .list_form > li > .dl_table > dt, #contact-confirm .form_blk .list_form > li > .dl_table > dt, #contact-complete .form_blk .list_form > li > .dl_table > dt, #contact-error .form_blk .list_form > li > .dl_table > dt {
width: 160px;
font-weight: bold;
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li > .dl_table > dt, #contact-confirm .form_blk .list_form > li > .dl_table > dt, #contact-complete .form_blk .list_form > li > .dl_table > dt, #contact-error .form_blk .list_form > li > .dl_table > dt {
width: auto;
}
}
#contact .form_blk .list_form > li > .dl_table > dd, #contact-confirm .form_blk .list_form > li > .dl_table > dd, #contact-complete .form_blk .list_form > li > .dl_table > dd, #contact-error .form_blk .list_form > li > .dl_table > dd {
padding-left: 3.5em;
position: relative;
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li > .dl_table > dd, #contact-confirm .form_blk .list_form > li > .dl_table > dd, #contact-complete .form_blk .list_form > li > .dl_table > dd, #contact-error .form_blk .list_form > li > .dl_table > dd {
padding-left: 0;
}
}
#contact .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li, #contact-confirm .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li, #contact-complete .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li, #contact-error .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li {
padding-bottom: 12px;
margin: 0 0 12px;
border-bottom: 1px solid #dce0e3;
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li, #contact-confirm .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li, #contact-complete .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li, #contact-error .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li {
border-bottom: none;
}
}
#contact .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li:last-child, #contact-confirm .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li:last-child, #contact-complete .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li:last-child, #contact-error .form_blk .list_form > li > .dl_table > dd > ul.list_gr > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#contact .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li, #contact-confirm .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li, #contact-complete .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li, #contact-error .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li {
margin: 0 0 12px;
position: relative;
}
#contact .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li:last-child, #contact-confirm .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li:last-child, #contact-complete .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li:last-child, #contact-error .form_blk .list_form > li > .dl_table > dd > ul.list_gr_noline > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#contact .form_blk .list_form > li > .dl_table > dd .br_blk, #contact-confirm .form_blk .list_form > li > .dl_table > dd .br_blk, #contact-complete .form_blk .list_form > li > .dl_table > dd .br_blk, #contact-error .form_blk .list_form > li > .dl_table > dd .br_blk {
display: inline-block;
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li > .dl_table > dd .br_blk, #contact-confirm .form_blk .list_form > li > .dl_table > dd .br_blk, #contact-complete .form_blk .list_form > li > .dl_table > dd .br_blk, #contact-error .form_blk .list_form > li > .dl_table > dd .br_blk {
display: block;
}
}
#contact .form_blk .list_form > li > .dl_table > dd .inden, #contact-confirm .form_blk .list_form > li > .dl_table > dd .inden, #contact-complete .form_blk .list_form > li > .dl_table > dd .inden, #contact-error .form_blk .list_form > li > .dl_table > dd .inden {
width: 3em;
margin-right: 0.5em;
position: absolute;
left: -3.5em;
top: 50%;
text-align: right;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li > .dl_table > dd .inden, #contact-confirm .form_blk .list_form > li > .dl_table > dd .inden, #contact-complete .form_blk .list_form > li > .dl_table > dd .inden, #contact-error .form_blk .list_form > li > .dl_table > dd .inden {
width: auto;
position: static;
display: block;
text-align: left;
top: 0;
-webkit-transform: translateY(0); -ms-transform: translateY(0);
transform: translateY(0);
}
}
@media (max-width: 1020px) {
#contact .form_blk .list_form > li.li_add dl, #contact-confirm .form_blk .list_form > li.li_add dl, #contact-complete .form_blk .list_form > li.li_add dl, #contact-error .form_blk .list_form > li.li_add dl {
position: relative;
}
#contact .form_blk .list_form > li.li_add dl dd, #contact-confirm .form_blk .list_form > li.li_add dl dd, #contact-complete .form_blk .list_form > li.li_add dl dd, #contact-error .form_blk .list_form > li.li_add dl dd {
padding-left: 0;
}
#contact .form_blk .list_form > li.li_add dl .inden, #contact-confirm .form_blk .list_form > li.li_add dl .inden, #contact-complete .form_blk .list_form > li.li_add dl .inden, #contact-error .form_blk .list_form > li.li_add dl .inden {
width: 1em;
margin-right: 0.5em;
position: absolute;
left: -1.5em;
top: 50%;
text-align: right;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
#contact .form_blk .list_form textarea, #contact-confirm .form_blk .list_form textarea, #contact-complete .form_blk .list_form textarea, #contact-error .form_blk .list_form textarea {
width: 100%;
height: 12em;
}
#contact .pcheck, #contact-confirm .pcheck, #contact-complete .pcheck, #contact-error .pcheck {
text-align: center;
font-size: 1.6rem;
margin: 40px auto;
}
@media (max-width: 1020px) {
#contact .pcheck, #contact-confirm .pcheck, #contact-complete .pcheck, #contact-error .pcheck {
font-size: 2.4rem;
}
}
#contact .pcheck a, #contact-confirm .pcheck a, #contact-complete .pcheck a, #contact-error .pcheck a {
color: #009E75;
}
#contact .pcheck a:hover, #contact-confirm .pcheck a:hover, #contact-complete .pcheck a:hover, #contact-error .pcheck a:hover {
color: #4CDBA8;
}
#contact .pcheck a[target=_blank], #contact-confirm .pcheck a[target=_blank], #contact-complete .pcheck a[target=_blank], #contact-error .pcheck a[target=_blank] {
padding-right: 22px;
margin-right: 5px;
background-image: url(//www.fujimoto-group.jp/site/img/common/a_icon.png);
background-size: 16px 13px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
#contact .send, #contact-confirm .send, #contact-complete .send, #contact-error .send {
text-align: center;
margin: 40px 0;
}
@media (max-width: 1020px) {
#contact .send, #contact-confirm .send, #contact-complete .send, #contact-error .send {
height: 70px;
}
}
#contact .send .button, #contact-confirm .send .button, #contact-complete .send .button, #contact-error .send .button {
-webkit-appearance: none;
display: inline-block;
padding: 19px 3em;
background: #428967;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #fff;
font-size: 2.0rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: bold;
border: none;
border-radius: 30px;
cursor: pointer;
}
#contact .send .button.back, #contact-confirm .send .button.back, #contact-complete .send .button.back, #contact-error .send .button.back {
padding: 1em 4em;
background: #000;
}
@media (max-width: 1020px) {
#contact .send .button, #contact-confirm .send .button, #contact-complete .send .button, #contact-error .send .button {
font-size: 32px;
width: 70% !important;
border-radius: 60px;
margin-bottom: 100px;
}
}
#contact .send .button:hover, #contact-confirm .send .button:hover, #contact-complete .send .button:hover, #contact-error .send .button:hover {
background: #3a3a3a;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#contact form input, #contact-confirm form input, #contact-complete form input, #contact-error form input {
width: 50%;
}
#contact form input[type=checkbox], #contact-confirm form input[type=checkbox], #contact-complete form input[type=checkbox], #contact-error form input[type=checkbox] {
width: auto;
}
@media (max-width: 1020px) {
#contact form input, #contact-confirm form input, #contact-complete form input, #contact-error form input {
width: 100%;
padding: 12px 10px;
}
}
#contact form input.inp_w5em, #contact-confirm form input.inp_w5em, #contact-complete form input.inp_w5em, #contact-error form input.inp_w5em {
width: 5em;
}
#contact form input.inp_w30, #contact-confirm form input.inp_w30, #contact-complete form input.inp_w30, #contact-error form input.inp_w30 {
width: 30%;
}
@media (max-width: 1020px) {
#contact form input.inp_w30, #contact-confirm form input.inp_w30, #contact-complete form input.inp_w30, #contact-error form input.inp_w30 {
width: 60%;
}
}
#contact form input.inp_w45, #contact-confirm form input.inp_w45, #contact-complete form input.inp_w45, #contact-error form input.inp_w45 {
width: 45%;
}
@media (max-width: 1020px) {
#contact form input.inp_w45, #contact-confirm form input.inp_w45, #contact-complete form input.inp_w45, #contact-error form input.inp_w45 {
width: 100%;
}
}
#contact form input.inp_w60, #contact-confirm form input.inp_w60, #contact-complete form input.inp_w60, #contact-error form input.inp_w60 {
width: 60%;
}
@media (max-width: 1020px) {
#contact form input.inp_w60, #contact-confirm form input.inp_w60, #contact-complete form input.inp_w60, #contact-error form input.inp_w60 {
width: 100%;
}
}
#contact form input.rad_std, #contact-confirm form input.rad_std, #contact-complete form input.rad_std, #contact-error form input.rad_std {
width: auto;
}
@media (max-width: 1020px) {
#contact form select, #contact-confirm form select, #contact-complete form select, #contact-error form select {
padding: 10px;
}
}
#contact form #zip, #contact-confirm form #zip, #contact-complete form #zip, #contact-error form #zip {
width: 5em;
}
@media (max-width: 1020px) {
#contact form #zip, #contact-confirm form #zip, #contact-complete form #zip, #contact-error form #zip {
width: 32%;
}
}
#contact form #zip1, #contact-confirm form #zip1, #contact-complete form #zip1, #contact-error form #zip1 {
width: 5em;
}
@media (max-width: 1020px) {
#contact form #zip1, #contact-confirm form #zip1, #contact-complete form #zip1, #contact-error form #zip1 {
width: 32%;
}
}
#contact form .error, #contact-confirm form .error, #contact-complete form .error, #contact-error form .error {
margin-top: 0.5em;
color: #c00;
}
#contact .complete_sec, #contact-confirm .complete_sec, #contact-complete .complete_sec, #contact-error .complete_sec {
padding: 40px 0;
}
#contact .complete_sec .heading, #contact-confirm .complete_sec .heading, #contact-complete .complete_sec .heading, #contact-error .complete_sec .heading {
text-align: center;
}
#contact .complete_sec .heading .txt1, #contact-confirm .complete_sec .heading .txt1, #contact-complete .complete_sec .heading .txt1, #contact-error .complete_sec .heading .txt1 {
margin: 0 0 24px;
}
#contact .complete_sec .heading .tit, #contact-confirm .complete_sec .heading .tit, #contact-complete .complete_sec .heading .tit, #contact-error .complete_sec .heading .tit {
margin-bottom: 40px;
}
#contact .complete_sec .txt_gr, #contact-confirm .complete_sec .txt_gr, #contact-complete .complete_sec .txt_gr, #contact-error .complete_sec .txt_gr {
text-align: center;
}
#contact .complete_sec .txt_gr p, #contact-confirm .complete_sec .txt_gr p, #contact-complete .complete_sec .txt_gr p, #contact-error .complete_sec .txt_gr p {
font-size: 1.8rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#contact .complete_sec .txt_gr p, #contact-confirm .complete_sec .txt_gr p, #contact-complete .complete_sec .txt_gr p, #contact-error .complete_sec .txt_gr p {
font-size: 2.6rem;
}
}
#contact .complete_sec .txt_gr .txt_tel, #contact-confirm .complete_sec .txt_gr .txt_tel, #contact-complete .complete_sec .txt_gr .txt_tel, #contact-error .complete_sec .txt_gr .txt_tel {
text-align: center;
padding: 28px 0;
}
#contact .complete_sec .txt_gr .txt_tel .one, #contact-confirm .complete_sec .txt_gr .txt_tel .one, #contact-complete .complete_sec .txt_gr .txt_tel .one, #contact-error .complete_sec .txt_gr .txt_tel .one {
line-height: 1;
margin-bottom: 16px;
}
#contact .complete_sec .txt_gr .txt_tel .two, #contact-confirm .complete_sec .txt_gr .txt_tel .two, #contact-complete .complete_sec .txt_gr .txt_tel .two, #contact-error .complete_sec .txt_gr .txt_tel .two {
line-height: 1;
margin-bottom: 8px;
}
#contact .complete_sec .txt_gr .txt_tel .two img, #contact-confirm .complete_sec .txt_gr .txt_tel .two img, #contact-complete .complete_sec .txt_gr .txt_tel .two img, #contact-error .complete_sec .txt_gr .txt_tel .two img {
height: 50px;
}
#contact .complete_sec .btn_list, #contact-confirm .complete_sec .btn_list, #contact-complete .complete_sec .btn_list, #contact-error .complete_sec .btn_list {
width: 566px;
margin: 24px auto;
}
@media (max-width: 1020px) {
#contact .complete_sec .btn_list, #contact-confirm .complete_sec .btn_list, #contact-complete .complete_sec .btn_list, #contact-error .complete_sec .btn_list {
width: 100%;
}
}
#contact .complete_sec .btn_list li, #contact-confirm .complete_sec .btn_list li, #contact-complete .complete_sec .btn_list li, #contact-error .complete_sec .btn_list li {
display: block;
margin-bottom: 16px;
}
#contact .complete_sec .btn_list li:last-child, #contact-confirm .complete_sec .btn_list li:last-child, #contact-complete .complete_sec .btn_list li:last-child, #contact-error .complete_sec .btn_list li:last-child {
margin-bottom: 0;
}
#contact .complete_sec .btn_list li a, #contact-confirm .complete_sec .btn_list li a, #contact-complete .complete_sec .btn_list li a, #contact-error .complete_sec .btn_list li a {
color: #fff;
display: block;
padding: 1em;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 2.4rem;
}
#contact .complete_sec .btn_list li a.btn_std, #contact-confirm .complete_sec .btn_list li a.btn_std, #contact-complete .complete_sec .btn_list li a.btn_std, #contact-error .complete_sec .btn_list li a.btn_std {
background: #4CDBA8;
}
#contact .complete_sec .btn_list li a.btn_next, #contact-confirm .complete_sec .btn_list li a.btn_next, #contact-complete .complete_sec .btn_list li a.btn_next, #contact-error .complete_sec .btn_list li a.btn_next {
background: #ec75a9;
} article > #faq {
position: relative;
}
article > #faq:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 370px;
height: 370px;
background: url(/site/img/common/contents_bg1.svg) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 1;
top: 222px;
left: 24%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
article > #faq #leftbox section {
margin-bottom: 40px;
}
article > #faq #leftbox section .m-faq-list_title {
font-size: 3.2rem;
letter-spacing: 0.05em;
text-align: center;
color: #009E75;
}
@media (min-width: 1021px) {
article > #faq #leftbox section .m-faq-list_title {
padding: 32px 0;
}
}
@media (max-width: 1020px) {
article > #faq #leftbox section .m-faq-list_title {
padding: 32px 0;
}
}
@media (min-width: 1021px) {
article > #faq #leftbox section:first-child .m-faq-list_title {
padding-top: 0;
}
}
article > #faq #leftbox section .m-faq-list_description {
margin-bottom: 2em;
text-align: center;
font-size: 1.5rem;
letter-spacing: 0.05em;
line-height: 2;
}
@media (max-width: 1020px) {
article > #faq #leftbox section .m-faq-list_description {
font-size: 2.2rem;
}
}
article > #faq #leftbox section dl {
margin-bottom: 24px;
}
article > #faq #leftbox section dt {
position: relative;
padding: 0.6em 1em 0.6em 56px;
line-height: 1.4;
background: #009E75;
border-radius: 8px;
font-size: 1.5rem;
color: #fff;
cursor: pointer;
}
@media (max-width: 1020px) {
article > #faq #leftbox section dt {
font-size: 2.4rem;
}
}
article > #faq #leftbox section dt:before {
width: 20px;
height: 27px;
line-height: 1;
margin-right: 16px;
content: "";
display: inline-block;
position: absolute;
left: 24px;
top: 8px;
vertical-align: bottom;
background: url(/site/img/faq/icn_q.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
article > #faq #leftbox section dt:before {
top: 18px;
}
}
article > #faq #leftbox section dd {
position: relative;
margin: 0 24px -24px;
padding: 20px 10px 25px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.4rem;
line-height: 2;
background: #EFF2D8;
color: #000000;
}
@media (max-width: 1020px) {
article > #faq #leftbox section dd {
font-size: 2.2rem;
}
}
article > #faq #leftbox section dd:before {
width: 22px;
height: 26px;
line-height: 1;
content: "";
display: inline-block;
position: absolute;
left: 28px;
top: 16px;
vertical-align: bottom;
background: url(/site/img/faq/icn_a.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
article > #faq #leftbox section dd:before {
top: 26px;
}
}
article > #faq ul.ul_contsbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 72px auto;
}
article > #faq ul.ul_contsbox li {
width: 284px;
margin-right: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
}
article > #faq ul.ul_contsbox li:last-child {
margin-right: 0px;
}
@media (max-width: 1020px) {
article > #faq ul.ul_contsbox li {
width: 48%;
margin: 0px 4% 40px 0px;
}
article > #faq ul.ul_contsbox li:nth-child(2n) {
margin-right: 0px;
}
}
article > #faq ul.ul_contsbox li a {
text-decoration: none;
}
article > #faq ul.ul_contsbox li a:hover .img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article > #faq ul.ul_contsbox li .img {
display: block;
overflow: hidden;
border: 3px solid #bce2cd;
}
article > #faq ul.ul_contsbox li .img img {
width: 100%;
-webkit-transition: all .45s;
-o-transition: all .45s;
transition: all .45s;
}
article > #faq ul.ul_contsbox li .title {
display: block;
padding-top: 0.8em;
font-size: 17px;
line-height: 1;
text-align: center;
color: #27724c;
}
@media (max-width: 1020px) {
article > #faq ul.ul_contsbox li .title {
font-size: 24px;
}
} #outline {
position: relative;
}
#outline:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 370px;
height: 370px;
background: url(/site/img/common/contents_bg1.svg) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 1;
top: 222px;
left: 24%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#outline #key { }
#outline #contents { }
#outline #leftbox > .area {
padding-top: 40px;
}
#outline #leftbox > .area .tit {
font-size: 3.2rem;
font-weight: normal;
letter-spacing: 0;
text-align: center;
color: #009E75;
margin-bottom: 32px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .tit {
font-size: 3.4rem;
}
}
#outline #leftbox > .area .std01 {
font-size: 2.8rem;
font-weight: 500;
color: #009E75;
line-height: 1.4;
letter-spacing: 0.11em;
padding-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .std01 {
font-size: 2.8rem;
}
}
#outline #leftbox > .area .conv_info {
margin: 80px auto;
background: #009E75;
padding: 40px 48px 48px;
color: #fff;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info {
padding: 16px 24px 24px;
}
}
#outline #leftbox > .area .conv_info > .tit01 {
font-size: 2rem;
line-height: 1.4;
margin: 0 8px;
padding: 8px 0 20px;
border-bottom: 1px solid #286481;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info > .tit01 {
font-size: 2.6rem;
text-align: center;
}
}
#outline #leftbox > .area .conv_info > .tit01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 76px;
height: 76px;
background: url(/site/img/common/icn_info.svg) center center no-repeat;
background-size: contain;
}
@media (min-width: 1021px) {
#outline #leftbox > .area .conv_info > .tit01:before {
margin-right: 24px;
}
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info > .tit01:before {
display: block;
margin: 0 auto 16px;
}
}
#outline #leftbox > .area .conv_info .ul_contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info .ul_contact {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#outline #leftbox > .area .conv_info .ul_contact > li {
width: 50%;
position: relative;
padding: 16px 0 0 88px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info .ul_contact > li {
width: 100%;
padding: 24px 0 16px 112px;
}
}
#outline #leftbox > .area .conv_info .ul_contact > li.li_tel:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 46px;
height: 64px;
background: url(/site/img/common/info_icn_tel.svg) center center no-repeat #009E75;
opacity: .2;
background-blend-mode: multiply;
background-size: contain;
position: absolute;
left: 24px;
top: 22px;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info .ul_contact > li.li_tel:before {
width: 52px;
height: 72px;
top: 28px;
left: 32px;
}
}
#outline #leftbox > .area .conv_info .ul_contact > li.li_mail:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 48px;
height: 46px;
background: url(/site/img/common/info_icn_mail.svg) center center no-repeat #009E75;
opacity: .2;
background-blend-mode: multiply;
background-size: contain;
position: absolute;
left: 20px;
top: 48px;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info .ul_contact > li.li_mail:before {
width: 64px;
height: 62px;
top: 64px;
left: 32px;
}
}
#outline #leftbox > .area .conv_info .ul_contact > li > dl > dt {
font-size: 2rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info .ul_contact > li > dl > dt {
font-size: 2.4rem;
}
}
#outline #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel {
color: #fff;
font-size: 4.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
}
#outline #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn {
display: inline-block;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
color: #fff;
line-height: 1;
background: #329393 url(/site/img/index/ar.svg) 264px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 290px;
border: 1px solid #fff;
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#outline #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn {
width: 340px;
border-radius: 1.5em;
background-size: 16px auto;
background-position: 308px center;
font-size: 24px;
}
}
#outline #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover {
background-color: #428967;
}
#outline #leftbox > .one .txt1 {
text-align: center;
margin-bottom: 24px;
}
@media (max-width: 1020px) {
#outline #leftbox > .one .txt1 img {
max-width: 100%;
}
}
#outline #leftbox > .one .img1 {
text-align: center;
margin-bottom: 24px;
}
@media (max-width: 1020px) {
#outline #leftbox > .one .img1 img {
max-width: 100%;
}
}
#outline #leftbox > .one .img2 {
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 1020px) {
#outline #leftbox > .one .img2 {
margin-bottom: 20px;
}
#outline #leftbox > .one .img2 img {
max-width: 100%;
}
}
#outline #leftbox > .two .content {
background: url(/site/img/about/outline/message_pic1.png) right 0 no-repeat;
}
@media (min-width: 1021px) {
#outline #leftbox > .two .content {
min-height: 380px;
padding-top: 64px;
margin-bottom: 80px;
}
}
@media (max-width: 1020px) {
#outline #leftbox > .two .content {
padding: 216px 30px 0;
margin: 0 -30px 80px;
}
}
#outline #leftbox > .two .title {
color: #009E75;
font-size: 3.1rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 24px;
margin-bottom: 24px;
}
#outline #leftbox > .two .txt_gr p {
font-size: 1.7rem;
line-height: 2.2;
margin-bottom: 1.0em;
}
@media (max-width: 1020px) {
#outline #leftbox > .two .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#outline #leftbox > .two .img1 {
height: 566px;
position: relative;
margin: 32px 0 16px;
}
#outline #leftbox > .two .img1 img {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1020px) {
#outline #leftbox > .two .img1 {
margin: 32px -30px 0;
height: auto;
}
#outline #leftbox > .two .img1 img {
position: relative;
}
}
#outline #leftbox > .three {
padding-top: 0px;
z-index: 100;
position: relative;
}
#outline #leftbox > .three .std01 {
margin-bottom: 32px;
}
#outline #leftbox > .three .ssec .title {
color: #009E75;
font-size: 3rem;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
font-weight: 400;
line-height: 1.4;
margin-bottom: 16px;
}
#outline #leftbox > .three .ssec .txt_gr p {
font-size: 1.7rem;
line-height: 2.2;
margin-bottom: 1.0em;
}
@media (max-width: 1020px) {
#outline #leftbox > .three .ssec .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#outline #leftbox > .three .one .txt_gr {
padding: 16px 0;
}
#outline #leftbox > .three .one .txt_gr .name {
text-align: right;
margin-top: 16px;
}
@media (max-width: 1020px) {
#outline #leftbox > .three .one .tit {
text-align: center;
}
#outline #leftbox > .three .one .txt_gr {
padding: 16px 0;
}
#outline #leftbox > .three .one .txt_gr .name {
text-align: center;
}
}
#outline #leftbox > .three .one .img1 {
height: 480px;
position: relative;
}
#outline #leftbox > .three .one .img1 img {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1020px) {
#outline #leftbox > .three .one .img1 {
height: auto;
margin: 0 -30px;
}
#outline #leftbox > .three .one .img1 img {
position: static;
}
}
#outline #leftbox > .three .two {
padding: 72px 0 0;
}
#outline #leftbox > .three .two .txt_gr {
text-align: center;
}
#outline #leftbox > .three .two .youtube {
margin: 32px 0;
}
#outline #leftbox > .three .two .youtube iframe {
margin: 0 auto;
text-align: center;
display: block;
}
@media (min-width: 1021px) {
#outline #leftbox > .three .two .youtube iframe {
width: 100%;
height: 500px;
}
}
@media (max-width: 1020px) {
#outline #leftbox > .three .two {
padding: 72px 0 0;
}
#outline #leftbox > .three .two .tit {
text-align: center;
}
#outline #leftbox > .three .two .youtube {
margin: 32px 0;
}
}
#outline #leftbox > .four .li_cp {
margin: 0 auto;
margin-bottom: 40px;
}
#outline #leftbox > .four .li_cp > li {
font-size: 1.5rem;
letter-spacing: 0.05em;
font-size: 1.5rem;
line-height: 1.8;
border-top: 1px solid #ACADAE;
}
#outline #leftbox > .four .li_cp > li:nth-child(odd) {
background: #fff;
}
#outline #leftbox > .four .li_cp > li:last-child {
border-bottom: 1px solid #ACADAE;
}
#outline #leftbox > .four .li_cp > li dl dt, #outline #leftbox > .four .li_cp > li dl dd {
padding: 0.8em;
}
#outline #leftbox > .four .li_cp > li dl dt {
width: 8em;
color: #009D73;
}
#outline #leftbox > .four .li_cp > li dl dd .ul_date li {
position: relative;
}
#outline #leftbox > .four .li_cp > li dl dd .ul_date li span {
width: 4em;
text-align: right;
position: absolute;
left: 14em;
top: 0;
}
@media (max-width: 1020px) {
#outline #leftbox > .four .li_cp > li {
font-size: 2.4rem;
}
#outline #leftbox > .four .li_cp > li:last-child {
border-bottom: none;
}
#outline #leftbox > .four .li_cp > li dl dt, #outline #leftbox > .four .li_cp > li dl dd {
padding: 8px;
display: block;
}
#outline #leftbox > .four .li_cp > li dl dt {
width: auto;
padding-bottom: 0;
}
#outline #leftbox > .four .li_cp > li dl dd {
margin-left: 1em;
}
#outline #leftbox > .four .li_cp > li dl dd .ul_date li {
position: relative;
}
#outline #leftbox > .four .li_cp > li dl dd .ul_date li span {
width: 4em;
text-align: right;
position: absolute;
left: 14em;
top: 0;
}
}
#outline #leftbox > .five #history .std01:after {
width: 100px;
}
#outline #leftbox > .five #history .li_his {
margin: 0 auto;
margin-bottom: 40px;
}
#outline #leftbox > .five #history .li_his > li {
font-size: 1.5rem;
letter-spacing: 0.05em;
font-size: 1.5rem;
line-height: 1.8;
border-top: 1px solid #ACADAE;
}
#outline #leftbox > .five #history .li_his > li:nth-child(odd) {
background: #fff;
}
#outline #leftbox > .five #history .li_his > li:last-child {
border-bottom: 1px solid #ACADAE;
}
#outline #leftbox > .five #history .li_his > li dl dt, #outline #leftbox > .five #history .li_his > li dl dd {
padding: 0.8em;
}
#outline #leftbox > .five #history .li_his > li dl dt {
width: 10em;
}
#outline #leftbox > .five #history .li_his > li dl dd .ul_date li {
position: relative;
}
@media (max-width: 1020px) {
#outline #leftbox > .five #history .li_his {
width: auto;
margin-bottom: 40px;
}
#outline #leftbox > .five #history .li_his > li {
font-size: 2.4rem;
}
#outline #leftbox > .five #history .li_his > li dl dt, #outline #leftbox > .five #history .li_his > li dl dd {
padding: 4px 4px;
}
#outline #leftbox > .five #history .li_his > li dl dt {
width: 9em;
}
#outline #leftbox > .five #history .li_his > li dl dd .ul_date li {
position: relative;
}
}
#outline #leftbox > .five #organizationChart {
margin-bottom: 40px;
}
#outline #leftbox > .five #organizationChart .tmb {
margin: 0 auto;
text-align: center;
}
.ul_table > li > dl {
display: table;
}
.ul_table > li > dl > dt, .ul_table > li > dl > dd {
display: table-cell;
vertical-align: top;
} #recruit_pre,
#recruit {
position: relative;
padding-bottom: 72px;
}
#recruit_pre:before,
#recruit:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 370px;
height: 370px;
background: url(/site/img/common/contents_bg1.svg) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 1;
top: 222px;
left: 24%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#recruit_pre #key,
#recruit #key { }
#recruit_pre #contents,
#recruit #contents { }
#recruit_pre #leftbox > .area,
#recruit #leftbox > .area { }
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area,
#recruit #leftbox > .area { }
}
#recruit_pre #leftbox > .area .read,
#recruit #leftbox > .area .read {
margin-bottom: 45px;
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .read{
font-size: 2.2rem;
}
}
.sp_no{
display: block;
}
@media (max-width: 1020px) {
.sp_no{
display: none;
}
}
#recruit_pre #leftbox > .area .tit,
#recruit #leftbox > .area .tit {
font-size: 3rem;
font-weight: normal;
letter-spacing: 0.05em; color: #009E75;
margin-bottom: 32px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .tit,
#recruit #leftbox > .area .tit {
font-size: 3.4rem;
}
}
#recruit_pre #leftbox > .area .noitem,
#recruit #leftbox > .area .noitem {
font-size: 1.5rem;
line-height: 2;
}
#recruit_pre #leftbox > .area .std01,
#recruit #leftbox > .area .std01 {
font-size: 2.8rem;
font-weight: 500;
color: #009E75;
line-height: 1.4;
letter-spacing: 0.11em;
padding-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .std01,
#recruit #leftbox > .area .std01 {
font-size: 2.8rem;
}
}
#recruit_pre #leftbox > .area .conv_info,
#recruit #leftbox > .area .conv_info {
margin: 40px auto;
background: #009E75;
padding: 40px 48px 48px;
color: #fff;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info,
#recruit #leftbox > .area .conv_info {
padding: 16px 24px 24px;
}
}
#recruit_pre #leftbox > .area .conv_info > .tit01,
#recruit #leftbox > .area .conv_info > .tit01 {
font-size: 1.7rem;
line-height: 1.4;
margin: 0 8px;
padding: 8px 0 20px;
border-bottom: 1px solid #286481;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info > .tit01,
#recruit #leftbox > .area .conv_info > .tit01 {
font-size: 2.2rem;
text-align: center;
letter-spacing: 0.05em;
}
}
#recruit_pre #leftbox > .area .conv_info > .tit01:before,
#recruit #leftbox > .area .conv_info > .tit01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 76px;
height: 76px;
background: url(/site/img/common/icn_info.svg) center center no-repeat;
background-size: contain;
}
@media (min-width: 1021px) {
#recruit_pre #leftbox > .area .conv_info > .tit01:before,
#recruit #leftbox > .area .conv_info > .tit01:before {
margin-right: 24px;
}
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info > .tit01:before,
#recruit #leftbox > .area .conv_info > .tit01:before {
display: block;
margin: 0 auto 16px;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact,
#recruit #leftbox > .area .conv_info .ul_contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info .ul_contact,
#recruit #leftbox > .area .conv_info .ul_contact {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li,
#recruit #leftbox > .area .conv_info .ul_contact > li {
width: 50%;
position: relative;
padding: 16px 0 0 88px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info .ul_contact > li,
#recruit #leftbox > .area .conv_info .ul_contact > li {
width: 100%;
padding: 24px 0 16px 112px;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#recruit #leftbox > .area .conv_info .ul_contact > li.li_tel:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 46px;
height: 64px;
background: url(/site/img/common/info_icn_tel.svg) center center no-repeat #009E75;
opacity: .2;
background-blend-mode: multiply;
background-size: contain;
position: absolute;
left: 24px;
top: 22px;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#recruit #leftbox > .area .conv_info .ul_contact > li.li_tel:before {
width: 52px;
height: 72px;
top: 28px;
left: 32px;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#recruit #leftbox > .area .conv_info .ul_contact > li.li_mail:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 48px;
height: 46px;
background: url(/site/img/common/info_icn_mail.svg) center center no-repeat #009E75;
opacity: .2;
background-blend-mode: multiply;
background-size: contain;
position: absolute;
left: 20px;
top: 48px;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#recruit #leftbox > .area .conv_info .ul_contact > li.li_mail:before {
width: 64px;
height: 62px;
top: 64px;
left: 32px;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#recruit #leftbox > .area .conv_info .ul_contact > li > dl > dt {
font-size: 2rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#recruit #leftbox > .area .conv_info .ul_contact > li > dl > dt {
font-size: 2.4rem;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#recruit #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel {
color: #fff;
font-size: 4.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
font-family: century-gothic, sans-serif;
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#recruit #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn {
display: inline-block;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
color: #fff;
line-height: 1;
background: #329393 url(/site/img/index/ar.svg) 264px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 290px;
border: 1px solid #fff;
font-size: 1.6rem;
margin-top: 5px;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#recruit #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn {
width: 340px;
border-radius: 1.5em;
background-size: 16px auto;
background-position: 308px center;
font-size: 24px;
margin-top: 10px;
}
}
#recruit_pre #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#recruit #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover {
background-color: #428967;
}
#recruit_pre #leftbox > .one .tit,
#recruit #leftbox > .one .tit {
margin: 0 auto 56px;
}
#recruit_pre #leftbox > .one .li_gl,
#recruit #leftbox > .one .li_gl {
margin: 0 auto;
margin-bottom: 40px;
}
#recruit_pre #leftbox > .one .li_gl > li,
#recruit #leftbox > .one .li_gl > li {
letter-spacing: 0.05em;
font-size: 1.5rem;
line-height: 1.8;
border-top: 1px solid #ACADAE;
}
#recruit_pre #leftbox > .one .li_gl > li:nth-child(odd),
#recruit #leftbox > .one .li_gl > li:nth-child(odd) {
background: #fff;
}
#recruit_pre #leftbox > .one .li_gl > li:last-child,
#recruit #leftbox > .one .li_gl > li:last-child {
border-bottom: 1px solid #ACADAE;
}
#recruit_pre #leftbox > .one .li_gl > li dl dt, #recruit_pre #leftbox > .one .li_gl > li dl dd,
#recruit #leftbox > .one .li_gl > li dl dt,
#recruit #leftbox > .one .li_gl > li dl dd {
padding: 0.8em;
}
#recruit_pre #leftbox > .one .li_gl > li dl dt,
#recruit #leftbox > .one .li_gl > li dl dt {
width: 8em;
color: #009D73;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .one .li_gl,
#recruit #leftbox > .one .li_gl {
width: auto;
margin-bottom: 40px;
}
#recruit_pre #leftbox > .one .li_gl > li,
#recruit #leftbox > .one .li_gl > li {
font-size: 2.2rem;
}
#recruit_pre #leftbox > .one .li_gl > li dl dt, #recruit_pre #leftbox > .one .li_gl > li dl dd,
#recruit #leftbox > .one .li_gl > li dl dt,
#recruit #leftbox > .one .li_gl > li dl dd {
padding: 8px;
}
#recruit_pre #leftbox > .one .li_gl > li dl dt,
#recruit #leftbox > .one .li_gl > li dl dt {
width: 5em;
}
}
#recruit_pre #leftbox > .two,
#recruit #leftbox > .two {
position: relative;
z-index: 10;
}
#recruit_pre #leftbox > .two .ul_voice,
#recruit #leftbox > .two .ul_voice { }
#recruit_pre #leftbox > .two .ul_voice > li,
#recruit #leftbox > .two .ul_voice > li { }
#recruit_pre #leftbox > .two .ul_voice > li:last-child,
#recruit #leftbox > .two .ul_voice > li:last-child {
margin-bottom: 0;
}
#recruit_pre #leftbox > .two .ul_voice > li .img,
#recruit #leftbox > .two .ul_voice > li .img { margin-bottom: 20px;
display: block;
position: relative;
}
#recruit_pre #leftbox > .two .ul_voice > li .img:before,
#recruit #leftbox > .two .ul_voice > li .img:before {
font-family: century-gothic, sans-serif;
color: #fff;
content: "#00";
font-size: 7rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1;
position: absolute;
left: 28px;
bottom: 28px;
text-align: right;
font-style: italic;
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr{
border-bottom: 1.5px solid #333;
}
#recruit #leftbox > .two .ul_voice > li .txt_gr .title {
font-size: 3rem;
letter-spacing: 0.05em;
font-weight: normal;
color: #009E75;
margin-bottom: 12px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr .title{
font-size: 3rem;
letter-spacing: 0.05em;
font-weight: normal;
margin-bottom: 12px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr .title,
#recruit #leftbox > .two .ul_voice > li .txt_gr .title {
font-size: 4rem;
}
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr p,
#recruit #leftbox > .two .ul_voice > li .txt_gr p {
font-size: 1.5rem;
line-height: 2;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr p,
#recruit #leftbox > .two .ul_voice > li .txt_gr p {
font-size: 2rem;
line-height: 1.8;
}
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_cnt{
margin-top: 35px;
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_cnt img{
float: right;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .two .ul_voice > li .txt_cnt img{
float: none;
margin: 0 auto;
display: block;
}
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_cnt p{
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .two .ul_voice > li .txt_cnt p{
font-size: 2rem;
line-height: 1.8;
margin-top: 20px;
}
}
#recruit #leftbox > .two .ul_voice > li .txt_gr .name {
margin: 8px 0 16px;
letter-spacing: 0.05em;
}
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr .name{
margin: 8px 0 16px;
letter-spacing: 0.05em;
display: flex;
justify-content: flex-end;
font-size: 1.8rem;
font-weight: bold;
}
@media (max-width: 1020px) {
#recruit_pre #leftbox > .two .ul_voice > li .txt_gr .name .sp{
display: none !important;
}
}
#recruit_pre #leftbox > .two .ul_voice > li:nth-child(1) .img:before,
#recruit #leftbox > .two .ul_voice > li:nth-child(1) .img:before {
content: "#01";
}
#recruit_pre #leftbox > .two .ul_voice > li:nth-child(2) .img:before,
#recruit #leftbox > .two .ul_voice > li:nth-child(2) .img:before {
content: "#02"
}
#recruit_pre #leftbox > .two .ul_voice > li:nth-child(3) .img:before,
#recruit #leftbox > .two .ul_voice > li:nth-child(3) .img:before {
content: "#02";
}
#recruit_pre #leftbox > .three .tit,
#recruit #leftbox > .three .tit {
font-size: 3rem;
text-align: center;
}
#recruit_pre #leftbox > .area img.recruit_sen{
margin: 0 auto;
display: block;
padding: 70px 0 70px 0;
}
#recruit_pre #leftbox > .area img.recruit_sen_bk{
margin: 0 auto;
display: block;
padding: 0;
} #visit #key { }
#visit #contents { }
#visit #leftbox .content .btn_area {
margin: 40px auto;
text-align: center;
}
#visit #leftbox > .three .std01 {
margin-bottom: 40px;
}
#visit #leftbox #read .content .tit {
margin-bottom: 40px;
text-align: center;
}
#visit #leftbox #read .content .txt_gr {
padding: 48px 0;
position: relative;
}
@media (max-width: 1020px) {
#visit #leftbox #read .content .txt_gr {
padding: 48px 30px;
}
}
#visit #leftbox #read .content .txt_gr:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 800px;
height: 436px;
background: url(/site/img/visit/visit_bg1.png) center center no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
@media (max-width: 1020px) {
#visit #leftbox #read .content .txt_gr:before {
width: 540px;
height: 296px;
}
}
#visit #leftbox #read .content .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#visit #leftbox #read .content .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#visit #leftbox #target .std01 {
margin-bottom: 40px;
}
#visit #leftbox #target .std01:after {
width: 346px;
}
#visit #leftbox #target .li_target {
margin: 0 auto 40px;
}
#visit #leftbox #target .li_target li {
font-size: 1.8rem;
line-height: 1.4;
padding: 24px 8px;
}
#visit #leftbox #target .li_target li:nth-child(odd) {
background: #fff;
}
@media (max-width: 1020px) {
#visit #leftbox #target .li_target {
width: auto;
margin: 0 auto 40px;
}
#visit #leftbox #target .li_target li {
font-size: 2.2rem;
padding: 16px 6px;
}
#visit #leftbox #target .li_target li:first-child {
border-top: none;
}
}
#visit #leftbox #target .txt1 {
font-size: 2.4rem;
font-weight: normal;
letter-spacing: 0.105em;
text-align: center;
color: #3887AD;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
margin: 80px auto 32px;
}
@media (max-width: 1020px) {
#visit #leftbox #target .txt1 {
font-size: 3.4rem;
width: auto;
margin: 0 auto;
}
}
#visit #leftbox .three #effect {
text-align: center;
margin-bottom: 80px;
}
#visit #leftbox .three #effect .std01:after {
width: 290px;
}
#visit #leftbox .three #effect .li_effect {
height: 240px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 1.8rem;
margin: 0 auto;
border-right: 1px solid #a1b38c;
display: inline-block;
}
#visit #leftbox .three #effect .li_effect li {
text-align: left;
padding: 8px 12px;
border-left: 1px solid #a1b38c;
}
@media (max-width: 1020px) {
#visit #leftbox .three #effect .li_effect {
height: auto;
font-size: 2.2rem;
}
}
#visit #leftbox .three #price .std01:after {
width: 100px;
}
#visit #leftbox .three #price .lo1 {
display: table;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 {
margin-bottom: 80px;
}
}
#visit #leftbox .three #price .lo1 > .one,
#visit #leftbox .three #price .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
#visit #leftbox .three #price .lo1 > .one {
color: #fff;
background: #3887AD;
text-align: center;
}
@media (min-width: 1021px) {
#visit #leftbox .three #price .lo1 > .one {
width: 200px;
}
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .one {
width: 140px;
}
}
#visit #leftbox .three #price .lo1 > .one .title {
font-size: 2.4rem;
letter-spacing: 1em;
margin-right: -1em;
display: inline-block;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .one .title {
letter-spacing: 0.5em;
margin-right: -0.5em;
}
}
#visit #leftbox .three #price .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 1021px) {
#visit #leftbox .three #price .lo1 > .two {
width: 658px;
padding-left: 40px;
}
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two {
width: 450px;
padding-left: 20px;
}
}
#visit #leftbox .three #price .lo1 > .two .read p {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 0.8em;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two .read p {
font-size: 2rem;
line-height: 1.6;
}
}
#visit #leftbox .three #price .lo1 > .two .ul_plan {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two .ul_plan {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#visit #leftbox .three #price .lo1 > .two .ul_plan > li {
width: 48%;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two .ul_plan > li {
width: 100%;
margin-bottom: 24px;
}
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two .ul_plan > li:last-child {
margin-bottom: 0;
}
}
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dt, #visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dd {
padding: 10px 4px 6px;
}
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dt {
font-size: 1.8rem;
color: #3887AD;
line-height: 1;
border-bottom: 3px solid #3887AD;
margin-bottom: 8px;
padding-bottom: 10px;
letter-spacing: .05em;
}
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dt {
font-size: 2.4rem;
}
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.8rem;
}
}
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dd {
font-size: 1.5rem;
line-height: 1.4;
border-bottom: 3px solid #BFCDDB;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .lo1 > .two .ul_plan > li > dl > dd {
font-size: 2rem;
}
}
#visit #leftbox .three #price .plan {
width: 400px;
margin: 0 auto 40px;
}
#visit #leftbox .three #price .plan dt, #visit #leftbox .three #price .plan dd {
padding: 8px;
}
#visit #leftbox .three #price .plan dt {
font-size: 2rem;
line-height: 1.4;
font-weight: bold;
border-bottom: 1px solid #a1b38c;
}
#visit #leftbox .three #price .plan dd {
font-size: 1.8rem;
line-height: 1;
position: relative;
}
#visit #leftbox .three #price .plan dd span {
position: absolute;
right: 8px;
top: 8px;
}
@media (max-width: 1020px) {
#visit #leftbox .three #price .plan {
width: 100%;
margin: 0 auto 40px;
}
#visit #leftbox .three #price .plan dt, #visit #leftbox .three #price .plan dd {
padding: 8px 8px;
}
#visit #leftbox .three #price .plan dt {
font-size: 2.6rem;
margin-bottom: 8px;
}
#visit #leftbox .three #price .plan dd {
font-size: 2.2rem;
}
} #officeDetail .message {
margin-bottom: 35px;
padding: 40px;
background: #fff;
border-radius: 12px;
font-size: 18px;
line-height: 2;
text-align: center;
color: #176f91;
}
@media (max-width: 1020px) {
#officeDetail .message {
font-size: 26px;
text-align: left;
}
}
#officeDetail #leftbox h2 {
margin: 0px 18px 35px;
font-size: 20px;
color: #fff;
display: inline-block;
position: relative;
padding: 0.7em 1.5em;
border-radius: 12px;
background: #176f91;
line-height: 1; width: auto;
text-align: center;
}
#officeDetail #leftbox h2:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
display: block;
width: 0px;
height: 0px;
margin-left: -6px;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #176f91 transparent transparent transparent;
}
@media (max-width: 1020px) {
#officeDetail #leftbox h2 {
width: 100%;
margin: 0px 0px 35px;
font-size: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#officeDetail #leftbox .newsline {
padding-bottom: 60px;
margin-bottom: 45px;
background: url(/site/img/common/line.svg) center bottom no-repeat;
}
#officeDetail #leftbox .newsline .items .item {
float: left;
width: 290px;
margin: 0px 15px 15px 0px;
padding: 18px;
border: 2px solid #bce2cd;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#officeDetail #leftbox .newsline .items .item:nth-child(3n) {
margin-right: 0px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .newsline .items .item {
float: none;
width: 100%;
margin: 0px 0px 20px;
}
}
#officeDetail #leftbox .newsline .items .item .cat {
padding-bottom: 0.3em;
font-size: 16px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .newsline .items .item .cat {
font-size: 24px;
}
}
#officeDetail #leftbox .newsline .items .item .date {
padding-bottom: 0.3em;
color: #949494;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .newsline .items .item .date {
font-size: 20px;
}
}
#officeDetail #leftbox .newsline .items .item h3 {
font-size: 14px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .newsline .items .item h3 {
font-size: 26px;
}
}
#officeDetail #leftbox .newsline .items .item h3 a {
text-decoration: none;
}
#officeDetail #leftbox .newsline .more {
padding-top: 15px;
text-align: center;
}
#officeDetail #leftbox .newsline .more a {
display: inline-block;
width: 190px;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 1;
background: #3a3a3a url(/site/img/index/ar.svg) 164px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-size: 15px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .newsline .more a {
border-radius: 1.5em;
background-size: 16px auto;
font-size: 24px;
}
}
#officeDetail #leftbox .newsline .more a:hover {
background-color: #428967;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .newsline .more a {
width: 340px;
background-position: 300px center;
}
}
#officeDetail #leftbox .staff, #officeDetail #leftbox .photos, #officeDetail #leftbox .about, #officeDetail #leftbox .mapbox {
margin-bottom: 60px;
}
#officeDetail #leftbox .staff .item {
text-align: center;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .staff .item {
width: 100%;
}
}
#officeDetail #leftbox .staff .item img {
border-radius: 12px;
}
#officeDetail #leftbox .staff .item p {
padding-top: 1em;
font-size: 16px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .staff .item p {
font-size: 24px;
}
}
#officeDetail #leftbox .photos ul li {
float: left;
margin: 0px 25px 20px 0px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .photos ul li {
width: 48%;
margin: 0px 4% 4% 0px;
}
#officeDetail #leftbox .photos ul li:nth-child(2n) {
margin-right: 0px;
}
}
@media (min-width: 1021px) {
#officeDetail #leftbox .photos ul li:nth-child(3n) {
margin-right: 0px;
}
}
#officeDetail #leftbox .photos ul li img {
border-radius: 12px;
}
#officeDetail #leftbox .about table {
width: 100%;
border-top: 1px solid #90b29e;
border-bottom: 1px solid #90b29e;
}
#officeDetail #leftbox .about table th, #officeDetail #leftbox .about table td {
padding: 0.8em;
vertical-align: middle;
background: #ffffff;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .about table th, #officeDetail #leftbox .about table td {
display: block;
}
}
#officeDetail #leftbox .about table tr:nth-child(odd) th, #officeDetail #leftbox .about table tr:nth-child(odd) td {
background: #ebf7f0;
}
#officeDetail #leftbox .about table th {
width: 9em;
text-align: right;
font-size: 14px;
color: #628474;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .about table th {
padding-bottom: 0px;
width: auto;
font-size: 24px;
text-align: left;
}
}
#officeDetail #leftbox .about table td {
font-size: 16px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .about table td {
font-size: 24px;
}
}
#officeDetail #leftbox .mapbox .name {
margin-bottom: 0.5em;
font-size: 19px;
color: #176f91;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .mapbox .name {
font-size: 28px;
}
}
#officeDetail #leftbox .mapbox address {
margin-bottom: 1em;
font-size: 14px;
}
@media (max-width: 1020px) {
#officeDetail #leftbox .mapbox address {
font-size: 24px;
}
}
@media (max-width: 1020px) {
#officeDetail #leftbox .mapbox iframe {
height: 400px;
}
}
#office #leftbox h2 {
margin-bottom: 1em;
padding-bottom: 0.82em;
font-size: 34px;
line-height: 1;
letter-spacing: 0.1em;
background: url(/site/img/index/line.svg) center bottom no-repeat;
text-align: center;
font-weight: normal;
margin-bottom: 1em;
}
@media (min-width: 1021px) {
#office #leftbox h2 {
font-size: 32px;
}
}
#office #leftbox .li_anker {
margin: 20px 0px 40px;
}
#office #leftbox .li_anker > li {
float: left;
width: 33%;
min-height: 3.5em;
font-size: 15px;
}
@media (max-width: 1020px) {
#office #leftbox .li_anker > li {
width: 100%;
min-height: 0px;
margin-bottom: 0.5em;
font-size: 22px;
}
}
#office #leftbox .li_anker > li a {
display: block;
padding-left: 1.5em;
text-indent: -1.5em;
}
#office #leftbox .li_anker > li a:before {
content: "-";
margin-right: .5em;
}
#office #leftbox .li_office > li > .tit {
padding-bottom: 0.3em;
font-size: 2rem;
line-height: 1.2;
color: #87c1a3;
border-bottom: 3px solid #87c1a3;
margin-bottom: 16px;
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li > .tit {
font-size: 3rem;
}
}
#office #leftbox .li_office > li > .tit span {
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li > .tit span {
font-size: 2.2rem;
}
}
#office #leftbox .li_office > li > .lo1 {
position: relative;
margin-bottom: 20px;
}
#office #leftbox .li_office > li > .lo1 .tmb_blk {
position: absolute;
left: 0;
top: 0;
}
@media (min-width: 1021px) {
#office #leftbox .li_office > li > .lo1 .tmb_blk {
overflow: hidden;
}
#office #leftbox .li_office > li > .lo1 .tmb_blk img {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#office #leftbox .li_office > li > .lo1 .tmb_blk:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
#office #leftbox .li_office > li > .lo1 .txt_blk {
margin-left: 232px;
min-height: 184px;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date {
margin: 0 auto;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li {
font-size: 16px;
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li {
font-size: 24px;
}
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dt, #office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dd {
float: left;
margin-bottom: 0.5em;
padding: 0 4px;
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dt, #office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dd {
float: none;
}
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dt {
clear: both;
width: 5em;
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dt {
width: auto;
margin-bottom: 0px;
}
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date {
width: auto;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dt, #office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dd {
padding: 4px 4px;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dt {
width: 5em;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dd .ul_date li {
position: relative;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dd .ul_date li span {
width: 14em;
text-align: left;
position: absolute;
left: 5em;
top: 0;
}
#office #leftbox .li_office > li > .lo1 .txt_blk .li_date > li dl dd .ul_date li:nth-child(1) {
height: 3em;
}
}
#office #leftbox .li_office > li .btn_det {
position: absolute;
bottom: 1em;
right: 0;
text-align: right;
}
#office #leftbox .li_office > li .btn_det a {
font-size: 16px;
color: #0066c0;
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li .btn_det a {
font-size: 24px;
}
}
#office #leftbox .li_office > li .btn_det a:after {
content: "＞";
}
@media (max-width: 1020px) {
#office #leftbox .li_office > li .btn_det {
bottom: 1em;
right: auto;
left: 0;
}
}
#office #leftbox .li_rk > li > .tit {
color: #e19c00;
border-bottom: 3px solid #e19c00;
}
#office #leftbox #office_rk, #office #leftbox #office_j {
padding-top: 60px;
}
#office #leftbox #office_j {
margin-bottom: 50px;
} a.anker_link1 {
margin-top: 1.5em;
color: #0066c0;
float: right;
text-decoration: underline;
}
a.anker_link1:before {
content: "＞";
}
#shinkyu-sekkotsu #key { }
#shinkyu-sekkotsu #contents { }
#shinkyu-sekkotsu #leftbox > .one .content .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .one .content .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#shinkyu-sekkotsu #leftbox > .two .std01 {
margin-bottom: 40px;
}
#shinkyu-sekkotsu #leftbox > .two .std01:after {
width: 136px;
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy {
letter-spacing: -.4em;
margin-left: -20px;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .two .li_thrpy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li {
width: 283px;
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
margin-bottom: 20px;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li {
width: 48%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
}
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li a {
text-decoration: none;
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li a:hover .img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .img {
display: block;
overflow: hidden;
border: 3px solid #bce2cd;
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .img img {
width: 100%;
-webkit-transition: all .45s;
-o-transition: all .45s;
transition: all .45s;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .img {
margin-left: 0;
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .img li {
width: 100%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .img img {
width: 100%;
max-width: inherit;
}
}
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .title {
display: block;
padding-top: 0.8em;
font-size: 1.7rem;
line-height: 1;
text-align: center;
color: #3887AD;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .two .li_thrpy li .title {
font-size: 2rem;
}
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .three .content .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .tmb {
position: relative;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .tmb {
text-align: center;
margin-top: 64px;
}
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .tmb:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 18px;
height: 344px;
background: url(/site/img/shinkyu-sekkotsu/obj_fuki.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 56px;
top: 0;
z-index: -1;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .tmb:before {
-webkit-transform: rotate(-90deg) translateX(-50%);
-ms-transform: rotate(-90deg) translateX(-50%);
transform: rotate(-90deg) translateX(-50%);
top: -200px;
left: 50%;
}
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .txt .std01 {
padding-top: 0;
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .txt .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .txt .txt_gr .name {
margin: 16px 0;
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .txt .txt_gr p {
font-size: 2.2rem;
line-height: 1.6;
}
#shinkyu-sekkotsu #leftbox > .three .content .lo1 > .txt .txt_gr .name {
font-size: 2.3rem;
}
} #shinkyu-sekkotsu,
#shinkyu,
#hiesyo,
#biyouhari,
#visit,
#koutsuu,
#taping,
#jihi,
#o-kyaku {
position: relative;
background: #DBE6EA;
}
#shinkyu-sekkotsu:before,
#shinkyu:before,
#hiesyo:before,
#biyouhari:before,
#visit:before,
#koutsuu:before,
#taping:before,
#jihi:before,
#o-kyaku:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 370px;
height: 370px;
background: url(/site/img/shinkyu-sekkotsu/taping/contents_bg.svg) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 1;
top: 222px;
left: 24%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#shinkyu-sekkotsu #leftbox > .area,
#shinkyu #leftbox > .area,
#hiesyo #leftbox > .area,
#biyouhari #leftbox > .area,
#visit #leftbox > .area,
#koutsuu #leftbox > .area,
#taping #leftbox > .area,
#jihi #leftbox > .area,
#o-kyaku #leftbox > .area {
padding-top: 40px;
}
#shinkyu-sekkotsu #leftbox > .area .tit,
#shinkyu #leftbox > .area .tit,
#hiesyo #leftbox > .area .tit,
#biyouhari #leftbox > .area .tit,
#visit #leftbox > .area .tit,
#koutsuu #leftbox > .area .tit,
#taping #leftbox > .area .tit,
#jihi #leftbox > .area .tit,
#o-kyaku #leftbox > .area .tit {
font-size: 3.5rem;
font-weight: normal;
letter-spacing: 0.2em;
text-align: center;
color: #3887AD;
margin-bottom: 32px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .tit,
#shinkyu #leftbox > .area .tit,
#hiesyo #leftbox > .area .tit,
#biyouhari #leftbox > .area .tit,
#visit #leftbox > .area .tit,
#koutsuu #leftbox > .area .tit,
#taping #leftbox > .area .tit,
#jihi #leftbox > .area .tit,
#o-kyaku #leftbox > .area .tit {
font-size: 3.4rem;
}
}
#shinkyu-sekkotsu #leftbox > .area .std01,
#shinkyu #leftbox > .area .std01,
#hiesyo #leftbox > .area .std01,
#biyouhari #leftbox > .area .std01,
#visit #leftbox > .area .std01,
#koutsuu #leftbox > .area .std01,
#taping #leftbox > .area .std01,
#jihi #leftbox > .area .std01,
#o-kyaku #leftbox > .area .std01 {
font-size: 2.8rem;
font-weight: 500;
color: #3887AD;
line-height: 1.4;
letter-spacing: 0.11em;
padding-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .std01,
#shinkyu #leftbox > .area .std01,
#hiesyo #leftbox > .area .std01,
#biyouhari #leftbox > .area .std01,
#visit #leftbox > .area .std01,
#koutsuu #leftbox > .area .std01,
#taping #leftbox > .area .std01,
#jihi #leftbox > .area .std01,
#o-kyaku #leftbox > .area .std01 {
font-size: 2.8rem;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info,
#shinkyu #leftbox > .area .conv_info,
#hiesyo #leftbox > .area .conv_info,
#biyouhari #leftbox > .area .conv_info,
#visit #leftbox > .area .conv_info,
#koutsuu #leftbox > .area .conv_info,
#taping #leftbox > .area .conv_info,
#jihi #leftbox > .area .conv_info,
#o-kyaku #leftbox > .area .conv_info {
margin: 80px auto;
background: #3887ad;
padding: 40px 48px 48px;
color: #fff;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info,
#shinkyu #leftbox > .area .conv_info,
#hiesyo #leftbox > .area .conv_info,
#biyouhari #leftbox > .area .conv_info,
#visit #leftbox > .area .conv_info,
#koutsuu #leftbox > .area .conv_info,
#taping #leftbox > .area .conv_info,
#jihi #leftbox > .area .conv_info,
#o-kyaku #leftbox > .area .conv_info {
padding: 16px 24px 24px;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info > .tit01,
#shinkyu #leftbox > .area .conv_info > .tit01,
#hiesyo #leftbox > .area .conv_info > .tit01,
#biyouhari #leftbox > .area .conv_info > .tit01,
#visit #leftbox > .area .conv_info > .tit01,
#koutsuu #leftbox > .area .conv_info > .tit01,
#taping #leftbox > .area .conv_info > .tit01,
#jihi #leftbox > .area .conv_info > .tit01,
#o-kyaku #leftbox > .area .conv_info > .tit01 {
font-size: 2rem;
line-height: 1.4;
margin: 0 8px;
padding: 8px 0 20px;
border-bottom: 1px solid #286481;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info > .tit01,
#shinkyu #leftbox > .area .conv_info > .tit01,
#hiesyo #leftbox > .area .conv_info > .tit01,
#biyouhari #leftbox > .area .conv_info > .tit01,
#visit #leftbox > .area .conv_info > .tit01,
#koutsuu #leftbox > .area .conv_info > .tit01,
#taping #leftbox > .area .conv_info > .tit01,
#jihi #leftbox > .area .conv_info > .tit01,
#o-kyaku #leftbox > .area .conv_info > .tit01 {
font-size: 2.6rem;
text-align: center;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info > .tit01:before,
#shinkyu #leftbox > .area .conv_info > .tit01:before,
#hiesyo #leftbox > .area .conv_info > .tit01:before,
#biyouhari #leftbox > .area .conv_info > .tit01:before,
#visit #leftbox > .area .conv_info > .tit01:before,
#koutsuu #leftbox > .area .conv_info > .tit01:before,
#taping #leftbox > .area .conv_info > .tit01:before,
#jihi #leftbox > .area .conv_info > .tit01:before,
#o-kyaku #leftbox > .area .conv_info > .tit01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 76px;
height: 76px;
background: url(/site/img/common/icn_info.svg) center center no-repeat;
background-size: contain;
}
@media (min-width: 1021px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info > .tit01:before,
#shinkyu #leftbox > .area .conv_info > .tit01:before,
#hiesyo #leftbox > .area .conv_info > .tit01:before,
#biyouhari #leftbox > .area .conv_info > .tit01:before,
#visit #leftbox > .area .conv_info > .tit01:before,
#koutsuu #leftbox > .area .conv_info > .tit01:before,
#taping #leftbox > .area .conv_info > .tit01:before,
#jihi #leftbox > .area .conv_info > .tit01:before,
#o-kyaku #leftbox > .area .conv_info > .tit01:before {
margin-right: 24px;
}
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info > .tit01:before,
#shinkyu #leftbox > .area .conv_info > .tit01:before,
#hiesyo #leftbox > .area .conv_info > .tit01:before,
#biyouhari #leftbox > .area .conv_info > .tit01:before,
#visit #leftbox > .area .conv_info > .tit01:before,
#koutsuu #leftbox > .area .conv_info > .tit01:before,
#taping #leftbox > .area .conv_info > .tit01:before,
#jihi #leftbox > .area .conv_info > .tit01:before,
#o-kyaku #leftbox > .area .conv_info > .tit01:before {
display: block;
margin: 0 auto 16px;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact,
#shinkyu #leftbox > .area .conv_info .ul_contact,
#hiesyo #leftbox > .area .conv_info .ul_contact,
#biyouhari #leftbox > .area .conv_info .ul_contact,
#visit #leftbox > .area .conv_info .ul_contact,
#koutsuu #leftbox > .area .conv_info .ul_contact,
#taping #leftbox > .area .conv_info .ul_contact,
#jihi #leftbox > .area .conv_info .ul_contact,
#o-kyaku #leftbox > .area .conv_info .ul_contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact,
#shinkyu #leftbox > .area .conv_info .ul_contact,
#hiesyo #leftbox > .area .conv_info .ul_contact,
#biyouhari #leftbox > .area .conv_info .ul_contact,
#visit #leftbox > .area .conv_info .ul_contact,
#koutsuu #leftbox > .area .conv_info .ul_contact,
#taping #leftbox > .area .conv_info .ul_contact,
#jihi #leftbox > .area .conv_info .ul_contact,
#o-kyaku #leftbox > .area .conv_info .ul_contact {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li,
#shinkyu #leftbox > .area .conv_info .ul_contact > li,
#hiesyo #leftbox > .area .conv_info .ul_contact > li,
#biyouhari #leftbox > .area .conv_info .ul_contact > li,
#visit #leftbox > .area .conv_info .ul_contact > li,
#koutsuu #leftbox > .area .conv_info .ul_contact > li,
#taping #leftbox > .area .conv_info .ul_contact > li,
#jihi #leftbox > .area .conv_info .ul_contact > li,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li {
width: 50%;
position: relative;
padding: 16px 0 0 88px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li,
#shinkyu #leftbox > .area .conv_info .ul_contact > li,
#hiesyo #leftbox > .area .conv_info .ul_contact > li,
#biyouhari #leftbox > .area .conv_info .ul_contact > li,
#visit #leftbox > .area .conv_info .ul_contact > li,
#koutsuu #leftbox > .area .conv_info .ul_contact > li,
#taping #leftbox > .area .conv_info .ul_contact > li,
#jihi #leftbox > .area .conv_info .ul_contact > li,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li {
width: 100%;
padding: 24px 0 16px 112px;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#shinkyu #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#hiesyo #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#biyouhari #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#visit #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#koutsuu #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#taping #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#jihi #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li.li_tel:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 46px;
height: 64px;
background: url(/site/img/common/info_icn_tel.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 24px;
top: 22px;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#shinkyu #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#hiesyo #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#biyouhari #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#visit #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#koutsuu #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#taping #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#jihi #leftbox > .area .conv_info .ul_contact > li.li_tel:before,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li.li_tel:before {
width: 52px;
height: 72px;
top: 28px;
left: 32px;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#shinkyu #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#hiesyo #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#biyouhari #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#visit #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#koutsuu #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#taping #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#jihi #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li.li_mail:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 48px;
height: 46px;
background: url(/site/img/common/info_icn_mail.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 20px;
top: 48px;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#shinkyu #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#hiesyo #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#biyouhari #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#visit #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#koutsuu #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#taping #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#jihi #leftbox > .area .conv_info .ul_contact > li.li_mail:before,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li.li_mail:before {
width: 64px;
height: 62px;
top: 64px;
left: 32px;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#shinkyu #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#hiesyo #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#biyouhari #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#visit #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#koutsuu #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#taping #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#jihi #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li > dl > dt {
font-size: 2rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#shinkyu #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#hiesyo #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#biyouhari #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#visit #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#koutsuu #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#taping #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#jihi #leftbox > .area .conv_info .ul_contact > li > dl > dt,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li > dl > dt {
font-size: 2.4rem;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#shinkyu #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#hiesyo #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#biyouhari #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#visit #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#koutsuu #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#taping #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#jihi #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li > dl > dd .atel {
color: #fff;
font-size: 4.2rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#shinkyu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#hiesyo #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#biyouhari #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#visit #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#koutsuu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#taping #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#jihi #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn {
display: inline-block;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
color: #fff;
line-height: 1;
background: #3887ad url(/site/img/index/ar.svg) 264px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 290px;
border: 1px solid #fff;
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#shinkyu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#hiesyo #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#biyouhari #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#visit #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#koutsuu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#taping #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#jihi #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn {
width: 340px;
border-radius: 1.5em;
background-size: 16px auto;
background-position: 308px center;
font-size: 24px;
}
}
#shinkyu-sekkotsu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#shinkyu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#hiesyo #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#biyouhari #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#visit #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#koutsuu #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#taping #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#jihi #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover,
#o-kyaku #leftbox > .area .conv_info .ul_contact > li > dl > dd .btn:hover {
background-color: #428967;
}
#biyouhari #key { }
#biyouhari #contents { }
#biyouhari #leftbox > .one .content .lead {
margin-bottom: 40px;
}
#biyouhari #leftbox > .one .content .lead .txt_gr {
text-align: center;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .one .content .lead .txt_gr {
text-align: left;
}
}
#biyouhari #leftbox > .one .content .lead .txt_gr p {
font-size: 1.5rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .one .content .lead .txt_gr p {
font-size: 2.2rem;
line-height: 1.6;
}
}
#biyouhari #leftbox > .one .content .aboutus .txt_gr {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .one .content .aboutus .txt_gr {
font-size: 2.2rem;
line-height: 1.8;
}
}
#biyouhari #leftbox > .two .content {
position: relative;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .two .content {
padding-top: 300px;
}
}
#biyouhari #leftbox > .two .content:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 900px;
height: 436px;
background: url(/site/img/shinkyu-sekkotsu/biyouhari/biyouhari_img1.png) right 0 no-repeat;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .two .content:before {
width: 540px;
height: 296px;
}
}
#biyouhari #leftbox > .two .content .txt_gr {
margin-bottom: 56px;
}
#biyouhari #leftbox > .two .content .txt_gr .box {
width: 660px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(150, 190, 200, 0.56);
padding: 16px;
}
#biyouhari #leftbox > .two .content .txt_gr .box p {
font-size: 1.4rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .two .content .txt_gr .box p {
font-size: 1.8rem;
}
}
#biyouhari #leftbox > .two .content .txt_gr p {
font-size: 1.8rem;
line-height: 1.8;
margin-bottom: 1em;
}
#biyouhari #leftbox > .two .content .txt_gr p.att {
text-indent: -1em;
padding-left: 1em;
}
#biyouhari #leftbox > .two .content .txt_gr p:last-child {
margin-bottom: 0;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .two .content .txt_gr p {
font-size: 2.4rem;
line-height: 1.6;
}
}
#biyouhari #leftbox > .two .content .ul01 {
margin: 24px 0 48px;
background: #eaeff0;
padding: 32px;
}
#biyouhari #leftbox > .two .content .ul01 li {
font-size: 1.8rem;
line-height: 1.4;
margin: 8px 0;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .two .content .ul01 li {
font-size: 2.2rem;
}
}
#biyouhari #leftbox > .two .content .ul_point {
margin-left: -3%;
letter-spacing: -.4em;
margin-bottom: 40px;
}
#biyouhari #leftbox > .two .content .ul_point > li {
width: 30%;
margin-left: 3%;
letter-spacing: normal;
display: inline-block;
vertical-align: top;
font-size: 1.5rem;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dt {
border: 1px solid #fff;
font-size: 2rem;
text-align: center;
background: #ffdf9a;
border-radius: 16px;
padding: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dt.c1 {
background: #cdd7ff;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dt.c2 {
background: #cccccc;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dd {
line-height: 1.8;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .two .content .ul_point {
margin-left: 0;
}
#biyouhari #leftbox > .two .content .ul_point > li {
width: 100%;
margin-left: 0;
margin-bottom: 32px;
display: block;
font-size: 2.4rem;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dt {
font-size: 2.4rem;
border-radius: 16px;
padding: 12px;
margin-bottom: 8px;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dt.c1 {
background: #cdd7ff;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dt.c2 {
background: #cccccc;
}
#biyouhari #leftbox > .two .content .ul_point > li dl dd {
font-size: 2.2rem;
}
}
#biyouhari #leftbox > .three .content .one .title {
font-size: 2.9rem;
font-weight: normal;
letter-spacing: 0.2em;
text-align: center;
color: #3887AD;
background: #fff;
border: 1px solid #3887AD;
padding: 8px;
margin-bottom: 16px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .content .one .title {
font-size: 3.4rem;
}
}
#biyouhari #leftbox > .three .li_faq > li {
padding: 12px 0;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .li_faq > li {
padding: 0px 0px 24px;
line-height: 1.8;
}
}
#biyouhari #leftbox > .three .li_faq > li > .q {
padding: 16px 20px;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .li_faq > li > .q {
padding: 12px 16px;
}
}
#biyouhari #leftbox > .three .li_faq > li > .q .tit_q {
font-size: 3.4rem;
letter-spacing: .11em;
line-height: 1.2;
padding: 0 16px 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
margin-top: 8px;
position: relative;
cursor: pointer;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .li_faq > li > .q .tit_q {
font-size: 2.8rem;
margin: 0 0 0.5em;
line-height: 1.2;
}
}
#biyouhari #leftbox > .three .li_faq > li > .q .tit_q:before {
width: 37px;
height: 52px;
line-height: 1;
margin-right: 20px;
content: "";
display: inline-block;
position: absolute;
left: 0px;
top: -4px;
vertical-align: bottom;
background: url(/site/img/shinkyu-sekkotsu/hiesyo/icn_q.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .li_faq > li > .q .tit_q:before {
width: 38px;
height: 53px;
left: 0px;
top: -8px;
}
}
#biyouhari #leftbox > .three .li_faq > li > .a {
overflow: hidden;
}
#biyouhari #leftbox > .three .li_faq > li > .a .box_a {
margin: 16px auto;
padding: 0 16px 32px 144px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#biyouhari #leftbox > .three .li_faq > li > .a .box_a:before {
width: 68px;
height: 68px;
line-height: 1;
content: "";
display: inline-block;
position: absolute;
left: 60px;
top: -2px;
vertical-align: bottom;
background: url(/site/img/shinkyu-sekkotsu/hiesyo/icn_a.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .li_faq > li > .a .box_a:before {
width: 68px;
height: 68px;
left: 60px;
top: 5px;
}
}
#biyouhari #leftbox > .three .li_faq > li > .a p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .three .li_faq > li > .a p {
font-size: 2.4rem;
line-height: 1.6;
}
}
#biyouhari #leftbox > .three .li_faq > li > .a a.btn_std01 {
margin-top: 16px;
}
#biyouhari #leftbox > .four .content {
margin-bottom: 24px;
}
#biyouhari #leftbox > .four .content .lo1 {
display: table;
}
#biyouhari #leftbox > .four .content .lo1 > .one,
#biyouhari #leftbox > .four .content .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
#biyouhari #leftbox > .four .content .lo1 > .one {
color: #fff;
background: #3887AD;
text-align: center;
}
@media (min-width: 1021px) {
#biyouhari #leftbox > .four .content .lo1 > .one {
width: 200px;
}
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .one {
width: 140px;
}
}
#biyouhari #leftbox > .four .content .lo1 > .one .title {
font-size: 2.4rem;
letter-spacing: 1em;
margin-right: -1em;
display: inline-block;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .one .title {
letter-spacing: 0.5em;
margin-right: -0.5em;
}
}
#biyouhari #leftbox > .four .content .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 1021px) {
#biyouhari #leftbox > .four .content .lo1 > .two {
width: 658px;
padding-left: 40px;
}
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two {
padding-left: 20px;
}
}
#biyouhari #leftbox > .four .content .lo1 > .two .read p {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 0.8em;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two .read p {
font-size: 2rem;
line-height: 1.6;
}
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li {
width: 100%;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li {
width: 100%;
margin-bottom: 24px;
}
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li:last-child {
margin-bottom: 0;
}
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt, #biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dd {
padding: 10px 4px 6px;
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt {
font-size: 1.8rem;
color: #3887AD;
line-height: 1;
border-bottom: 3px solid #3887AD;
margin-bottom: 8px;
padding-bottom: 10px;
letter-spacing: .05em;
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt {
font-size: 2.4rem;
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.8rem;
}
}
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dd {
font-size: 1.5rem;
line-height: 1.4;
border-bottom: 3px solid #BFCDDB;
}
@media (max-width: 1020px) {
#biyouhari #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dd {
font-size: 2rem;
}
}
#biyouhari #leftbox .btn_area {
margin-bottom: 40px;
}
#biyouhari #leftbox .btn_area p {
font-size: 2rem;
line-height: 1.8;
margin-top: 8px;
}
#hiesyo #key { }
#hiesyo #contents { }
#hiesyo #leftbox > .one .content .tit {
margin-bottom: 40px;
text-align: center;
}
#hiesyo #leftbox > .one .content .img1 {
height: 485px;
position: relative;
margin-top: 32px;
}
#hiesyo #leftbox > .one .content .img1 img {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .img1 {
margin: 0 -30px;
height: auto;
}
#hiesyo #leftbox > .one .content .img1 img {
position: relative;
}
}
#hiesyo #leftbox > .one .content .ssec1 {
margin-bottom: 80px;
position: relative;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 {
padding-top: 360px;
}
}
#hiesyo #leftbox > .one .content .ssec1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 900px;
height: 436px;
background: url(/site/img/shinkyu-sekkotsu/hiesyo/hiesyo_img1.png) right 0 no-repeat;
position: absolute;
right: 0;
top: 56px;
z-index: -1;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1:before {
width: 540px;
height: 296px;
}
}
#hiesyo #leftbox > .one .content .ssec1 .std01 {
margin-bottom: 40px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 .std01 {
margin-bottom: 24px;
}
}
#hiesyo #leftbox > .one .content .ssec1 .txt_gr {
width: 590px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 .txt_gr {
width: auto;
}
}
#hiesyo #leftbox > .one .content .ssec1 .txt_gr p {
font-size: 1.5rem;
line-height: 2;
margin-bottom: 1em;
}
#hiesyo #leftbox > .one .content .ssec1 .txt_gr p:last-child {
margin-bottom: 0;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#hiesyo #leftbox > .one .content .ssec1 .dl_contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dt {
font-size: 1.6rem;
font-weight: bold;
background: #3887AD;
color: #fff;
line-height: 1;
letter-spacing: 0.095em;
padding: 4px 8px 8px;
margin-right: 16px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dt {
font-size: 2.4rem;
padding: 8px 12px 12px;
}
}
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dd {
color: #3887AD;
font-size: 1.5rem;
line-height: 2.5rem;
font-weight: 600;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dd {
font-size: 2rem;
line-height: 1.4;
}
}
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dd b {
font-size: 2.5rem;
}
@media (min-width: 1021px) {
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dd b {
margin-right: 1em;
}
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .one .content .ssec1 .dl_contact > dd b {
font-size: 3rem;
display: block;
}
}
#hiesyo #leftbox > .two {
position: relative;
margin-bottom: 60px;
}
#hiesyo #leftbox > .two .content {
position: relative;
padding: 40px 0 0;
}
#hiesyo #leftbox > .two .content:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 900px;
height: 436px;
background: url(/site/img/shinkyu-sekkotsu/hiesyo/hiesyo_img2.png) 0 0 no-repeat;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content:before {
width: 540px;
height: 296px;
}
}
#hiesyo #leftbox > .two .content .std01 {
text-align: right;
padding-top: 40px;
margin-bottom: 40px;
}
#hiesyo #leftbox > .two .content .li_faq > li {
padding: 12px 0;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .li_faq > li {
padding: 0px 0px 24px;
line-height: 1.8;
}
}
#hiesyo #leftbox > .two .content .li_faq > li > .q {
padding: 16px 20px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .li_faq > li > .q {
padding: 12px 16px;
}
}
#hiesyo #leftbox > .two .content .li_faq > li > .q .tit_q {
font-size: 3.4rem;
letter-spacing: .11em;
line-height: 1.2;
padding: 0 16px 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
margin-top: 8px;
position: relative;
cursor: pointer;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .li_faq > li > .q .tit_q {
font-size: 2.8rem;
margin: 0 0 0.5em;
line-height: 1.2;
}
}
#hiesyo #leftbox > .two .content .li_faq > li > .q .tit_q:before {
width: 37px;
height: 52px;
line-height: 1;
margin-right: 20px;
content: "";
display: inline-block;
position: absolute;
left: 0px;
top: -4px;
vertical-align: bottom;
background: url(/site/img/shinkyu-sekkotsu/hiesyo/icn_q.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .li_faq > li > .q .tit_q:before {
width: 38px;
height: 53px;
left: 0px;
top: -8px;
}
}
#hiesyo #leftbox > .two .content .li_faq > li > .a {
overflow: hidden;
}
#hiesyo #leftbox > .two .content .li_faq > li > .a .box_a {
margin: 16px auto;
padding: 0 16px 32px 144px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#hiesyo #leftbox > .two .content .li_faq > li > .a .box_a:before {
width: 68px;
height: 68px;
line-height: 1;
content: "";
display: inline-block;
position: absolute;
left: 60px;
top: -2px;
vertical-align: bottom;
background: url(/site/img/shinkyu-sekkotsu/hiesyo/icn_a.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .li_faq > li > .a .box_a:before {
width: 68px;
height: 68px;
left: 60px;
top: 5px;
}
}
#hiesyo #leftbox > .two .content .li_faq > li > .a p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .li_faq > li > .a p {
font-size: 2.4rem;
line-height: 1.6;
}
}
#hiesyo #leftbox > .two .content .li_faq > li > .a a.btn_std01 {
margin-top: 16px;
}
#hiesyo #leftbox > .two .content .title {
font-size: 2.8rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.11em;
padding-top: 20px;
margin: 0 0 20px 28px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .title {
font-size: 2.8rem;
}
}
#hiesyo #leftbox > .two .content .ul_reco {
letter-spacing: -.4em;
border: 1px solid #3887AD;
background: #fff;
padding: 24px;
}
#hiesyo #leftbox > .two .content .ul_reco li {
width: 50%;
font-size: 1.8rem;
letter-spacing: 0.05em;
padding: 4px 0;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
#hiesyo #leftbox > .two .content .ul_reco li:before {
content: "・";
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .two .content .ul_reco li {
width: 100%;
font-size: 2.4rem;
padding: 4px 0;
display: block;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li {
margin-bottom: 56px;
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li h4 {
background: #fff;
color: #3887AD;
border: 1px solid #3887AD;
letter-spacing: 0.11em;
padding: 0.2em;
font-size: 2.6rem;
margin-bottom: 8px;
text-align: center;
margin-bottom: 8px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li h4 {
font-size: 3.2rem;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li p {
font-size: 2.4rem;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 24px auto;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li {
width: 256px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li {
width: auto;
margin-bottom: 40px;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li dl dt {
font-size: 2rem;
background: #fff;
border: 1px solid #fff;
border-radius: 12px;
text-align: center;
padding: 0.6em 0;
margin-bottom: 12px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li dl dt {
font-size: 2.4rem;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li dl dd {
font-size: 1.4rem;
line-height: 2;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li dl dd {
font-size: 2rem;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li:nth-child(1) dl dt {
background: #FFDF9A;
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li:nth-child(2) {
width: 310px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li:nth-child(2) {
width: auto;
}
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li:nth-child(2) dl dt {
background: #CDD7FF;
}
#hiesyo #leftbox > .three .content .ssec1 .ol_flow > li .ul_chiryo > li:nth-child(3) dl dt {
background: #CCC;
}
#hiesyo #leftbox > .three .content .ssec2 {
margin-bottom: 80px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .content .tmb {
margin: 24px auto 40px;
text-align: center;
}
#hiesyo #leftbox > .three .content .tit {
margin-bottom: 40px;
}
#hiesyo #leftbox > .three .content .name {
text-align: center;
margin: 24px 0 16px;
}
#hiesyo #leftbox > .three .content .txt_gr p {
font-size: 2.4rem;
line-height: 1.6;
}
}
#hiesyo #leftbox > .three .li_faq > li {
padding: 12px 0;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .li_faq > li {
padding: 0px 0px 24px;
line-height: 1.8;
}
}
#hiesyo #leftbox > .three .li_faq > li > .q {
padding: 16px;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .li_faq > li > .q {
padding: 12px 16px;
}
}
#hiesyo #leftbox > .three .li_faq > li > .q .tit_q {
font-size: 3.4rem;
font-weight: bold;
line-height: 1;
padding: 0 16px 0 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
margin-top: 8px;
position: relative;
cursor: pointer;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .li_faq > li > .q .tit_q {
font-size: 2.8rem;
margin: 0 0 0.5em;
line-height: 1.2;
}
}
#hiesyo #leftbox > .three .li_faq > li > .q .tit_q:before {
width: 40px;
height: 54px;
line-height: 1;
margin-right: 16px;
content: "";
display: inline-block;
position: absolute;
left: 0px;
top: -10px;
vertical-align: bottom;
background: url(/site/img/shinkyu-sekkotsu/icn_q.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .li_faq > li > .q .tit_q:before {
width: 38px;
height: 53px;
left: 0px;
top: -8px;
}
}
#hiesyo #leftbox > .three .li_faq > li > .a {
overflow: hidden;
}
#hiesyo #leftbox > .three .li_faq > li > .a .box_a {
margin: 22px auto;
padding: 0 16px 32px 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#hiesyo #leftbox > .three .li_faq > li > .a .box_a:before {
width: 35px;
height: 42px;
line-height: 1;
content: "";
display: inline-block;
position: absolute;
left: 56px;
top: -2px;
vertical-align: bottom;
background: url(/site/img/shinkyu-sekkotsu/icn_a.svg) 0 0 no-repeat;
background-size: contain;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .li_faq > li > .a .box_a:before {
width: 34px;
height: 41px;
left: 42px;
top: 5px;
}
}
#hiesyo #leftbox > .three .li_faq > li > .a p {
font-size: 2.6rem;
line-height: 1.4;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .three .li_faq > li > .a p {
font-size: 2.4rem;
line-height: 1.6;
}
}
#hiesyo #leftbox > .three .li_faq > li > .a a.btn_std01 {
margin-top: 16px;
}
#hiesyo #leftbox > .four .content {
margin-bottom: 24px;
}
#hiesyo #leftbox > .four .content .lo1 {
display: table;
}
#hiesyo #leftbox > .four .content .lo1 > .one,
#hiesyo #leftbox > .four .content .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
#hiesyo #leftbox > .four .content .lo1 > .one {
color: #fff;
background: #3887AD;
text-align: center;
}
@media (min-width: 1021px) {
#hiesyo #leftbox > .four .content .lo1 > .one {
width: 200px;
}
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .one {
width: 140px;
}
}
#hiesyo #leftbox > .four .content .lo1 > .one .title {
font-size: 2.4rem;
letter-spacing: 1em;
margin-right: -1em;
display: inline-block;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .one .title {
letter-spacing: 0.5em;
margin-right: -0.5em;
}
}
#hiesyo #leftbox > .four .content .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 1021px) {
#hiesyo #leftbox > .four .content .lo1 > .two {
width: 658px;
padding-left: 40px;
}
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two {
padding-left: 20px;
}
}
#hiesyo #leftbox > .four .content .lo1 > .two .read p {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 0.8em;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two .read p {
font-size: 2rem;
line-height: 1.6;
}
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li {
width: 100%;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li {
width: 100%;
margin-bottom: 24px;
}
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li:last-child {
margin-bottom: 0;
}
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt, #hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dd {
padding: 10px 4px 6px;
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt {
font-size: 1.8rem;
color: #3887AD;
line-height: 1;
border-bottom: 3px solid #3887AD;
margin-bottom: 8px;
padding-bottom: 10px;
letter-spacing: .05em;
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt {
font-size: 2.4rem;
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.8rem;
}
}
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dd {
font-size: 1.5rem;
line-height: 1.4;
border-bottom: 3px solid #BFCDDB;
}
@media (max-width: 1020px) {
#hiesyo #leftbox > .four .content .lo1 > .two .ul_plan > li > dl > dd {
font-size: 2rem;
}
}
#hiesyo #leftbox > .four .content .lo1 .txt .txt_gr {
font-size: 1.5rem;
}
#hiesyo #leftbox .btn_area {
margin-bottom: 40px;
}
#hiesyo #leftbox .btn_area p {
font-size: 2rem;
line-height: 1.8;
margin-top: 8px;
}
#koutsuu #key { }
#koutsuu #contents {
padding-bottom: 200px;
background: url(/site/img/common/area_bg1.png) center bottom repeat-x;
}
@media (max-width: 1020px) {
#koutsuu #contents {
padding-top: 32px;
padding-bottom: 200px;
background-size: auto 142px;
}
}
#koutsuu #leftbox > .one .content .txt_gr {
margin-bottom: 24px;
}
#koutsuu #leftbox > .one .content .txt_gr p {
font-size: 1.5rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .txt_gr p {
font-size: 2.2rem;
line-height: 2;
}
}
#koutsuu #leftbox > .one .content .li_faq {
margin-bottom: 40px;
}
#koutsuu #leftbox > .one .content .li_faq > li {
padding: 12px 0 0;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .li_faq > li {
padding: 0px 0px 24px;
line-height: 1.8;
}
}
#koutsuu #leftbox > .one .content .li_faq > li:first-child {
padding-top: 0;
}
#koutsuu #leftbox > .one .content .li_faq > li > .q {
padding: 12px 16px;
background: #3887AD;
border-radius: 8px;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .li_faq > li > .q {
padding: 12px 16px;
}
}
#koutsuu #leftbox > .one .content .li_faq > li > .q .tit_q {
font-size: 2.2rem;
font-weight: bold;
color: #fff;
line-height: 1.4;
padding: 0 16px 0 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .li_faq > li > .q .tit_q {
font-size: 2.6rem;
line-height: 1.2;
margin: 0 auto;
}
}
#koutsuu #leftbox > .one .content .li_faq > li > .q .tit_q:before {
line-height: 1;
margin-right: 16px;
font-size: 2.2rem;
content: "1.";
display: inline-block;
position: absolute;
left: 0px;
top: 4px;
background-size: contain;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .li_faq > li > .q .tit_q:before {
font-size: 2.6rem;
width: 38px;
height: 53px;
left: 0px;
top: 2px;
}
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(2) > .q .tit_q:before {
content: "2.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(3) > .q .tit_q:before {
content: "3.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(4) > .q .tit_q:before {
content: "4.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(5) > .q .tit_q:before {
content: "5.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(6) > .q .tit_q:before {
content: "6.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(7) > .q .tit_q:before {
content: "7.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(8) > .q .tit_q:before {
content: "8.";
}
#koutsuu #leftbox > .one .content .li_faq > li:nth-child(9) > .q .tit_q:before {
content: "9.";
}
#koutsuu #leftbox > .one .content .li_faq > li .close .tit_q:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#koutsuu #leftbox > .one .content .li_faq > li > .a {
background: #B2CAD2;
overflow: hidden;
margin: 0 40px;
}
#koutsuu #leftbox > .one .content .li_faq > li > .a .box_a {
margin: 22px auto;
padding: 0 16px 32px 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#koutsuu #leftbox > .one .content .li_faq > li > .a p {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: .05em;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .li_faq > li > .a p {
font-size: 2.2rem;
line-height: 1.6;
}
}
#koutsuu #leftbox > .one .content .li_faq > li > .a ul li {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: .05em;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .one .content .li_faq > li > .a ul li {
font-size: 2.2rem;
line-height: 1.6;
}
}
#koutsuu #leftbox > .one .content .li_faq > li > .a a.btn_std01 {
margin-top: 16px;
}
#koutsuu #leftbox > .one .content .tit {
margin-bottom: 40px;
text-align: center;
}
#koutsuu #leftbox > .two .content .ul_tmb {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .two .content .ul_tmb {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: -40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
#koutsuu #leftbox > .two .content .ul_tmb > li {
text-align: center;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .two .content .ul_tmb > li {
margin-bottom: 40px;
}
}
#koutsuu #leftbox > .two .content .ul_tmb > li .cap {
font-size: 1.5rem;
font-weight: 500;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .two .content .ul_tmb > li .cap {
font-size: 2rem;
}
}
#koutsuu #leftbox > .two .content .ul_tmb > li:nth-child(1) {
width: 430px;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .two .content .ul_tmb > li:nth-child(1) {
width: auto;
}
}
#koutsuu #leftbox > .two .content .ul_tmb > li:nth-child(2) {
width: 480px;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .two .content .ul_tmb > li:nth-child(2) {
width: auto;
}
}
#koutsuu #leftbox > .two .content .tmb {
margin: 0 auto 24px;
text-align: center;
}
#koutsuu #leftbox > .two .content .ssec {
margin-bottom: 32px;
}
#koutsuu #leftbox > .two .content ol.std {
margin-left: 30px;
}
#koutsuu #leftbox > .two .content ol.std li {
font-size: 1.6rem;
line-height: 2;
margin-bottom: 8px;
font-weight: bold;
list-style: decimal;
letter-spacing: .05em;
color: #3887AD;
}
#koutsuu #leftbox > .two .content ol.std li p {
font-weight: normal;
color: #000;
}
@media (max-width: 1020px) {
#koutsuu #leftbox > .two .content ol.std li {
font-size: 2.2rem;
}
}
#taping #key { }
#taping #contents { }
#taping #leftbox > .one .content .tit {
font-size: 3.5rem;
font-weight: normal;
letter-spacing: 0.2em;
text-align: center;
color: #3887AD;
margin-bottom: 32px;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 1020px) {
#taping #leftbox > .one .content .tit {
font-size: 3rem;
}
}
#taping #leftbox > .one .content .txt_gr {
margin-bottom: 80px;
}
#taping #leftbox > .one .content .txt_gr p {
font-size: 1.4rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#taping #leftbox > .one .content .txt_gr p {
font-size: 2.4rem;
line-height: 2;
}
}
#taping #leftbox > .two {
position: relative;
z-index: 10;
}
#taping #leftbox > .two .content .tit {
font-size: 2.8rem;
font-weight: 500;
color: #3887AD;
line-height: 1.4;
letter-spacing: 0.11em;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .tit {
font-size: 3.2rem;
}
}
#taping #leftbox > .two .content .li_ladrshp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 24px auto 12px;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .li_ladrshp {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#taping #leftbox > .two .content .li_ladrshp li {
width: 220px;
margin-bottom: 12px;
}
#taping #leftbox > .two .content .li_ladrshp li img {
width: 100%;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .li_ladrshp {
margin-left: 0;
}
#taping #leftbox > .two .content .li_ladrshp li {
width: 48%;
margin-left: 0;
margin-bottom: 2%;
}
#taping #leftbox > .two .content .li_ladrshp li img {
width: 100%;
}
}
#taping #leftbox > .two .content .txt_gr {
margin-bottom: 40px;
}
#taping #leftbox > .two .content .txt_gr p {
font-size: 1.4rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .txt_gr p {
font-size: 2.4rem;
line-height: 2;
}
}
#taping #leftbox > .two .content .btn_area {
margin: 32px auto;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .btn_area {
text-align: center;
}
}
#taping #leftbox > .two .content .btn_area a.btn_back {
display: inline-block;
width: 190px;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 1;
background: #3a3a3a url(/site/img/index/ar.svg) 164px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 270px;
font-size: 1.6rem;
background-position: 250px center;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .btn_area a.btn_back {
border-radius: 1.5em;
background-size: 16px auto;
font-size: 24px;
}
}
#taping #leftbox > .two .content .btn_area a.btn_back:hover {
background-color: #428967;
}
@media (max-width: 1020px) {
#taping #leftbox > .two .content .btn_area a.btn_back {
width: 360px;
background-position: 300px center;
}
}
#taping #leftbox > .three {
z-index: 20;
position: relative;
}
#taping #leftbox > .three .content {
margin-bottom: 80px;
}
@media (max-width: 1020px) {
#taping #leftbox > .three .content {
margin-bottom: 40px;
}
}
#shinkyu #key { }
#shinkyu #contents { }
#shinkyu #leftbox > .one .content .tit {
margin-bottom: 40px;
text-align: center;
}
#shinkyu #leftbox > .one .content .ssec1 {
background: url(/site/img/shinkyu-sekkotsu/shinkyu/shinkyu_img1.png) right 0 no-repeat;
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .one .content .ssec1 {
min-height: 380px;
padding-top: 16px;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .one .content .ssec1 {
padding: 216px 30px 0;
}
}
#shinkyu #leftbox > .one .content .ssec1 .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .one .content .ssec1 .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#shinkyu #leftbox > .two .content .ssec1 {
background: url(/site/img/shinkyu-sekkotsu/shinkyu/shinkyu_img2.png) 0 0 no-repeat;
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .two .content .ssec1 {
text-align: right;
min-height: 440px;
padding-top: 16px;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .ssec1 {
padding: 226px 30px 0;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .ssec1 .std01 {
text-align: right;
}
}
#shinkyu #leftbox > .two .content .ssec1 .txt_gr {
margin-bottom: 56px;
}
#shinkyu #leftbox > .two .content .ssec1 .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .ssec1 .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#shinkyu #leftbox > .two .content .lo1 {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .two .content .lo1 {
min-height: 274px;
padding-left: 310px;
}
}
#shinkyu #leftbox > .two .content .lo1 .title {
font-size: 2.8rem;
letter-spacing: 0.2em;
margin-bottom: 8px;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .lo1 .title {
font-size: 3.2rem;
text-align: center;
margin-bottom: 24px;
}
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .two .content .lo1 .tmb {
position: absolute;
left: 0;
top: 0;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .lo1 .tmb {
width: 64%;
position: static;
margin: 0 auto 24px;
}
#shinkyu #leftbox > .two .content .lo1 .tmb img {
width: 100%;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .lo1 .txt_gr {
padding: 0 30px;
}
}
#shinkyu #leftbox > .two .content .lo1 .txt_gr p {
font-size: 1.5rem;
line-height: 2;
letter-spacing: 0.05em;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .lo1 .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#shinkyu #leftbox > .two .content .lo1 a.btn_next {
display: inline-block;
width: 190px;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 1;
background: #3a3a3a url(/site/img/index/ar.svg) 164px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 170px;
font-size: 1.6rem;
background-position: 148px center;
display: block;
margin-top: 24px;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .lo1 a.btn_next {
border-radius: 1.5em;
background-size: 16px auto;
font-size: 24px;
}
}
#shinkyu #leftbox > .two .content .lo1 a.btn_next:hover {
background-color: #428967;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .two .content .lo1 a.btn_next {
width: 240px;
background-position: 208px center;
margin-top: 32px;
}
}
#shinkyu #leftbox > .three .content .ssec .txt_gr p {
font-size: 1.8rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .three .content .ssec .txt_gr p {
font-size: 2.4rem;
line-height: 1.6;
}
}
#shinkyu #leftbox > .three .content .ssec1 {
background: url(/site/img/shinkyu-sekkotsu/shinkyu/shinkyu_img3.png) right 0 no-repeat;
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .three .content .ssec1 {
min-height: 310px;
padding-top: 16px;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .three .content .ssec1 {
padding: 200px 30px 0;
margin-bottom: 64px;
}
}
#shinkyu #leftbox > .three .content .ssec1 .txt_gr {
width: 600px;
}
#shinkyu #leftbox > .three .content .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 64px;
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .three .content .lo1 {
margin-top: -40px;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .three .content .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 30px;
}
}
#shinkyu #leftbox > .three .content .lo1 > .tmb {
position: relative;
}
@media (min-width: 1021px) {
#shinkyu #leftbox > .three .content .lo1 > .tmb img {
width: 410px;
}
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .three .content .lo1 > .tmb {
text-align: center;
margin-top: 64px;
}
}
#shinkyu #leftbox > .three .content .lo1 > .tmb:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 18px;
height: 344px;
background: url(/site/img/shinkyu-sekkotsu/obj_fuki.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 56px;
top: 0;
z-index: -1;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .three .content .lo1 > .tmb:before {
-webkit-transform: rotate(-90deg) translateX(-50%);
-ms-transform: rotate(-90deg) translateX(-50%);
transform: rotate(-90deg) translateX(-50%);
top: -220px;
left: 50%;
}
}
#shinkyu #leftbox > .three .content .lo1 > .txt .std01 {
padding-top: 0;
}
#shinkyu #leftbox > .three .content .lo1 > .txt .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
#shinkyu #leftbox > .three .content .lo1 > .txt .txt_gr .name {
margin: 16px 0;
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#shinkyu #leftbox > .three .content .lo1 > .txt .txt_gr p {
font-size: 2.2rem;
line-height: 1.6;
}
#shinkyu #leftbox > .three .content .lo1 > .txt .txt_gr .name {
font-size: 2.3rem;
}
}
#o-kyaku #key { }
#o-kyaku #contents { }
#o-kyaku #leftbox > .one .content .txt_gr {
margin-bottom: 40px;
}
#o-kyaku #leftbox > .one .content .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .one .content .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#o-kyaku #leftbox > .one .content > .ssec1 {
margin-bottom: 40px;
}
#o-kyaku #leftbox > .one .content > .ssec1 .txt_gr {
margin-bottom: 40px;
}
#o-kyaku #leftbox > .one .content > .ssec1 .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .one .content > .ssec1 .txt_gr p {
font-size: 2.2rem;
line-height: 1.8;
}
}
#o-kyaku #leftbox > .one .content > .ssec1 .img1 {
text-align: center;
margin: 24px auto;
}
#o-kyaku #leftbox > .two .content {
margin-bottom: 24px;
}
#o-kyaku #leftbox > .two .content .lo1 {
display: table;
}
#o-kyaku #leftbox > .two .content .lo1 > .one,
#o-kyaku #leftbox > .two .content .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
#o-kyaku #leftbox > .two .content .lo1 > .one {
color: #fff;
background: #3887AD;
text-align: center;
}
@media (min-width: 1021px) {
#o-kyaku #leftbox > .two .content .lo1 > .one {
width: 200px;
}
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .one {
width: 140px;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .one .title {
font-size: 2.4rem;
letter-spacing: 1em;
margin-right: -1em;
display: inline-block;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .one .title {
letter-spacing: 0.5em;
margin-right: -0.5em;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .two {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 1021px) {
#o-kyaku #leftbox > .two .content .lo1 > .two {
width: 658px;
padding-left: 40px;
}
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two {
padding-left: 20px;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .two .read p {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 0.8em;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two .read p {
font-size: 2rem;
line-height: 1.6;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li {
width: 48%;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li {
width: 100%;
margin-bottom: 24px;
}
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li:last-child {
margin-bottom: 0;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dt, #o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dd {
padding: 10px 4px 6px;
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dt {
font-size: 1.8rem;
color: #3887AD;
line-height: 1;
border-bottom: 3px solid #3887AD;
margin-bottom: 8px;
padding-bottom: 10px;
letter-spacing: .05em;
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.6rem;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dt {
font-size: 2.4rem;
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dt span {
font-size: 1.8rem;
}
}
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dd {
font-size: 1.5rem;
line-height: 1.4;
border-bottom: 3px solid #BFCDDB;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .two .content .lo1 > .two .ul_plan > li > dl > dd {
font-size: 2rem;
}
}
#o-kyaku #leftbox > .three .content {
margin-bottom: 24px;
}
#o-kyaku #leftbox > .three .content .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .three .content .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 1021px) {
#o-kyaku #leftbox > .three .content .lo1 > .tmb {
margin-right: 40px;
}
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .three .content .lo1 > .tmb {
margin-bottom: 40px;
}
}
#o-kyaku #leftbox > .three .content .lo1 > .txt .title {
font-size: 2.8rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.11em;
margin-bottom: 16px;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .three .content .lo1 > .txt .title {
font-size: 2.8rem;
}
}
#o-kyaku #leftbox > .three .content .lo1 > .txt p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .three .content .lo1 > .txt p {
font-size: 2.2rem;
line-height: 1.6;
}
}
#o-kyaku #leftbox > .three .content .txt_gr p {
font-size: 1.8rem;
line-height: 1.8;
}
@media (max-width: 1020px) {
#o-kyaku #leftbox > .three .content .tmb {
margin: 24px auto 40px;
text-align: center;
}
#o-kyaku #leftbox > .three .content .tit {
margin-bottom: 40px;
}
#o-kyaku #leftbox > .three .content .txt_gr p {
font-size: 2.2rem;
line-height: 1.6;
}
}
#jihi #key { }
#jihi #contents {
padding-bottom: 200px;
background: url(/site/img/common/area_bg1.png) center bottom repeat-x;
}
@media (max-width: 1020px) {
#jihi #contents {
padding-top: 32px;
padding-bottom: 200px;
background-size: auto 142px;
}
}
#jihi #leftbox > .one .content .one {
margin-bottom: 80px;
text-align: center;
}
#jihi #leftbox > .one .content .one .li_effect {
height: 240px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 1.8rem;
margin: 0 auto 64px;
border-right: 1px solid #3887AD;
display: inline-block;
}
#jihi #leftbox > .one .content .one .li_effect li {
text-align: left;
padding: 8px 12px;
border-left: 1px solid #3887AD;
}
#jihi #leftbox > .one .content .one .li_effect li:last-child {
text-align: right;
}
@media (max-width: 1020px) {
#jihi #leftbox > .one .content .one .li_effect {
height: auto;
font-size: 2.2rem;
}
}
#jihi #leftbox > .one .content .one .std01 {
text-align: left;
}
#jihi #leftbox > .one .content .one .txt_gr {
margin-bottom: 40px;
text-align: left;
}
#jihi #leftbox > .one .content .one .txt_gr p {
font-size: 1.5rem;
line-height: 2;
}
@media (max-width: 1020px) {
#jihi #leftbox > .one .content .one .txt_gr p {
font-size: 2.4rem;
line-height: 1.8;
}
}
#jihi #leftbox > .two .content .tit {
margin-bottom: 16px;
}
#jihi #leftbox > .two .content .txt_gr {
margin-bottom: 56px;
}
#jihi #leftbox > .two .content .txt_gr p {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 1em;
}
@media (max-width: 1020px) {
#jihi #leftbox > .two .content .txt_gr p {
font-size: 2rem;
line-height: 1.6;
}
}
#jihi #leftbox > .two .content a.btn_back {
display: inline-block;
width: 190px;
padding: 0.9em 0px 1em 0px;
border-radius: 25px;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 1;
background: #3a3a3a url(/site/img/index/ar.svg) 164px center no-repeat;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 170px;
font-size: 1.6rem;
background-position: 148px center;
display: block;
margin-top: 24px;
}
@media (max-width: 1020px) {
#jihi #leftbox > .two .content a.btn_back {
border-radius: 1.5em;
background-size: 16px auto;
font-size: 24px;
}
}
#jihi #leftbox > .two .content a.btn_back:hover {
background-color: #428967;
}
@media (max-width: 1020px) {
#jihi #leftbox > .two .content a.btn_back {
width: 240px;
background-position: 208px center;
margin-top: 32px;
}
}
#jihi #leftbox > .two .content .taiou_li .taiou {
min-height: 274px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 310px;
margin-bottom: 40px;
}
#jihi #leftbox > .two .content .taiou_li .taiou .tmb_blk {
position: absolute;
left: 0;
top: 0;
}
#jihi #leftbox > .two .content .taiou_li .taiou:nth-child(even) {
padding-left: 0;
padding-right: 310px;
}
#jihi #leftbox > .two .content .taiou_li .taiou:nth-child(even) .tmb_blk {
position: absolute;
left: auto;
right: 0;
top: 0;
}
#jihi #leftbox > .two .content .taiou_li .taiou .tit {
font-size: 2.8rem;
font-family: ten-mincho-text, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
margin-bottom: 8px;
}
@media (max-width: 1020px) {
#jihi #leftbox > .two .content .taiou_li .taiou {
min-height: inherit;
padding-left: 0;
margin-bottom: 40px;
}
#jihi #leftbox > .two .content .taiou_li .taiou .tmb_blk {
width: 80%;
position: static;
margin: 0 auto;
}
#jihi #leftbox > .two .content .taiou_li .taiou .tmb_blk img {
width: 100%;
}
#jihi #leftbox > .two .content .taiou_li .taiou:nth-child(even) {
padding-left: 0;
padding-right: 0;
}
#jihi #leftbox > .two .content .taiou_li .taiou:nth-child(even) .tmb_blk {
position: static;
}
#jihi #leftbox > .two .content .taiou_li .taiou .tit {
font-size: 3.2rem;
}
} #videoarchives #key {
height: 550px;
background: url(/site/img/videoarchives/key_va_bg1.jpg) center 0 no-repeat;
background-size: cover;
}
@media (max-width: 1020px) {
#videoarchives #key {
background: url(/site/img_sp/videoarchives/key_va_bg1.png) center 0 no-repeat;
background-size: cover;
}
}
#videoarchives #contents {
padding-bottom: 200px;
background: url(/site/img/common/area_bg1.png) center bottom repeat-x;
}
@media (max-width: 1020px) {
#videoarchives #contents {
padding-top: 32px;
padding-bottom: 200px;
background-size: auto 142px;
}
}
#videoarchives #leftbox .search {
position: relative;
height: 42px;
margin: 0 0 32px;
}
@media (max-width: 1020px) {
#videoarchives #leftbox .search {
height: 62px;
}
}
#videoarchives #leftbox .search form input {
float: left;
margin-left: 5px;
}
#videoarchives #leftbox .search form [type=text] {
width: 642px;
height: 42px;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
font-size: 16px;
}
@media (max-width: 1020px) {
#videoarchives #leftbox .search form [type=text] {
width: 72%;
height: 62px;
}
}
#videoarchives #leftbox .search form [type=submit] {
width: 124px;
height: 42px;
border: none;
background: url(/site/img/videoarchives/btn_serch.svg) center center no-repeat #4070ff;
background-size: 76px 22px;
border-radius: 4px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1020px) {
#videoarchives #leftbox .search form [type=submit] {
width: 26%;
height: 62px;
background-size: auto 32px;
}
}
#videoarchives #leftbox #newlist .li_sort > li a {
font-size: 1.8rem;
padding: 10px 20px;
border-radius: 1.5em;
border: 2px solid #56b27b;
color: #333;
}
@media (max-width: 1020px) {
#videoarchives #leftbox #newlist .li_sort > li a {
font-size: 24px;
}
}
#videoarchives #leftbox #newlist .li_sort > li a.current {
background: #56b27b;
color: #fff;
}
#videoarchives #leftbox .items .item {
margin-bottom: 45px;
}
#videoarchives #leftbox .items .item .youtube {
position: relative;
width: 100%;
margin-bottom: 20px;
padding-top: 56.25%;
}
#videoarchives #leftbox .items .item .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#videoarchives #leftbox .items .item h2 {
font-size: 20px;
}
@media (max-width: 1020px) {
#videoarchives #leftbox .items .item h2 {
font-size: 28px;
}
} #sns #leftbox .content h3 {
margin-bottom: 1em;
padding-bottom: 0.82em;
font-size: 34px;
line-height: 1;
letter-spacing: 0.1em;
background: url(/site/img/index/line.svg) center bottom no-repeat;
text-align: center;
font-weight: normal;
font-weight: 500;
letter-spacing: 0;
}
@media (min-width: 1021px) {
#sns #leftbox .content h3 {
font-size: 2.0em;
}
}
#sns #leftbox .content .sec01 {
margin-bottom: 7.0rem;
}
#sns #leftbox .content .sec01 div {
display: block;
background-color: #F2F2F2;
text-align: center;
font-size: 1.7rem;
padding: 20px 10px;
}
#sns #leftbox .content .sec01 div a {
font-weight: 500;
color: #3887ad;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
#sns #leftbox .content .sec01 div a:hover {
color: #f57f00;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all	0.3s ease;
-o-transition: all	0.3s ease;
transition: all	0.3s ease;
}
#sns #leftbox .content .sec_line {
margin-bottom: 7.0rem;
}
#sns #leftbox .content .sec_line div.fixItem {
font-size: 2.0rem;
background-color: #F2F2F2;
}
#sns #leftbox .content .sec_line div.sns_01 {
float: left;
width: -webkit-calc(45% - 40px);
width: calc(45% - 40px);
line-height: 3.0em;
padding: 20px;
margin-bottom: 20px;
}
#sns #leftbox .content .sec_line div.sns_02 {
float: left;
width: -webkit-calc(55% - 40px);
width: calc(55% - 40px);
padding: 20px;
margin-bottom: 20px;
}
#sns #leftbox .content .sec_line div.sns_02 img.img_qr {
width: 150px;
height: 150px;
}
@media (max-width: 1020px) {
#sns #leftbox .content .sec_line div.sns_02 {
min-height: 200px;
}
#sns #leftbox .content .sec_line div.sns_02 img.img_qr {
width: 200px;
height: 200px;
}
} #sitemaps .detail {
padding: 30px 0px 60px;
}
#sitemaps .detail .list {
border-bottom: 1px solid #aaa;
}
#sitemaps .detail .list > li {
border-top: 1px solid #aaa;
}
#sitemaps .detail .list > li > a {
display: block;
padding: 1em 1em;
font-size: 16px;
}
@media (max-width: 1020px) {
#sitemaps .detail .list > li > a {
font-size: 28px;
}
}
#sitemaps .detail .list ul.children {
border-top: 1px solid #ddd;
}
#sitemaps .detail .list ul.children li {
display: inline-block;
}
@media (max-width: 1020px) {
#sitemaps .detail .list ul.children li {
display: block;
margin: 1.5em;
}
}
#sitemaps .detail .list ul.children li a {
display: block;
padding: 1.5em 1em;
margin-right: 1em;
}
@media (max-width: 1020px) {
#sitemaps .detail .list ul.children li a {
padding: 0px;
margin: 0px;
}
} #privacy .detail {
padding: 0 0px 60px;
}
@media (max-width: 1020px) {
#privacy .detail {
padding-top: 30px;
}
}
#privacy .detail .read {
margin-bottom: 2em;
font-size: 1.4rem;
line-height: 2;
}
@media (max-width: 1020px) {
#privacy .detail .read {
font-size: 24px;
}
}
#privacy .detail dt {
padding-bottom: 0.2em;
margin-bottom: 0.4em;
font-size: 2.0rem;
}
@media (max-width: 1020px) {
#privacy .detail dt {
font-size: 30px;
}
}
#privacy .detail dd {
margin-bottom: 2em;
line-height: 2;
font-size: 1.4rem;
}
@media (max-width: 1020px) {
#privacy .detail dd {
font-size: 24px;
}
}

#top .slider.top_video{
overflow: hidden;
}
#top .slider.top_video video{
width: 100%;
height: 100%;
object-fit: cover;
}
#movie-test{
padding-top: 0;
}
#movie-test #key_text{
display: none;
}