@charset "utf-8";
/* CSS Document */
/*
Author: Spreaf
Version: ver201902
*/

/* ========================================
reset
======================================== */
* {
border:0;
margin:0;
outline:0;
padding:0;
box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}
html {
	font-size:62.5%;
    width:100%;
    height:100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility
}
body {
    line-height:1;
    position:relative;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -o-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-feature-settings:"palt";
    font-feature-settings:"palt";
    -webkit-overflow-scrolling:touch;
    width:100%;
    height:100%;
}
img {
    vertical-align:bottom;
    max-width: 100%;
    height:auto
}
article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
br, hr {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
a {display: inline-block;backface-visibility: hidden;}

/*
input[type="radio"] {border: 0px!important;}
input[type="radio"],input[type="submit"],label{cursor:pointer;}
input, button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #333;
}
select::-ms-expand {display: none;}
.radio_input{
  display: none;
}
.radio_input + label{
   position: relative;
    display: inline-block;
    padding: 5px 3px 3px 34px;
    cursor: pointer;
    margin-right: 48px;
}
.radio_input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio_input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #3498db;
  border-radius: 50%;
}

.checkbox_input{
display: none;
}
.checkbox_input + label{
    position: relative;
    display: inline-block;
    padding: 5px 3px 3px 34px;
    cursor: pointer;
    margin-right: 48px;
}
.checkbox_input + label::before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -9px;
    background: #fff;
    border: 1px solid #ccc;
}
.checkbox_input:checked + label::after{
    position: absolute;
    content: '';
    top:11px;
    left: 3px;
    width: 13px;
    height: 5px;
    border-left: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
*/

/* general 
==================================== */
.bold{font-weight:bold}
.normal{font-weight:normal}
.underline{text-decoration:underline}
.center{text-align:center}
.ta_right{text-align:right}
.ta_left{text-align:left}
.clear{clear:both}
.f_left{float:left}
.f_right{float:right}
/*ul「●」*/
ul.list_default {padding-left:2em}
ul.list_default li {list-style-type:disc}
/*ol「1.2.3.」*/
ol.list_default {padding-left:2em}
ol.list_default li {list-style-type:decimal}
/*ul「・」*/
ul.list_normal li{position:relative;padding-left:1em}
ul.list_normal li::before{content:'・';position:absolute;left:0}
ul.list_normal ul{padding-left:1em}
/*ul「※」*/
ul.list_note li, .txt_note{position:relative;padding-left:1.1em}
ul.list_note li::before, .txt_note::before{content:'※';position:absolute;left:0;top:0}

/* swiper */
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img{width:100%}

.fadein_up {
    transition: 1s;
	opacity: 0;
    transform: translate(0,20px);
}
.fadein_up.show {
	opacity: 1;
	transform: translate(0,0);
}
@media screen and (min-width: 768px) {/*pc*/}
@media screen and (max-width: 767px) {/*sp*/
    .fadein {transform: translate(0,10px);}
}