@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;}

/* HTML5 display-role reset for older browsers */
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; }

/* -----------------------------------------
	common 
-----------------------------------------*/
html {
  font-size: 62.5%; }

body {
  color: #333333;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
  text-align: center; }
img{
  width: auto;
  max-width: 100%;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; 
  text-decoration: none;
  }

a:hover {
  opacity: 0.7; }

.gothic{
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-weight: bold;
line-height: 1.5 !important;
}

.clear {
  overflow: hidden; }

.clear:after {
  clear: both; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin: auto; }

.alignleft {
  float: left; }

.red {
  color: #d80000; }

.bold {
  font-weight: bold; }

.sp {
  display: none !important; }

.pc {
  display: block!important; }

.panel_contents{
  opacity: 1 !important;
  max-height:100% !important;
}

.txt{
  margin-top:30px !important;
  font-size: 2.0rem;
  line-height: 4.0rem;
  text-align: left;
}
.txt .blue{
  color:#008ccb;
}

#header ul{
  max-width: 1480px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}

#sec00,#sec01,#sec02,#sec03,#sec04,#sec05,#sec06,#sec07,#sec08,#sec09,#sec10,#sec11,#sec12{
  max-width: 980px;
  width: 90%;
  margin:80px auto;
}

#sec07,#sec08,#sec09,#sec10,#sec11,#sec12{
  width: 100%;
}

/* pop */
.img-pop{
  position: relative;
  overflow: visible;
  padding-bottom:80px;
}
.img-pop .pop{
  position: absolute;
  z-index: 99;
}
.m0{
  margin:0 auto !important;
}
.img-pop .pop.lb{
  bottom:0;
  left:0;
}
.img-pop .pop.rb{
  bottom:0;
  right:0;
}
.pop.lt{
  text-align: left;
}

.center{
    margin-top:60px !important;
    text-align: center;
}
/* bnr */
.bnr{
  padding-top:20px;
  border-top:1px solid #c1c1c1;
}
.bnr a{
  display: block;
  display: block;
  width:90%;
  max-width: 755px;
  margin:0 auto;
}

/*mv*/
#mv .inner_mv {
    width: 90%;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
#mv .inner_mv h2 {

    position: absolute;
    bottom:0;
    z-index: 99;
}

/* tab */
.tabWrap{
  width: 90%;
  max-width: 980px;
  margin:60px auto 0;
}
.tabWrap ul{
  display: flex;
  justify-content: space-between;
}
.tabWrap ul li{
  width: 16%;
}
.tabWrap ul li a{
  width: 100%;
  padding:10px 0;
  display: block;
  border-radius: 10px 10px;
  border:1px solid #003364;
  color:#003364;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;    
}
.tabWrap ul li a:hover{
  background:#003364;
  color:#fff;
}

#sec00_0 .caption{
  padding:10px 0 0 0;
  font-size: 80%;
  text-align: left;
  line-height: 1.8rem;
}

/*sec01*/
#sec01 .mv,#sec01 .copy{
  margin-top:40px;
}

/*sec02*/
#sec02 .caption{
  font-size: 1.2rem;
  line-height: 4.6rem;
  font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
  font-weight: 700;
}

/*sec03*/
#sec03 .gochi{
  font-size: 2.8rem;
  line-height: 3.2rem;
}
#sec03 .txt{
  font-size: 1.6rem;
  line-height: 3.2rem;
  letter-spacing: 0.4rem;
}

#sec03 .img-pop{
  padding-bottom:30px;
  padding-top:30px;
}

/*sec03_2*/
#sec03_2 .txt{
  font-size: 1.6rem;
  line-height: 3.2rem;
  letter-spacing: 0.2rem;
}
#slideWrap{
  max-width: 900px;
  margin:40px auto;
  padding:40px 0;
  background: #F5F2E9;
}
#slideWrap .slider{
  max-width: 768px;
  margin:0 auto;
}

#slideWrap .slider .ttl{
  font-size: 2.2rem;
  line-height: 3.2rem;
  text-align: left;
  margin-top: 20px;
}

#slideWrap .slider .txt{
  margin-top: 10px !important;
}
#slideWrap .slider .slick-dots img{
  margin-top: 0 !important;
}
.matterport{
  width:90%;
  max-width:900px;
  margin:0 auto;
}
.matterport iframe{
  width:100%;
}

/*sec04*/
#sec04{
}
#sec04 .attend{
  max-width: 780px;
  margin:0 auto;
  padding:10px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  color:#91181d;
  border:2px solid #91181d;
  font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
  font-weight: 700;
}
#sec04 .attend02{
  font-size: 3.2rem;
  line-height: 4.6rem;
  color:#91181d;
  font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
  font-weight: 700;
}
#sec04 .caption{
  font-size: 1.2rem;
  line-height: 4.6rem;
  font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
  font-weight: 700;
}
#sec04 ul{
  max-width: 780px;
  margin:40px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#sec04 img {
  margin: 40px auto;
}

#sec05 img {
  margin: 40px auto;
}

#sec00_0{
  margin-top:60px;
}


