@charset "utf-8";

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

/*============================
md_container
============================*/
.md_container { width: inherit; min-width: inherit; margin: 0 20px; }
	
/*============================
md_panelArea
============================*/
.md_panelArea { height: 280px; padding: 40px 20px; min-width: inherit; }
.md_panelArea .en { font-size: 2.5em; }
.md_panelArea .ja { font-size: 1em; margin-top: 15px; }

/*============================
md_simplePanelArea
============================*/
.md_simplePanelArea { height: 92px; min-width: inherit; }
	
/*============================
md_catchArea
============================*/
.md_catchArea { margin-top: 30px; text-align: left; line-height: 1.5; }
.md_catchArea br { display: none; }
.md_catchArea em { font-size: 1em; }	

/*============================
md_pankuzuArea
============================*/
.md_pankuzuArea { min-width: inherit; display: none; }
.md_pankuzuArea ul { width: inherit; }
.md_pankuzuArea ul li { margin-right: 25px; font-size: 0.75em; }
.md_pankuzuArea ul li::after { top: 5px; right: -15px; width: 6px; height: 6px; }
.md_pankuzuArea ul li a {}
.md_pankuzuArea ul li:last-child {}
.md_pankuzuArea ul li:last-child::after {}
.md_pankuzuArea ul li a span {}
.md_pankuzuArea ul li a em {}
.md_pankuzuArea.bottom { display: block; }

/*============================
icon
============================*/
.md_icon_normal { width: 100px; padding: 2px 4px; }

/*============================
md_imgBox
============================*/
.md_imgBox {}
.md_imgBox img {}
.md_imgBox img:hover {}
	
/*============================
md_mainTitle
============================*/
.md_mainTitle { margin-top: 20px; margin-left: -20px; margin-right: -20px; padding-top: 35px; }
.md_mainTitle::before { width: 60px; height: 40px; margin-left: -30px; background: url("../../imageFile/global/icon_title.svg") no-repeat center; background-size: 60px auto; }
.md_mainTitle span { font-size: 2.25em; padding: 0 12px; }
.md_mainTitle span::before { height: 10px; border-top: solid 3px #443d3a; border-bottom: solid 3px #3b3634; margin-top: -5px; }
.md_mainTitle span::after { height: 10px; border-top: solid 3px #443d3a; border-bottom: solid 3px #3b3634; margin-top: -5px; }

/*============================
md_subTitle
============================*/
.md_subTitle { margin-top: 30px; font-size: 1.75em; border-left: solid 4px #443d3a; padding-left: 15px; }

/*============================
md_title
============================*/
.md_topTitle {}

/*============================
md_btn
============================*/
.md_btn_main {}
.md_btn_main:hover {}
.md_btn_main::before { width: 110%; }
.md_btn_main::after { height: 130%; }
.md_btn_main:hover::before {}
.md_btn_main:hover::after {}
.md_btn_main span { padding: 12px; min-width: 240px; }
.md_btn_main span::before {}
.md_btn_main span::after {}
.md_btn_main span:hover::before {}
.md_btn_main span:hover::after {}

.ctis-load-more {}
.ctis-load-more:hover {}
.ctis-load-more::before { width: 110%; }
.ctis-load-more::after { height: 130%; }
.ctis-load-more:hover::before {}
.ctis-load-more:hover::after {}
.ctis-load-more button { padding: 12px; min-width: 240px; }
.ctis-load-more button::before {}
.ctis-load-more button::after {}
.ctis-load-more button:hover::before {}
.ctis-load-more button:hover::after {}
.md_btn_sub {}
.md_btn_sub:hover {}
.md_btn_sub::before { width: 110%; }
.md_btn_sub::after { height: 130%; }
.md_btn_sub:hover::before {}
.md_btn_sub:hover::after {}
.md_btn_sub span { padding: 10px; min-width: 100px; }
.md_btn_sub span::before {}
.md_btn_sub span::after {}
.md_btn_sub span:hover::before {}
.md_btn_sub span:hover::after {}
	
.md_btn_contact { padding: 10px; min-width: 100px; }
.md_btn_contact:hover {}

a {}
a img {}
a:hover img {}

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

}