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

h4 span {
	font-size:70%;
}

.asp {
	border-bottom:1px dashed #ccc;
	padding-bottom:30px;
}

.asp-l {
	border:none;
}

.sub_title {
	font-size:18px;
	line-height:1.8;
}

.sub_title:before {
	content:"・"
}

.sub_title:after {
	content:"\A";
}

.align-c {
	text-align:center;
}

div.img_block_left2 {
	min-width:250px;
	max-width: 250px;
	width: 250px;
	border:1px solid #ccc;
	float: left;
	margin-right:2%;
	margin-left: 0;
}

.img_block_left2 + .textbox {
		width:68%;
		max-width:68%;
		float: left;
	}

@media (max-width:991px) {

.sub_title {
	font-size:15px;
}


}

/*----------------------------*/

.sub_text_block ul {
	padding:0;
}

.sub_text_block ul, .sub_text_block ul li {
	list-style: none;
}

.sub_text_block li {
	border-right:1px white solid;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    width: 100%;
    background: #0080c8;
    border: 1px solid #0080c8;
	border-collapse: collapse;
}

.sub_text_block_inner ul li:hover {
	background:#bbe2f1;
	color: #0080c8;
	cursor:pointer;
	text-decoration:underline;
}
 
.sub_text_block ul li.current {
    background: white;
    color: #0080c8;
}

ul#tab_b , ul#tab_b li {
	border-top:none;
}


.sub_text_block #contents{
    clear:both;
}
 
.sub_text_block #contents div[id*="tab"] {
    padding: 2em;
    background: rgba(255,255,255,0.8);
    text-align: center;
    border: 1px solid #0080c8;
    border-top: none;
	height:100%;
	clear:both;
}
 
.sub_text_block #contents p{
    line-height:2.2em;
}
 
.sub_text_block #contents strong {
    font-size: 2em;
    font-weight: bold;
    text-decoration: underline;
}

div[id*="tab"] .sub_text_block_inner {
	margin-bottom:20px;
	padding-bottom:2em;
	border-bottom:1px dashed #ccc;
	margin-top:5px;
	display:block !important;
}



div[id*="tab"] .sub_text_block_inner * {
	display:block !important;
}

div[id*="tab"] .sub_text_block_inner p a {
	display:inline-block !important;
}
div[id*="tab"] .sub_text_block_inner:nth-child(10) {
	border:none;
}

#tab1 .sub_text_block_inner:nth-child(7) {
	border:none;
}

.img_block_left {
	min-width:150px;
	max-width: 150px;
	border:1px solid #ccc;
}

.textbox {
	float:right;
	max-width:80%;
	width:80%;
	text-align:left;
}

.textbox .sub_title {
	font-weight:bold;
}

.textbox .sub_title:before {
	content:"";
}

.textbox .sub_title:after {
	content:"\A";
}


@media (min-width:767px) {
ul.toggle_m {
	display: none;
}
	
.sub_text_block ul.tab {
	clear:left;
	width:100%;
	padding: 0;
	font-size:13px;
	margin:0 auto;
	display:block;
	text-align:center;
}

.sub_text_block ul.tab li {
    float: left;
    list-style-type: none;
    width: 11.11%;
	text-indent:0;
	box-sizing: border-box;
	cursor:pointer;
}
 
.sub_text_block ul.tab li:last-child {
    width: 11.121%;
}


.textbox .url {
	font-size:13px;	
	}	
		

}

@media (max-width:991px) {

.img_block_left2 {
	margin: 0 auto !important;
	float: none !important;
	}

	
.textbox {
	display:block;
	max-width:100% !important;
	width:100%;
	text-align:center;
}

.img_block_left2 + .textbox {
	display:block;
	max-width:100% !important;
	width:100%;
	text-align:center;
	clear:both;
}


.textbox .sub_title {
	display:block;
	margin-top:5px;
}


}


@media (max-width:767px) {
	
.sub_text_block ul.tab {
	display: none;
}

.sub_text_block ul.toggle_m {
	display: block;
	width:100%;
	padding:0;
	margin:0 auto;
	cursor: pointer;
	background:#0080c8;
}
	
.sub_text_block ul.toggle_m:before {
	content: attr(data-item);
	color: #fff;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:0 auto;
	padding:1.0em;
	}
	

	

	
.sub_text_block ul.toggle_m li {
    list-style-type: none;
    width: 100%;
	box-sizing: border-box;
    font-size: 11px;
    padding: 0.5em;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: #0080c8;
    border: 1px solid #0080c8;
	border-bottom:1px solid white;
	border-collapse: collapse;
	display:none;
}
	
.sub_text_block ul.toggle_m li:first-child {
	border-top:1px white solid;
}	
	

.sub_text_block ul li:hover {
	cursor:pointer;
	text-decoration:underline;
    background:#bbe2f1;
    color: #0080c8;
}


.sub_text_block ul li.current {
    background: white;
    color: #0080c8;
}
 
.sub_text_block ul li.current:last-child {
	border-bottom: 1px solid #0080c8;
}
 ｙ
.textbox .url:before {
	content:"";
}

}

.textbox .sub_title:after {
	content:"\A";
}

/*----------------------------*/