@charset "euc-jp";

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

RESET CSS

html5doctor.com Reset Stylesheet

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}/ change colours to suit your needs /
ins{background-color:#ff9;color:#000;text-decoration:none}/ change colours to suit your needs /
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

common

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body{ font-family:  "�ҥ饮�γѥ� ProN", "Hiragino Kaku Gothic ProN", "�⥴���å� Medium", "�⥴���å���", "Yu Gothic Medium", YuGothic,"�ᥤ�ꥪ", Meiryo, "�ͣ� �Х����å�", "MS PGothic", sans-serif; margin: 0; padding: 0; margin: 0; padding: 0; font-weight: 100; line-height: 180%; color: #777777; }
*, *:before, *:after { box-sizing:border-box; }

a,a:link, a:visited { color:inherit; text-decoration: none; }



body { position: relative; overflow-x: hidden; }
.wrapper { width: 100% ; margin: 0;  }
.contents_wrap { width: 100%; max-width: 1200px;  margin: 0 auto; }


img { max-width: 100%; vertical-align: bottom; }

a:hover { opacity: .7; }
p.name {font-size: 80%; }

.bg-white { background: #FFF; }


.global-navi { margin: 2rem 0; position: relative; }
.global-navi > ul  {  display: flex;   }
.global-navi > ul >li { width: 20%; text-align: center; }
.global-navi > ul >li+ li { border-left: 1px solid; }
.global-navi  span {font-size: 80%; }

.global-navi .submenu { display: none; position: absolute; left: 0; top: 100%; right: 0; margin: auto; z-index: 2; width: 100%; }
.global-navi .tgl-submenu:hover .submenu { display: block; }
.global-navi .lineup {  display: -webkit-flex; display: flex; justify-content: space-between; width: 100%; background: #FFF url("../images/bg-lineup.png") no-repeat center 50%/ 100% auto; padding: 2rem 0; align-items: flex-end; }
.global-navi .lineup > li {  width: 25%; text-align: center; }
.global-navi .lineup .button {  background: #4179a3; color: #FFF; border-radius: 5px; padding: .5em 1em; display: inline-block; margin-top: 1em;  }