@charset 'euc-jp';

/*====================================
1. normalize
====================================*/

/* Eric Meyer’s “Reset CSS” 2.0
------------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
body{
	line-height:1
}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,
blockquote:before,
q:after,
q:before{
	content:'';
	content:none
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
button{
  border-radius: 0;
  -webkit-appearance: button;
	-moz-appearance: button;
  appearance: button;
  
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input,
button,
textarea,
select{
}


/*====================================
2. base
====================================*/

/*
	Description : 各ブロックのレイアウト
*/

/* PC */
@media screen and (min-width: 768px) {	
	/*-------------*/
}
/* SP */
@media screen and (max-width: 767px) {
	/*-------------*/
}

/* Body setting
------------------------------------------------------------------------------- */
body {
	color: #000;
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	font-style: normal;
	overflow-y:auto;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body {
		font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	} /* IE11 */
}

/* SP  */
@media screen and (max-width: 767px) {
	body{
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 14px;
		overflow-x: hidden;
	}
	/*-------------*/
}

/* 01.Common style
------------------------------------------------------------------------------- */
a {
	color: #0056af;
	text-decoration: none;
}

/* PC */
@media screen and (min-width: 768px) {	
	a:hover,
	a:hover img{
		opacity: 0.75;
	}
	/*-------------*/
}

.md-area h1 {
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 10px;
}

.md-area ul {
	display: flex;
	flex-wrap: wrap;
}

.md-area ul li {
	padding: 10px;
	width: 50%;
}

.md-area ul li:nth-of-type(n+17) {
	display: none;
}

.md-area ul li img {
	width: 100%;
}

.md-area ul li span {
	display: none;
}

.md-button {
	padding-top: 10px;
	font-size: 12px;
	text-align: center;
}

.md-button a {
	padding: 5px;
	width: 90%;
	color: #0054a7;
	border: 2px solid #0054a7;
	background-color: #fff;
	display: block;
	font-weight: 700;
	margin: 0 auto;
}

.md-accordion .md-accordion_button a:after {
	content: "";
	background: url(../img/arrow_more_blue.png) center 1px no-repeat;
	background-size: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 5px;
}

.md-accordion.open .md-accordion_button a:after {
	content: "";
	background: url(../img/arrow_close_blue.png) center 1px no-repeat;
	background-size: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 5px;
}