@charset "UTF-8";
@font-face { font-family: YuGothicM; src: local("Yu Gothic Medium"); }
.con-link { max-width: 980px; margin: auto; }
@media only screen and (min-width: 768px) and (max-width: 980px) { .con-link { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 767px) { .con-link { width: 90%; } }

/*Animate */
/*縦書き*/
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html { font-size: 62.5%; line-height: 1.667; }

body { color: #181612; -webkit-text-size-adjust: none; font-size: 1.8rem; }
@media only screen and (max-width: 767px) { body { font-size: 1.4rem; } }
body a { color: #181612; }
body a:link, body a:visited, body a:active { text-decoration: none; }
.mouse body a:hover, .touch body a.touchstart { text-decoration: none; }
body img { max-width: 100%; -webkit-touch-callout: none; }

body, pre, input, textarea, select { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }

input, select, textarea { font-size: 100%; }

html.ie8 .view_tab, html.ie8 .view_tab_sp, html.ie8 .view_sp { display: none !important; }
html.ie8 #page { min-width: 980px !important; margin: auto; font-size: 100% !important; }

@media only screen and (min-width: 1025px) { body .view_tab-sp, body .view_tab { display: none !important; } }
@media print { body .view_tab-sp, body .view_tab { display: none !important; } }
.ie8 body .view_tab-sp, .ie8 body .view_tab { display: none !important; }
@media only screen and (min-width: 768px) { body .view_sp { display: none !important; } }
@media print { body .view_sp { display: none !important; } }
.ie8 body .view_sp { display: none !important; }
@media only screen and (max-width: 1024px) { body .view_pc { display: none !important; } }
@media only screen and (max-width: 767px) { body .view_pc-tab, body .view_tab { display: none !important; } }

.mouse .over { -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; -webkit-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; }
.mouse .over:hover, .touch .over.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .over { -webkit-tap-highlight-color: transparent; }
.touch .over.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }

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

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page { overflow: hidden; }

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

	header

----------------------------------------------------------- */
header { padding: 40px 0 8px; }
header h1 { margin: 0 auto; text-align: center; }
header h1 img { max-width: 200px; }

/* -----------------------------------------------------------
	.con-link
----------------------------------------------------------- */
.con-link ul { margin-top: 30px; }
.con-link ul li { border: 1px solid rgba(222, 222, 222, 0.2); margin-bottom: 14px; }
.con-link ul li a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 20px; -moz-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1); box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1); }
.con-link ul li a .icon { width: 24px; height: 24px; }
.con-link ul li a .txt { padding-left: 1em; }
.con-link ul li.preparation { opacity: 0.4; }
.con-link ul li.preparation a { pointer-events: none; }