@charset "utf-8";
/*============================
md_container
============================*/
.md_container { width: 1240px; margin: 0 auto; padding: 0 40px; position: relative; }
.md_containerBIG { min-width: 1240px; max-width: 1480px; margin: 0 auto; padding: 0 90px; position: relative; }

/*============================
font
============================*/
.md_font_mincho { font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho"; }
.md_font_tategaki { writing-mode: vertical-rl; text-orientation: upright; }

.md_font_Futura-L { font-family: "futura-pt", sans-serif; font-weight: 300; font-style: normal; }
.md_font_Futura-B { font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; }
.md_font_Futura-M { font-family: "futura-pt", sans-serif; font-weight: 500;	font-style: normal; }
.md_font_Futura-D { font-family: "futura-pt", sans-serif; font-weight: 600; font-style: normal; }
.md_font_Futura-H { font-family: "futura-pt", sans-serif; font-weight: 700; font-style: normal; }

/*============================
#mainPanelArea
============================*/
.md_panel { position: relative; min-height: 400px; padding: 40px 0; display: flex; align-items: center; overflow: hidden; }
.md_panel img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; min-height: 400px; object-fit: cover; }
.md_panel .mainTitle { margin-top: 30px; font-size: 2.5em; font-weight: bold; letter-spacing: 0.1em; color: #fff; text-align: center; line-height: 1.3; }
.md_panel .subTitle { margin-top: 15px; font-size: 1em; font-weight: bold; letter-spacing: 0.1em; color: #fff; text-align: center; line-height: 1.5; }
.md_panel .copy { margin-top: 30px; line-height: 2; color: #fff; text-align: center; }

/*============================
#leadArea
============================*/
.md_lead { background: #efebeb; padding: 60px 0; }
.md_lead .copy { margin-bottom: 20px; line-height: 2; text-align: center; font-weight: bold; font-size: 1.0125em; }
.md_lead .text { line-height: 2; text-align: center; }
.md_lead .button { margin-top: 30px; text-align: center; }
.md_lead .button .md_btn_line {}
.md_lead .button a { margin-left: 20px; }
.md_lead .button a:first-child() { margin-left: 0; }

/*============================
md_btn
============================*/
.md_btn_main { display: inline-block; padding-right: 65px; position: relative; }
.md_btn_main span { display: inline-block; line-height: 1; font-weight: bold; padding-bottom: 10px; border-bottom: solid 2px #222; font-size: 1.125em; transition: 0.3s all; }
.md_btn_main::before { content: ""; display: block; width: 50px; height: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: -5px; background: #222 url("/imageFile/global/icon_arrow_white.svg") no-repeat center; background-size: 25px auto; border-radius: 50px; transition: 0.3s all; }
.md_btn_main:hover {}
.md_btn_main:hover span { color: #000; border-bottom: solid 2px #000; }
.md_btn_main:hover::before { right: -5px; }

.md_btn_sub { display: inline-block; padding-right: 50px; position: relative; }
.md_btn_sub span { display: inline-block; line-height: 1; font-weight: bold; padding-bottom: 8px; border-bottom: solid 2px #222; font-size: 1.125em; transition: 0.3s all; }
.md_btn_sub::before { content: ""; display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: -5px; background: #222 url("/imageFile/global/icon_arrow_white.svg") no-repeat center; background-size: 15px auto; border-radius: 40px; transition: 0.3s all; }
.md_btn_sub:hover {}
.md_btn_sub:hover span { color: #000; border-bottom: solid 2px #000; }
.md_btn_sub:hover::before { right: -5px; }

.md_btn_line { position: relative; display: inline-block; padding: 16px 45px 15px 30px; 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.25s all; pointer-events: none; }
.md_btn_line:hover { color: #222; }
.md_btn_line:hover::after { right: 12px; }

.md_btn_pdf { position: relative; display: inline-block; padding: 18px 45px 17px 30px; 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_pdf::before {}
.md_btn_pdf::after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; background: url("/imageFile/global/icon_pdf.png") no-repeat center; background-size: 20px auto; width: 26px; height: 30px; transition: 0.25s all; pointer-events: none; }
.md_btn_pdf:hover { color: #222; }
.md_btn_pdf:hover::after { right: 12px; }


.md_btn { display: inline-block; min-width: 120px; position: relative; padding: 12px 30px 11px; background: #fff; color: #333; border: solid 1px #aaa; border-radius: 40px; transition: 0.3s all; }
.md_btn:hover { color: #222; border: solid 1px #777; }

/*============================
md_mainTitle
============================*/
.md_mainTitle {}
.md_mainTitle .sub { padding-left: 30px; position: relative; }
.md_mainTitle .sub::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 2px; border-bottom: solid 1px #222; }
.md_mainTitle .main { margin-top: 20px; font-size: 2.25em; font-weight: bold; line-height: 1.3; }
.md_mainTitle .lead { margin-top: 20px; line-height: 1.5; }

.md_title_bar { background: #333; color: #fff; border-radius: 5px; padding: 15px 0 13px; line-height: 1.25; text-align: center; letter-spacing: 0.1em; font-weight: bold; font-size: 1.125em; }
.md_tab_bar { background: #333; color: #fff; border-radius: 5px 5px 0 0; padding: 15px 0 13px; line-height: 1.25; text-align: center; letter-spacing: 0.1em; font-weight: bold; font-size: 1.125em; }

.md_title_sub { text-align: center; position: relative; overflow: hidden; }
.md_title_sub span { display: inline-block; padding: 0 20px; background: #fff; font-weight: bold; letter-spacing: 0.1em; font-size: 1.125em; line-height: 1.5; }
.md_title_sub span::before { content: ""; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 50%; height: 2px; border-bottom: dotted 1px #ccc; z-index: -1; }
.md_title_sub span::after { content: ""; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: 50%; height: 2px; border-bottom: dotted 1px #ccc; z-index: -1; }

.md_title_line { border-top: solid 2px #222; border-bottom: solid 2px #222; padding: 16px 0 14px; text-align: center; font-size: 1.375em; line-height: 1.5; font-weight: bold; }

/*============================
br
============================*/
.md_br_sp { display: none; }
.md_br_pc { display: inline; }

/*============================
ClearFix
============================*/
.clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }