@charset "utf-8";

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

/*============================
md_container
============================*/
.md_container { width: inherit; padding: 0 15px; }
.md_containerBIG { min-width: inherit; max-width: inherit; padding: 0 15px; }
	
/*============================
#mainPanelArea
============================*/
.md_panel { min-height: 220px; padding: 20px 0; }
.md_panel img { min-height: 240px; }
.md_panel .mainTitle { margin-top: 10px; font-size: 1.375em; letter-spacing: 0.05em; }
.md_panel .subTitle { margin-top: 12px; font-size: 1em; }
.md_panel .copy { text-align: left; margin-top: 20px; line-height: 1.75; font-size: 1em; }
.md_panel .copy br { display: none; }
	
/*============================
#leadArea
============================*/
.md_lead { padding: 30px 0; }
.md_lead .copy { margin-bottom: 10px; font-size: 1em; line-height: 1.75; text-align: left; }
.md_lead .text { font-size: 1em; line-height: 1.75; text-align: left; }
.md_lead .button { margin-top: 20px; }
.md_lead .button .md_btn_line {}
.md_lead .button a { margin-left: 0; margin-top: 15px; }
.md_lead .button a:first-child() { margin-left: 0; margin-top: 0; }
	
/*============================
md_btn
============================*/
.md_btn_main { padding-right: 40px; }
.md_btn_main span { padding-bottom: 8px; font-size: 1em; letter-spacing: 0.05em; }
.md_btn_main::before { width: 30px; height: 30px; margin-top: -3px; background-size: 13px auto;  }
.md_btn_main:hover {}
.md_btn_main:hover span {}
.md_btn_main:hover::before { right: -5px; }

.md_btn_sub { padding-right: 40px; }
.md_btn_sub span { padding-bottom: 8px; font-size: 1em; letter-spacing: 0.05em; }
.md_btn_sub::before { width: 30px; height: 30px; background: #222 url("../../imageFile/global/icon_arrow_white.svg") no-repeat center; background-size: 13px auto; margin-top: -3px; }
.md_btn_sub:hover {}
.md_btn_sub:hover span {}
.md_btn_sub:hover::before { right: -5px; }

.md_btn_line { position: relative; display: block; padding: 16px 30px 15px 15px; color: #222; font-size: 0.875em; text-align: center; border: solid 2px #222; font-weight: bold; overflow: hidden; transition: all 250ms ease-out; z-index: 1; }
.md_btn_line::before {}
.md_btn_line::after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; background: url("../../imageFile/global/icon_arrow_black.svg") no-repeat center; background-size: 16px auto; width: 20px; height: 20px; border-radius: 20px; transition: 0.3s all; pointer-events: none; }
.md_btn_line:hover {}
.md_btn_line:hover::after { right: 12px; }

.md_btn { min-width: 100px; position: relative; padding: 8px 20px; }
.md_btn:hover {}

/*============================
md_mainTitle
============================*/
.md_mainTitle {}
.md_mainTitle .sub { padding-left: 20px; font-size: 0.9125em; }
.md_mainTitle .sub::before { width: 12px; }
.md_mainTitle .main { margin-top: 15px; font-size: 1.5em; }
.md_mainTitle .lead { margin-top: 15px; font-size: 1em; }

.md_title_bar { border-radius: 3px; padding: 12px 0 11px; font-size: 1.125em; }
.md_tab_bar { border-radius: 3px 3px 0 0; padding: 12px 0 11px; font-size: 1.125em; }
	
.md_title_sub {}
.md_title_sub span { padding: 0 12px; font-size: 1em; }
.md_title_sub span::before { }
.md_title_sub span::after {}
	
.md_title_line { padding: 12px 0 11px; font-size: 1.125em; }
	
/*============================
br
============================*/
.md_br_sp { display: inline; }
.md_br_pc { display: none; }

}