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

html {
	font-size: 62.5%;
}
body {
    width: 100%;
	font-size: 2.5rem;
	font-family: sans-serif;
    font-weight: normal;
	line-height: 150%;
    color: rgb(30,30,30);
    background-color: rgb(255,255,255);
    text-align: justify;
}
#container {
    margin: 0 auto;
    background-color:rgb(255,255,255);
    overflow: hidden;
}
img {
    width: 100%;
    vertical-align: bottom;
    border: none;
}
.pcOnly {display: inline-block;}
.spOnly {display: none;}
.max {
    width: 100%;
    margin: 0 auto;
}
.max_1000 {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
}
.max_1200 {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.max_800 {
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.flex_content_center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex_start {justify-content: flex-start;}

.flex_box_2_100 {width: 48%;}
.flex_box_3_100 {width: 32%;} 

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.just {text-align: justify;}

.auto {margin: auto;}

.fs10{font-size: 1rem;line-height: 180%;}
.fs15{font-size: 1.5rem;line-height: 150%;}
.fs20{font-size: 2rem;line-height: 150%;}
.fs25{font-size: 2.5rem;line-height: 150%;}
.fs30{font-size: 3rem;line-height: 150%;}
.fs35{font-size: 3.5rem;line-height: 150%;}
.fs40{font-size: 4rem;line-height: 130%;}
.fs45{font-size: 4.5rem;line-height: 130%;}
.fs50{font-size: 5rem;line-height: 130%;}
.fs60{font-size: 6rem;line-height: 130%;}
.fs80{font-size: 8rem;line-height: 120%;}
.fs100{font-size: 10rem;line-height: 130%;}

.bold {font-weight: bold;}
.normal {font-weight: 300;}
.jikan07 {letter-spacing: 0.7rem;}
.jikan10 {letter-spacing: 1rem;}

.mt10{margin-top: 1rem;}
.mt20{margin-top: 2rem;}
.mt30{margin-top: 3rem;}
.mt40{margin-top: 4rem;}
.mt50{margin-top: 5rem;}
.mt80{margin-top: 8rem;}
.mb50{margin-bottom: 5rem;}
.mt100{margin-top: 10rem;}
.mt150{margin-top: 15rem;}
.mr10{margin-right: 1rem;}
.mr20{margin-right: 2rem;}
.mr30{margin-right: 3rem;}
.mA{margin: auto;}

.pd05{padding: 0.5rem;box-sizing: border-box;}
.pd10{padding: 1rem;box-sizing: border-box;}
.pd20{padding: 2rem;box-sizing: border-box;}
.pd30{padding: 3rem;box-sizing: border-box;}
.pd50{padding: 5rem;box-sizing: border-box;}
.pd80{padding: 8rem;box-sizing: border-box;}
.pt05{padding-top: 0.5rem;}
.pt10{padding-top: 1rem;}
.pt20{padding-top: 2rem;}
.pt50{padding-top: 5rem;}
.pt80{padding-top: 8rem;}
.pt100{padding-top: 10rem;}
.pb50{padding-bottom: 5rem;}
.pb80{padding-bottom: 8rem;}
.pb100{padding-bottom: 10rem;}
.ps10{padding-right: 1rem;padding-left: 1rem;}

.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w50{width: 50%;}
.w80{width: 80%;}
.w90{width: 90%;}

.bg {padding: 0.5rem;margin: 0 0.5rem;}
.bg_wh {background-color: rgb(255,255,255);}
.bg_wh_suke {background-color: rgba(255,255,255,0.8);}
.bg_red {background-color: rgb(215,15,15);}
.bg_blue {background-color: rgb(25,40,135);}
.bg_mizu {background-color: rgb(220,240,250);}
.bg_ao {background-color: rgb(40,160,230);}
.bg_bk {background-color: rgb(30,30,30);}

.bk {color: rgb(30,30,30);}
.blue {color: rgb(25,40,135);}
.white {color: rgb(255,255,255);}
.red {color: rgb(215,15,15);}
.orange {color: rgb(240,100,0);}
.bigred {color: rgb(180,30,30);}
.yellow {color: rgb(250,230,50);}
.ao {color: rgb(40,160,230);}

.kage {filter: drop-shadow(2px 2px 2px rgba(30,30,30,.6));}
.kage_box {box-shadow: 3px 3px 6px rgba(30,30,30,0.4);}


.maru {border-radius: 10px;}

a {border: none;text-decoration: none;}

.moushikomi {
    width: 50%;
    margin: 10px auto 0;
    padding: 2rem 0;
    color: rgb(255,255,255);
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    background-color: rgb(25,40,135);
    border-bottom: 5px solid rgba(0,0,0,0.3);
    border-radius: 100px;
    cursor: pointer;
    display: block;
}

.moushikomi:hover {
    margin-top: 13px;
    border-bottom: 2px solid rgba(0,0,0,0.3);
}

video {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: 1;
}
hr {border: 0px; border-top: 2px solid rgb(30,30,30);}

rt {
    letter-spacing: 0.25rem;
}


/*move*/
.slid {
    transform:translateX(-100vw);
    opacity:0;
    transition-duration:1200ms;
}
.slid.effect {
    transform:translateX(0);
    opacity:1;
}
.slid_r {
    transform:translateX(100vw);
    opacity:0;
    transition-duration:1200ms;
}
.slid_r.effect {
    transform:translateX(0);
    opacity:1;
}
.up {
    transform:translateY(100px);
    opacity:0;
    transition-duration:1200ms;
}
.up.effect {
    transform:translateY(0);
    opacity:1;
}

/*---------------------------------------*/

#logo {
    /*background-color: rgb(0,130,180);*/
    background: url(../form/image/rainbow_line.png);
}
#logo img {width: 20%;max-width: 200px; vertical-align: middle;}

#top {
    background: linear-gradient(45deg, rgb(255 255 255 / 70%), rgb(255 255 255 / 70%)), url(../form/image/header_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center,center -330px;
}

#top > div > img {
    width: 100%;
    max-width: 716px;
}