#footer{
  margin-top:20px;
  padding:20px;
  border-top:1px solid #c1c1c1;
}
#footer p{
  font-size: 2.0rem;
  font-weight: 700;
  font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
}
#footer .btn{
  max-width: 590px;
  margin:10px auto 0;
  display: flex;
  justify-content: space-between;
}
#footer ul{
  max-width: 1200px;
  margin:40px auto 0;
  display: flex;
  justify-content: space-between;
}
#footer .copyright{
  margin:40px auto 0;
}
#footer .copyright p+p{
  font-size: 1.2rem;
}

#pagetop {
    position: fixed;
    right: 20px;
    bottom: 0px;
    cursor: pointer;
    z-index: 999;
    background: rgba(68, 90, 141,0.7);
    width: 100px;
    padding: 15px 0;
    color: #fff;
    font-size: 90%;
    text-align: center;
}




@media screen and (max-width: 768px) {
.sp {
  display: block!important; }

.pc {
  display: none!important; }
#sec00 ul{
  display: block;
}
    
.bnr{
  margin-top:10%;
}

  
.txt{
  margin-top:30px !important;
  font-size: 1.4rem;
  line-height: 3.2rem;
}

#header ul li{
  width:30%;
}
#header ul li+li{
  width:65%;
}  

#sec00,#sec01,#sec02,#sec03,#sec03_2,#sec04,#sec05,#sec06,#sec07,#sec08,#sec09,#sec10,#sec11,#sec12{
  width: 90%;
  margin:10% auto 0;
}

#mv .inner_mv {
  max-height: 360px !important;
  background: none;
}    

/* tab */
.tabWrap{
  margin:5% auto 0;
}
.tabWrap ul{
  flex-wrap: wrap;
}
.tabWrap ul li{
  width: 32%;
}
.tabWrap ul li:nth-child(n+4){
  margin-top:10px; 
}
  
.tabWrap ul li a{
  padding:8% 0;
  font-size: 1.4rem;
  line-height: 2.0rem;
}
  


/*sec01*/
#sec01 .mv,#sec01 .copy{
  margin-top:8%;
}

/*sec03*/
#sec03 .gochi{
  font-size: 2.2rem;
  line-height: 2.8rem;
}
#sec03 .txt{
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.1rem;
}
  

/*sec03_2*/
#sec03_2 .txt{
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.1rem;
}
#slideWrap{
  margin:8% auto;
  padding:5% 0;
}
#slideWrap .slider{
  margin:0 auto;
}
.matterport{
  width:100%;
}
.matterport iframe{
  height:340px;
}

/*sec04*/
#sec04{
}
#sec04 .attend{
  padding:3%;
  font-size: 2.2rem;
  line-height: 3.2rem;
}
#sec04 .attend02{
  margin-top:8%;
  font-size: 2.2rem;
  line-height: 3.2rem;
}
#sec04 .caption{
  font-size: 1.0rem;
  line-height: 1.6rem;
  text-align: left;
}
#sec04 ul{
  margin:8% auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sec04 ul li{
  width: 32%;
}
  
/*

#sec05 img {
  margin: 20px auto;
}
*/


#sec00_0{
  margin-top:10%;
}


#footer{
  margin-top:5%;
  padding:5%;
}
#footer p{
  font-size: 1.6rem;
}
#footer .btn{
  margin:10px auto 0;
}
#footer ul{
  max-width: 1200px;
  margin:8% auto 0;
  display: flex;
  justify-content: space-between;
}
#footer .copyright{
  margin:8% auto 0;
}
#footer .copyright p+p{
  font-size: 1.2rem;
}

#pagetop {
    position: fixed;
    right: 20px;
    bottom: 0px;
    cursor: pointer;
    z-index: 999;
    background: rgba(68, 90, 141,0.7);
    width: 100px;
    padding: 15px 0;
    color: #fff;
    font-size: 90%;
    text-align: center;
}
  
  
  
#slideWrap{
  margin:10% auto;
  padding:10% 5%;
  box-sizing: border-box;
}
#slideWrap .slider{
  max-width: 768px;
  margin:0 auto;
}

  #pagetop {
    position: fixed;
    right: 20px;
    bottom: 0px;
    cursor: pointer;
    z-index: 999;
    background: rgba(68, 90, 141,0.7);
    width: 100px;
    padding: 15px 0;
    color: #fff;
    font-size: 90%;
    text-align: center;
}
}





.cpWrap{
    width:90%;
    max-width: 1000px;
    margin:60px auto 0;
    padding:60px;   
    background: #f3f2e8;
    position: relative;
    background: url(../img/bg_cp_l.png) top left no-repeat,url(../img/bg_cp_r.png) top right no-repeat,url(../img/bg_cp_l2.png) top 50% left no-repeat,url(../img/bg_cp_r2.png) bottom 5% right no-repeat,#f3f2e8;
    background-size: 25%;
    text-align: center;
}
.cpWrap .caption{
    max-width: 1080px;
    margin:5px auto 0;
}
.cpWrap .btn{
    max-width: 420px;
    margin:40px auto 0;
}
.cpWrap .btn a{
    display: block;
    padding:5px 0;
    background: #be2d2d;
    color:#fff;
    font-size: 1.8rem;
}



@media only screen and (max-width: 767px){

.cpWrap{
    margin-top:10%;
    padding:8% 5%;
}
.cpWrap .btn{
    margin:5% auto 0;
}
}