@charset 'UTF-8';
/* **************************************************************************************

RESET

************************************************************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
  margin: 0;
  padding: 0;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img{
  border: 0;
}

address, caption, cite, code, dfn, em, strong, var{
  font-style: normal;
  font-weight: normal;
}

ol, ul{
  list-style: none;
}

caption, th{
  font-weight: normal;
  text-align: left;
}

h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
}

area{
  border: none;
  outline: none;
}

abbr, acronym{
  border: 0;
}

*{
  box-sizing: border-box;
}

body, html{
  height: 100%;

  -webkit-text-size-adjust: none;
}

html{
  position: relative; 
  min-height: 100%;
}

body{
  width: 100%;
  font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','MS PGothic',arial,helvetica,sans-serif; 
 
}

select, input{
  font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','MS PGothic',arial,helvetica,sans-serif;
}

a{
  text-decoration: underline;
  outline: none;
}
a:hover{
  text-decoration: none;
}

@media screen and (max-width: 768px){
  body{
    position: static;
  }
}

@media print, screen and (min-width: 769px){
  body{
    position: relative;
  }
}

body > iframe{
  display: none;
}

/* common Block */
/* **************************************************************************************

HEADER

************************************************************************************** */
.Header{
  position: relative;
  background: #fff;
}

@media screen and (max-width: 768px){
  .Header{
    z-index: 9999; 
    height: 42px;
  }
  .Header-tit{
    position: absolute;
    top: 11.94667px;
    left: 15.36px;
    line-height: 0;
  }
  .Header-tit a{
    display: inline-block;
    line-height: 0;
  }
  .Header-tit img{
    width: auto;
    height: 17.06667px;
  }
  .Header-spmenu{
    position: absolute;
    top: 8.53333px;
    right: 15.36px;
  }
  .Header-spmenu img{
    width: 25.6px;
    height: auto;
  }
}

@media print, screen and (min-width: 769px){
  .Header{
    width: 100%;
    height: 75px;
  }
  .Header-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    margin: 0 auto;
  }
  .Header-tit{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    top: 13px;
    margin: 0 36px 0 0;
  }
  .Header-tit img{
    width: 210px;
    height: 32px;
  }
  .Header-spmenu{
    display: none;
  }
}

.ie9 .Header-inner{
  zoom: 1;
}
.ie9 .Header-inner:after{
  display: block;
  clear: both; 
  content: '';
}

@media print, screen and (min-width: 769px){
  .ie9 .Header-inner{
    position: relative;
  }
  .ie9 .Header-tit{
    position: absolute;
    top: 13px;
    left: 0;
  }
}

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

HEADER NAV

************************************************************************************** */
@media screen and (max-width: 768px){
  .HeaderNav{
    display: none;
  }
}

@media print, screen and (min-width: 769px){
  .HeaderNav{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    top: 22px;
    margin: 0 5px 0 0;
  }
  .HeaderNav-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .HeaderNav li{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 8px;
    font-size: 0; 
    line-height: 0;
  }
  .HeaderNav li img{
    width: auto;
    height: 15px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .HeaderNav li img:hover{
    opacity: 0.5;
  }
  .HeaderNav li:last-child img{
    position: relative;
    top: 1px;
  }
}

.ie9 .HeaderNav-list{
  zoom: 1;
}
.ie9 .HeaderNav-list:after{
  display: block;
  clear: both; 
  content: '';
}

@media print, screen and (min-width: 769px){
  .ie9 .HeaderNav{
    left: 246px; 
    width: 100%;
    max-width: 553px;
  }
  .ie9 .HeaderNav li{
    float: left;
  }
}

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

GNAV

************************************************************************************** */
.Gnav-listItem{
  line-height: 0;
}
.Gnav-listItem a, .Gnav-listItem span{
  display: block;
}

@media screen and (max-width: 768px){
  .Gnav{
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 3; 
    width: 100%;
    background: #fff;
    border-top: 1px solid #cde9f2;
  }
  .Gnav-cover{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #cde9f2;
    opacity: 0;
  }
  .Gnav-inner{
    display: none;
    position: relative;
    z-index: 2; 
    padding: 0 0 15px;
    background: #fff;
  }
  .Gnav-listItem a{
    width: 100%;
    height: 66px;
    padding: 0 10px 10px 0;
    border-bottom: 2px solid #000;
  }
  .Gnav-listItem a span{
    width: 100%;
    height: 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
  }
  .Gnav-listItem.gnav0 a{
    border-color: #3b98ac;
  }
  .Gnav-listItem.gnav0 a span{
    background-image: url('../images/bg_arr_0.png');
  }
  .Gnav-listItem.gnav1 a{
    border-color: #e46171;
  }
  .Gnav-listItem.gnav1 a span{
    background-image: url('../images/bg_arr_1.png');
  }
  .Gnav-listItem.gnav2 a{
    border-color: #849c10;
  }
  .Gnav-listItem.gnav2 a span{
    background-image: url('../images/bg_arr_2.png');
  }
  .Gnav-listItem.gnav3 a{
    border-color: #f1880c;
  }
  .Gnav-listItem.gnav3 a span{
    background-image: url('../images/bg_arr_4.png');
  }
  .Gnav-listItem.gnav4 a{
    border-color: #b5a304;
  }
  .Gnav-listItem.gnav4 a span{
    background-image: url('../images/bg_arr_3.png');
  }
  .Gnav-list img{
    width: auto;
    height: 66px;
  }
  .Gnav-401k{
    margin: 15px 0 0;
    text-align: center;
  }
}

@media print, screen and (min-width: 769px){
  .Gnav{
    width: 100%;
  }
  .Gnav-cover{
    display: none;
  }
  .Gnav-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 1000px;
    margin: 0 auto;
  }
  .Gnav-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .Gnav-listItem{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
  }
  .Gnav-listItem a{
    position: relative;
    width: 100%;
    height: 55px;
  }
  .Gnav-listItem a:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .Gnav-listItem a:hover:after, .Gnav-listItem a.current:after{
    opacity: 1;
  }
  .Gnav-listItem span{
    width: 100%;
    height: 40px;
    border-left: 1px solid #d0d0d0;
  }
  .Gnav-listItem:first-child span{
    border-left: 0;
  }
  .Gnav-listItem.gnav0{
    width: 179px;
  }
  .Gnav-listItem.gnav0 a:hover:after, .Gnav-listItem.gnav0 a.current:after{
    background: #46a1b4;
  }
  .Gnav-listItem.gnav0 img{
    width: 138px;
    height: 38px;
  }
  .Gnav-listItem.gnav1{
    width: 180px;
  }
  .Gnav-listItem.gnav1 a:hover:after, .Gnav-listItem.gnav1 a.current:after{
    background: #e2596a;
  }
  .Gnav-listItem.gnav1 img{
    width: 130px;
    height: 38px;
  }
  .Gnav-listItem.gnav2{
    width: 230px;
  }
  .Gnav-listItem.gnav2 a:hover:after, .Gnav-listItem.gnav2 a.current:after{
    background: #849c10;
  }
  .Gnav-listItem.gnav2 img{
    width: 186px;
    height: 39px;
  }
  .Gnav-listItem.gnav3{
    width: 210px;
  }
  .Gnav-listItem.gnav3 a:hover:after, .Gnav-listItem.gnav3 a.current:after{
    background: #f28402;
  }
  .Gnav-listItem.gnav3 img{
    width: 169px;
    height: 40px;
  }
  .Gnav-listItem.gnav4{
    width: 201px;
  }
  .Gnav-listItem.gnav4 a:hover:after, .Gnav-listItem.gnav4 a.current:after{
    background: #b5a304;
  }
  .Gnav-listItem.gnav4 img{
    width: 158px;
    height: 38px;
  }
  .Gnav-401k{
    position: absolute;
    top: -63px;
    left: 799px;
  }
}

