@charset "utf-8";

/**********************************************
全体（PCベースのreset.css）
***********************************************/

/*
**
** html タグ start
**
*/
html {
}
head{
}
body{
    background-color: white;
    font-family: -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 16px;
    color: #333;
    letter-spacing: 1.5px;
    line-height: 1.75;
}
footer{
}
iframe{
    border:0;
    width:100%;
    height:100%;
}

img {
    width:100%;
    max-width: 100%;
    height: auto;
}

input[type="checkbox"]{
    margin-right:10px;
}
label, input[type="checkbox"]{
    cursor: pointer;
}
input[type="radio"]{
    margin-right:10px;
    cursor: pointer;
}
/*
**
** html タグ end
**
*/

/*
**
**文字装飾
**
*/
.under_line_blue {
    background: linear-gradient(transparent 50%, #a8eaff 50%);
}

/*
**
**テキストボックス start
**
*/
.required {
    background-color: rgb(255, 255, 204);
}
/*
**
**テキストボックス end
**
*/

/*
**
** コンテナ― start
**
*/
.container-fluid{
}
.container{
}
/*
**
** コンテナ― end
**
*/

/*
**
** 共通 start
**
*/
#contents-header{
}
.band{
}
.band div{
    /*background-color: rgb(172,255,112);*/
    background-color: rgb(163, 211, 196);
    height:30px;
}
.logo{
    background-color: rgb(163, 211, 196);
    position:absolute; 
    height:80px; 
    width: 250px; 
    top:0;
    left: 0; 
    z-index: 1;
}
.important-msg{
    background-color: white;
    font-size:1.3vw;
    color:rgb(252,102,127);
    font-weight: bold;
    text-align:right;
    vertical-align: middle;
}
#contents-header .logo .card-img{
    padding:10px;
}
#contents-header .important-msg{
    padding:10px;
    padding-left: 0px;
}
#contents-header .important-msg #im-left, 
#contents-header .important-msg #im-right{
    display: inline;
}
#contents-header .important-msg #im-left{
    float: left;
    width:250px;
    height:50px;
}
.navi{
}
.navi .button{
    padding:10px; 
    border: solid rgb(230,230,230) 1px;
    text-align:center;
    background-color: white;
    font-weight: bold;
}
.navi .button .not-clicked{
    display:inline-block;
    text-decoration:none;
}
.navi .not-clicked:hover{
    background-color: white;
    cursor: pointer;
    padding-bottom: 7px;
    border-bottom: solid 3px rgb(75,157,131);
    -webkit-box-shadow:inset 0px 0px 3px #fff;
    -moz-box-shadow:inset 0px 0px 3px #fff;
    box-shadow:inset 0px 0px 3px #fff;
}
.navi .not-clicked:active{
    border: solid rgb(36, 77, 64) 1px;
    background-color: rgb(75,157,131);
    color:whitesmoke;
    -webkit-box-shadow:inset 0px 0px 8px #334c66;
    -moz-box-shadow:inset 0px 0px 2px #3a6da0;
    box-shadow:inset 0px 0px 2px #3a6da0;
}
.navi .clicked{
    background-color: rgb(75,157,131);
    color:whitesmoke;
}
.page-img{
    padding: 0px;
}
.page-img div{
    padding: 0px;
}
#contents-body{
    background-color: rgb(242,242,242);
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top:dotted gray 1px;
    border-bottom:dotted gray 1px;
}
#contents-body .card-img{
    margin-bottom: 20px;
}
#contents-footer{
    height:100px;
    background-color: gray;
}
/*
**
** 共通 end
**
*/

/*
**
** カード start
**
*/
.card{
    margin-top:20px;
    margin-bottom:20px;
    padding:0px;
}
.card-header{
    padding:.375rem .375rem;
}
.card-title{
    margin-bottom: 0px;
    text-align:center;
    font-weight: bold;
}
.card-body{
}
.card-text{
}
.card-img{
    /*margin-bottom: 20px;*/
    text-align: center;
}
/*
**
** カード end
**
*/

/*
**
** タイトルバリエーション start
**
*/
.variation00{
    background-color:white;
    font-size:15px;
}
.variation01{
    background-color: rgb(253,203,211);
    color: rgb(252,102,127);
    font-size:25px;
    font-weight: bold;
}

.variation02{
    background-color: rgb(253,203,211);
    font-size:25px;
    font-weight: bold;
}

.variation03{
    background-color: rgb(253,203,211);
    color: rgb(252,102,127);
    font-size:25px;
}

.variation04{
    background-color: rgb(253,203,211);
    font-size:25px;
}

.variation05{
    background-color: rgb(253,203,211);
    color: rgb(252,102,127);
    font-size:20px;
    font-weight: bold;
}

.variation06{
    background-color: rgb(253,203,211);
    font-size:20px;
    font-weight: bold;
}

