body {
font-family:'Noto Sans JP', sans-serif,'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 1.5;
background-color: #e5f8fc;
}
header{
background:#B9E5FB;
padding: 20px 0 0;
}
a{
text-decoration: none;
}
.popup_fu_cont{
background: url("../img/bg_00.png");
background-repeat: no-repeat;            
background-position:center center;  
background-size: cover;
}
.popup_fu_cont02{
background: url("../img/bg_01.png");
background-repeat: no-repeat;            
background-position:center center;  
background-size: cover;
}
.popup_fu_inner,.popup_fu_inner02{
background: rgba(106,106,106,0.78);
height: 130vh;
padding: 100px 0 0;
}
.popup_fu_inner section,.popup_fu_inner02 section{
animation: fadeIn 1s ease-in-out;
border-radius: 10px;
width: 90%;
max-width: 1600px;
padding: 20px;
background-color: #ffffff;
margin: 10px auto;
font-size: 130%;
}
.popup_fu_inner02 section p{
font-size: 120%;
font-weight: bold;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
h1{
font-weight: bold;
font-size: 200%;
text-align: center;
color: #3763af;
}
h6{
position: relative;
padding: 0 .5em .1em 1.7em;
text-align: left;
font-size: 110%;
}
h6::after {
position: absolute;
top: .4em;
left: .4em;
content: '';
width: 12px;
height: 12px;
background-color: #959CAF;
border-radius: 50%;
/*-webkit-transform: rotate(45deg);
transform: rotate(45deg);*/
}
.midashi01{
font-size: 170%;
font-weight: bold;
text-align: center;
margin: 30px auto;
}
.main_cont{
width: 85%;
margin: 0px auto 100px;
background: #ffffff;
border-radius: 10px;
padding: 20px;
max-width: 1700px;
}
.subtitle {
background: #F4E927;
font-size: 180%;
font-weight: bold;
padding: 10px 0;
letter-spacing: 0.1em;
text-align: center;
}
.subtitle img{
vertical-align: bottom;
}
.aka_waku{
border: 8px solid #C90909;
border-radius: 5px;
font-size: 120%;
font-weight: bold;
background: #FFEBEC;
}
.aka_waku p{
width: 90%;
margin: 15px auto;
text-align: center;
}
.ao_waku{
border: 8px solid #0543B0;
background: #ffffff;
border-radius: 5px;
font-weight: bold;
padding: 20px 0;
}
.ao_waku p{
width: 90%;
margin: 15px auto;
text-align: center;
}
/*ssssssselect.php*/
.btn_area {
padding: 30px 10px;
margin: 0 auto;
}
.btn_item{
border-radius: 8px;
text-align: center;
transition: background 0.2s, box-shadow 0.2s;
cursor: pointer;
font-weight: bold;
border: 2px solid #0F7EE5;
background: #0F7EE5;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
color: #ffffff;
text-decoration: none;
width: 90%;
height: 100%;
margin: 0 auto;
padding: 10px 0 10px;
font-size: 150%;
}
.btn_item_tel{
background: #16B158;
border: 2px solid #7BBCBB;   
}
.btn_item:hover {
opacity: 0.7;
}
.btn_label {
background: #ffffff;
color: #000;
font-size: 150%;
padding: 0 20px;
margin-right: 5px;
}
/*ssssssselect.php*/
footer{
background: url("../img/whole_bg02.png");
background-repeat: repeat;            
background-position:center center;   
margin-top: 60px;
}
.footer_logo{
width: 25%;
margin: 0px auto;
padding: 50px 0;
}
.footer_logo img{
width: 100%;
}
.newline{
display: inline-block;
}
@media screen and (max-width:1300px) {
.main_cont{
width: 95%;
}
.btn_item{
font-size: 135%;
}
}


@media screen and (max-width:798px) {
.popup_fu_cont{
background: url("../img/bg_00_sp.png");
background-repeat: no-repeat;            
background-position:center center;  
background-size: cover;
}
.popup_fu_cont02{
background: url("../img/bg_01_sp.png");
background-repeat: no-repeat;            
background-position:center center;  
background-size: cover;
}
.popup_fu_inner,.popup_fu_inner02{
padding: 80px 0 0;
height: 150vh;
}
.popup_fu_inner section,.popup_fu_inner02 section{
width: 95%;
padding: 10px;
margin: 10px auto;
font-size: 140%;
}
.btn_item{
font-size: 130%;
width: 95%;
height: inherit;
margin: 0 auto 10px;
}
}
@media screen and (max-width:540px) {
.popup_fu_inner,.popup_fu_inner02{
padding: 30px 0 0;
}
.popup_fu_inner section,.popup_fu_inner02 section{
width: 95%;
padding: 10px;
margin: 10px auto;
font-size: 110%;
}
.main_cont{
width: 95%;
margin: 0px auto 60px;
padding: 10px 3px;
border: 2px solid #0E99FF;
}
/*ssssssselect.php*/
.btn_area {
padding: 30px 5px;
}
.btn_item{
font-size: 120%;
width: 95%;
height: inherit;
margin: 0 auto 10px;
}
.btn_label{
font-size: 100%;
}
.aka_waku{
border: 3px solid #DB0000;
border-radius: 5px;
font-size: 110%;
}
.aka_waku p{
width: 97%;
margin: 10px auto;
}
/*ssssssselect.php*/
.ao_waku{
border: 5px solid #0543B0;
padding: 20px 0;
}
.ao_waku p{
width: 90%;
margin: 15px auto;
text-align: center;
}
h6{
position: relative;
padding: 0 .5em 1em 1.7em;
text-align: left;
font-size: 105%;
}
.footer_logo{
width: 55%;
}
.midashi01{
font-size: 120%;
}
.subtitle {
font-size: 150%;
padding: 8px 0;
}

}