@charset "utf-8";
.mb5 { margin-bottom:5px;} .mb10 { margin-bottom:10px;} .mb15 { margin-bottom:15px;} .mb20 { margin-bottom:20px;} .mb25 { margin-bottom:25px;} .mb30 { margin-bottom:30px;} .mb35 { margin-bottom:35px;} .mb40 { margin-bottom:40px;} .mb45 { margin-bottom:45px;} .mb50 { margin-bottom:50px;} .mb55 { margin-bottom:55px;} .mb60 { margin-bottom:60px;} .mb65 { margin-bottom:65px;} .mb70 { margin-bottom:70px;} .mb75 { margin-bottom:75px;} .mb80 { margin-bottom:80px;} .mb85 { margin-bottom:85px;} .mb90 { margin-bottom:90px;} .mb95 { margin-bottom:95px;} .mb100 { margin-bottom:100px;}
.mt5 { margin-top:5px;} .mt10 { margin-top:10px;} .mt15 { margin-top:15px;} .mt20 { margin-top:20px;} .mt25 { margin-top:25px;} .mt30 { margin-top:30px;} .mt35 { margin-top:35px;} .mt40 { margin-top:40px;} .mt45 { margin-top:45px;} .mt50 { margin-top:50px;} .mt55 { margin-top:55px;} .mt60 { margin-top:60px;} .mt65 { margin-top:65px;} .mt70 { margin-top:70px;} .mt75 { margin-top:75px;} .mt80 { margin-top:80px;} .mt85 { margin-top:85px;} .mt90 { margin-top:90px;} .mt95 { margin-top:95px;} .mt100 { margin-top:100px;}
.ml5 { margin-left:5px;} .ml10 { margin-left:10px;} .ml15 { margin-left:15px;} .ml20 { margin-left:20px;} .ml25 { margin-left:25px;} .ml30 { margin-left:30px;} .ml35 { margin-left:35px;} .ml40 { margin-left:40px;} .ml45 { margin-left:45px;} .ml50 { margin-left:50px;} .ml55 { margin-left:55px;} .ml60 { margin-left:60px;} .ml65 { margin-left:65px;} .ml70 { margin-left:70px;} .ml75 { margin-left:75px;} .ml80 { margin-left:80px;} .ml85 { margin-left:85px;} .ml90 { margin-left:90px;} .ml95 { margin-left:95px;} .ml100 { margin-left:100px;}
.mr5 { margin-right:5px;} .mr10 { margin-right:10px;} .mr15 { margin-right:15px;} .mr20 { margin-right:20px;} .mr25 { margin-right:25px;} .mr30 { margin-right:30px;} .mr35 { margin-right:35px;} .mr40 { margin-right:40px;} .mr45 { margin-right:45px;} .mr50 { margin-right:50px;} .mr55 { margin-right:55px;} .mr60 { margin-right:60px;} .mr65 { margin-right:65px;} .mr70 { margin-right:70px;} .mr75 { margin-right:75px;} .mr80 { margin-right:80px;} .mr85 { margin-right:85px;} .mr90 { margin-right:90px;} .mr95 { margin-right:95px;} .mr100 { margin-right:100px;}
.pt5 { padding-top:5px;} .pt10 { padding-top:10px;} .pt15 { padding-top:15px;} .pt20 { padding-top:20px;} .pt25 { padding-top:25px;} .pt30 { padding-top:30px;} .pt35 { padding-top:35px;} .pt40 { padding-top:40px;} .pt45 { padding-top:45px;} .pt50 { padding-top:50px;} .pt55 { padding-top:55px;} .pt60 { padding-top:60px;} .pt65 { padding-top:65px;} .pt70 { padding-top:70px;} .pt75 { padding-top:75px;} .pt80 { padding-top:80px;} .pt85 { padding-top:85px;} .pt90 { padding-top:90px;} .pt95 { padding-top:95px;} .pt100 { padding-top:100px;}
.pb5 { padding-bottom:5px;} .pb10 { padding-bottom:10px;} .pb15 { padding-bottom:15px;} .pb20 { padding-bottom:20px;} .pb25 { padding-bottom:25px;} .pb30 { padding-bottom:30px;} .pb35 { padding-bottom:35px;} .pb40 { padding-bottom:40px;} .pb45 { padding-bottom:45px;} .pb50 { padding-bottom:50px;} .pb55 { padding-bottom:55px;} .pb60 { padding-bottom:60px;} .pb65 { padding-bottom:65px;} .pb70 { padding-bottom:70px;} .pb75 { padding-bottom:75px;} .pb80 { padding-bottom:80px;} .pb85 { padding-bottom:85px;} .pb90 { padding-bottom:90px;} .pb95 { padding-bottom:95px;} .pb100 { padding-bottom:100px;}
.pl5 { padding-left:5px;} .pl10 { padding-left:10px;} .pl15 { padding-left:15px;} .pl20 { padding-left:20px;} .pl25 { padding-left:25px;} .pl30 { padding-left:30px;} .pl35 { padding-left:35px;} .pl40 { padding-left:40px;} .pl45 { padding-left:45px;} .pl50 { padding-left:50px;} .pl55 { padding-left:55px;} .pl60 { padding-left:60px;} .pl65 { padding-left:65px;} .pl70 { padding-left:70px;} .pl75 { padding-left:75px;} .pl80 { padding-left:80px;} .pl85 { padding-left:85px;} .pl90 { padding-left:90px;} .pl95 { padding-left:95px;} .pl100 { padding-left:100px;}
.pr5 { padding-right:5px;} .pr10 { padding-right:10px;} .pr15 { padding-right:15px;} .pr20 { padding-right:20px;} .pr25 { padding-right:25px;} .pr30 { padding-right:30px;} .pr35 { padding-right:35px;} .pr40 { padding-right:40px;} .pr45 { padding-right:45px;} .pr50 { padding-right:50px;} .pr55 { padding-right:55px;} .pr60 { padding-right:60px;} .pr65 { padding-right:65px;} .pr70 { padding-right:70px;} .pr75 { padding-right:75px;} .pr80 { padding-right:80px;} .pr85 { padding-right:85px;} .pr90 { padding-right:90px;} .pr95 { padding-right:95px;} .pr100 { padding-right:100px;}
/*
-----------------------------------------------------------------*/
.text-justify p {
text-align:justify;
text-justify:inter-ideograph;
}
.paragraph {
margin-bottom: 30px;
}
a {
cursor: pointer;
cursor: hand;
}
/*
-----------------------------------------------------------------*/
.hidden-1024, .hidden-980, .hidden-768, .hidden-480 {
display: block;
}
.visible-1024, .visible-980, .visible-768, .visible-480 {
display: none;
}
@media screen and (max-width:1023px) {
.hidden-1024 {display: none;}
.visible-1024 {display: block;}
}
@media screen and (max-width:980px) {
.hidden-980 {display: none;}
.visible-980 {display: block;}
}
@media screen and (max-width:768px) {
.hidden-768 {display: none;}
.visible-768 {display: block;}
}
@media screen and (max-width:480px) {
.hidden-480 {display: none;}
.visible-480 {display: block;}
}
/* テーブル
-----------------------------------------------------------------*/
.normal-tab {
width: 100%;
border-collapse: collapse;
}
.normal-tab th,
.normal-tab td {
border: 1px solid #cccccc;
padding: 10px;
vertical-align: middle;
font-size: 1.6rem;
}
.normal-tab th {
font-weight: bold;
background-color: #eeeeee;
}
.border-b-tab {
width: 100%;
border-collapse: collapse;
}
.border-b-tab th,
.border-b-tab td {
border-bottom: 1px solid #ccc;
vertical-align: top;
font-size: 1.6rem;
line-height: 1.6em;
}
.border-b-tab th {
font-weight: normal;
padding: 20px 20px 20px 0;
}
.border-b-tab td {
font-weight: normal;
padding: 20px 20px 20px 0;
}
.border-b-tab th.border-t-tab,
.border-b-tab td.border-t-tab {
border-top: 1px solid #ccc;
}
.nowrap-th th {
white-space: nowrap;
}
/* Googleマップ レスポンシブ対応
-----------------------------------------------------------------*/
.googleMap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 5px;
margin-top: 5px;
}
.googleMap iframe,
.googleMap object,
.googleMap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* YouTube レスポンシブ対応
-----------------------------------------------------------------*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/* clearfix
-----------------------------------------------------------------*/
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
/* 下からフェードイン
-----------------------------------------------------------------*/
.fade {
transition: all 2000ms;
opacity: 0;
visibility: hidden;
transform: translate(0px, 50px);
}
.fadein {
opacity: 1;
visibility: visible;
transform: translate(0px, 0px);
}
/* GoogleWebフォント
ゴシック体
font-family: 'Noto Sans JP', sans-serif;
font-weight: 100;300;400;500;700;900;
明朝体
font-family: 'Noto Serif JP', serif;
font-weight: 200;300;400;500;600;700;900;
丸ゴシック体
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 100;300;400;500;700;800;900;
すべて指定
ゴシック体+明朝体
Oswald
font-family: 'Oswald', sans-serif;
-----------------------------------------------------------------*/
.button019 a {
background: #eee;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 480px;
padding: 20px 25px;
color: #000;
transition: 0.3s ease-in-out;
font-size: 2rem;
font-weight: 400;
text-decoration: none;
}
.button019 a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 2rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
background: #6caf67;
color: #FFF;
}
.button019 a:hover:after {
right: 1.4rem;
}
/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
display: flex;
justify-content:center;
align-items:center;
/*background: #6caf67;*/
background: #33b371;
border-radius: 50%;
width: 80px;
height: 80px;
color: #000;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size:0.6rem;
transition:all 0.3s;
box-shadow: 0px 0px 0px 2px rgb(255, 255, 255);
}
#page-top a:hover{
background: #fae241;
}
/*リンクを右下に固定*/
#page-top {
position: fixed;
right: 25px;
z-index: 2;
/*はじめは非表示*/
opacity: 0;
transform: translateY(100px);
}
/* 上に上がる動き */
#page-top.UpMove{
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 下に下がる動き */
#page-top.DownMove{
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 1;
transform: translateY(100px);
}
}
.dli-chevron-up {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(25%) rotate(-45deg);
}