.ie9 .Gnav-inner{
  zoom: 1;
}
.ie9 .Gnav-inner:after{
  display: block;
  clear: both; 
  content: '';
}

.ie9 .Gnav-list{
  zoom: 1;
}
.ie9 .Gnav-list:after{
  display: block;
  clear: both; 
  content: '';
}

@media print, screen and (min-width: 769px){
  .ie9 .Gnav-listItem{
    float: left;
  }
}

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

FOOTER

************************************************************************************** */
.Footer{
  position: relative;
  border-bottom: 1px solid #efefef;
}
.Footer-totop{
  overflow: hidden; 
  position: absolute;
  left: 50%;
}
.Footer-totop a{
  display: block;
  position: absolute;
  left: 50%;
  z-index: 1;
  background-color: #efefef;
  border-radius: 50%;
  text-align: center;
}
.Footer-totop a:before{
  display: block;
  content: '';
  position: absolute;
  background: url('../images/totop_icon.png') 0 0 no-repeat;
}
.Footer-top{
  background: #efefef;
}
.Footer-bottom{
  background: #fff;
}
.Footer-logo{
  line-height: 0;
}
.Footer-logo a{
  display: inline-block;
  line-height: 0;
}
.Footer-copyright{
  color: #4c4c4c;
}

@media screen and (max-width: 768px){
  .Footer-totop{
    top: -49px;
    width: 163px;
    height: 49px;
    margin: 0 0 0 -81px;
  }
  .Footer-totop a{
    top: 7px;
    width: 85px;
    height: 85px;
    margin: 0 0 0 -42px;
    padding: 12.37333px 0 0;
  }
  .Footer-totop a:before{
    top: -7px;
    left: 68px;
    width: 39px;
    height: 45.5px;
    background-size: 39px 45.5px;
  }
  .Footer-totop img{
    width: 17.06667px;
    height: 16.21333px;
  }
  .Footer-top{
    padding: 15.36px 0 0;
  }
  .Footer-bottom{
    padding: 12.8px 0 8.53333px;
    text-align: center;
  }
  .Footer-logo{
    margin: 0 0 15.36px;
    line-height: 0;
  }
  .Footer-logo img{
    width: 148.90667px;
  }
  .Footer-copyright{
    font-size: 6.82667px;
    line-height: 10.24px;
  }
}

