@charset "utf-8";

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

/*============================
md_container
============================*/
.md_container { width: inherit; }
	
/*============================
.md_panelArea
============================*/
.md_panelArea {}
.md_panelArea::before {}
.md_panelArea .pageTitle {}
.md_panelArea .pageTitle .main { font-size: 1.5em; }
.md_panelArea .pageTitle .main img { width: 80px; margin-right: 5px; }
.md_panelArea .pageTitle .main span {}
.md_panelArea .pageTitle .sub { margin-top: 10px; font-size: 0.9125em;  }
	
/*============================
.md_leadArea
============================*/
.md_leadArea { margin: 30px 20px 0; }
.md_leadArea .catch { font-size: 1.5em; }
.md_leadArea .text { margin-top: 15px; text-align: left; line-height: 1.75; }
.md_leadArea .text span {}
	
/*============================
.md_pankuzuArea
============================*/
.md_pankuzuArea {}
.md_pankuzuArea ul { width: auto; margin: 0 10px; min-width: inherit; padding: 10px 0; }
.md_pankuzuArea ul li { margin-right: 24px; font-size: 0.675em; }
.md_pankuzuArea ul li::after { right: -14px; top: 2px; }
.md_pankuzuArea ul li a {}
.md_pankuzuArea ul li:first-child {} 
.md_pankuzuArea ul li:first-child a { width: 12px; height: 12px; background: url("../../imageFile/icon_home.svg") no-repeat center; background-size: 12px auto; }
.md_pankuzuArea ul li:last-child {}
.md_pankuzuArea ul li:last-child a {}
.md_pankuzuArea ul li:last-child::after {}
.md_pankuzuArea ul li a span {}
.md_pankuzuArea ul li em {}

/*============================
.md_title
============================*/
.md_title { font-size: 1.375em; margin-left: 10px; margin-right: 10px; }

.md_miniTitle {}
.md_miniTitle span { padding: 7px 12px 6px; }

.md_subTitle { margin-top: 20px; font-size: 1.375em; }
.md_subTitle::before, .md_miniTitle::after {}
.md_subTitle::before { margin-right: 1rem; }
.md_subTitle::after { margin-left: 1rem; }

.md_titleBar { padding: 10px 14px 9px; font-size: 1em; }
	
/*============================
.md_btn_main
============================*/
.md_btn_main { min-width: 200px; padding: 14px 0; }
.md_btn_main::after {}
.md_btn_main:hover {}
.md_btn_main:hover::after {}

/*============================
br
============================*/
.md_br_sp { display: inline; }
.md_br_pc { display: none; }
	
input[type="file"] { width: 100%; }
	
/*============================
conact-form7
============================*/
.wpcf7 form .wpcf7-response-output { width: auto!important; margin: 3em 20px 1em!important; text-align: left; border-radius: 5px; }

}

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

.md_pankuzuArea.top { top: 40px; }

}