/* CSS Document */
* {
    box-sizing: border-box;
}
html { scroll-behavior: smooth;}
a{text-decoration:none;}

@media screen and (min-width: 768px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

body{font-size: 16px;font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;}

   .sp{ display: block; }
  .pc{ display: none; }
#pc-menu-content, .nav__wrapper{display: none;}

.content{
    width: 90%;
    margin: 3em auto 0;
    max-width: 950px;
}
#mv-box{background: url("images/mv.jpg") no-repeat 0 0;
 background-size:cover;
    background-position:center;
}
#mv-box p{
    color: #fff;}
#mv-box p#main-tex{
    text-align: center;
    line-height: 2.1em;
    font-size: 1.8em;
    letter-spacing: -0.04em;
    padding: 10% 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mv div#box-tex p{
        font-size: 14px;
    line-height: 1.71;
    padding: 0;
    }

@media screen and (max-width: 767px){
	#mv-box {
		height:550px;
	}
}
h3{
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 1.4em;
    text-align: center;
}
h4{font-size:1.9em;
    margin-bottom: 0.7em;
    line-height: 1.6em;
}

#mv p#catch{
    font-size: 0.9em;
    line-height: 1.8em;
    margin-bottom: 1.2em;
    font-weight: 600;
}
#mv #box-mv {text-align: center;}
#mv #box-mv img{max-height: 300px;}
#mv div#box-catch{border-bottom: solid 1px #1b1b1b;margin-bottom: 1.4rem;}
#mv div#box-tex{line-height:1.8em; padding-top: 1.8em;}

h1{text-align: center;color: #1b1b1b;font-weight: 600;margin-bottom: 2rem;
    font-size: 2rem;}
#mv ul{display: table;
  table-layout: fixed;margin: 0 auto 0.3em;}
#mv ul li{
  vertical-align: middle;
    text-align: center;
    color: #fff;
max-width: 250px;
padding: 0.63em ;}
#mv ul li:not(:last-of-type):after{margin-right: 1px;}
#mv ul li.tokyo{background-color: #783e46;}
#mv ul li.online{background-color: #67a1b1;}
#mv ul li.premium{background-color: #c9b23c;}
#mv ul li.basic{background-color: #b3b3b3;}

#target,.voice,#timeline{background-color: #f4f4f4;}
#mv .content{padding: 0 20px;}

#target ul li{
    position: relative;
    padding: 0 1.2em 1.2em 1.8em;
    max-width: 90%;
    margin: 0 auto;
    line-height: 1.8em;
  }
#target ul li:last-child{
    margin: 0 auto 0.8em;
}
#target ul li:before {
    content: "";
    position: absolute;
    top: 0.4em;
    left: 0.5em;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #c9b23c;
    border-bottom: 3px solid #c9b23c;
  }
#target .content p,#theme .content p{line-height: 2.1em;padding-bottom: 3em;}

#target h3{padding-top: 3em;}
#steps dl span {
 padding: 5px 20px 5px 20px;
 color: #fff;
 font-weight: bold;
 background: #112c3e;
 border-radius: 20px;
 z-index: 1;
    line-height: 3.8;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}
.voice h3{padding-top: 3em;}
.voice .content{padding-bottom: 3em;}
#steps dl {
display: flex;
flex-flow: row wrap;
width: 100%;
}
#steps dt {
flex-basis: 100%;
text-align: center;
padding: 0.6em 1em 1.4em;
background-color: #c9d3d9;
}
#steps dd {
flex-basis: 100%;
padding: 1em 0 2em;
    line-height: 1.8em;
    font-size: 0.9em;
}
#steps dd:not(:last-child):after{
  font-family: 'FontAwesome';
  content: '\f103';
  display: block;/*蜑榊ｾ後↓謾ｹ陦�*/
  font-size: 4em;/*繧｢繧､繧ｳ繝ｳ繧ｵ繧､繧ｺ*/
    line-height: 1em;
    text-align: center; 
}

