/*! html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/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;font-size:100%;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}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{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}
/*! cocottecode.jp Base Stylesheet
v1.0.2
Last Updated: 2019-04-03
Author: NAKAJIMA, tetsuya - cocottecode.jp
mail: hello@cocottecode.jp
*/:root{--base-font-family:"Roboto",sans-serif;--color-primary:#4d84f4;--color-primary-light:color(var(--color-primary) tint(15%));--color-primary-dark:color(var(--color-primary) shade(15%));--color-primary-bg:color(var(--color-primary) alpha(20%));--color-accent_1:#003cb5;--color-accent_1-light:color(var(--color-accent_1) tint(15%));--color-accent_1-dark:color(var(--color-accent_1) shade(10%));--color-accent_1-bg:color(var(--color-accent_1) alpha(20%));--color-accent_2:#1eaa39;--color-accent_2-light:color(var(--color-accent_2) tint(15%));--color-accent_2-dark:color(var(--color-accent_2) shade(10%));--color-accent_2-bg:color(var(--color-accent_2) alpha(20%));--color-accent_3:#cf349b;--color-accent_3-light:color(var(--color-accent_3) tint(15%));--color-accent_3-dark:color(var(--color-accent_3) shade(10%));--color-accent_3-bg:color(var(--color-accent_3) alpha(20%));--black:#1d1d21;--gray-10:#2e2e31;--gray-6:#7b7a7d;--gray-4:#a5a5a6;--gray-3:#bbbbbc;--gray-2:#d1d0d2;--gray-1:#e8e7e8;--white:#fff;--color-success:#88c459;--color-error:#f5414f;--color-warning:#ffd137;--header-height_pc:90px;--header-height_sp:16vw}@-webkit-keyframes ani-blink{0%{opacity:.25}to{opacity:1}}@keyframes ani-blink{0%{opacity:.25}to{opacity:1}}html{font-size:62.5%}body{display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;-ms-grid-rows:75px 1fr 50px;grid-template-rows:75px 1fr 50px;width:100%;min-height:100vh;font-family:游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,sans-serif;font-weight:500;font-size:1.2rem}h1,h2,h3,h4,h5,h6{font-weight:inherit}a{-webkit-transition:opacity .5s,color .5s;transition:opacity .5s,color .5s}a:link{color:#ea5514;text-decoration:underline}a:visited{opacity:.75}a:hover{opacity:.5;text-decoration:none}a:active{color:red}ruby[data-ruby]{display:inline-block;position:relative}ruby[data-ruby]:after{content:attr(data-ruby);position:absolute;top:-.8em;left:5%;width:90%;text-align-last:justify;font-size:.5em}ruby[data-ruby] rt{display:none}
/*! cocottecode.jp Design Stylesheet
v1.0.2
Last Updated: 2019-04-03
Author: NAKAJIMA, tetsuya - cocottecode.jp
mail: hello@cocottecode.jp
*/.l-header{border-bottom:1px solid #746765;padding:2.5px 10px;background-color:#fff}.l-header a,.l-header a:active,.l-header a:hover,.l-header a:link,.l-header a:visited{color:unset;opacity:unset;text-decoration:unset}.l-header a{display:block}.l-header img{vertical-align:bottom}.l-header_inner{height:100%;max-width:1200px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box}.l-header_logo{width:150px}.l-footer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:5px;background-color:#c9c9c9;color:#746765}.l-footer a,.l-footer a:active,.l-footer a:hover,.l-footer a:link,.l-footer a:visited{color:unset;opacity:unset;text-decoration:unset}.l-footer a{color:inherit}.l-main{line-height:1.9;color:#302d2c}.o-jumbotron{width:100%;height:62.5vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-color:#746765;color:#fff}@media screen and (max-width:980px) and (orientation:portrait){.o-jumbotron{height:calc(100vh - 150px)}}.o-jumbotron_text{font-size:8vw;line-height:1.4;font-weight:800;text-align:center;font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,sans-serif;font-weight:900}.o-jumbotron_textLine{display:block}.o-jumbotron_textName{ruby-position:under;font-size:1.25em}.o-jumbotron_textName:after{font-size:.25em!important;top:auto!important;bottom:-.8em!important}.o-jumbotron_textName rt{font-size:.25em}.o-lead{margin-top:150px;text-align:center}@media screen and (orientation:portrait){.o-lead{margin-top:5vh}}.o-lead_text{line-height:2.7;font-size:3.2rem;padding-top:10vh;padding-bottom:10vh;margin-bottom:5vh}@media screen and (orientation:portrait){.o-lead_text{padding-top:2.5vh;padding-bottom:2.5vh;margin-bottom:2.5vh}}@media screen and (max-width:980px){.o-lead_text{font-size:5vw}}.o-lead_text-last{padding-bottom:27.5vw;background-image:url(/assets/img/cmn-figure_01.svg);background-position:bottom;background-size:20vw auto;background-repeat:no-repeat}@media screen and (orientation:portrait){.o-lead_text-last{padding-bottom:45vw;background-size:40vw auto}}.o-contact{margin:50px auto 100px;text-align:center}.o-contact_heading{width:0;height:0;position:absolute!important;clip:rect(1px,1px,1px,1px)}.o-infomation{position:fixed;bottom:0;right:0;line-height:1;margin-bottom:-1.5em;opacity:.5;-webkit-transition:margin .5s,opacity .2s;transition:margin .5s,opacity .2s}.o-infomation-show,.o-infomation:hover{opacity:1;margin-bottom:0}.o-infomation_heading{padding:.2em;box-sizing:border-box;width:6em;border-radius:3px 3px 0 0/3px 3px 0 0;border:1px grey;border-style:solid solid none;position:relative;z-index:2;bottom:-1px;margin-left:auto;margin-right:0;text-align:center;background-color:#fff;cursor:pointer}.o-infomation_list{position:relative;z-index:1;list-style:none;border:1px solid grey;border-radius:3px 0 3px 3px/3px 0 3px 3px;padding:.25em;background-color:#eeeded}.o-infomation_item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}.o-infomation_itemDate{margin-right:1em}.o-button{display:inline-block;padding:.5em 1em;border:1px solid #d3d3d3;border-radius:5px;font-size:1.2rem;font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,sans-serif;font-weight:900;background-color:#f58556;-webkit-transition:opacity .5s;transition:opacity .5s}.o-button:active,.o-button:hover,.o-button:link,.o-button:visited{color:#fff;opacity:unset;text-decoration:unset}.o-button:hover{opacity:.75}.o-button_note{width:0;height:0}.o-button_note,.u-hide{position:absolute!important;clip:rect(1px,1px,1px,1px)}br.u-hide{display:none}@media screen and (min-width:751px){.u-hide-pc{position:absolute!important;clip:rect(1px,1px,1px,1px)}}@media screen and (min-width:751px){br.u-hide-pc{display:none}}@media screen and (max-width:750px){.u-hide-sp{position:absolute!important;clip:rect(1px,1px,1px,1px)}}@media screen and (max-width:750px){br.u-hide-sp{display:none}}@media screen and (max-width:750px) and (orientation:landscape){.u-hide-spL{position:absolute!important;clip:rect(1px,1px,1px,1px)}}@media screen and (max-width:750px) and (orientation:landscape){br.u-hide-spL{display:none}}@media screen and (max-width:750px) and (orientation:portrait){.u-hide-spP{position:absolute!important;clip:rect(1px,1px,1px,1px)}}@media screen and (max-width:750px) and (orientation:portrait){br.u-hide-spP{display:none}}