@media print, screen and (min-width: 769px){
  .Footer{
    width: 100%;
    min-width: 1000px;
  }
  .Footer-totop{
    top: -97px;
    width: 228px;
    height: 97px;
    margin: 0 0 0 -114px;
    padding: 0 14px;
  }
  .Footer-totop a{
    top: 7px;
    width: 200px;
    height: 200px;
    margin: 0 0 0 -100px;
    padding: 29px 0 0;
  }
  .Footer-totop a:before{
    top: 0;
    left: 136px;
    width: 78px;
    height: 91px;
  }
  .Footer-inner{
    width: 1000px;
    margin: 0 auto;
  }
  .Footer-top{
    padding: 32px 0 34px;
  }
  .Footer-bottom .Footer-inner{
    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;
    height: 60px;
  }
  .Footer-logo{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .Footer-logo img{
    width: 171px;
    height: auto;
  }
  .Footer-copyright{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 0 0 auto;
    font-size: 11px;
    line-height: 24px;
  }
}

.ie9 .Footer-bottom{
  zoom: 1;
}
.ie9 .Footer-bottom:after{
  display: block;
  clear: both; 
  content: '';
}

@media print, screen and (min-width: 769px){
  .ie9 .Footer-logo{
    float: left; 
    position: relative;
    top: 18px;
  }
  .ie9 .Footer-copyright{
    float: right; 
    position: relative;
    top: 18px;
  }
}

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

FOOTER SHARE

************************************************************************************** */
.FooterShare{
  position: relative;
  z-index: 2;
}
.FooterShare-item a{
  background: #fff;
  border-radius: 50%;
}

@media screen and (max-width: 768px){
  .FooterShare{
    margin: 0 0 12.8px;
  }
  .FooterShare-list{
    text-align: center;
  }
  .FooterShare-item{
    display: inline-block;
    margin: 0 4.26667px;
  }
  .FooterShare-item a{
    display: block;
    position: relative;
    width: 40.96px;
    height: 40.96px;
  }
  .FooterShare-item a img{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .FooterShare-item.fb img{
    width: 13.65333px;
    height: 22.18667px;
  }
  .FooterShare-item.tw img{
    width: 20.05333px;
    height: 15.78667px;
  }
  .FooterShare-item.line img{
    width: 20px;
    height: auto;
  }
}

@media print, screen and (min-width: 769px){
  .FooterShare{
    width: 122px;
    height: 49px;
    margin: 0 auto 43px;
  }
  .FooterShare-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
  .FooterShare-item{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 6px;
    line-height: 0;
  }
  .FooterShare-item a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 49px;
    height: 49px;
  }
  .FooterShare-item a img{
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .FooterShare-item a:hover img{
    opacity: 0.5;
  }
  .FooterShare-item.fb img{
    width: 17px;
    height: 28px;
  }
  .FooterShare-item.tw img{
    position: relative;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 19px;
  }
  .FooterShare-item.line{
    display: none;
  }
}

.ie9 .FooterShare-list{
  zoom: 1;
}
.ie9 .FooterShare-list:after{
  display: block;
  clear: both; 
  content: '';
}

@media print, screen and (min-width: 769px){
  .ie9 .FooterShare-item{
    float: left;
  }
  .ie9 .FooterShare-item a{
    display: block;
    position: relative;
  }
  .ie9 .FooterShare-item a img{
    position: absolute;
    top: 0;
    right: 0; 
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

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

FOOTER NAV

************************************************************************************** */
.FooterNav a{
  display: inline-block;
  color: #000;
  text-decoration: underline;
}

@media screen and (max-width: 768px){
  .FooterNav-list.list0 a{
    display: block;
    position: relative;
    padding: 15.36px 0 15.36px 24.32px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
    font-size: 11.09333px;
    letter-spacing: 2.21867px;
    line-height: 11.09333px;
    text-decoration: none;
  }
  .FooterNav-list.list0 a:after{
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 11.09333px;
    height: 10.24px;
    margin: -5.54667px 17.92px 0 0;
    background: url('../images/footer_nav_link_arr_0-sp.png') 0 0 no-repeat;
    background-size: 11.09333px 10.24px;
  }
  .FooterNav-list.list1{
    display: none;
  }
  .FooterNav-list.list2{
    padding: 16px 25.6px;
  }
  .FooterNav-list.list2 li:last-child{
    margin: 9.38667px 0 0;
  }
  .FooterNav-list.list2 a{
    font-size: 11.09333px;
    letter-spacing: 1.3312px;
    line-height: 16.21333px;
  }
  .FooterNav-list.list2 a:before{
    display: inline-block;
    content: '';
    width: 3.41333px;
    height: 5.97333px;
    margin: 0 12.37333px 0 0;
    background: url('../images/footer_nav_link_arr_1-sp.png') 0 0 no-repeat;
    background-size: 3.41333px 5.97333px;
  }
}

@media print, screen and (min-width: 769px){
  .FooterNav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .FooterNav a{
    font-size: 16px;
    letter-spacing: 1.92px;
    line-height: 38px;
  }
  .FooterNav-list{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .FooterNav-list.list0{
    padding: 0 0 0 30px;
  }
  .FooterNav-list.list1{
    padding: 0 0 0 27px;
  }
  .FooterNav-list.list2{
    padding: 0 0 0 110px;
  }
  .FooterNav-list.list2 li:first-child{
    display: none;
  }
  .FooterNav-list.list2 li:last-child{
    margin: 22px 0 0;
  }
  .FooterNav a:hover{
    text-decoration: none;
  }
  .FooterNav a:before{
    display: inline-block;
    content: '';
    width: 32px;
    height: 12px;
    background: url('../images/icon_arr.png') 0 0 no-repeat;
  }
  .FooterNav-bnr{
    padding: 8px 0 4px;
    line-height: 0;
  }
  .FooterNav-bnr a{
    padding: 0 0 0 29px;
    line-height: 0; 
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .FooterNav-bnr a:hover{
    opacity: 0.5;
  }
  .FooterNav-bnr a:before{
    display: none;
  }
  .FooterNav-bnr a img{
    width: 187px;
    height: auto;
  }
  .FooterNav-bnr2 img{
    width: 217px;
    height: auto;
    padding: 0 0 0 29px;
    line-height: 0;
  }
}

.ie9 .FooterNav{
  zoom: 1;
}
.ie9 .FooterNav:after{
  display: block;
  clear: both; 
  content: '';
}

@media print, screen and (min-width: 769px){
  .ie9 .FooterNav-list{
    float: left;
  }
}

/* contents Block */
/* **************************************************************************************

CONTENTS

************************************************************************************** */
@media print, screen and (min-width: 769px){
  .Contents{
    width: 100%;
    min-width: 1000px;
  }
}

.Contents.guide{
  background-color: #f0f8fa;
}

.Contents.iikoto{
  background-color: #faf4f5;
}

.Contents.simulation{
  background-color: #f4f8e1;
}
.Contents.simulation .Contents-text{
  color: #000;
  text-align: center;
}
.Contents.simulation .Contents-text span{
  display: inline-block;
  background-image: url('../images/text_bg.png');
  background-repeat: no-repeat;
}

.Contents.movie{
  background-color: #f5f2e1;
}

.Contents.start{
  background-color: #f9f6e5;
  text-align: center;
}

.Contents.faq{
  background-color: #e4f6f8;
}

.Contents.kikan{
  background-color: #e4f6f8;
}

.Contents.news{
  background-color: #e4f6f8;
}

.Contents.yougo{
  background-color: #e4f6f8;
}

.Contents.app{
  background-color: #f0f8fa;
}

@media screen and (max-width: 768px){
  .Contents.guide{
    padding: 17.06667px 0 75.52px;
  }
  .Contents.iikoto{
    padding: 17.06667px 0 75.52px;
  }
  .Contents.simulation .Contents-text{
    padding: 17.06667px 0 18.77333px;
    font-size: 11.94667px;
    letter-spacing: 1.4336px;
    line-height: 18.77333px;
  }
  .Contents.simulation .Contents-text span{
    padding: 102.5px 0 0;
    background-position: 50% 0;
    background-size: auto 92.5px;
  }
  .Contents.start{
    padding: 0 0 59.73333px;
  }
  .Contents.faq{
    padding: 0 0 75.52px;
  }
  .Contents.kikan{
    padding: 0 0 76.8px;
  }
  .Contents.kikan .Contents-inner{
    padding: 0 17.06667px;
  }
  .Contents.yougo{
    padding: 0 25.6px 42.66667px;
  }
  .Contents.yougo .Contents-nameNav{
    padding: 17.06667px 0;
  }
  .Contents.link{
    background-color: #f0f8fa;
  }
  .Contents.app{
    padding: 0 0 56.32px;
  }
}

@media print, screen and (min-width: 769px){
  .Contents.guide{
    padding: 85px 0 213px;
  }
  .Contents.iikoto{
    padding: 0 0 134px;
  }
  .Contents.simulation .Contents-text{
    padding: 33px 0 27px;
    font-size: 18px;
    letter-spacing: 2.16px;
    line-height: 30px;
  }
  .Contents.simulation .Contents-text span{
    min-height: 185px;
    padding: 65px 192px 0 0;
    background-position: 100% 100%;
  }
  .Contents.movie{
    text-align: center;
  }
  .Contents.start{
    padding: 0 0 160px;
  }
  .Contents.faq{
    padding: 0 0 150px;
  }
  .Contents.kikan{
    padding: 0 0 134px;
  }
  .Contents.news{
    padding: 85px 0 130px;
  }
  .Contents.yougo{
    padding: 0 0 100px;
  }
  .Contents.yougo .Contents-nameNav{
    margin: 0 auto;
    padding: 49px 0 0;
    text-align: center;
  }
  .Contents.link{
    background-color: #e4f6f8;
  }
  .Contents.app{
    padding: 0 0 174px;
  }
}

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

MAIN HEADER

************************************************************************************** */
.MainHeader{
  width: 100%;
  text-align: center;
}
.MainHeader-tit{
  line-height: 0;
}
.MainHeader.guide{
  background-color: #6cb7c7;
}
.MainHeader.iikoto{
  background-color: #fd939f;
}
.MainHeader.start{
  background-color: #e9d741;
}
.MainHeader.movie{
  background-color: #fdbf5d;
}
.MainHeader.simulation{
  background-color: #cadf65;
}
.MainHeader.app, .MainHeader.kikan, .MainHeader.faq, .MainHeader.otoiawase, .MainHeader.news, .MainHeader.yougo, .MainHeader.link{
  background-color: #6ec6e3;
}

@media screen and (max-width: 768px){
  .MainHeader{
    padding: 12.8px 0;
  }
  .MainHeader.top{
    position: relative;
    width: 100%;
    height: 153.6px;
    background: url('../images/top/kv_bg-sp.png') 0 0 no-repeat #f1f7fc;
    background-size: cover;
  }
  .MainHeader.top .MainHeader-tit{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -143.57333px;
    line-height: 0;
  }
  .MainHeader.top .MainHeader-tit img{
    width: 287.14667px;
    height: auto;
  }
  .MainHeader.guide .MainHeader-tit img{
    width: 132.69333px;
    height: 45.22667px;
  }
  .MainHeader.iikoto .MainHeader-tit img{
    width: 146.77333px;
    height: 45.22667px;
  }
  .MainHeader.start .MainHeader-tit img{
    width: 187.73333px;
    height: 45.22667px;
  }
  .MainHeader.start.procedure .MainHeader-tit img{
    width: 178.34667px;
    height: 15.78667px;
  }
  .MainHeader.movie .MainHeader-tit img{
    width: 257.28px;
    height: auto;
  }
  .MainHeader.app .MainHeader-tit img, .MainHeader.yougo .MainHeader-tit img, .MainHeader.link .MainHeader-tit img{
    width: auto;
    height: 15.36px;
  }
  .MainHeader.faq .MainHeader-tit img, .MainHeader.kikan .MainHeader-tit img{
    width: auto;
    height: 15.78667px;
  }
  .MainHeader.otoiawase .MainHeader-tit img{
    width: auto;
    height: 16.21333px;
  }
  .MainHeader.news .MainHeader-tit img{
    width: auto;
    height: 13.22667px;
  }
  .MainHeader.simulation .MainHeader-tit img{
    width: 287.57333px;
    height: 46.08px;
  }
}

@media print, screen and (min-width: 769px){
  .MainHeader{
    position: relative;
    min-width: 1000px;
    min-height: 100px;
    padding: 30px 0;
  }
  .MainHeader-tit{
    line-height: 0;
  }
  .MainHeader.top{
    height: 320px;
    padding: 0;
    background: url('../images/top/kv_bg-pc.png') 0 0 no-repeat #f1f7fc;
  }
  .MainHeader.top .MainHeader-tit{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -519px;
  }
  .MainHeader.top .MainHeader-tit img{
    width: auto;
    height: 320px;
  }
  .MainHeader.guide .MainHeader-tit img{
    width: 311px;
    height: 106px;
  }
  .MainHeader.iikoto .MainHeader-tit img{
    width: 344px;
    height: 106px;
  }
  .MainHeader.start .MainHeader-tit img{
    width: 440px;
    height: 106px;
  }
  .MainHeader.start.procedure .MainHeader-tit img{
    width: 418px;
    height: 37px;
  }
  .MainHeader.movie .MainHeader-tit img{
    width: 545px;
    height: 106px;
  }
  .MainHeader.app .MainHeader-tit img, .MainHeader.yougo .MainHeader-tit img, .MainHeader.link .MainHeader-tit img{
    width: auto;
    height: 36px;
  }
  .MainHeader.faq .MainHeader-tit img, .MainHeader.kikan .MainHeader-tit img{
    width: auto;
    height: 37px;
  }
  .MainHeader.otoiawase .MainHeader-tit img{
    width: auto;
    height: 38px;
  }
  .MainHeader.news .MainHeader-tit img{
    width: auto;
    height: 31px;
  }
  .MainHeader.simulation .MainHeader-tit img{
    width: 674px;
    height: 108px;
  }
}

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

NEWS FONT STYLE

************************************************************************************** */
/*
news list data font
*/
._newsListDataFont, .News-data{
  color: #00a2cc;
}
@media screen and (max-width: 768px){
  ._newsListDataFont, .News-data{
    font-size: 12px;
    letter-spacing: 1.28px;
    line-height: 18px;
  }
}
@media print, screen and (min-width: 769px){
  ._newsListDataFont, .News-data{
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

/*
news list font
*/
._newsListFont, .News-text{
  color: #000;
}
@media screen and (max-width: 768px){
  ._newsListFont, .News-text{
    font-size: 12px;
    letter-spacing: 1.28px;
    line-height: 18px;
  }
}
@media print, screen and (min-width: 769px){
  ._newsListFont, .News-text{
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

/*
news no entry font
*/
._newsNoEntryFont, .News-noEntry{
  color: #000;
}
@media screen and (max-width: 768px){
  ._newsNoEntryFont, .News-noEntry{
    font-size: 12px;
    letter-spacing: 1.28px;
    line-height: 18px;
  }
}
@media print, screen and (min-width: 769px){
  ._newsNoEntryFont, .News-noEntry{
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

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

NEWS LAYOUT STYLE

************************************************************************************** */
.News{
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.News-tit{
  line-height: 0 !important;
}
.News-btn{
  position: absolute;
  line-height: 0 !important;
}
.News-cat{
  display: inline-block;
  border-radius: 10px;
  color: #fff;
  text-align: center;
}
.News-cat.other{
  background-color: #58bacf;
}
.News-cat.association-info{
  background-color: #f1a01f;
}
.News-cat.operations-info{
  background-color: #2882b2;
}

@media screen and (max-width: 768px){
  .News{
    padding: 18.34667px 12.8px;
  }
  .News-tit{
    margin: 0 0 12.8px;
    padding: 0 0 12.8px;
    border-bottom: 2px solid #00a1cc;
  }
  .News-tit img{
    width: 58.88px;
    height: 15.36px;
  }
  .News-btn{
    top: 11px;
    right: 12.8px;
  }
  .News-btn img{
    width: 82.34667px;
    height: 11.94667px;
  }
  .News-item + .News-item{
    margin: 19.62667px 0 0;
  }
  .News-data{
    display: block;
    margin: 6px 0 4px;
  }
  .News-text{
    display: block;
  }
  .News-cat{
    min-width: 240px;
    padding: 4px 0;
    font-size: 12px;
    line-height: 12px;
  }
  .News-cat.news{
    padding: 8px 0;
  }
  .News-noEntry{
    padding: 10.66667px 0 0;
  }
}

@media print, screen and (min-width: 769px){
  .News{
    width: 980px;
    margin: 0 auto;
    padding: 30px 40px;
  }
  .News-tit{
    padding: 0 0 18px;
    border-bottom: 2px solid #00a1cc;
  }
  .News-tit img{
    width: 90px;
    height: 21px;
  }
  .News-btn{
    top: 23px;
    right: 41px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .News-btn:hover{
    opacity: 0.5;
  }
  .News-btn img{
    width: auto;
    height: 15px;
  }
  .News-list{
    padding: 25px 0 0;
  }
  .News-item + .News-item{
    margin: 7px 0 0;
  }
  .News-data{
    display: inline-block;
    margin: 0 0 0 19px;
  }
  .News-text{
    display: inline-block;
    margin: 0 0 0 19px;
  }
  .News-cat{
    width: 320px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 16px;
  }
  .News-cat.news{
    width: 320px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 16px;
  }
  .News-noEntry{
    padding: 25px 0 0;
  }
}

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

NAME SEARCH

************************************************************************************** */
.NameSearch{
  zoom: 1; 
  border-radius: 4px;
}
.NameSearch:after{
  display: block;
  clear: both; 
  content: '';
}
.NameSearch ul li a, .NameSearch ul li span{
  display: inline-block;
  position: relative;
}
.NameSearch ul li:first-child a:before{
  width: 0 !important;
}
.NameSearch a{
  color: #000 !important;
}
.NameSearch span{
  color: #ccc !important;
}
.NameSearch.yougo ul{
  background-color: #fff;
}
.NameSearch.yougo li a:before, .NameSearch.yougo li span:before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  background: #606d90;
}
.NameSearch.yougo a{
  text-decoration: underline;
}
.NameSearch.kikan a{
  text-decoration: none;
}
.NameSearch.kikan a.active{
  background-color: #6ec6e3; 
  color: #fff !important;
}

@media screen and (max-width: 768px){
  .NameSearch{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .NameSearch ul{
    display: inline-block;
    clear: both;
  }
  .NameSearch ul li{
    display: inline-block;
    float: left;
    text-align: center;

    vertical-align: middle;
  }
  .NameSearch.yougo ul{
    padding: 0 17.06667px;
    border-radius: 4px;
  }
  .NameSearch.yougo ul + ul{
    margin: 5.97333px 0 0;
  }
  .NameSearch.yougo a, .NameSearch.yougo span{
    width: 100%;
    padding: 8.53333px 15.36px;
    text-align: center;
  }
  .NameSearch.yougo a:before, .NameSearch.yougo span:before{
    top: 50%;
    height: 12.8px;
    margin: -6.4px 0 0;
  }
  .NameSearch.kikan a, .NameSearch.kikan span{
    width: 42.66667px;
    height: 42.66667px;
    margin: 0 4.26667px;
    background-color: #efefef;
    border-radius: 5px;
    font-size: 15.36px;
    letter-spacing: 1.8432px;
    line-height: 42.66667px;
    text-align: center;
  }
}

@media print, screen and (min-width: 769px){
  .NameSearch{
    display: inline-block;
    background-color: #fff;
  }
  .NameSearch ul{
    display: inline;
  }
  .NameSearch li{
    display: inline;
    float: left;
  }
  .NameSearch a, .NameSearch span{
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
  }
  .NameSearch.yougo{
    padding: 0 13px 0 14px;
  }
  .NameSearch.yougo ul + ul li:first-child a:before{
    width: 1px !important;
  }
  .NameSearch.yougo a:hover{
    text-decoration: none;
  }
  .NameSearch.yougo a, .NameSearch.yougo span{
    padding: 14px 24px;
  }
  .NameSearch.yougo a:before, .NameSearch.yougo span:before{
    top: 14px;
    height: 16px;
  }
  .NameSearch.kikan{
    display: block;
    position: relative;
    margin: 0 -50px 0 0;
  }
  .NameSearch.kikan ul{
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 0 0 -10px;
  }
  .NameSearch.kikan ul + ul{
    margin: 20px 0 0 -10px;
  }
  .NameSearch.kikan li{
    margin: 0 10px;
  }
  .NameSearch.kikan a, .NameSearch.kikan span{
    padding: 16px;
    background-color: #efefef; 
    border-radius: 5px;
  }
  .NameSearch.kikan a:hover{
    background-color: #6ec6e3; 
    color: #fff !important;
  }
}

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

PAGE NAV

************************************************************************************** */
.Pagenav ul{
  zoom: 1;
}
.Pagenav ul:after{
  display: block;
  clear: both; 
  content: '';
}

.Pagenav a{
  text-decoration: none;
}
.Pagenav a span{
  display: block;
  background-repeat: no-repeat;
}

.Pagenav.iikoto a{
  color: #d1394c;
}
.Pagenav.iikoto a span{
  background-image: url('../images/iikoto/nav_arr.png');
}

.Pagenav.movie a{
  color: #e06900;
}
.Pagenav.movie a span{
  background-image: url('/images/img-movie/nav_arr.png');
}

.Pagenav.start a{
  color: #a4750f;
}
.Pagenav.start a span{
  background-image: url('../images/start/nav_arr.png');
}

.Pagenav.start.procedure .Pagenav-item a{
  position: relative;
}

.Pagenav.faq a{
  color: #008cd6;
}

@media screen and (max-width: 768px){
  .Pagenav{
    padding: 17.06667px 29.86667px 29.86667px;
  }
  .Pagenav li + li{
    margin: 12.8px 0 0;
  }
  .Pagenav a{
    display: block;
    font-size: 12.8px;
    letter-spacing: 2.304px;
    line-height: 12.8px;
    text-align: left;
  }
  .Pagenav a span{
    padding: 0 0 0 12.8px;
    background-position: 0 50%;
    background-size: 7.25333px 8.10667px;
  }
  .Pagenav.iikoto{
    padding: 0;
  }
  .Pagenav.start{
    padding: 17.06667px 29.86667px 0;
  }
  .Pagenav.start.procedure{
    padding: 17.06667px 12.8px;
  }
  .Pagenav.start.procedure .Pagenav-item a span{
    display: inline;
    padding: 0 9.38667px 0 0;
    background-position: 100% 50%;
  }
  .Pagenav.faq a span{
    background-image: url('../images/faq/nav_arr.png');
  }
}

@media print, screen and (min-width: 769px){
  .Pagenav{
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
  }
  .Pagenav ul{
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 648px;
	margin: 0 auto;
  }
  .Pagenav li{
    display: block;
    margin: 0 5px;
  }
  .Pagenav li:nth-of-type(3),
  .Pagenav li:nth-of-type(4){
    margin: 10px 5px 0 5px;
  }
  .Pagenav-text.center{
    padding: 0 !important;
  }
  .Pagenav a{
	display: flex;
    background-color: #fff;
    border-radius: 8px;
    font-size: 18px;
    letter-spacing: 1.8px;
    line-height: 20px;
	justify-content: center;
	align-items: center;
  }
  .Pagenav a span{
    padding: 0 24px 0 0;
    background-position: 100% 50%;
    background-size: 17px 19px;
  }
  .Pagenav a:hover{
    color: #fff;
  }
  .Pagenav a:hover span{
    background-image: url('/images/img-movie/nav_arr_on.png');
  }
  .Pagenav.iikoto a{
    min-width: 404px;
  }
  .Pagenav.iikoto a:hover{
    background: #e2596a;
  }
  .Pagenav.movie a{
    min-width: 314px;
	height: 80px;
  }
  .Pagenav.movie a:hover{
    background: #f28402;
  }
  .Pagenav.start{
    padding: 40px 0 0;
  }
  .Pagenav.start a{
    min-width: 404px;
  }
  .Pagenav.start a:hover{
    background: #e8d741;
  }
  .Pagenav.start.procedure{
    padding: 50px 0 35px;
  }
  .Pagenav.start.procedure ul{
    display: block;
    text-align: left;
  }
  .Pagenav.start.procedure .Pagenav-item{
    display: inline;
  }
  .Pagenav.start.procedure .Pagenav-item a{
    padding: 23px 13px 19px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
  }
  .Pagenav.start.procedure .Pagenav-item.index1 a{
    min-width: 245px;
  }
  .Pagenav.start.procedure .Pagenav-item.index2 a{
    min-width: 333px;
  }
  .Pagenav.start.procedure .Pagenav-item.index3 a{
    min-width: 373px;
  }
  .Pagenav.start.procedure .Pagenav-item span{
    min-height: 19px;
  }
  .Pagenav.faq .Pagenav-item{
    margin: 0 20px 20px 0;
  }
  .Pagenav.faq .Pagenav-item a{
    width: 200px;
    padding: 19px 0;
    font-size: 16px;
    line-height: 16px;
  }
  .Pagenav.faq .Pagenav-item.large a{
    width: 270px;
  }
  .Pagenav.faq .Pagenav-item.no-margin{
    margin: 0;
  }
  .Pagenav.faq span{
    padding: 0;
    background-image: none !important;
  }
  .Pagenav.faq a:hover{
    background: #6fc6e2;
  }
}

@media print, screen and (min-width: 769px){
  .ie9 .Pagenav.movie li{
    width: 314px;
  }
  .ie9 .Pagenav.start.procedure li.index1{
    width: 245px;
  }
  .ie9 .Pagenav.start.procedure li.index2{
    width: 333px;
  }
  .ie9 .Pagenav.start.procedure li.index3{
    width: 373px;
  }
}

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

MOVIE LINK

************************************************************************************** */
._MovieLinkFont, .MovieLink p{
  color: #000;
}
@media screen and (max-width: 768px){
  ._MovieLinkFont, .MovieLink p{
    font-size: 10.24px;
    letter-spacing: 0.85333px;
    line-height: 12.8px;
  }
}
@media print, screen and (min-width: 769px){
  ._MovieLinkFont, .MovieLink p{
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 30px;
  }
}

@media screen and (max-width: 768px){
  .MovieLink p + p{
    margin: 8.53333px 0 0 !important;
  }
}

@media print, screen and (min-width: 769px){
  .MovieLink p + p{
    margin: 16px 0 0 !important;
  }
}

/* parts Block */
/* **************************************************************************************

BUTTON

************************************************************************************** */
._btn{
  display: inline-block;
  position: relative;
  border-radius: 8px;
  text-align: center;
  text-decoration: none !important;
}
._btn:after{
  display: inline-block;
  content: '';
  position: absolute;
}
._btn span{
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
._btn.newslist{
  background-color: #daf1f8;
}
._btn.link{
  background-color: #349dd5;
  color: #fff;
}
._btn.link span{
  background-image: url('../images/link/btn_arr.png');
}
._btn.start{
  background-color: #e4d23c;
  color: #000;
}
._btn.start span{
  background-image: url('../images/start/btn_arr_1.png');
}
._btn.start.diagnose{
  background-color: #cbb706;
}
._btn.iikoto{
  background-color: #ff95a2;
}
._btn.iikoto span{
  background-image: url('../images/iikoto/btn_arr.png');
}
._btn.movie{
  background-color: #ffa414;
}
._btn.movie span{
  background-image: url('../images/movie/btn_arr.png');
}
._btn.simulation-submit{
  background-color: #bcd34e;
}
._btn.simulation-submit span{
  background-image: url('../images/simulation/btn_arr.png');
}
._btn.simulation-repeat{
  background-color: #e2e2e2;
}
._btn.modal-repeat{
  background-color: #e5e5e5;
  border-radius: 24px;
}
._btn.pdf span{
  background-image: url('../images/icon_pdf.png');
}
._btn.iikoto, ._btn.movie, ._btn.simulation-submit, ._btn.simulation-repeat{
  line-height: 0;
}
._btn.iikoto span, ._btn.movie span, ._btn.simulation-submit span, ._btn.simulation-repeat span{
  line-height: 0;
}

@media screen and (max-width: 768px){
  ._btn.header{
    width: 89.2%;
    padding: 15.75px 0;
    background-color: #ffc13d;
    line-height: 0;
  }
  ._btn.header:after{
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    margin: -12px 11px 0 0;
    background-image: url('../images/nav_401k_arr.png');
    background-size: 24px 24px;
  }
  ._btn.header img{
    width: 183px;
    height: 18.5px;
  }
  ._btn.newslist{
    padding: 6.4px 11.52px;
  }
  ._btn.iikoto, ._btn.movie, ._btn.simulation-submit, ._btn.simulation-repeat, ._btn.start, ._btn.link{
    width: 211.62667px;
    padding: 8.53333px 12.37333px;
  }
  ._btn.iikoto span, ._btn.movie span, ._btn.simulation-submit span, ._btn.simulation-repeat span, ._btn.start span, ._btn.link span{
    min-height: 12.8px;
    background-size: 12.8px 12.8px;
  }
  ._btn.iikoto img{
    width: auto;
    height: 22.61333px;
  }
  ._btn.movie{
    width: 260px;
  }
  ._btn.movie span{
    margin: 0 !important;
  }
  ._btn.movie img{
    width: auto;
    height: 11.52px;
  }
  ._btn.movie.btn_txt_3 img{
    height: 9px;
  }
  ._btn.movie.selectPoint{
    width: 100%;
    max-width: 260px;
  }
  ._btn.movie.selectPoint img{
    position: relative;
    top: 2px;
    height: 9px;
  }
  ._btn.simulation-submit{
    width: 100%;
  }
  ._btn.simulation-submit img{
    width: auto;
    height: 11.52px;
  }
  ._btn.simulation-repeat{
    width: 100%;
  }
  ._btn.simulation-repeat img{
    width: auto;
    height: 10.66667px;
  }
  ._btn.link{
    width: 100%;
  }
  ._btn.link span{
    position: relative;
    margin: 0 !important;
    padding: 2.56px 0 !important;
    font-size: 9.6px !important;
    letter-spacing: 0 !important;
    line-height: 12.8px !important;
  }
  ._btn.start span{
    margin: 0 !important;
    padding: 2.56px 0 !important;
    font-size: 9.6px !important;
    letter-spacing: 0 !important;
    line-height: 12.8px !important;
  }
  ._btn.start img{
    width: auto;
    height: 8.96px;
  }
  ._btn.start.diagnose{
    width: 100%;
    padding: 12.8px 0;
  }
  ._btn.start.diagnose img{
    width: 202.24px;
    height: 72.10667px;
  }
  ._btn.start.large-sp img, ._btn.start.large img{
    width: auto;
    height: 21.76px;
  }
  ._btn.start.modal{
    width: 100%;
  }
  ._btn.start.modal.q2{
    padding: 4.26667px 6.4px;
  }
  ._btn.modal-repeat{
    width: auto;
    padding: 11.09333px 17.06667px;
  }
}

@media print, screen and (min-width: 769px){
  ._btn{
    width: 530px;
    padding: 20px 0;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  ._btn:hover{
    opacity: 0.5;
  }
  ._btn.header, ._btn.newslist{
    position: relative;
    padding: 0;
    line-height: 0;
  }
  ._btn.header:after, ._btn.newslist:after{
    display: none;
  }
  ._btn.header img, ._btn.newslist img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 0;
  }
  ._btn.header{
    width: 201px;
    height: 35px;
    background-color: #ff803a;
  }
  ._btn.newslist{
    width: 151px;
    height: 32px;
    line-height: 32px;
  }
  ._btn.link, ._btn.start{
    padding: 18px 20px 14px;
  }
  ._btn.link span, ._btn.start span{
    position: relative;
    margin: -2px 0 0 !important;
    padding: 2px 0 0 !important;
    font-size: 18px !important;
    letter-spacing: 5.4px !important;
    line-height: 26px !important;
  }
  ._btn.link.small, ._btn.start.small{
    padding: 18px 10px 14px 20px;
    text-align: left;
  }
  ._btn.link.small span, ._btn.start.small span{
    font-size: 16px !important;
    letter-spacing: 0 !important;
  }
  ._btn.start.large{
    padding: 26px 20px;
  }
  ._btn.start.diagnose{
    position: relative;
    width: 980px;
    height: 136px;
    padding: 0;
  }
  ._btn.start.diagnose img{
    position: absolute;
    top: 7px;
    left: 50px;
  }
  ._btn.start.diagnose:after{
    display: block;
    top: 50%;
    left: 922px;
    width: 32px;
    height: 28px;
    margin: -14px 0 0;
    background: url('../images/start/btn_arr_0.png') 0 0 no-repeat;
  }
  ._btn.start.modal{
    position: relative;
    width: 100%;
  }
  ._btn.start.modal.q2{
    padding: 18px 10px 14px;
  }
  ._btn.start.modal.q2.small{
    padding: 18px 5px 14px 10px;
  }
  ._btn.iikoto{
    width: 396px;
    padding: 20px;
  }
  ._btn.iikoto img{
    width: auto;
    height: 42px;
  }
  ._btn.movie{
    width: 400px;
    padding: 16px 13px;
  }
  ._btn.movie span{
    min-height: 26px;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 26px !important;
    text-align: center;
  }
  ._btn.movie span img{
    position: relative;
    left: -13px;
  }
  ._btn.movie.large{
    width: 450px;
  }
  ._btn.simulation-submit{
    width: 400px;
    padding: 16px 20px;
  }
  ._btn.simulation-submit img{
    position: relative;
    top: 4px;
    width: auto;
    height: 18px;
  }
  ._btn.simulation-submit span{
    min-height: 26px;
  }
  ._btn.simulation-repeat{
    width: 400px;
    padding: 14px 0;
  }
  ._btn.simulation-repeat img{
    width: auto;
    height: 18px;
  }
  ._btn.modal-repeat{
    width: auto;
    padding: 17px 30px;
  }
}

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

ARROW LINK

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

TITLE

************************************************************************************** */
._tit{
  display: inline-block;
}
._tit:after{
  display: block;
  content: '';
  width: 100%;
}
._tit.guide{
  color: #006c82;
}
._tit.guide:after{
  border-color: #006b81;
}
._tit.iikoto{
  color: #d1394c;
}
._tit.iikoto:after{
  border-color: #e2596a;
}
._tit.start{
  color: #a4750f;
}
._tit.start:after{
  border-color: #a4750f;
}
._tit.movie{
  color: #e06900;
}
._tit.movie:after{
  border-color: #e06900;
}
._tit.faq{
  display: block;
  position: relative;
  color: #008cd6;
  text-align: left;
}
._tit.faq:after{
  display: none;
}
._tit.faq:before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  background-color: #008cd6;
}

@media screen and (max-width: 768px){
  ._tit:after{
    padding: 2.56px 0 0;
    border-bottom: 2px solid #000;
  }
  ._tit.guide{
    margin: 0 0 21.76px;
    font-size: 12.8px;
    letter-spacing: 2.56px;
    line-height: 17.13536px;
  }
  ._tit.faq{
    padding: 0 0 0 12px;
  }
  ._tit.faq:before{
    top: 0;
    width: 3px;
    height: 24px;
  }
}

@media print, screen and (min-width: 769px){
  ._tit{
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 28px;
    text-align: center;
  }
  ._tit:after{
    padding: 6px 0 0;
    border-bottom: 3px solid #000;
  }
  ._tit.guide{
    margin: 0 0 40px;
  }
  ._tit.faq{
    width: 980px;
    margin: 0 auto 20px;
    padding: 0 0 0 20px;
    font-size: 24px;
    letter-spacing: 4.8px;
    line-height: 28px;
  }
  ._tit.faq:before{
    top: -2px;
    width: 6px;
    height: 28px;
  }
}

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

RADIUS BOX

************************************************************************************** */
._rbox{
  display: inline-block;
  background-color: #fff; 
  border-radius: 8px;
}
._rbox.guide_img_0, ._rbox.iikoto_img_0, ._rbox.movie_img_0{
  line-height: 0;
}

@media screen and (max-width: 768px){
  ._rbox.guide_img_0{
    padding: 17.06667px 13.65333px 8.53333px;
  }
  ._rbox.guide_img_0 img{
    width: 100%;
    height: auto;
  }
  ._rbox.iikoto_img_0{
    padding: 0;
  }
  ._rbox.iikoto_img_0 img{
    width: 100%;
    height: auto;
  }
  ._rbox.movie_img_0{
    padding: 16.64px 16.64px 18.77333px 19.2px;
  }
  ._rbox.movie_img_0 img{
    width: 100%;
    height: auto;
  }
}

@media print, screen and (min-width: 769px){
  ._rbox.guide_img_0{
    padding: 33px 32px;
  }
  ._rbox.iikoto_img_0{
    padding: 0;
  }
  ._rbox.movie_img_0{
    padding: 39px 39px 44px 45px;
  }
}

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

STEP TITLE

************************************************************************************** */
._stepTit{
  display: table;
}
._stepTit span{
  display: table-cell;

  vertical-align: middle;
}
._stepTit span + span{
  width: auto !important;
}
._stepTit.start{
  color: #a4750e;
}
._stepTit.iikoto{
  color: #d1394c;
}

@media screen and (max-width: 768px){
  ._stepTit img{
    width: 29.86667px;
    height: 29.86667px;
  }
  ._stepTit.start, ._stepTit.iikoto{
    font-size: 12.8px;
    letter-spacing: 1.28px;
    line-height: 15.36px;
  }
  ._stepTit.start span, ._stepTit.iikoto span{
    width: 42.66667px;
  }
}

@media print, screen and (min-width: 769px){
  ._stepTit.start{
    font-size: 26px;
    letter-spacing: 5.2px;
    line-height: 40px;
  }
  ._stepTit.start span{
    width: 95px;
  }
  ._stepTit.iikoto{
    font-size: 28px;
    letter-spacing: 2.8px;
    line-height: 36px;
    text-align: left;
  }
  ._stepTit.iikoto span{
    width: 74px;
  }
}

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

UTILITY

************************************************************************************** */
@media screen and (max-width: 768px){
  ._pc{
    display: none;
  }
}

@media print, screen and (min-width: 769px){
  ._sp{
    display: none;
  }
}

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

movie-2022

************************************************************************************** */
h2.Section-tit._tit.movie {
	line-height: 1.5 !important;
}
h3.page-tit {
	text-align: center;
	margin-bottom: 30px;
}
.ico-y2022 {
	width: 272px;
	height: 44px;
	border-radius: 22px;
	background: #e06900;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #fff;
	position: relative;
	margin: 15px auto 10px auto;
	line-height: 1;
}
.introduction {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
	background: #fff;
    padding: 50px 50px 0 50px;
	border-radius: 8px;
}
.introduction-ttl {
	margin-bottom: 30px;
}
.organizer {
	width: 30.27%;
}
.organizer-img {
	max-width: 333px;
	margin: 0 auto 20px;
}
.organizer-img img{
	vertical-align: top;
}
.organizer-txt {
	font-size: 25px;
	font-weight: bold;
	color: #0292D7;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 30px;
}
.organizer-txt span{
	display: block;
	color: #343434;
	font-size: 14px;
}
aside.note {
	font-size: 12px;
	color: #333;
	margin-bottom: 50px;
}
.member {
	width: 65.09%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.member .property {
	width: 100%;
	text-align: left;
	margin-bottom: 25px;
	padding: 0.6rem 1.5rem;
	border-left: 5px solid #e06900;
	background: #fff3e8;
}
.member .property span{
	color: #e06900;
	font-size: 22px;
	font-weight: bold;
}
.member dl{
	width: 46.508%;
	margin-bottom: 50px;
}
.member dt{
	width: 100%;
	margin-bottom: 20px;
}
.member dt img{
	vertical-align: top;
	width: 100%;
}
.member dd{
	width: 100%;
	text-align: left;
	font-size: 15px;
	color: #333;
}
.member dd .name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
.member dd .name:after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 3px;
	background: #0292d7;
	left: 0;
	bottom: -5px;
}
img.subtitles {
	width: 28px;
	height: auto;
	vertical-align: top;
	padding: 0 3px;
}
ul.Section-list._study {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
}
ul.Section-list._study li {
    float: none;
	width: 32.1666%;
	margin: 0 ;
	display: flex;
	flex-flow: column;
	justify-content: center;
	flex-wrap: wrap;
	border: none;
	padding-top: 15px;
}
ul.Section-list._study li p.ttl-txt {
	line-height: 1.5;
	display: block;
	margin-top: auto;
}
ul.Section-list._study li figure{
	border-top: 2px solid #e06900;
	margin-bottom: 0;
	padding-top: 15px;
}
ul.Section-list._study:after {
    display: none;
}
aside.note.subtitles {
	font-size: 14px;
	display: block;
	margin: 15px auto 100px;
}
aside.note.subtitles span,
aside.note.subtitles img{
	display: inline-block;
	vertical-align: middle;
}
aside.note.subtitles img {
	width: 28px;
	height: auto;
	vertical-align: top;
	padding: 0 3px;
}
ul.Section-list.comic-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
ul.Section-list.comic-list > li {
    float: none;
	width: 31.938776%;
	margin: 0 0 50px 0 ;
	border: none;
}
ul.Section-list.comic-list > li > p{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid #e06900;
    margin-bottom: 0.5em;
}
ul.Section-list.comic-list > li > p span{
	line-height: 1.5;
	font-size: 20px;
	letter-spacing: 0.03em;
	text-align: left;
	margin: 0;
}
ul.Section-list.comic-list > li > p span.number{
	width: 1.5em;
}
ul.Section-list.comic-list > li > p span.comic-ttl{
	width: calc( 100% - 1.5em );
}
ul.Section-list.comic-list > li > ul > li{
	float: none;
	border: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.Section-list.comic-list > li > ul > li:before{
	content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url(/images/img-movie/dl_icon.gif) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.1em;
}
ul.Section-list._new {
	text-align: center;
}
ul.Section-list._new li{
	float: none;
	margin-left: auto;
	margin-right: auto;
}
p.note {
	text-align: center;
}
.cmn-NoteList_Item.fs16,.fs16{ font-size: 16px; }
@media screen and (max-width: 768px){
	.Pagenav a span br{
		display: none;
	  }
	h2.Section-tit._tit.movie {
		margin-bottom: 10px;
	}
	h3.page-tit {
		margin-bottom: 15px;
	}
	h3.page-tit img{
		width: 60%;
	}
	.ico-y2022 {
		width: 210px;
		height: 30px;
		border-radius: 15px;
		font-size: 14px;
		margin: 0 auto 20px auto;
	}
	.ico-y2022:before {
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid #e06900;
	}
	.organizer {
		width: 100%;
		margin-top: 0;
	}
	.organizer-img {
		width: 100%;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.organizer-txt {
		font-size: 20px;
		margin-bottom: 25px;
	}
	aside.note {
		font-size: 10px;
		margin-bottom: 30px;
	}
	aside.note.subtitles {
		margin: 10px auto 50px;
	}
	.introduction {
		margin-top: 30px;
		padding: 30px 20px 0 20px;
	}
	.introduction-ttl {
		width: 60%;
		margin: 0 auto 20px auto;
	}
	.member {
		margin: 25px auto 0;
		width: 100%;
	}
	.member .property {
		margin-bottom: 20px;
		padding: 0.4rem 1.2rem;
	}
	.member .property span{
		font-size: 16px;
	}
	.member dl{
		width: 100%;
		margin-bottom: 50px;
	}
	.member dt{
		width: 100%;
		margin: 0 auto 15px;
	}
	.member dd{
		width: 100%;
		font-size: 14px;
	}
	.member dd .name{
		font-size: 18px;
		margin-bottom: 15px;
		text-align: center;
	}
	.member dd .name:after{
		left: calc( 50% - 15px);
	}
	ul.Section-list._study li {
		width: 100%;
		margin-bottom: 30px;
	}
	ul.Section-list._stydy li:last-child {
		margin-bottom: 0;
	}
	ul.Section-list.comic-list > li {
		width: 100%;
		margin: 0 0 29.86667px 0 ;
	}
	ul.Section-list.comic-list > li figure{
		width: 70%;
		margin-bottom: 11.09333px;
		margin-left: auto;
		margin-right: auto;
	}
	ul.Section-list.comic-list > li > p{
		padding: 0 0 10.24px;
		border-bottom: 1px solid #e06900;
		display: block;
		text-align: center;
	}
	ul.Section-list.comic-list > li > p br{
		display: none;
	}
	ul.Section-list.comic-list > li > p span{
		font-size: 11.94667px;
		display: inline-block;
		width: auto !important;
	}
	p.note {
		padding-top: 30px;
	}
    .cmn-NoteList_Item.fs16,.fs16{ font-size: 14px; }
}