#steps p{
    line-height: 1.8em;
    padding: 1.2em 0 2em;
}
#timeline{padding:3em 0;}
#timeline dl{
    border: #000000 solid 1px;
    margin-bottom: 2em;
    padding-bottom: 1em;
}
#timeline dt{
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 0.6em 0;
    font-size: 1.2em;
    background-color: #454545;
    margin-bottom: 1em;
}
#timeline p{
    padding: 0 1.1em 1em;
    font-size: 0.9em;
}
#timeline ul li{
    font-size: 0.9em;
    text-indent: -1em;
   padding-left: 1em;
}
#timeline ul li:first-child{
    font-weight: 600;
}
#timeline ul li:first-child::before{
    font-family: 'FontAwesome';
    content: '\f0da';
  font-size: 1.05em;
        line-height: 1.1em;
    padding-right: 0.5em;
}
#timeline ul li:not(:first-child)::before{
    content: '繝ｻ';
}
#timeline ul li:not(:last-child){
    margin-bottom: 0.5em;
}
#timeline ul li:last-child{
    margin-bottom: 1.5em;
}
#timeline ul li{
    padding: 0 1.1em;
    margin: 0 1.1em;
}
#theme dl dt::before{font-family: 'FontAwesome';
  content: '\f059';
  font-size: 1.6em;/*繧｢繧､繧ｳ繝ｳ繧ｵ繧､繧ｺ*/
    line-height: 1em;
         color: #2D4471;
        top: 3px;
    left: -5px;
    position: relative;
    }
    #theme dl dt{
    line-height: 1.6em;
    text-indent:-1.4em;
    color: #2D4471;}
    #theme dl dd{
    margin: 1em 0 0 0;
    line-height: 1.6em;
    text-indent:-1.4em;
    color: #A6373F;
    }
    
    #theme dl dd::before{font-family: 'FontAwesome';
  content: '\f2bd';
        font-size: 1.4em;
        color: #A6373F;
        top: 3px;
    left: -5px;
    position: relative;
    }
.company a{
    color: #436a84;
}
@media screen and (max-width: 559px) {
#steps dl {
flex-flow: column;
}
    #steps dt{text-align: center;font-weight: 600;font-size: 1.12em;}
}

#theme ul li{
        margin: 0 0 0.4em;
    line-height: 2em;
    padding: 1.8em 1.8em 1.8em 2.8em;
    letter-spacing: -0.05em;
    background: #ededed;
    border-radius: 10px;
}
#theme ul li span{
    font-weight: 600;
    font-size: 1.2em;
}

.voice ul li:not(:last-child) {margin-bottom: 2rem;}
.voice ul li img{
    width: 100%;
    margin-bottom: 0.5em;
    max-width: 420px;
}

section#day{background-color: #f1f1f1; padding: 3em 0; }
section#day .content{margin: 0 auto;}
section#day .white-box{background-color: #fff;}
ul.day-box li.time{margin:0px 1.1em 0.7em 1.1em; line-height: 1em;font-size: 1.25em;padding-top: 1.2em;}
ul.day-box li.time span{font-size: 0.65em; color: #858585;letter-spacing: 0.1em;}
section#day p{font-size: 0.9em;
text-align: center; line-height: 1.4em;padding: 1.4em 0;}