#footer {background-color: #0d6fb8;}
#footer_naka div {width: 30%;}
#copy {background-color: #098FF2}


/*-------form-------*/
.form_box {display: none;}
input,select {
    width: 60%;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 5px;
    font-size: 18px;
    box-shadow: none!important;
    border: solid 1px rgb(30,30,30);
}
textarea {
    width: 60%;
    font-size: 18px;
    margin-top: 1rem;
}
.check input {
    width: 1rem;
    transform: scale(2);
    margin: 0 1rem;
}

.must2 {
    float: right;
    font-size: 1.5rem;
    color: rgb(255,255,255);
    background-color: rgb(230,30,30);
    padding: 0 1rem;
    border-radius: 5px;
}
#term-body {
    font-size: 12px;
    line-height: 160%;
    height: 150px;
    text-align: left;
    margin: 2rem 0;
    padding: 2rem;
    border: 1px #DDD solid;
    overflow: auto;
    overflow-y: scroll;
    box-shadow: inset 0 1px 3px #DDD;
}
select {width: 60%;padding: 1rem;}
.text_btn {font-size: 2rem;cursor: pointer;background-color: rgb(25,40,135);border: 0px;padding: 0.5rem 1rem}

div.tenpo_pull {
    display: none;
}

@media screen and (max-width: 1000px) {
    html {font-size: 40%;}
    .pcOnly {display: none;}
    .spOnly {display: block;}
    .max_800 {width: 90%;}
    .max_1000 {width: 90%;}
    .flex_no {display: inline-block;}
    .flex_box_2_100 {width: 100%;}
    .flex_box_3_100 {width: 100%;} 
    .spmt10 {margin-top: 1rem;}
    .spmt20 {margin-top: 2rem;}
    .max_800,.max_1000,.max_1200 {width: 95%;}
    .moushikomi{width: 80%;}
    
    /*---------------------------------------*/
    #logo img {width: 40%;max-width: 400px;}
    #jizen {margin-right: 0rem;}
    #foot_logo {width: 50%;margin: 3rem auto;}
    #footer_naka div {width: 100%;text-align: center;}
    .text_btn {font-size: 4rem;}
    #top {background-position: center,center;}
}