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

.GridSet {
	width: 100%;
}

.mb10 { padding-bottom: 10px!important;}
.mb15 { padding-bottom: 15px!important;}
.mb20 { padding-bottom: 20px!important;}
.mb30 { padding-bottom: 30px!important;}
.mb40 { padding-bottom: 40px!important;}
.mt10 { padding-top: 10px!important;}
.mt20 { padding-top: 20px!important;}
.mt30 { padding-top: 30px!important;}
.mt40 { padding-top: 40px!important;}


.PageTitleStyle1 {
	width: 965px;
	margin: 0 auto 25px;
}

.PageTitleStyle1 h1 {
	padding: 10px 15px;
}

.AdditionalNotesStyle2 {
	margin-left: 30px;
}

p.CatchCopy {
	font-size: 110%;
	text-align: center;
	margin-bottom: 20px;
}

.Inner {
	width: 965px;
	margin: 0 auto;
}

p.square {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 0.8em;
}

p.square::before {
    position: absolute;
    top: 1.4em;
    left: 0;
    display: block;
    width: 0.9em;
    height: 0.9em;
    background: #b1000e;
    content: "";
}

p.square span{
    background-color: transparent;
    display: inline-block;
    padding: 10px 0 8px 10px;
/*    margin-bottom: 15px; */
    font-size: 136%;
    font-weight: bold;
}

.bg_textarea{
	padding: 20px 15px 0 15px;
	background-color: #f9eeee;
}

ul.arrow{
	list-style-type: none;
	padding: 0 20px 20px;
}
ul.arrow li{
    position: relative;
    padding-left: 1.5em;
}
ul.arrow li::before{
    content: "";
    position: absolute;
    top: 0.6em;   /* 縦軸をセンタリングする */ 
    left: 0;
    transform: translateY(-50%);   /* 縦軸をセンタリングする */  
    border: 6px solid transparent;
    border-left: 8px solid #954b51;  
}


.Inner p, .Inner ul, .Inner .ButtonStyle1 a {
	font-size: 110%;
}
sup { font-size: smaller; }


/** Related Links **/
.elem_heading_lv2 .var_NN .elem_heading_lv2_pad {
	background: #2d3661;
}
.elem_heading_lv2 h2 { font-size: 140%; }

.elem_contents_block .elem_contents_block_pad h3 {
	color: #3B3838;
}

.ButtonStyle1 a:link,
.ButtonStyle1 a:visited,
.ButtonStyle1 a:hover,
.ButtonStyle1 a:active {
	color: #fff;
	text-decoration: none;
}

.TopList .ButtonStyle1 {
}
.TopList .ButtonStyle1 a {
	font-size: 120%;
}

.bnlink a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 70%;
	height: 70px;
	background-color: #b1000e;
	margin-left: auto;
    margin-right: auto;
    font-size: 136%;
	transition: 0.3s;
}

.bnlink a:link,
.bnlink a:visited,
.bnlink a:hover,
.bnlink a:active {
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
}

.bnlink a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 6px;
	height: 6px;
	border-width: 2px 2px 0 0;
	border-style: solid;
/*	border-color: #fff; */
}

.bnlink a:hover {
	border: 1px solid #333;
}

.bnlink a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.img_2set {
	display: flex !important ;
	justify-content:center;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 20px;
}

.img_2set_item img{
}

.img_logo_right{
	width: 930px;
}




@media screen and (max-width: 994px) {
	.JS .GridSet {
		margin-left: -15px;
		margin-right: -15px;
	}
	.JS .Grid4 {
		padding-left: 0;
		padding-right: 0;
	}
	.JS div.Section {
		padding: 15px;
	}
	.JS .Inner {
		width: 100%;
	}
	.JS h2 {
		margin: 0 0 5px;
	}
	.JS .PageTitleStyle1 {
		width: 100%;
		margin-left: 15px;
		margin-right: 15px;
	}
	.JS .AdditionalNotesStyle2 {
		margin-left: 0;
	}
	.JS .img_logo_right{
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.JS p.CatchCopy {
		text-align: left;
	}
	.JS .bnlink a {
	width: 100%;
	}
	.img_2set .img_2set_item{
	width: 80% ;
	}
    .JS .ImgLeftAdjust {
    float: left !important;
    margin-right: 15px;
    }
    /*ul.LinkListStyle1 {
    float: left;    
    }*/
    

}
@media screen and (max-width: 579px) {
	.JS .bnlink a {
	font-size: 110%;
	}
}


@media screen and (max-width: 399) {
}