@charset "utf-8";
/* CSS Document */

.clearfix::after {
content: “”;
display: block;
clear: both;
}
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
marb3vw:{margin-bottom:3vw;}
marb6vw:{margin-bottom:6vw;}
.emphasis{
    color:#0085B2;
}
.covid-link{
    color:#f00;
    text-decoration: underline;
}
.pc-hide {
    display: none;
}
.sp-hide {
    display: block;
}
@media screen and (max-width: 768px) {
.pc-hide {
    display: block;
}
.sp-hide {
    display: none;
}
}
/* フォーム */
input[type="text"],
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
}
input[type="submit"]{
    background-color: #000;
    color:#fff;
    box-shadow: none;
    outline: none;
    border: none;
    width:30%;
    padding:20px;
    cursor: pointer;
}
input[type="reset"], input[type="button"]{
    background-color: #ccc;
    color:#333;
    box-shadow: none;
    outline: none;
    border: none;
    width:30%;
    padding:20px;
    cursor: pointer;
}
select {
    box-shadow: none;
    border: none;
    background: #0085B2;
    font-size: 16px;
    padding: 12px 15px;
    width: 100%;
    transition: 0.8s;
    border-radius: 0;
}
select:focus {
    background: #e9f5fb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type="text"],
textarea {
    background: #e3f7fc;
    display: block;
    font-size: 16px;
    padding: 1vw 0;
    width: 100%;
    transition: 0.8s;
    border-radius: 0;
}
input[type="text"]:focus,
textarea:focus {
    background: #e9f5fb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
textarea[name="content"] {
    display: inline-block;
    width: 100%;
    height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
}
 
::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
 
:-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
}


/* 表組み */
table {
    width: 100%;
    border-collapse:separate;   
    border-spacing:0; 
    font-size:0.9vw;
    display: table;
    margin-bottom: 6vw;
}
table td {
    padding:1.5vw 0.5vw;
    border-bottom:solid 1px #eee;
    color:#000;
}
table th {
    padding:1.5vw 0.5vw;
    position: relative;
    text-align: left;
    color:#000;
    border-bottom:solid 1px #eee;
    font-weight: normal;
}
form table {
    width: 100%;
    margin-bottom:3vw;
    font-size:0.9vw;
}
form table td {
    padding:0.5vw 0;
    color:#000;
    border:0;
}
form table th {
    background: #ccc;
    padding:0.5vw;
    position: relative;
    text-align: left;
    border:0;
}
@media screen and (max-width: 768px) {
table {
    width: 100%;
    border-collapse:separate;   
    border-spacing:0; 
    font-size:0.9vw;
    display: table;
    margin-bottom: 26vw;
}
table th,table td{
    font-size:3vw;
    line-height:8vw;
    padding:3% 3%;
    display: block;
    width: 94%;
}
table th {
    text-align: left;
    font-weight: 600;
}
form table {
    width: 100%;
    margin-bottom:3vw;
    font-size:0.9vw;
}
form table td, form table th{
    font-size:3vw;
}
form table th{
    padding:3% 3%;  
    font-weight: normal;
    background: #fff;
    display: block;
    border-bottom: solid 1px #eee;
}
form table td{
    display: block;
    padding:3% 3%;
}
}

/* モーダル */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100vw;
}
.modal__content{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width:60vw;
    padding:3vw;
    border:solid 1px #666;
    color:#000;
    background-color: #fff;
}
.js-modal-close-btn {
    position:absolute;
    text-align:right;
    width:100%;
    top:40px;
    right:40px;
}
@media screen and (max-width: 768px) {
.modal__content{
    font-size:3vw;
}
.js-modal-close-btn {
    position:absolute;
    text-align:right;
    width:100%;
    top:20px;
    right:20px;
}
.js-modal-close-btn img{
    width:4%;
    height:auto;
}
}
/* フェード処理 */
.fadein {
	opacity : 0;
	transform : translate(0px, 20px);
	transition : all 800ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
}

.fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
}
.fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
}