﻿*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#fff;color:#666;font-size:80%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height:1.5;-webkit-text-size-adjust:100%;text-align:center}a:hover img,a:focus img{opacity:0.85;filter:alpha(opacity=85)}input,select,textarea{color:#9A9A9A;font-family:inherit;font-size:100%}img{max-width:100%;height:auto;vertical-align:bottom}a{transition:0.6s}a:hover img,a:focus img{opacity:0.85;filter:alpha(opacity=85);transition:0.6s}#page_container{margin:0 auto;min-width:1000px;max-width:1100px;text-align:left}header#header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #ccc;padding:40px 20px 60px 20px;margin-bottom:60px}header#header h1#site_logo{width:40%;max-width:330px}header#header #global_menu{width:40%}.global_menu_close__btn,.global_menu_open__btn{display:none}header#header #global_menu ul{display:flex;justify-content:space-between}header#header #global_menu ul li{width:12%;text-align:center}header#header #global_menu ul li a{text-decoration:none;color:#666;display:block;text-align:center;position:relative;width:100%;display:flex;flex-direction:column}header#header #global_menu ul li span{display:block;text-align:center}header#header #global_menu ul li span.title{font-size:110%;line-height:1.9;letter-spacing:0.1em;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}header#header #global_menu ul li span.en{position:absolute;top:0px;left:50%;color:#9A9A9A;padding-left:10px;transform-origin:left top;transform:rotate(90deg)}#main{margin-bottom:60px;padding:20px}#main h1{font-size:160%;letter-spacing:0.1em}section.main_img_wrapper{margin-bottom:60px}section.update_wrapper{padding:0 60px 0}h2.title{font-size:130%;margin-bottom:30px}#top_update_list li{margin-bottom:15px;border-bottom:1px dashed #ccc}#top_update_list li a{padding:5px 5px 10px 5px;text-decoration:none;color:#666;display:block}#body_content_title{margin-bottom:30px;padding:10px}#body{padding:10px}#body h2{font-weight:bold;font-size:130%;margin-top:20px;margin-bottom:20px}#body p{margin-bottom:20px}#tree_menu ul{padding:30px 0px 30px 0px}#tree_menu li{margin-bottom:30px;border-bottom:1px solid #ccc}#tree_menu li span{display:block}#tree_menu li a{padding:10px;font-size:120%;text-decoration:none;color:#666;display:block}#works-page #tree_menu ul{padding:30px 0px 30px 0px;display:flex;flex-wrap:wrap;justify-content:space-between}#works-page #tree_menu li{margin-bottom:30px;border:none;width:32%;box-sizing:border-box;text-align:center}#works-page #tree_menu li a{padding:10px;font-size:120%;text-decoration:none;color:#666;display:block;text-align:center}#works-page #tree_menu li span.thumb img{max-width:300px}#body .inquiries form .field{display:flex;justify-content:center;align-items:center;margin-bottom:30px}#body .inquiries form label{width:20%;float:none}.inquiries form input#inquiry_name,.inquiries form input#inquiry_email,.inquiries form input#inquiry_phone,.inquiries form textarea#inquiry_message{width:50%;border-collapse:collapse;border:1px solid #ccc;box-sizing:border-box;padding:5px}#body .inquiries form .actions{display:flex;justify-content:center;align-items:center;margin-bottom:30px;margin-left:0}.inquiries form .actions input{text-decoration:none;margin-left:10px;margin-right:10px;cursor:pointer;color:#fff;background-color:#6c757d;border-color:#6c757d;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}a#privacy_link{margin-left:10px;margin-right:10px}#footer{text-align:center;padding-bottom:40px}.f-wrapper{display:flex;justify-content:center;align-items:center}.copyright{padding-right:30px}.sns-icon img{width:32px;margin-left:10px}@media screen and (max-width: 768px){#page_container{width:100%;max-width:100%;min-width:100%}.global_menu_close__btn,.global_menu_open__btn{display:block}.global_menu_open__btn{background-image:url("sp-menu-btn.png");background-color:#666;background-size:32px 32px;background-position:center center;background-repeat:no-repeat;width:36px;height:36px;overflow:hidden;text-indent:-999999px}.global_menu_close__btn{width:50px;height:50px;margin:10px 0 10px 10px}header#header #global_menu{display:none;width:280px;height:100%;position:fixed;overflow-y:scroll;top:0;right:-300px;text-align:left;background-color:#fff;z-index:999999;box-shadow:-1px 0px 3px #ccc;-webkit-box-shadow:-1px 0px 3px #ccc;-moz-box-shadow:-1px 0px 3px #ccc;margin:0}header#header #global_menu ul{flex-direction:column}header#header #global_menu ul li{width:100%;box-sizing:border-box;text-align:left;padding:10px;margin:10px;border-bottom:1px dotted #ccc}header#header #global_menu ul li a{color:#9A9A9A;text-align:left;position:inherit}header#header #global_menu ul li span{text-align:left}header#header #global_menu ul li span.title{line-height:100%;letter-spacing:0.1em;font-size:100%;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb}header#header #global_menu ul li span.en{position:inherit;font-size:80%;padding:5px 0 5px 0;transform:rotate(0deg)}section.update_wrapper{padding:0px}#body .inquiries form label{width:100%}.inquiries form input#inquiry_name,.inquiries form input#inquiry_email,.inquiries form input#inquiry_phone,.inquiries form textarea#inquiry_message{width:100%}#body .inquiries form .field{justify-content:flex-start;margin-bottom:20px;flex-direction:column}#body .inquiries form .actions{flex-direction:column-reverse}a#privacy_link{margin-bottom:10px;text-decoration:none;margin-left:10px;margin-right:10px;cursor:pointer;color:#666;background-color:transparent;border:none;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}}@media screen and (max-width: 650px){header#header{padding:20px 20px 30px 20px;margin-bottom:10px}header#header h1#site_logo{width:85%}.global_menu_open__btn{margin-bottom:2%}#works-page #tree_menu ul{padding:10px 0px 30px 0px;display:flex;flex-wrap:wrap}#works-page #tree_menu li{width:48%}}@media screen and (max-width: 480px){header#header{padding:20px 20px 30px 20px;margin-bottom:10px}header#header h1#site_logo{width:81%}.global_menu_open__btn{background-size:24px 24px;width:26px;height:26px;margin-bottom:3%}#works-page #tree_menu ul{padding:10px 0px 30px 0px;display:flex;flex-wrap:wrap;flex-direction:column}#works-page #tree_menu li{width:100%}}article,nav,header,footer,aside,hgroup,section{display:block}div.fieldWithErrors{display:inline}#errorExplanation{border-top:3px solid #F27F7F;background:#FFBEBE;padding:10px}#errorExplanation,#errorExplanation *,.fieldWithErrors,.fieldWithErrors *{color:#9C2626}a img{border:0px none}a:focus{outline:none}.clearfix,section{display:inline-block}.clearfix:after,section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix,section{display:block}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-justify{text-align:justify}.image-align-left{float:left;margin-right:6px;margin-bottom:6px}.image-align-right{float:right;margin-left:6px;margin-bottom:6px}.font-size-small{font-size:0.75em}.font-size-normal{font-size:1em}.font-size-large{font-size:1.25em}.inquiries form{padding-top:12px}.inquiries form label{width:150px;float:left}.inquiries form label.required:after{content:" *"}.inquiries form input{width:200px}.inquiries form .field{margin:12px 0px}.inquiries form .actions{margin-left:150px}.inquiries form .actions input{width:auto}
