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

.header_logo {
	font-size:2rem;
	font-weight: bold;
	font-family: font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.header_logo img{
	width:70px;
}
.header_logo a{
	color: #007bff;
	font-size:1.3rem;
}
.header_logo a:hover{
	text-decoration: none;
}
@media (min-width: 576px) {
.header_logo a{
	font-size:1.7rem;
}
	}
.header_dis {
	font-size:0.8rem;
	line-height: 1.1;
	position:relative;
	bottom:-15px;
}
img.published  {
	width: 65%;
}
a img.new-published {
	width: 55%;
}
@media (min-width: 576px) {
	a img.new-published {

}
	}

.button_fin {
	z-index:100;
	position:relative;
	top:-10px;
	rotate: 12deg;
	left:70px;
}
.fw-bold {
	font-weight:bold;
}
.fs-1_1 {
	font-size:1.1rem;
}
.button100 img{
 	width:400px;
}

a.campaign_button {
	display:block;
	margin:50px auto 20px;
	position:relative;
    background-image:url(../images/button01.jpg);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:center center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:100px;                                          /* 縦幅のサイズを指定    */}
a:hover.campaign_button  {
	opacity:80%;
}
@media (max-width: 767px) {
a.campaign_button {
	margin:30px auto 10px;
	position:relative;
    background-image:url(../images/button01_sp.jpg);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:center center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:70px;                                          /* 縦幅のサイズを指定    */}
}