.variation07{
    background-color: rgb(253,203,211);
    color: rgb(252,102,127);
    font-size:20px;
    font-weight: bold;
}

.variation08{
    background-color: rgb(253,203,211);
    font-size:20px;
    font-weight: bold;
}

.variation09{
    background-color: rgb(253,203,211);
    color: rgb(252,102,127);
    font-size:16px;
    font-weight: bold;
}

.variation10{
    background-color: rgb(253,203,211);
    font-size:16px;
    font-weight: bold;
}

.variation11{
    background-color: rgb(253,203,211);
    color: rgb(252,102,127);
    font-size:16px;
}

.variation12{
    background-color: rgb(253,203,211);
    font-size:16px;
}
.variation13{
    background-color: rgb(217,255,189);
    color: rgb(0,196,80);
    font-size:25px;
    font-weight: bold;
}
.variation14{
    background-color: rgb(217,255,189);
    font-size:25px;
    font-weight: bold;
}
.variation15{
    background-color: rgb(217,255,189);
    color: rgb(0,196,80);
    font-size:25px;
}
.variation16{
    background-color: rgb(217,255,189);
    font-size:25px;
}
.variation17{
    background-color: rgb(217,255,189);
    color: rgb(0,196,80);
    font-size:20px;
    font-weight: bold;
}
.variation18{
    background-color: rgb(217,255,189);
    font-size:20px;
    font-weight: bold;
}
.variation19{
    background-color: rgb(217,255,189);
    color: rgb(0,196,80);
    font-size:20px;
}
.variation20{
    background-color: rgb(217,255,189);
    font-size:20px;
}
.variation21{
    background-color: rgb(217,255,189);
    color: rgb(0,196,80);
    font-size:16px;
    font-weight: bold;
}
.variation22{
    background-color: rgb(217,255,189);
    font-size:16px;
    font-weight: bold;
}
.variation23{
    background-color: rgb(217,255,189);
    color: rgb(0,196,80);
    font-size:16px;
}
.variation24{
    background-color: rgb(217,255,189);
    font-size:16px;
}
.variation25{
    background-color: rgb(255,255,204);
    color: rgb(191,143,0);
    font-size:25px;
    font-weight: bold;
}
.variation26{
    background-color: rgb(255,255,204);
    font-size:25px;
    font-weight: bold;
}
.variation27{
    background-color: rgb(255,255,204);
    color: rgb(191,143,0);
    font-size:25px;
}
.variation28{
    background-color: rgb(255,255,204);
    font-size:25px;
}
.variation29{
    background-color: rgb(255,255,204);
    color: rgb(191,143,0);
    font-size:20px;
    font-weight: bold;
}
.variation30{
    background-color: rgb(255,255,204);
    font-size:20px;
    font-weight: bold;
}
.variation31{
    background-color: rgb(255,255,204);
    color: rgb(191,143,0);
    font-size:20px;
}
.variation32{
    background-color: rgb(255,255,204);
    font-size:20px;
}
.variation33{
    background-color: rgb(255,255,204);
    color: rgb(191,143,0);
    font-size:16px;
    font-weight: bold;
}
.variation34{
    background-color: rgb(255,255,204);
    font-size:16px;
    font-weight: bold;
}
.variation35{
    background-color: rgb(255,255,204);
    color: rgb(191,143,0);
    font-size:16px;
}
.variation36{
    background-color: rgb(255,255,204);
    font-size:16px;
}
.variation37{
    background-color: rgb(189,215,238);
    color: rgb(31,78,120);
    font-size:25px;
    font-weight: bold;
}
.variation38{
    background-color: rgb(189,215,238);
    font-size:25px;
    font-weight: bold;
}
.variation39{
    background-color: rgb(189,215,238);
    color: rgb(31,78,120);
    font-size:25px;
}
.variation40{
    background-color: rgb(189,215,238);
    font-size:25px;
}
.variation41{
    background-color: rgb(189,215,238);
    color: rgb(31,78,120);
    font-size:20px;
    font-weight: bold;
}
.variation41_ex{
    background-color: white;
    color: rgb(65,113,156);
    font-size:20px;
    font-weight: bold;
}
.variation42{
    background-color: rgb(189,215,238);
    font-size:20px;
    font-weight: bold;
}
.variation43{
    background-color: rgb(189,215,238);
    color: rgb(31,78,120);
    font-size:20px;
}
.variation44{
    background-color: rgb(189,215,238);
    font-size:20px;
}
.variation45{
    background-color: rgb(189,215,238);
    color: rgb(31,78,120);
    font-size:16px;
    font-weight: bold;
}
.variation46{
    background-color: rgb(189,215,238);
    font-size:16px;
    font-weight: bold;
}
.variation47{
    background-color: rgb(189,215,238);
    color: rgb(31,78,120);
    font-size:16px;
}
.variation48{
    background-color: rgb(189,215,238);
    font-size:16px;
}
/*
**
** タイトルバリエーション end
**
*/