@charset "UTF-8";
html {
    font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
    font-size: 62.5%;
    font-feature-settings: "palt";
    letter-spacing: 0.1rem;
    scroll-behavior: smooth;
}
body { font-size:1.6rem; line-height: 1.5; }
h1 { font-size: 2.0rem; line-height: 1.5; }
h2 { font-size: 1.8rem; line-height: 1.5; }
.small { font-size: 1.1rem; line-height: 1.5; }
img { max-width: 100%; }
@media screen and (min-width:768px) {
    body { font-size:1.8rem; line-height: 1.5; }
    h1 { font-size: 2.4rem; line-height: 1.5; }
    h2 { font-size: 2.0rem; line-height: 1.5; }
}
.wrap { width: 100%; }
@media screen and (min-width:768px) {
    .wrap {
        width: 640px;
        margin: 0 auto;
    }
}

/*モジュール*/
.bg-gray { background-color: #f4f4f4; }
.bg-blue { background-color: #d4f4ff; }
.bg-blue2 { background-color: #e1f3ff; }
.bg-blue3 { background-color: #b6dffe; }
.bg-yellow { background-color: #FFFBEF; }
.text-wrap {
    padding: 10px;
    margin: 0 auto;
}
.line-link {
    text-align: center;
    font-weight: bolder;
}
.line-link a{
    display: inline-block;
    margin: 0 3px;
    padding: 2px 5px;
	border: 2px solid #06C755;
    border-radius: 0.3rem;
	background: #06C755;
	color: #fff;
    text-decoration: none;
}

/*セクション別*/
.header { position: relative; }
.header-button {
    position: absolute;
    bottom: 20%;
}

.swiper {
    width: 98%;
    background-color: #f4f4f4;
}
.swiper-slide {
    padding: 0px 2px;
}

.recommend { position: relative; }
.recommend-button {
    position: absolute;
    bottom: 0;
}

.limit { position: relative; }
.limit-button {
    position: absolute;
    bottom: 2.5%;
}

.flow { position: relative; }
.flow-button {
    position: absolute;
    bottom: 3%;
}

.company {
    background-color: #f4f4f4;
    padding-bottom: 20px;
    text-align: center;
}
.company table{
    width: 98%;
    border-collapse: collapse;
    margin: 0 auto;
}
.company table th{
    width: 100%;
    background-color: #204491;
    color: white;
    text-align: left;
    padding: 10px;
}
.company table td{
    text-align: left;
    width: 100%;
    background-color: white;
    padding: 10px;
}

.footer {
    background-color: #204491;
    text-align: center;
    padding: 20px 0 100px 0;
    color: white;
}

/*アニメーション*/
.animation {
    animation: dokundokun 1300ms ease infinite;
}
@keyframes dokundokun {
    0%  { transform: scale(1); }
    15% { transform: scale(1.1); }
    30% { transform: scale(1); }
    45% { transform: scale(1.1); }
    70% { transform: scale(1); }
}