/*******************************************
all
*******************************************/

html,body,h1,h2,h3,h4,h5,h6,a,p,div,section,dl,dt,dd,th,td,table,span{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
section{padding:50px 10px;}
/*******************************************
Header
*******************************************/
.top-desc {
    background: url(../img/bg-top-dot-blue.png);
    padding: 5px 0;
    font-size: .75rem;
    font-weight: 600;
	text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;
}
.site-menu li{display:inline;width:13%;}
.navbar {
    padding: 0;
}
.nav-item {
    display: inline-block;
    max-width: calc( 100% / 7 );
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.nav-item a img{border-left:1px dashed #ccc;}
.nav-item-last a img{border-right:1px dashed #ccc;}
ul{margin-bottom:0;}
.gmenu-border{border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}

/*******************************************
Header
*******************************************/
#mv{
background:url("../img/mv-bg-02.png")repeat-x top,url("../img/mv-bg-01.png");
padding:2rem 0;
}

/*******************************************
top01
*******************************************/
#top01{
    background:url("../img/bg-star.png")no-repeat center, url(../img/bg-top-dot-blue.png);
	padding:50px 10px;
}
.box-in{padding:50px; background:url("../img/point-acc.png")no-repeat right bottom;background-position: right 50px bottom 50px;}
.point-inner{background: #fff; border-radius: 50px; box-shadow: 0px 0px 10px #ccc;}
.rr2{border-radius: 50px 50px 0 0;}
.point01{
    background: url("../img/point01-bg.png")no-repeat top right, #036eb8;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 20px;
	width:100%;
	max-width:500px;
}
.f-yellow{color:#ffe400;}

/*******************************************
cta
*******************************************/
#cta{padding:50px 10px;}

/*******************************************
covid
*******************************************/
#covid{padding:50px 10px; background:url("../img/covid-bg.png")no-repeat right bottom, url("../img/grey-stripe.png");}

/*******************************************
information
*******************************************/
#information{padding:50px 10px;}
.red-heading {
    color: #bf0000;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 2.5rem;
    letter-spacing: 3px;
}
dl{border-bottom: 1px dotted #ccc; padding-bottom:.8rem;}
dt {
    font-weight: 700;
    float: left;
    margin-right: 20px;
	font-size:.8rem;
}
dd{color:#036eb8; font-size:.8rem; font-weight: 700;}

/*******************************************
footer
*******************************************/
footer{background:url("../img/blue-stripe.png"); color:#fff;padding:50px 10px;}
footer p{font-weight: 700;}
.white-bar{
    border-top: 1px dashed #fff;
    margin-top: 30px;
    padding-top: 20px;	
}
.btn-white{
background: #fff;
    color: darkblue !important;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: .8rem;
    letter-spacing: 1px;
    font-weight: 700;	
}

/*******************************************
content
*******************************************/

#mv-content{
	background:url("../img/mv-bg-01.png");
}
.content-title {
    display: block;
    padding: 50px 20px;
    font-weight: 700;
    letter-spacing: 5px;
    text-shadow: 0px 0px 10px aliceblue;
    color: #fff;
    text-align: center;
}

#voice .col-md-6{min-height:200px; border:1px solid #ccc; padding:20px;}

[type=reset], [type=submit]{
    -webkit-appearance: button;
    background: #036eb8;
    color: #fff;
    padding: 10px 30px;
    border-radius: 100px;
    width: 100%;
    max-width: 500px;
    font-size: 1.5rem;
}

.whitebox{
height: 300px;
    overflow-y: scroll;
    padding: 20px;
    border: 1px solid #ccc;	
}

h4 .blue-border {
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

h4 .blue-border:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

.h3-title02{
  color: #010079;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #010079;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
padding:10px 20px;
margin-bottom:20px;
}

.alert{
    font-size: 1.2rem;
    font-weight: 700;
    color: red;	
}
.point-list{padding-left:20px;}
.point-list li{
	list-style: circle;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
	font-weight:700;
}
.sign-list{padding-left:20px;}
.sign-list li{
	list-style: circle;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
	font-weight:700;
	width: 50%;
    float: left;
}

.f-red{color:red;}
.f-green{color:green;}
.f-brown{color:hotpink;}

.heart-title{
margin-bottom:20px;
font-size:1.2rem;
}

h5{
background: #eee;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 1rem;	
}

.question {
    border-bottom: solid 3px #cce4ff;
    position: relative;
    font-size: 1rem;
    padding-bottom: 10px;
    padding-top: 20px;
}

.question:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

#sp-banner {
    position: fixed;
    bottom: 0;
}
.fa, .fas {
    color: deeppink;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    width: 100%;
    background: #fff;
    color: #f23a2e;
    font-weight: 500;
}
.btn-group-lg>.btn, .btn-lg:hover{
    color: #fff;
    background: #f23a2e;
}
th{width:30%;}
td{width:70%;}


/* wp */
.tx-right {
	text-align:right;
}
.titleWrap {
	display: flex;
  align-items: center;
}
.data {
    margin-left: 15px;
    display: inline-block;
}
.title {
    margin-left: 15px;
	display: inline-block;
}

.imghover:hover{
	opacity:0.6;
	transition:0.6s;
}
@media only screen and (max-width: 480px) {
.titleWrap {
    display: block;
    align-items: flex-start;
}
span.txtCenter {
    display: block;
}	
.data {
    margin-left: 0;
	display: block;
}
.title {
    margin-left: 0;
	display: block;
}	
}
.box1 {
    background-color: rgba(243,248,255,0.42);
    padding: 2em;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
    border-radius: 15px;
}
.box1 ul li,.blog ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
}