@charset "utf-8";

@media only screen and (max-width: 640px) {


/*============================
.md_container
============================*/
.md_container { width: inherit; padding-left: 25px; padding-right: 25px; }
	
/*============================
md_panelArea
============================*/
.md_panelArea { height: 400px; }
.md_panelArea .image { height: 400px; }
.md_panelArea .image::after { height: 200px; }
.md_panelArea .image img { height: 400px; }
.md_panelArea .title { margin-top: 220px; padding-bottom: 20px; font-size: 2.5em; line-height: 1.25; }
.md_panelArea .title::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; border-bottom: solid 1px #fff; animation-name: text01-animate; animation-duration: 1s; animation-fill-mode: forwards; }
.md_panelArea .pageLink { margin-top: 20px; }
.md_panelArea .pageLink ul {}
.md_panelArea .pageLink ul li { margin-right: 15px; }
.md_panelArea .pageLink ul li a { padding-right: 18px; font-size: 1.125em; letter-spacing: 0; }
.md_panelArea .pageLink ul li a::after { width: 12px; height: 12px; background: url("../../imageFile/global/arrow_wh.svg") no-repeat center; background-size: 7px auto; }
.md_panelArea .pageLink ul li a:hover::after { right: -3px; }
.md_panelArea .pageLink ul li:last-child { margin-right: 0; }
	
/*============================
.md_simplePanelArea
============================*/
.md_simplePanelArea { height: 400px; overflow: hidden; }
.md_simplePanelArea::before {}
.md_simplePanelArea .pageTitle {}
.md_simplePanelArea .pageTitle .main { font-size: 1.125em; }
.md_simplePanelArea .pageTitle .main span { font-size: 0.75em; }
.md_simplePanelArea .pageTitle .sub { margin-top: 5px; letter-spacing: 0; font-size: 3.25em; text-align: center; color: #222; font-weight: 500; line-height: 1; }
.md_simplePanelArea .pageTitle .subBG { font-size: 6em; margin-top: -8px; }
.md_simplePanelArea .pageTitle .subBG::before { width: 400px; bottom: 14px; }
.md_simplePanelArea .pageTitle .text { margin-top: 20px; font-size: 1em; padding: 0 25px; }

/*============================
md_pankuzuArea
============================*/
.md_pankuzuArea {}
.md_pankuzuArea ul { padding: 10px 15px 9px; }
.md_pankuzuArea ul li::after { width: 6px; height: 6px; top: 5px; }
.md_pankuzuArea ul li a { top: -1px; }
.md_pankuzuArea.bottom { margin-bottom: -60px; margin-top: 60px; }

/*============================
.md_title
============================*/
.md_title {}
.md_title span { font-size: 1.25em; padding: 0 2px 8px; border-bottom: solid 3px #000; }
.md_topTitle { font-weight: bold; }
.md_topTitle em { font-size: 2em; margin-right: 0; }
.md_topTitle span { display: block; font-size: 1em; top: 0; margin-top: 10px; }
	
/*============================
icon
============================*/
.md_icon_normal {}

/*============================
.md_btn
============================*/
.md_btn_main { min-width: 240px; padding: 17px 0 15px; }

/*============================
.md_paging
============================*/
.md_paging { margin-top: 40px; }
.md_paging a { margin-left: 4px; }
.md_paging span {}
.md_paging span.current {}
.md_paging a:first-child {}
.md_paging a:last-child {}

/*============================
font
============================*/
.md_font_centuryB {}
.md_font_century {}
.md_font_mincho {}
.md_font_tategaki {}
	
/*============================
br
============================*/
.md_br_sp { display: inline; }
.md_br_pc { display: none; }
	
}