.btn-entry{padding: 1.2em 0;text-align: center;color: #fff;line-height: 1.6em;font-size: 1.1em;}
.p-class{background-color: #c9b23c; }
.b-class{background-color: #b3b3b3; }
.pr-class{background-color: #ab9f61; margin-top: 1em;}
.red-class{background-color: #7d0000; margin-top: 1em;}
.blue-class{background-color: #093d6e; margin-top: 1em;}
/*header*/

.brand {
  color: #1b1b1b; }
 
#site-header {
  position: relative; }
 
.site-header__wrapper {
  padding: 1rem 0 1rem 1rem;
    height: calc(52px - 2rem);}
.nav__item a{
    color: #fff;
}
figure{
    max-width: 420px;
    margin: 0 auto;
}
figcaption{
    max-width: 420px;
    width: 100%;
    font-size: 12px;
    line-height: 1.75;
}
figcaption span{
    font-size: 1.2em;
    font-weight: 600;
}
/* 繝舌�繧ｬ繝ｼ */
.menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    height: 52px;
    width: 52px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #112c3e;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*繝｡繝九Η繝ｼ繧ｪ繝ｼ繝励Φ譎ゅ�逵溘ｓ荳ｭ縺ｮ邱壹ｒ騾乗�縺ｫ縺吶ｋ*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
#menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #112c3e;
}
#menu-content ul {
    padding: 70px 10px 0;
}
#menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
    letter-spacing: normal;
}
#menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
#menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
#menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*left縺ｮ蛟､繧貞､画峩縺励※繝｡繝九Η繝ｼ繧堤判髱｢螟悶∈*/
    z-index: 80;
    background-color: #112c3e;
    transition: all 0.5s;/*繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ險ｭ螳�*/
}
#menu-btn-check:checked ~ #menu-content {
    left: 0;/*繝｡繝九Η繝ｼ繧堤判髱｢蜀�∈*/
}

/* 蜿苓ｬ帷函縺ｮ螢ｰ-蜷ｹ縺榊�縺怜�騾� */
 
.balloon-simple {
 width: 100%;
 margin: 0 0 0.5rem ;
 overflow: hidden;
text-align:left;}
 
.balloon-simple .icon-right img,
.balloon-simple .icon-left img{
 width: 100%;
 background-size:cover;
max-width: 70px;
}
 
dl.icon-right {
	display:flex;
	flex-direction:column;
}
dl.icon-right dt {
	margin-bottom:10px;
}
dl.icon-right dd {
	text-align:right;
}
dl.icon-right dd h6 {
	color:000000;
	font-size:.7em;
	margin-bottom:10px;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
}
dl.icon-right dd h5 {
	font-weight:bold;
	color:000000;
	font-size:.8em;
	margin-bottom:4px;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
}

dl.icon-right dd h4 {
	font-weight:bold;
	color:000000;
	font-size:1em;
	margin-bottom:4px;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
}
@media screen and (max-width: 767px){
	dl.icon-right {
		flex-direction: row-reverse;
	}
	dl.icon-right dt {
		margin:0 0 0 20px;
	}
}

.icon-right p,
.icon-left p{
 text-align: center;
 top: -10px;
 position: relative;
}
 
.balloon-simple .balloon {
 width: 100%;
    line-height: 1.75em;
    font-size: 15px;
}
.balloon span{font-weight: 600;font-size: 1.2rem;}
.serif-right,
.serif-left {
 position: relative;
 padding: 1.7rem;
letter-spacing: -0.04em;
 border-radius: 10px;
}
 
/* 蜿ｳ縺ｮ蜷ｹ縺榊�縺� */
 
.balloon-simple .icon-right {
 float: right;
}

.serif-right {
 margin: 1.1rem 0 1.4rem;
 background: #eeeeee;
 float: right;   
}
 
.serif-right:after {
 transform: scale(-1, 1);
 right: -22px;
 border-right: 20px solid #eeeeee;
}
.serif-left::before {content: '';
  position: absolute;
  left: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #eeeeee;
  border-left: 15px solid transparent;} 
.serif-right::before{
  content: '';
  position: absolute;
  right: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #eeeeee;
  border-left: 15px solid transparent;}
/* 蜿ｳ縺ｮ蜷ｹ縺榊�縺� end */
 
/* 蟾ｦ縺ｮ蜷ｹ縺榊�縺� */
 
.balloon-simple .icon-left {
 float: left;
}

dl.icon-left {
	display:flex;
	flex-direction:column;
}
dl.icon-left dt {
	margin-bottom:10px;
}
dl.icon-left dd {
	
}
dl.icon-left dd h6 {
	color:000000;
	font-size:.7em;
	margin-bottom:10px;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
}
dl.icon-left dd h5 {
	font-weight:bold;
	color:000000;
	font-size:.8em;
	margin-bottom:4px;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
}
dl.icon-left dd h4 {
	font-weight:bold;
	color:000000;
	font-size:1em;
	margin-bottom:4px;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
}
	
@media screen and (max-width: 767px){
	dl.icon-left {
		flex-direction: row;
	}
	dl.icon-left dt {
		margin:0 20px 0 0;
	}
}
.serif-left{
 display: inline-block;
 margin: 1.4rem 0 ;
 background: #eeeeee;
}
 
.serif-left:after{
 left: -22px;
 border-right: 20px solid #eeeeee;
}
 
/* 蟾ｦ縺ｮ蜷ｹ縺榊�縺� end */ 

  @media (min-width: 600px) {
    .site-header__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 1rem; } }
@media (min-width: 600px) {
  .nav__wrapper {
    display: flex; } }
 
@media (max-width: 599px) {
  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #d9f0f7;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
    .nav__wrapper.active {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); } 
}
 
.nav__item a {
  display: block;
  padding: 1.5rem 1rem; }
 

.company dl {
display: flex;
flex-flow: row wrap;
width: 100%;
	text-align:left;
}
.company dt {
flex-basis: 100%;
padding: 20px;
background-color: #f1f1f1;
}
.company dd {
padding: 20px 1em;
background-color: #fff;
line-height: 1.75em;
}
.white-box:nth-child(n+1){margin-top: 1em;}
.company span{
    color: #858585;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-left: 1.5em;
}
.company p{
    font-size: 0.85em;
    line-height: 1.6em;
    padding-top: 1em;
}
.company span{margin-left:0;}


@media screen and (min-width:600px) and (max-width:609px) {
.company dl {
flex-flow: column;
}
    
}
/*footer*/

#footer01 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer01 {
  position: relative;
  background: #e5dfd0;
}

