/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html { font-family:'M PLUS 1p',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { margin: 0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
dfn { font-style: italic;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img{border:0;vertical-align:middle}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0;}
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
p,li,dl,dt,dd,th,td,pre,ul,ol{ margin:0; -ms-line-break:strict; line-break:strict; -ms-word-break:break-strict; word-break:break-strict}
ul,ol { list-style: none; padding: 0;}

* { -webkit-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;  box-sizing: border-box;}
html { -webkit-tap-highlight-color: transparent; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; /* 10px */ overflow-y: scroll;}
body { font-size: 1.6rem; line-height: 1.8;}
h1, h2, h3, h4, h5, h6,table, ul, ol, p, dl {	font-size: 100%; margin: 0;}
.clearfix{ zoom:100%;	}
.clearfix:after { content: "."; display: block; height: 0;	clear: both;	visibility: hidden;}

/* web fonts
font-family: 'Abril Fatface', cursive;
font-family: 'Literata', serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Coda', cursive;
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　base settings
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a{ text-decoration: none;}
.comContent { width: 92%; max-width: 1200px; margin: 0 auto;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　common module
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* btn */
.comBtnCommonA a { text-decoration: none; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #246d9d; color: #fff; position: relative;font-family: 'Literata', serif; line-height: 1;}
.comBtnCommonA.comBtnSzL a { width: 300px; height: 70px; font-size: 2rem;}
.comBtnCommonA.comBtnSzS a { width: 195px; height: 45px;}
.comBtnCommonA a::before { content: ""; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent #246d9d transparent;}
.comBtnCommonA.comBtnSzL a::before { left: -14.9px;  border-width: 0 0 70px 15px;}
.comBtnCommonA.comBtnSzS a::before { left: -14.9px;  border-width: 0 0 45px 15px;}
.comBtnCommonA a::after {content: ""; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-color: #246d9d transparent transparent transparent;}
.comBtnCommonA.comBtnSzL a::after { right:-15px; border-width: 70px 15px 0 0;}
.comBtnCommonA.comBtnSzS a::after { right:-15px; border-width: 45px 15px 0 0;}

/* table */
table.comTblA {width: 100%; margin:  10px 0;}
table.comTblA th { background: #d4cb9e; font-weight:  normal;border: 1px solid #d0d0d0; border-right:0; padding: 20px; width: 20%; text-align: center;}
table.comTblA td { border: 1px solid #d0d0d0;padding: 20px;}

/* dl/ul */
dl.comDlDot dt {font-weight: 600;}
dl.comDlDot dd, ul.comListDot li {position: relative; padding-left: 1.4rem;}
dl.comDlDot dd::before, ul.comListDot li::before {content:"・"; position: absolute; left:0;}


@media (max-width: 1200px) and (min-width: 769px) {
/* btn */
.comBtnCommonA.comBtnSzL a { width: 25vw; height: 5.8vw; font-size:1.6rem;}
.comBtnCommonA.comBtnSzS a { width: 16.25vw; height: 3.75vw;}
.comBtnCommonA.comBtnSzL a::before { left: -14.9px;  border-width: 0 0 5.8vw 15px;}
.comBtnCommonA.comBtnSzS a::before { left: -14.9px;  border-width: 0 0 3.75vw 15px;}
.comBtnCommonA.comBtnSzL a::after { right:-14.9px; border-width: 5.8vw 15px 0 0;}
.comBtnCommonA.comBtnSzS a::after { right:-14.9px; border-width: 3.75vw 15px 0 0;}
/* table */
table.comTblA th,table.comTblA td { padding: 1.6vw;}

}

@media only screen and (max-width: 768px) {
/* btn */
.comBtnCommonA a {margin: 0 auto;}
.comBtnCommonA.comBtnSzL a,.comBtnCommonA.comBtnSzS a { width: calc(100% - 30px); height: 12vw; font-size:3.5vw; }
.comBtnCommonA.comBtnSzL a::before, .comBtnCommonA.comBtnSzS a::before { left: -14.9px;  border-width: 0 0 12vw 15px;}
.comBtnCommonA.comBtnSzL a::after , .comBtnCommonA.comBtnSzS a::after { right:-14.9px; border-width: 12vw 15px 0 0;}
/* table */
table.comTblA {font-size: 3.7vw;}
table.comTblA th {border-right: 1px solid #d0d0d0;border-bottom: 0; padding: 3vw; width: 100%; display: block;}
table.comTblA td {padding: 3vw; display: block;}
/* list */
dl.comDlDot dd {font-size: 3.5vw; padding-left: 3.5vw; line-height: 1.8; margin-bottom: 2vw; }

}

@media (min-width: 768px) {
a:hover, .clickable:hover {
		-moz-transition: all, ease-in-out, 0.3s;
		-o-transition: all, ease-in-out, 0.3s;
		-webkit-transition: all, ease-in-out, 0.3s;
		transition: all, ease-in-out, 0.3s;
		/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5;*/
  }
	a.is-eventNone { pointer-events: none; color: #333;}
}