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


/*青----------------------------------------*/
.Btn01 { width: 80%;  margin: 0 auto}
.Btn01 a { font-size: 2.0rem; display: block; padding: 5px 10px 5px 10px; border-radius:5px;
	       background-color: rgba(40,167,225,1.00); text-align: center; color: #FFFFFF;
           }
.Btn01 a:visited { color: #FFFFFF;}


/*赤----------------------------------------*/
.Btn02 { width: 80%;  margin: 0 auto}
.Btn02 a { font-size: 2.0rem; display: block; padding: 5px 10px 5px 10px; border-radius:5px;
	       background-color: #d41e18; text-align: center; color: #FFFFFF;
           }
.Btn02 a:visited { color: #FFFFFF;}


/*赤ミニ----------------------------------------*/
.Btn03 { float: right; width: 50%}
.Btn03 a { font-size: 1.2rem; color: #FFFFFF !important; display: block; padding:10px; border-radius:5px;
	       background-color: #d41e18; text-align: center;
           -webkit-transition: 0.2s ease-in-out;
           -moz-transition: 0.2s ease-in-out;
           -o-transition: 0.2s ease-in-out;
           transition: 0.2s ease-in-out;}
.Btn03 a:visited { color: #FFFFFF;}
.Btn03 a:hover { background-color: #eb726e}


/*グレー SP用----------------------------------------*/
.Btn04 { width: 80%;  margin: 0 auto; margin-bottom: 40px}
.Btn04 a { font-size: 2.0rem; display: block; padding: 5px 10px 5px 10px; border-radius:5px;
	       background-color: #878787; text-align: center; color: #ffffff;
           }
.Btn04 a:visited { color: #FFFFFF;}


/*サブページコンテンツ内青ボタン ----------------------------------------*/
.Btn05 { width: 80%;  margin: 0 auto; margin-bottom: 40px;}
.Btn05 a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #3f7bc3; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05 a:visited { color: #FFFFFF !important;}

/*サブページコンテンツ内青ボタン ----------------------------------------*/
.Btn05r { width: 80%;  margin: 0 auto; margin-bottom: 40px}
.Btn05r a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #d41e18; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05r a:visited { color: #FFFFFF !important;}
.Btn03 a:hover { background-color: #eb726e}


/*サブページコンテンツ内青ワイドボタン ----------------------------------------*/
.Btn05w { width: 80%;  margin: 0 auto; margin-bottom: 40px}
.Btn05w a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #3f7bc3; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05w a:visited { color: #FFFFFF !important;}

/*サブページコンテンツ内青ワイドボタン2 ----------------------------------------*/
.Btn05w2 { width: 100%;  margin: 0 auto; margin-bottom: 0px}
.Btn05w2 a { font-size: 2.7rem; display: block; padding: 20px 20px 20px 20px; border-radius:5px;
	background-color: #3f7bc3; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05w2 a:visited { color: #FFFFFF !important;}


/*サブページコンテンツ内青ワイドボタン3 ----------------------------------------*/
.Btn05w3 { width: 40%;  margin: 0 auto; margin-bottom: 0px}
.Btn05w3 a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #4F3FC3; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05w3 a:visited { color: #FFFFFF !important;}

/*サブページコンテンツ内青ワイドボタン3 ----------------------------------------*/
.Btn05w4 { width: 70%;  margin: 0 auto; margin-bottom: 0px}
.Btn05w4 a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #70AD47; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05w4 a:visited { color: #FFFFFF !important;}


/*サブページコンテンツ内青ワイドボタン3 ----------------------------------------*/
.Btn05w5{ width: 70%;  margin: 0 auto; margin-bottom: 0px}
.Btn05w5 a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #f6ae54; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05w5 a:visited { color: #FFFFFF !important;}


/*サブページコンテンツ内青ボタン（マージンボトムなし） ----------------------------------------*/
.Btn05noM { width: 80%;  margin: 0 auto; margin-bottom: 0px}
.Btn05noM a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #3f7bc3; text-align: center; color: #ffffff !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
.Btn05noM a:visited { color: #FFFFFF !important;}


/*グレーミニ（右寄せ）----------------------------------------*/
.Btn06 { float: right; width: 50%}
.Btn06 a { font-size: 1.2rem; color: #FFFFFF !important; display: block; padding: 5px 20px 5px 20px; border-radius:5px;
	       background-color: #7F7F7F; text-align: center;
           -webkit-transition: 0.2s ease-in-out;
           -moz-transition: 0.2s ease-in-out;
           -o-transition: 0.2s ease-in-out;
           transition: 0.2s ease-in-out;}
.Btn06 a:visited { color: #FFFFFF;}


/*グレーハーフ（右寄せ）----------------------------------------*/
.Btn07 { float: right; width: 50%}
.Btn07 a { font-size: 1.2rem; color: #FFFFFF !important; display: block; padding: 5px 20px 5px 20px; border-radius:5px;
	       background-color: #7F7F7F; text-align: center;
           -webkit-transition: 0.2s ease-in-out;
           -moz-transition: 0.2s ease-in-out;
           -o-transition: 0.2s ease-in-out;
           transition: 0.2s ease-in-out;}
.Btn07 a:visited { color: #FFFFFF;}

/*赤矢印あり----------------------------------------*/
.Btn08 { display: flex; justify-content: center; min-width: 200px; float: right;}
.Btn08 a { width: 100%; font-size: 1.4rem; color: #FFFFFF !important; text-align: center; background-color: #d41e18; border-radius:5px;
           -webkit-transition: 0.2s ease-in-out;
           -moz-transition: 0.2s ease-in-out;
           -o-transition: 0.2s ease-in-out;
           transition: 0.2s ease-in-out;}
.Btn08 a:visited { color: #FFFFFF;}
.Btn08 a:hover { background-color: #eb726e}

.Btn08 a span{ position: relative; display: inline-block; padding: 10px 16px 10px 0;}
.Btn08 a span::after{content: ''; display: inline-block; position: absolute; top: 17px; right: 0; width: 5px; height: 5px; margin-left: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}

/*赤midium----------------------------------------*/
.Btn09{ width: 80%; margin: 0 auto; text-align: center; font-size: 1.6rem; background-color: #d41e18;}
.Btn09 a{ display: block; padding:10px; border-radius:5px;  color: #fff;}

/*青midium----------------------------------------*/
.Btn10{ width: 80%; margin: 0 auto; text-align: center; font-size: 1.6rem; background-color: #70a8ec;}
.Btn10 a{ display: block; padding:10px; border-radius:5px;  color: #fff;}


@media print,screen and (min-width : 769px){

/*青----------------------------------------*/
.Btn01 { width: 50%; }
.Btn01 a { padding: 10px 10px 10px 10px; border-radius:5px; font-size: 2.5rem;
	       -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
           -o-transition: 0.3s ease-in-out;
           transition: 0.3s ease-in-out;}
.Btn02 a:hover { background-color: #e65752 !important}


/*赤----------------------------------------*/
.Btn02 { width: 30%; }
.Btn02 a { padding: 10px 10px 10px 10px; border-radius:5px; font-size: 2.5rem;
	       -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
           -o-transition: 0.3s ease-in-out;
           transition: 0.3s ease-in-out;}
.Btn02 a:hover { background-color: #e65752 !important}


/*赤ミニ----------------------------------------*/
.Btn03 { float: right; width: 40%}
.Btn03 a:hover { text-decoration: none !important}


/*グレーSP用----------------------------------------*/
.Btn04 { display: none}


/*サブページコンテンツ内青ボタン ----------------------------------------*/
.Btn05 { width: 50% !important}
.Btn05 a:hover {text-decoration: none !important; background: #70a8ec}

/*サブページコンテンツ内青ワイドボタン ----------------------------------------*/
.Btn05w { width: 80% !important}
.Btn05w a:hover {text-decoration: none !important; background: #70a8ec}

/*サブページコンテンツ内青ワイドボタン ----------------------------------------*/
.Btn05w2 { width: 100% !important}
.Btn05w2 a:hover {text-decoration: none !important; background: #70a8ec}

/*サブページコンテンツ内青ボタン （マージンボトムなし）----------------------------------------*/
.Btn05noM { width: 50% !important}
.Btn05noM a:hover {text-decoration: none !important; background: #70a8ec}

/*グレーミニ（右寄せ）----------------------------------------*/
.Btn06 { float: right; width: 25%}
.Btn06 a:hover { text-decoration: none !important; background-color: #9B9B9B}

/*グレーハーフ（右寄せ）----------------------------------------*/
.Btn07 { float: right; width: 60%}
.Btn07 a:hover { text-decoration: none !important; background-color: #9B9B9B}

/*赤midium----------------------------------------*/
.Btn09{ width: 300px;}

/*青midium----------------------------------------*/
.Btn10{ width: 300px;}

}