#footer01 .nav a {
  display: block;
  padding: 0 10px;
  color: #333;
  text-decoration:none;
}
#footer01 {
    text-align: center;
  }

  #footer01 .nav li a {
      font-size: 0.8em;
    text-align:center;
      padding: 1em 20px 0;
  }
#footer01 .nav li:last-child{padding: 1em 20px;}

p.copyright{font-size: 0.8em;
line-height: 1em;}

@media(min-width: 768px){
    .bottom-menu{}
}

@media screen and (min-width: 600px) {
	/* 600px莉･荳翫↓驕ｩ逕ｨ縺輔ｌ繧気SS�医ち繝悶Ξ繝�ヨ逕ｨ�� */
    .sp{ display: none; }
    .pc{ display: block; }
    #target .content p,#theme .content p{text-align: center;}
    #target .content{padding-bottom: 3em;}
    .menu-btn{width: 80px;height: 80px;}
    #pc-menu-content, .nav__wrapper{display: none;}
    #site-header{padding: 1.5em 0;}
    #site-header p{font-size: 1.6em;}
    .site-header__wrapper {height: calc(80px - 3rem);}
    ul.nav__wrapper li:not(:nth-last-child(2)){margin-right: 3.2rem;}
    ul.nav__wrapper li a{color: #fff; text-decoration: none; font-size: 1rem;}
    ul.nav__wrapper li:nth-child(4){display: none;}
    ul.nav__wrapper li:before{
content: ' ';
position: absolute;
top: 1.6rem;
display: block;
width: 8px;
height: 8px;
border: 0px;
margin-left: -1.2rem;
		margin-top:-6px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}
    h3{
    font-size: 1.3em;
}
    #mv p#catch{text-align: center; }
    h1{font-size: 2.8rem;}
    #mv div#box-catch{margin-bottom: 1.6rem;}
    #box-mv{display:none;}
    #mv div#box-tex{
        padding-top: 2.8em;
    }
#theme ul li{
    padding: 1.8em 2em 1.8em 4em;
}

    
    #theme dl dd{}
   #mv ul li{display: table-cell;
    width: calc(100% / 3);
    margin: 0;}
    #pc-box-mv{background:url("../images/img_second_mv.png") no-repeat right center;}
    #mv div#box-tex p{
    text-align: center;
    line-height: 2;
        font-size: 18px;
    }
    #steps dt{flex-basis: 25%;margin-bottom: 1em;background: #c4cad4; border-radius: 20px 0 0 20px;}
    #steps dd:not(:last-child):after{
  font-family: 'FontAwesome';
  content: '\f103';
  display: block;/*蜑榊ｾ後↓謾ｹ陦�*/
  font-size: 4em;/*繧｢繧､繧ｳ繝ｳ繧ｵ繧､繧ｺ*/
    line-height: 1em;
        text-align: center;}
    #steps dd {flex-basis: calc(65% - 4em);padding: 0 2em; display: flex;align-items: center;background: #e6eaefaa; 
    margin-bottom: 1em;
    border-radius: 0 20px 20px 0;}
    #steps dd:not(:last-child):after{display: none;}
    #theme .content{padding: 1.4em 0 2em;}
    #theme ul li{margin: 0 0 2.4em;}
    #voice h3{padding-top: 3em;}
    h3{
    font-size: 2.45em;line-height: 1.1em;}
    #theme .content{width: 70%;}
    #header-box{width: 80%;}
    .serif-right,
.serif-left {
 width : 64% ; /* IE8莉･荳九→Android4.3莉･荳狗畑繝輔か繝ｼ繝ｫ繝舌ャ繧ｯ */
   width : -webkit-calc(100% - 8.4rem) ;
   width : calc(100% - 8.4rem) ;
}
 .serif-left{margin: 0 0 1rem 1.22rem;}
 .serif-right{margin: 0 1.22rem 1rem 0;}

.serif-right::before,
.serif-left::before{display: none;}
.serif-right:after,
.serif-left:after {
 content: "";
 position: absolute;
 top: 15px;
 border-top: 10px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 5px solid transparent;
}
        #target ul li{
    width: fit-content;
  }
    #target ul li:before {
    top: 0.35em;
        left: 0.35em;
  }
    .company dt{line-height: 1.5em;}
    .company dd {flex-basis: 69%;}
    .voice ul li{width: 47%;
    display: inline-flex;}
    .voice ul li:not(:last-of-type){margin-right: 1rem;}
    .voice ul li img{max-width: 399px;
    display: inline-flex;}
        .serif-right, .serif-left{ 
    width: -webkit-calc(100% - 9rem);
    width: calc(100% - 9rem);}
    ul.day-box{display: flex;width: 90%;margin: 0 auto;}
    ul.day-box:first-of-type{padding-top: 2.5em;}
    ul.day-box li{width: 50%;}
    ul.day-box li.half:first-of-type{margin-right: 1em;}
    ul.day-box2 li{width: 90%;margin: 0 auto;}
    ul.day-box2 li:not(:last-of-type){margin: 0 auto 1em;}
    #footer01 .nav li{border-top: 0px solid #555555; margin-right: 1.4em;}
    #footer01 .nav li:last-child {border-bottom: 0px solid #555555;}
}

