/* base.css */

@import url("pad.css") screen and (max-width: 959px);
@import url("tablet.css") screen and (max-width: 480px);

*{
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:normal;
	text-decoration:none;
	font-size:100%;
	font-style:normal;
	line-height:1.65;
}

html{
    scroll-behavior: smooth;
}


p{
margin:0;
}

table{
border-collapse:collapse;
width:100%;
}

img{
	border-style:none;
	vertical-align:middle;
}

* html img{
	border-style:none;
	vertical-align:middle;
}

p{
	letter-spacing:0.01em;
}

strong{
	font-weight:bold;
}
a{
background-color:inherit;
color:#000;
}

.centering{
text-align:center;
}

.righting{
	text-align:right;
	margin-right:20px;
}

.lefting{
	text-align:left;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:40px;
}



.mt30{
	margin-top:50px;
}

.small{
font-size:90%;
}

.small2{
font-size:80%;
}

.bold{
font-weight:bold;
}

.red{
color:#cc0000;
background-color:inherit;
}

.gray{
color:#999999;
background-color:inherit;
}

.white{
	color:#FFF;
	background-color:inherit;
}

.fz70{
	font-size:70%;
}

.fz75{
	font-size:75%;
}

.fz80{
	font-size:80%;
}

.meiryo{
	font-family:"メイリオ", sans-serif, serif;
}



.indent{
	text-indent:-1em;
	padding-left:1em;
}

.blue{
color:#2D62FF;
background-color:inherit;
}

.underline{
	text-decoration:underline;
}


.leftbox{
	float:left;
	width:48%;
}

.rightbox{
	float:right;
	width:48%;
}

.campaign{
    width: 98%;
    
}


.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
*+html .container {min-height: 1%;}
.container {display: block;}
/* End hide from IE-mac */




img.flex{
	width:100%;
	height:auto;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media print,screen and (min-width: 960px){
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

#header{
 margin-bottom: 50px;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #999;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 50px;
}
#page-top a:hover {
    text-decoration: none;
    background: #CCCCCC;
}



#cnt{
 
}

.pc{
    display:block;
}

.sm{
    display:none;
}


.brsp{
    display: block;
}


.block{
	margin-bottom:40px;
    width: 95%;
    margin: 0 auto 30px;
}

.keihinimage{
    margin-top:30px;
    margin-bottom: 100px;
}



.block2nd{
    background: #FFFFFF;
    padding:0 0 10px;
    margin-bottom: 30px;
}
    

.block2nd p.alert1{
    font-size: 140%;
    text-align: left;
    margin-left:1em;
    color: #FB0004;
    font-weight: bold;
}    




.f1image{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	
}



.keihinimage h4{
    background:#FFFFFF;
    text-align: center;
    font-size: 170%;
    color: #009143;

    margin:0 auto 20px;
    font-family: "Noto Sans JP", serif;
 
  font-style: normal;
  font-weight: 900;
}
	
h4{
    background:#595757;
    text-align: center;
    font-size: 160%;
    color: #fff;


    margin:0 auto 20px;
    font-family: "Noto Sans JP", serif;
  font-weight: 900;
  font-style: normal;
}

.shadow {
  text-shadow: 
  0.1px 0.1px 0, 
  0.1px -0.1px 0px,

  0.1px 0px 0px,
  0px 0.1px 0px,
  -0.1px 0px 0px,
  0px -0.1px 0px;
}

p.kikan2{
    display:none;
}

table.kikan{
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    margin:20px auto 0px;
}

table.kikan th{
    text-align: right;
    font-weight: bold;
}

table.kikan td{
    text-align: left;
    font-weight: bold;
}



.block2nd dl{
    font-size: 120%;
    color: #000;
    text-align:left;
    padding:0 20px;

    margin-top:20px;
}

 
.block2nd dl dt{
    font-weight: bold;
    
}

.block2nd dl dd{
    font-size: 90%;
}

.block2nd dl dd.address{
    font-size: 120%;
    font-weight:bold;
}

.block2nd ul.cyui{
    padding:20px 20px 10px;
    text-align: left;
    font-size: 112%;
    font-family: "Noto Sans JP", serif;
}

.block2nd ul.cyui li{
    font-weight: 600;
    
}


.block2nd p.cyui{
    
    padding:20px 20px 10px;
    text-align: left;
    font-size: 105%;
    font-weight: 600;
}

.block3rd{
    padding:0px 0px 20px;
    margin:20px 20px;
    border:1px solid #000;
}

.block3rd h5{
    font-size: 120%;
    background:#000;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.block3rd .button{

  display       : inline-block;
  font-size     : 19pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 73px;   /* 余白       */
  background    : #E60020;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  border-radius: 10px;
}

.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  opacity       : 0.8;         /* カーソル時透明度 */
}


dl.kankyo{
    text-align: left;
    padding:0 20px;
    color:#000;
    font-family: "Noto Sans JP", serif;
}

dl.kankyo dt{
    
    margin-bottom: 1em;
     font-weight: 600;
}

dl.kankyo dd{
    font-weight: 600;
}

ul.question li{
    font-size: 110%;
    margin-bottom: 10px;
}

ul.question li label{
    margin-left:1em;
}


}