@media screen and (min-width: 768px) {
	/* 960px莉･荳翫↓驕ｩ逕ｨ縺輔ｌ繧気SS��PC逕ｨ�� */
    #site-header p{font-size: 1em;}
.hamburger-menu{display: none;}
.brand {
  font-weight: bold;
  font-size: 20px; }
    h3{    margin-bottom: 1.6em;
    border-bottom: 1px solid #c4cad4;
    padding-bottom: 0.6em;
    line-height: 1.6em;}
    #mv-box{height: 480px}
   #mv-box p{
    color: #fff;}
#mv-box p#main-tex{
    font-size: 2.1em;
} 
    
#site-header {
  position: relative;
  background-color: #def7ff; }
    div.timeline-box{width:calc(50% - 10px) ;
        display:inline-flex;
    }

    #timeline h3{width: 90%;margin: 0 auto;    max-width: 950px;}
    #timeline .content{display: flex;}
    #timeline dl:first-child{margin-right: 10px;    display: inline-block;
    width: 100%;}
.site-header__wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
    display: block;
    width: 100%; }
    
    h1{font-size: 3.6rem;}
    #mv p#catch{margin-bottom: 1.5em; }
    #theme h3{ margin-bottom: 1.1em;}
    #target .content{padding: 4.4em 0;}
    #theme .content p{text-align: center;}
    #theme ul{display:flex;flex-wrap: wrap;}
    #theme ul li{width: 100%;margin: 0 0 1rem;}
    #detil{margin: 0 auto 2em;}
#target h3{padding-top: 0em;}
    /* .voice{padding-top: 4.4em;} */
    .voice h3{margin-bottom: 3rem;}
    .balloon-simple{margin: 0 0 3rem;}
    .balloon-simple .icon-right img,
    .balloon-simple .icon-left img{max-width: 140px;}
    .serif-right, .serif-left{ 
    width: -webkit-calc(100% - 13.4rem);
    width: calc(100% - 13.4rem);}
    .company dt:first-child, .company dd#first{border-top: none;}
    section#day{padding: 4.4em 0;}
    section#day h3{margin-bottom: 1.1em;}

    ul.day-box li.time{font-size: 1.8em;margin: 0.2em 0 0.7em 0.6em;}
    .company span{margin-left: 1.5em;}
    ul.day-box2{ display: flex;width: 90%;
    margin: 0 auto; }
    ul.day-box2 a{width: 50%;}
    ul.day-box3 a{width: 90%; margin:  0 auto;display: block;}
    ul.day-box2 li{width: 100%;align-items: center;}
    ul.day-box2 a:first-child{margin-right: 1em;}
  @media (min-width: 600px) {
    .site-header__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 1rem;
      padding-bottom: 0;
      max-width: 950px;
      margin: 0 auto ;} }
@media (min-width: 600px) {
  .nav__wrapper {
    display: flex; } }
 
@media (max-width: 599px) {
  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #d9f0f7;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
    .nav__wrapper.active {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); } }
 
.nav__item a {
  display: block;
  padding: 1.5rem 1rem; }
 
.nav__toggle {
  display: none; }
  @media (max-width: 599px) {
    .nav__toggle {
      display: block;
      position: absolute;
      right: 1rem;
      top: 1rem; } 
    }

    #site-header{background-color: #112c3e;font-size: 1.4em;line-height: 1.2em;padding: 1.4em 0;}
    #site-header label{display: none;}
	.company {
		border: 1px solid #ccc;
	}
	.company dl {
		border-bottom: 1px solid #ccc;
	}
    .company dt {
flex-basis: calc(15% - 3.5rem);
padding: 1.2rem 2rem;
background-color: #eeeeee;
vertical-align: middle;
        line-height: 1.5em;
		border-right: 1px solid #ccc;
}
    
.company dd {
flex-basis: calc(85% - 3.5rem);
padding: 1.3rem;
background-color: #fff;

}
	
    
    #footer01 .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.1rem 0;
  }
      #footer01 .nav li a {
      padding: 0;
  }
  #footer01 .nav a:hover {
    color: #ca353b;
  }
}