@charset "utf-8";

.for_pc { display:block; }
.for_sp { display:none; }


@media screen and (max-width:1600px) { /* macbookpro15 */ }
@media screen and (max-width:1400px) { /* macbookpro13 */ }
@media screen and (max-width:1199px) { /* tablet横表示 ＆ PC小 */ }
@media screen and (max-width:1023px) { /* tablet */ }
@media screen and (max-width:767px) { /* 6Plus */
.for_pc { display:none; }
.for_sp { display:block; }


}
@media screen and (max-width:413px) { /* 6 */ }
@media screen and (max-width:374px) { /* 5 */ }


/*********************************************************************************************************
reset
*********************************************************************************************************/
html {    height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-weight:normal; }
q:before,q:after { content:''; }
object,embed { vertical-align:top; }
hr,legend { display:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
img,abbr,acronym,fieldset { border:0; }
li { list-style-type:none; }
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary { display:block; }

body {
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    height: 100%;
    font-size:100%;
    line-height:1;
    overflow-y:scroll;
    display: black;
}
img { width:100%; height:auto; -ms-interpolation-mode:bicubic; vertical-align:bottom; }
/*
img[src$=".svg"] { width:auto; }
*/
strong { font-weight:bold; }
iframe { vertical-align:bottom; border:none; }

.cf:before, .cf:after {content:"";display:table}
.cf:after { clear:both }
.cf { zoom:1 } /* IE 6/7用。不要なら削除可。 */


#slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

/*----------------------------------------------------
.Header　トップページ
----------------------------------------------------*/
.Header { min-width:1200px; margin:auto; }
.Header.-home {}

.img_wrap {cursor: pointer;transition-duration: 0.3s;}
.img_wrap:hover {opacity: 0.6;transition-duration: 0.3s;}

.catch0 {position: absolute;top: 0%;left: 0%;z-index: 2000;padding:40px;}
.catch1 {position: absolute;top: 15%;margin: 0 30%;pointer-events: none;z-index: 1000;}
.catch {position: absolute;top: 30%;margin: 0 30%;pointer-events: none;z-index: 1000;}
/*.catch img{width: 270px;}*/
.catchTxt{color:#2A2C74;font-size:1.2em;font-weight:bold;letter-spacing: 0.2em;}

.StartLogo{width: 80%;}

/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3000;
  right : 80px;
  top   : 80px;
  width : 80px;
  height: 80px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 80px;
  height  : 5px ;
  left    : 6px;
  background : #000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 30px;
}
.hamburger span:nth-child(3) {
  top: 50px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#000;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#000;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}


/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2000;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 71,70,73,0.6 );
  text-align: center;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-top: 30px;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  /* padding-bottom: 0; */
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding-top: 2em;
    text-decoration: none;
    padding: 40px;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}





.start {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9000;
}
.start p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width: 200px;
}





.photoFrame {
  height: 100vh;
  overflow: hidden;
  position: relative; 
}

.photoFrame_sub {
  height: 50vh;

}

.photoFrame.inset:before {
    content:"";
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display:inline-block;
    position:absolute;
    top:2%;
    left:1.5%;
    border:5px solid rgb(159 159 159 / 80%);
    width:97%;
    height:96%;
    box-sizing:border-box;
    z-index: 1000;
}


.main_img {
  -webkit-animation: anime 20s 0s infinite;
    animation: anime 20s 0s infinite;
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;

}

 .main_img:nth-of-type(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }

 .main_img:nth-of-type(2) {
      -webkit-animation-delay: 5s;
      animation-delay: 5s; }

.main_img:nth-of-type(3) {
      -webkit-animation-delay: 10s;
      animation-delay: 10s; }

.main_img:nth-of-type(4) {
      -webkit-animation-delay: 15s;
      animation-delay: 15s; }


@keyframes anime {
   0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    
    60% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }

    100% {
            opacity: 0;
            transform: scale(1.2) ;
    }
}




.Jost {font-family: 'Jost',sans-serif;}
.Oswald {font-family: 'Oswald', sans-serif;font-weight: 400;font-style: normal;}
.contents{width: 800px; margin:0 auto;}
.contents2{width: 1000px; margin:0 auto;}
.NewsTopics {margin:40px;}
.NewsTopics p{color:#2A2C74;color: #2A2C74;text-align: center;line-height: 1.8em;}
.NewsTopicsTitle {font-size:3.3em;}
.NewsTopicsContent {font-size:2em;}
.NewsTopicsTitle2 {font-size:2em;color:#BCCDDE;}
.NewsTopicsContent2 {font-size:1.5em;color:#BCCDDE;}
.NewsTitle{width: 200px;}
.NewsTopics .main {
    display: block;
    text-align: center;
    font-size: 50px;
}

.NewsTopics .sub {
    display: block;
    text-align: center;
    font-size: 20px;
}


ul.NewsList {
    margin-bottom: 40px;
}


ul.NewsList li a {
    display: table;
    width: 100%;
    text-decoration: none;
    color: #5b5b5b;
    padding: 17px 40px;
    box-sizing: border-box;
}

ul.NewsList li a .date {
    display: table-cell;
    font-size: 25px;
    width: 20%;
}
.text{font-size: 20px;}

.NewsButtonArea {margin-left: 85%;}

.NewsButton{text-decoration: none;
    display: block;
    border: 2px solid #c0c0c0;
    padding: 10px;
    width: 200px;
    color: #5b5b5b;
    box-shadow: 2px 2px 3px #5b5b5b;
  }
.NewsButtonImg{width: 10%;}


.MainLink {display:table;margin-top:100px; margin-bottom:100px;}
.Link{display: table-cell;}
.LinkButton{text-decoration: none;}


.MainContact{margin-top: 100px;margin-bottom: 100px;}
.contact{margin-bottom: 50px;}
.contact .main {
    display: block;
    text-align: center;
    font-size: 50px;
}

.contact .sub {
    display: block;
    text-align: center;
    font-size: 20px;
}


.topicList{padding:40px 20px;color: white;background: #3A69A1;}
.table {
display:table;
margin-top: 20px;
}
.table > .cell {
display:table-cell;
    width: 20%;
    padding: 5px;
}
}



.Contact {}
.Contact .sectionTop { background:#fff; padding:60px; border-radius:20px; margin-bottom:60px; }
.Contact .sectionTop .lead { font-size:16px; color:#333; line-height:2; }
.Contact .sectionMain { background:#bed4ee; padding:60px; border-radius:20px; margin-bottom:60px; }
.Contact .sectionMain ul {}
.Contact .sectionMain ul li { margin-bottom:60px; font-size:16px; color:#333; }
.Contact .sectionMain ul li:last-child { margin-bottom:0; }
.Contact .sectionMain ul li .ttl { font-size:20px; font-weight:bold; color:#333; position:relative; display:flex; align-items:center; margin-bottom:40px; }
.Contact .sectionMain ul li .ttl::after { content:""; display:block; width:24px; height:4px; background:#333; position:absolute; bottom:-15px; left:0; }
.Contact .sectionMain ul li .ttl .required { display:inline-block; background:#2A2C74; color:#fff; font-size:12px; font-weight:bold; height:21px; border-radius:20px; padding:1px 12px 1px; box-sizing:border-box; margin-left:20px; }
.Contact .sectionMain ul li .ttl .any { display:inline-block; background:#F5F5F5; color:#333; font-size:12px; font-weight:bold; height:21px; border-radius:20px; padding:1px 12px 1px; box-sizing:border-box; margin-left:20px; }
.Contact .sectionMain ul li .layout {}
.Contact .sectionMain ul li .layout__row { display:table; width:100%; margin-bottom:15px; }
.Contact .sectionMain ul li .layout__col.-ttl { display:table-cell; width:150px; font-weight:bold; font-weight:bold; font-size:16px; }
.Contact .sectionMain ul li .layout__col.-text { display:table-cell; }
.Contact .sectionBottom { background:#fff; padding:60px; border-radius:20px; margin-bottom:60px; }
.Contact .sectionBottom .text { font-size:16px; color:#333; line-height:2; }
.Contact .sectionBottom .text a { color:#2A2C74; text-decoration:none; }



.BtnNext a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8f8f8f;
    width: 390px;
    height: 60px;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
    border-radius: 10px;
}


.about_txt {
    line-height: 2.5;
    text-align: center;
    font-size: 20px;
    color: #515151;
}

.strong {
  font-weight: bold;
  font-size: 35px;
}

.about_img {
  display: table;
  border-spacing: 10px 10px;
  margin: 20px 0;
  width: 100%;
  font-size: 25px;
}

.about_img_row {
    display: table-row;
}

.about_img_cell {
  display: table-cell;
  border: solid 2px #515151;
  width: 50%;
  text-align: center;
  padding: 50px 0;

}

.about_img_cell img {
  width: 40%;

}

.CompanyLayout { background:#fff; padding:80px; }
.CompanyLayout .lead { margin-bottom:32px; line-height:2; font-size:14px; }
.CompanyLayout section { margin-bottom:33px; }
.CompanyLayout section:last-child { margin-bottom:0; }
.CompanyLayout .ttl { font-size:14px; line-height:2; font-weight:bold; margin-bottom:6px; }
.CompanyLayout .text { font-size:14px; line-height:2; margin-bottom:6px; }
.CompanyLayout .text:last-child { margin-bottom:0; }
@media screen and (max-width:1023px) {
  .CompanyLayout { padding:20px; }
  .CompanyLayout .lead { margin-bottom:12px; font-size:12px; line-height:1.5; }
  .CompanyLayout section { margin-bottom:13px; }
  .CompanyLayout section:last-child {}
  .CompanyLayout .ttl { font-size:12px; margin-bottom:4px; line-height:1.5; }
  .CompanyLayout .text { font-size:12px; margin-bottom:4px; line-height:1.5; }
  .CompanyLayout .text:last-child { }
}



.btnLayout { display:table; margin:auto; direction:rtl; }
.btnLayout_col { display:table-cell; width:50%; padding:0; box-sizing:border-box; direction:ltr; }
.btnLayout_col .BtnBack { margin-right:10px; }
.btnLayout_col .BtnNext { margin-left:10px; }
@media screen and (max-width:1023px) {
  .btnLayout { display:block; padding:20px 0; }
  .btnLayout_col { display:block; width:100%; padding:0; }
  .btnLayout_col .BtnBack { margin-right:0; padding:0; }
  .btnLayout_col .BtnNext { margin-left:0; padding:0; margin-bottom:20px; }
}


.inputArea li {list-style-type: none;border-bottom: #9b9b9b 2px dotted;margin-bottom: 50px;}
.block {padding: 10px;}

@media screen and (max-width:1023px) {
  .Contact {}
  .Contact .sectionTop { padding:16px; border-radius:4px; margin-bottom:16px; }
  .Contact .sectionTop .lead { font-size:12px; line-height:1.5; }
  .Contact .sectionMain { padding:16px; border-radius:4px; margin: 0px 10px;margin-bottom:16px; }
  .Contact .sectionMain ul {}
  .Contact .sectionMain ul li { margin-bottom:16px; font-size:12px; }
  .Contact .sectionMain ul li:last-child {}
  .Contact .sectionMain ul li .ttl { font-size:14px; margin-bottom:8px; padding-left:12px; }
  .Contact .sectionMain ul li .ttl::after { width:4px; height:100%; position:absolute; bottom:0; left:0px; }
  .Contact .sectionMain ul li .ttl .required { font-size:11px; height:15px; border-radius:14px; padding:0 8px; margin-left:8px;  }
  .Contact .sectionMain ul li .ttl .any { font-size:11px; height:15px; border-radius:14px; padding:0 8px; margin-left:8px;}
  .Contact .sectionMain ul li .layout {}
  .Contact .sectionMain ul li .layout__row { display:block; margin-bottom:15px; }
  .Contact .sectionMain ul li .layout__col.-ttl { display:block; width:100%; font-size:12px; }
  .Contact .sectionMain ul li .layout__col.-text { display:block; width:100%; }
  .Contact .sectionBottom { padding:16px; border-radius:4px; margin-bottom:16px; }
  .Contact .sectionBottom .text { font-size:12px; line-height:1.5; }
  .Contact .sectionBottom .text a {}
}



.FormArea {}
.FormArea input { font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
.FormArea textarea { font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }

/* placeholder */
/*
.FormArea input:focus:placeholder-shown { color: transparent; }
.FormArea input:focus::-webkit-input-placeholder { color: transparent; }
.FormArea input:focus::-moz-placeholder { color: transparent; }
.FormArea input:focus:-ms-input-placeholder { color: transparent; }
.FormArea input:focus::-ms-input-placeholder { color: transparent; }
.FormArea textarea:focus:placeholder-shown { color: transparent; }
.FormArea textarea:focus::-webkit-input-placeholder { color: transparent; }
.FormArea textarea:focus::-moz-placeholder { color: transparent; }
.FormArea textarea:focus:-ms-input-placeholder { color: transparent; }
.FormArea textarea:focus::-ms-input-placeholder { color: transparent; }
*/

/* input */
.FormArea input[type="text"],
.FormArea input[type="tel"],
.FormArea input[type="email"] { width:100%; height:50px; border:none; border-bottom:1px solid #ccc; padding:10px; box-sizing:border-box; outline:none; font-size:16px; color:#333; }
.FormArea input[type="text"]:hover,
.FormArea input[type="tel"]:hover,
.FormArea input[type="email"]:hover { background:#fff; }
.FormArea input[type="text"]::placeholder,
.FormArea input[type="tel"]::placeholder,
.FormArea input[type="email"]::placeholder { font-size:16px; color:#999; }

/* radio */
.FormArea input[type="radio"] { display:none; }
.FormArea input[type="radio"] + label { display:inline-block; padding-left:25px; position:relative; margin-right:30px; cursor:pointer; font-size:16px; }
.FormArea input[type="radio"] + label::before { content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:17px; height:17px; background:#fff; border:1px solid #ccc; border-radius:50%; }
.FormArea input[type="radio"]:checked + label { color:#333; }
.FormArea input[type="radio"]:checked + label::after{ content:""; display:block; background:#333; position:absolute; top:calc(50%); transform:translateY(-50%); left:5px; width:9px; height:9px; border-radius:50%; }

/* checkbox */
.FormArea input[type="checkbox"]{ display:none; }
.FormArea .checkbox-parts{ padding-left:25px; position:relative; margin-right:32px; cursor:pointer; }
.FormArea .checkbox-parts::before{ content:""; display:block; position:absolute; top:50%; background:#fff; border:1px solid #ccc; transform:translateY(-50%); left:0; width:17px; height:17px; border-radius:2px; }
.FormArea input[type="checkbox"]:checked + .checkbox-parts{ color:#7A7779; }
.FormArea input[type="checkbox"]:checked + .checkbox-parts::after{ content:""; display:block; border-bottom:3px solid #333; border-right:3px solid #333; position:absolute; top:calc(50% - 8px); transform:translateY(-50%); left:5px; width:4px; height:10px; transform:rotate(40deg); }
.FormArea input[type="checkbox"]:checked + .checkbox-parts::before{ }

/* select */
.FormArea select { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:none; border-radius:0; padding:0 16px; box-sizing:border-box; height:40px; line-height:40px; font-size:16px; background:#fff; color:#333; }
.FormArea select { min-width:160px; border-radius:4px; cursor:pointer; box-sizing:border-box; padding-right:40px; background:url(/static/img/property/arrow.svg) no-repeat #fff; background-size:12px 10px; background-position:right 15px center; }
.FormArea select::-ms-expand { display:none; }

/* textarea */
.FormArea .textarea { padding:20px; border:1px solid #ccc; border-radius:20px;background: #fff; }
.FormArea .textarea:hover { background:#fff; }
.FormArea .textarea textarea { width:100%; min-height:160px; resize:vertical; border:none; box-sizing:border-box; font-size:16px; vertical-align:bottom; outline:none; background:#fff; font-weight:normal; }

/* error */
.FormArea .errormsg { color:#ff0000; font-size:14px; padding-top:5px; padding:5px 10px; }


/* input.inputText2 */
.FormArea input.inputText2 { width:auto; height:40px; border:none; border-bottom:none; padding:5px 8px; box-sizing:border-box; outline:none; font-size:16px; color:#333; border:1px solid #ccc; }
.FormArea input.inputText2:hover { background:#f5f5f5; }
.FormArea input.inputText2::placeholder { font-size:16px; color:#999; }

/* select2 */
.FormArea select.select2 { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:none; border-radius:0; padding:5px 8px; box-sizing:border-box; height:40px; line-height:1.5; font-size:16px; background:#fff; color:#333; border:1px solid #ccc; }
.FormArea select.select2 { min-width:160px; border-radius:4px; cursor:pointer; box-sizing:border-box; padding-right:40px; background:url(/static/img/property/arrow.svg) no-repeat #fff; background-size:12px 10px; background-position:right 15px center; }
.FormArea select.select2::-ms-expand { display:none; }




.contents2 > .message{margin:50px 0;}
.contents2 > .message p {text-align: center;line-height: 2.5em;font-size: 1.2em;margin: 0 20px;}

.contents2 > .message > p > img {width: 220px;}

.middle_div{background:#bed4ee; margin:50px 0; padding:50px;}
.middle_div > h3 {color: #fff; font-size: 2.5em;text-align: center;margin-bottom: 20px;}
.middle_div > p {color: #fff; font-size: 1.2em;text-align: center;line-height: 2.5em;}

.last_div{margin:50px 0; padding:50px;}
.last_div > h3 {color: #2A2C74; font-size: 2.5em;text-align: center;margin-bottom: 20px;}
.last_div > p {color: #000; font-size: 1.2em;text-align: center;line-height: 2.5em;}

.Company { background:#fff; padding:40px; }
.Company table {margin: 0 auto; margin-bottom:20px; }
.Company table th { background:#F5F5F5; border-bottom:1px solid #fff; font-size:14px; color:#333; min-width:200px; padding:10px 20px; text-align:center; }
.Company table td { background:#fff;  border-bottom:1px solid #f5f5f5; font-size:14px; color:#333; padding:10px 20px; text-align:left; line-height: 1.5;}
.Company #maps { height:0; overflow:hidden; padding-bottom:56.25%; position:relative; }
.Company #maps iframe { position:absolute; left:0; top:0; height:100%; width:100%; }
@media screen and (max-width:1023px) {

  .contents2 > .message{margin:30px 0;}
  .contents2 > .message p {text-align: center;line-height: 2em;font-size: 0.9em;margin: 0 20px;}

  .middle_div{background:#bed4ee; margin:50px 0; padding:40px 10px;}
  .middle_div > h3 {color: #fff; font-size: 2.5em;text-align: center;margin-bottom: 20px;}
  .middle_div > p {color: #fff; font-size: 0.9em;text-align: center;line-height: 2em;}

  .last_div{margin:0; padding:40px 10px;}
  .last_div > h3 {color: #2A2C74; font-size: 2em;text-align: center;margin-bottom: 20px;line-height: 2em;}
  .last_div > p {color: #000; font-size: 0.9em;text-align: center;line-height: 2em;}

  .Company { padding:20px; }
  .Company table { display:block; margin-bottom:0; width:100%; }
  .Company table tbody { display:block; width:100%; }
  .Company table tr { display:block; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; }
  .Company table th { display:block; background:none; border-bottom:none; font-size:12px; min-width:0; width:100%; padding:0; text-align:left; font-weight:bold; margin-bottom:5px; }
  .Company table td { display:block; background:none; border-bottom:none; font-size:12px; padding:0; }
}



footer{color: white;background: #3A69A1;position: sticky;top: calc(100vh - 134px);}
.Footer .layout { display:flex; }
.Footer .layout__col {}
.Footer .layout__col.-left { display:flex; align-items:center; }
.Footer .layout__col.-center { display:flex; align-items:flex-end; }
.Footer .layout__col.-right { display:flex; align-items:end;margin-left: auto;}
.Footer .logo { width:20px;}
.Footer .logo img { width:100%; }
.Footer ul {padding:10px 20px 0px 0; padding-bottom: 20px;}
.Footer ul li { font-size:12px; line-height:2; }
.Footer ul li a { text-decoration:none; color:#fff; }
.Footer .copy { padding:40px;padding-bottom: 20px; }
.Footer .copy .text_01 { font-size:16px; color:#fff; line-height:2; }
.Footer .copy .text_02 {}
.Footer .copy .text_02 small { font-size:12px; color:#fff; line-height:2; }

@media screen and (max-width:767px) {
.Header.-home {
/*
    background: black;
    border-bottom: #C72F7C 5px solid;
    height: 0px;
    position: inherit;
    z-index: 10000;
    width: 100%;
    min-width: 0;
*/    
}

.menu_base {position: relative; display: none;}





/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3000;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #BBBBBB;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}




.StartLogo{width: 100%;}
.start p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width: 120px;
}
.contents{width: 100%;}
.contents2{width: 100%;}
.catch0 {position: absolute;top: 0%;left: 0%;z-index: 1900;padding:30px 20px;}
.catch1 {position: absolute;top: 20%;left:15%;margin:0 auto;background: #none;height: auto;width: 80%;pointer-events: none;z-index: 1000;padding: 0;}
.catch1 img {width: 250px;}
.catch {position: absolute;top: 45%;left:15%;margin:0 auto;background: #none;height: auto;width: 80%;pointer-events: none;z-index: 1000;padding: 0;}
.catch img {width: 250px;}

.catchTxt{color:#2A2C74;font-size:1em;font-weight:bold;letter-spacing: 0.1em;}


.min_contents{min-height: calc(100% - 135px);}



ul.NewsList { margin-bottom:16px; }
ul.NewsList li {}
ul.NewsListul.NewsList li:nth-child(odd) a {}
ul.NewsList li:nth-child(even) a {}
ul.NewsList li a { display:block; width:100%; text-decoration:none; color:#000; padding:8px 16px; box-sizing:border-box; }
ul.NewsList li a .date { display:block; width:100%; font-size:11px; margin-bottom:3px; }
ul.NewsList li a .text { display:block; width:100%; font-size:12px; }

.NewsTopics {margin: 10px; margin-top:20px;}
.NewsTopics p {
    color: #2A2C74;
    text-align: center;
    line-height: 1.8em;
}

.NewsTopicsTitle {font-size:1.5em;}
.NewsTopicsContent {font-size:0.9em;}
.NewsTopicsTitle2 {font-size:1.2em;color:#BCCDDE;}
.NewsTopicsContent2 {font-size:0.8em;color:#BCCDDE;}

.NewsTitle {width: auto;margin-bottom:20px;}
.NewsButtonArea {margin-left: 0;margin:0 auto;}
.NewsTopics .main {font-size: 30px;}
.NewsTopics .sub {font-size: 15px;}


.NewsButton {
    text-decoration: none;
    display: block;
    border: 2px solid #c0c0c0;
    padding: 10px;
    width: 150px;
    color: #5b5b5b;
    box-shadow: 2px 2px 3px #5b5b5b;
    margin: 0 auto;
    font-size: 12px;
}

.MainLink {
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}
.Link{display: block;margin: 20px;}
.Link_PC{display: none;}

.MainContact {margin-bottom: 20px;margin-top: 20px;}
.contact .main {font-size: 30px;}
.contact .sub {font-size: 15px;}
.contact {margin-bottom: 20px;}


.BtnNext a {width: 80%;}


.site-footer__navi-sp{
  position: fixed;
  bottom:0;
  clear:both;
  width:100%;
  margin:0;
  background:#f2f2f2;
  z-index: 1500;
}
.site-footer__navi-sp li{
  float:left;
  width:50%;
}
  .site-footer__navi-sp li a{
    color:#00336a;
    padding: 50px 0 5px 0;
    text-align: center;
    display: block;
    font-size:0.7rem;
    width:100%;
    }
  .site-footer__navi-sp li:first-child a{
    background:url("/static/img/common/icon_mail.svg") center 10px no-repeat;
    background-size:auto 30px;
    border-right:solid 1px #ccc;
  }
  .site-footer__navi-sp li:last-child a{
    background:url("/static/img/common/icon_tel.svg") center 10px no-repeat;
    background-size:auto 30px;
  }



  .Footer { padding:16px 16px; }
  .Footer .layout { display:block; }
  .Footer .layout__col {}
  .Footer .layout__col.-left { display:block; }
  .Footer .layout__col.-center { display:block; }
  .Footer .layout__col.-right { display:block; }
  .Footer .logo { width:120px; padding:0; margin:0 auto 16px; }
  .Footer .logo img { width:100%; }
  .Footer ul { border-right:none; margin-bottom:16px; padding:0; text-align:center; font-size:0; }
  .Footer ul li { display:inline-block; font-size:10px; line-height:1.5; position:relative; }
  .Footer ul li::after { content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; top:0; right:0; }
  .Footer ul li:last-child::after { display:none; }
  .Footer ul li a { display:inline-block; text-decoration:none; padding:0 8px; }
  .Footer .copy { padding:0; }
  .Footer .copy .text_01 { font-size:10px; line-height:1.5; margin-bottom:5px; opacity:.7; text-align:center; }
  .Footer .copy .text_02 { text-align:center; }
  .Footer .copy .text_02 small { font-size:10px; line-height:1.5; opacity:.7; }


  .about_txt {font-size: 10px;}
  .strong {font-size: 20px;}
  .about_img {font-size: 15px;}

}




/*
.NewsList
-----------------------------------------------------------------------*/
ul.NewsList { width: 800px;margin: 0 auto;margin-bottom: 40px;}
ul.NewsList li { background:#fff; }
ul.NewsList li:nth-child(odd) a { background:#fff; }
ul.NewsList li:nth-child(even) a { background:#F5EFF3; }
ul.NewsList li a { display:table; width:100%; text-decoration:none; color:#000; padding:17px 40px; box-sizing:border-box; }
ul.NewsList li a .date { display:table-cell; font-size:16px; width:100px; }
ul.NewsList li a .text { display:table-cell; font-size:16px; }
@media screen and (max-width:1023px) {
  ul.NewsList {width: 100%; margin-bottom:16px; }
  ul.NewsList li {}
  ul.NewsListul.NewsList li:nth-child(odd) a {}
  ul.NewsList li:nth-child(even) a {}
  ul.NewsList li a { display:block; width:100%; text-decoration:none; color:#000; padding:8px 16px; box-sizing:border-box; }
  ul.NewsList li a .date { display:block; width:100%; font-size:11px; margin-bottom:3px; }
  ul.NewsList li a .text { display:block; width:100%; font-size:12px; }
}

.pager {text-align: center;}
.pager a{text-decoration: none;color: black;}




/*
.NewsDetail 
-----------------------------------------------------------------------*/
.NewsDetail { max-width:640px; margin:auto; }
.NewsDetail .date { font-size:16px; color:#333; margin-bottom:10px; }
.NewsDetail .ttl { font-size:18px; font-weight:bold; line-height:2; color:#333; margin-bottom:50px; }
.NewsDetail .textWrap {}
.NewsDetail .text { font-size:16px; line-height:2; color:#333; margin-bottom:50px; }
.NewsDetail .thumb { margin-bottom:50px; }
@media screen and (max-width:1023px) {
  .NewsDetail {}
  .NewsDetail .date { font-size:12px; margin-bottom:10px; }
  .NewsDetail .ttl { font-size:14px; margin-bottom:10px; line-height:1.5; }
  .NewsDetail .textWrap {}
  .NewsDetail .text { font-size:12px; margin-bottom:10px; line-height:1.5; }
  .NewsDetail .thumb { margin-bottom:10px; }
}


.BtnBack { text-align:center; padding:30px 0; }
.BtnBack a { display:flex; align-items:center; justify-content:center; background:#999; width:390px; height:60px; margin:auto; font-size:15px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; position:relative; border-radius:60px; }
.BtnBack a i { position:absolute; top:50%; left:30px; font-size:30px; transform:translateY(-50%); }
@media screen and (max-width:1023px) {
  .BtnBack { padding:20px 0; }
  .BtnBack a {  width:100%; max-width:320px; height:48px; font-size:14px; border-radius:24px; }
  .BtnBack a i { left:20px; font-size:20px; }
}


/*
.BtnNext
-----------------------------------------------------------------------*/
.BtnNext { text-align:center; padding:10px 0; }
.BtnNext a { display:flex; align-items:center; justify-content:center; background:#2A2C74; width:270px; height:60px; margin:auto; font-size:15px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; position:relative; border-radius:60px; }
.BtnNext a i { position:absolute; top:50%; right:30px; font-size:30px; transform:translateY(-50%); }
@media screen and (max-width:1023px) {
  .BtnNext { padding:10px 0; }
  .BtnNext a { width:100%; max-width:320px; height:48px; font-size:14px; border-radius:24px; }
  .BtnNext a i { right:20px; font-size:20px; }
}



/*
.ContensHead_02
-----------------------------------------------------------------------*/
.ContensHead_02 { height:250px; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #ccc; }
.ContensHead_02.-borderNone { border-bottom:0; }
.ContensHead_02 .ttl {}
.ContensHead_02 .ttl .main { display:block; font-size:48px; text-align:center; font-weight:500; }
.ContensHead_02 .ttl .main::after { content:""; display:block; width:24px; height:4px; background:#326292; margin:0 auto 15px; }
.ContensHead_02 .ttl .sub { display:block; font-size:16px; text-align:center; font-weight:bold; }
@media screen and (max-width:1023px) {
  .ContensHead_02 { height:120px;  }
  .ContensHead_02 .ttl {}
  .ContensHead_02 .ttl .main { font-size:20px; }
  .ContensHead_02 .ttl .main::after { width:24px; height:4px; margin:5px auto 10px; }
  .ContensHead_02 .ttl .sub { font-size:12px; }
}


/*
.ContensHead_04
-----------------------------------------------------------------------*/
.ContensHead_04 { position:relative; max-height:600px; }
.ContensHead_04 .ttl { display:flex; justify-content:center; align-items:center; width:100%; height:33.33%; position:absolute; bottom:0; left:0; z-index:3; text-align:center; padding:0 40px; box-sizing:border-box; }
.ContensHead_04 .ttl > .inner { font-size:40px; color:#fff; font-weight:bold; line-height:1.5; }
.ContensHead_04 img { position:absolute; top:0; left:0; width:100%; height:100%;object-fit: cover;}
.ContensHead_04::after { content:""; display:block; width:100%; height:33.33%; position:absolute; bottom:0; left:0; z-index:2;
  opacity:.6;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.ContensHead_04::before { content:""; display:block; width:1px; padding-top:66.66%; }
@media screen and (max-width:1023px) {
  .ContensHead_04 .ttl { padding:0 16px; }
  .ContensHead_04 .ttl > .inner { font-size:16px; }
}

/*
.ContentsBody 
-----------------------------------------------------------------------*/
.ContentsBody { padding:60px; }
.ContensHead_02.-borderNone + .ContentsBody { padding:0 60px 60px; }
.ContensHead_03 + .ContentsBody { padding:0 60px 60px; }
@media screen and (max-width:1023px) {
  .ContentsBody { padding:16px; }
  .ContensHead_02.-borderNone + .ContentsBody { padding:0 16px 16px; }
  .ContensHead_03 + .ContentsBody { padding:0 16px 16px; }
}


/*
.ExamplesList
-----------------------------------------------------------------------*/
.ExamplesList { overflow:hidden; }
.ExamplesList ul { display:flex; flex-wrap:wrap; }
.ExamplesList ul li {    width: 30%;margin: 5px;box-sizing: border-box;border: solid 5px #858585;border-radius: 5px;padding: 10px;}
.ExamplesList ul li a { display:block; background:#eee; text-decoration:none; background:#fff; }
.ExamplesList ul li a .wrap .imgWrap { display:block; position:relative; padding-top:66.66%; }
.ExamplesList ul li a .wrap .imgWrap img { position:absolute; top:0; left:0; width:100%; height:100%; }
.ExamplesList ul li a .wrap .text { display:flex; align-items:center; background:#fff; color:#000; padding:16px 20px; font-size:16px; font-weight:bold; font-feature-settings:"palt"; }
@media screen and (max-width:1023px) {
  .ExamplesList {}
  .ExamplesList ul { margin:-8px; }
  .ExamplesList ul li { width:100%; padding:8px; }
  .ExamplesList ul li a .wrap .text { padding:9px 12px; font-size:12px; }
}


.ExamplesList_top { overflow:hidden; }
.ExamplesList_top ul { display:flex; flex-wrap:wrap; }
.ExamplesList_top ul li {    width: 24%;margin: 5px;box-sizing: border-box;border: solid 5px #858585;border-radius: 5px;padding: 10px;}
.ExamplesList_top ul li a { display:block; background:#eee; text-decoration:none; background:#fff; }
.ExamplesList_top ul li a .wrap .imgWrap { display:block; position:relative; padding-top:66.66%; }
.ExamplesList_top ul li a .wrap .imgWrap img { position:absolute; top:0; left:0; width:100%; height:100%; }
.ExamplesList_top ul li a .wrap .text { display:flex; align-items:center; background:#fff; color:#000; padding:16px 20px; font-size:16px; font-weight:bold; font-feature-settings:"palt"; }
@media screen and (max-width:1023px) {
  .ExamplesList_top {}
  .ExamplesList_top ul { margin:-8px; }
  .ExamplesList_top ul li { width:100%; padding:8px; }
  .ExamplesList_top ul li a .wrap .text { padding:9px 12px; font-size:12px; }
}


.ExamplesList2 { overflow:hidden; }
.ExamplesList2 ul { display:flex; flex-wrap:wrap; margin:-20px; }
.ExamplesList2 ul li { width:30%; padding:20px; box-sizing:border-box; }
.ExamplesList2 ul li a { display:block; background:#eee; text-decoration:none; background:#fff; }
.ExamplesList2 ul li a .wrap .imgWrap { display:block; position:relative; padding-top:66.66%; }
.ExamplesList2 ul li a .wrap .imgWrap img { position:absolute; top:0; left:0; width:100%; height:100%; }
.ExamplesList2 ul li a .wrap .text { display:flex; align-items:center; background:#326292; color:#fff; padding:16px 20px; font-size:16px; font-weight:bold; font-feature-settings:"palt"; }
@media screen and (max-width:1023px) {
  .ExamplesList2 {}
  .ExamplesList2 ul { margin:-8px; }
  .ExamplesList2 ul li { width:100%; padding:8px; }
  .ExamplesList2 ul li a .wrap .text { padding:9px 12px; font-size:12px; }
}


.ExamplesList_top2 { overflow:hidden; }
.ExamplesList_top2 ul { display:flex; flex-wrap:wrap; margin:-20px; }
.ExamplesList_top2 ul li { width:24%; padding:20px; box-sizing:border-box; }
.ExamplesList_top2 ul li a { display:block; background:#eee; text-decoration:none; background: #303030; }
.ExamplesList_top2 ul li a .wrap .imgWrap { display:block; position:relative; padding-top:66.66%; }
.ExamplesList_top2 ul li a .wrap .imgWrap img { position:absolute; top:0; left:0; width:100%; height:100%;    object-fit: contain; }
.ExamplesList_top2 ul li a .wrap .text { display:flex; align-items:center; background:#326292; color:#fff; padding:16px 20px; font-size:16px; font-weight:bold; font-feature-settings:"palt"; }
@media screen and (max-width:1023px) {
  .ExamplesList_top2 {}
  .ExamplesList_top2 ul { margin:-8px; }
  .ExamplesList_top2 ul li { width:100%; padding:8px; }
  .ExamplesList_top2 ul li a .wrap .text { padding:9px 12px; font-size:12px; }
}

/*
.ExamplesArea
-----------------------------------------------------------------------*/
.mfp-wrap { z-index:99999; }
.mfp-bg { z-index:99998; }
.ExamplesArea {}
.ExamplesArea .lead { max-width:640px; margin:0 auto 60px; font-size:18px; line-height:2; color:#333; font-weight:bold; }
.ExamplesArea .thumList { overflow:hidden; margin-bottom:60px; }
.ExamplesArea .thumList ul { display:flex; flex-wrap:wrap; margin:-15px; }
.ExamplesArea .thumList ul li { width:33.33%; padding:15px; box-sizing:border-box; }
.ExamplesArea .thumList ul li a { display:block; padding-top:66.66%; position:relative; }
.ExamplesArea .thumList ul li a img { position:absolute; top:0; left:0; width:100%; height:100%;object-fit: cover; }
@media screen and (max-width:1023px) {
  .ExamplesArea .lead { margin-bottom:16px; font-size:12px; line-height:1.5; }
  .ExamplesArea .thumList { margin-bottom:16px; }
  .ExamplesArea .thumList ul { margin:-8px; }
  .ExamplesArea .thumList ul li { width:50%; padding:8px; }
}


.seko_kubun{display: block;align-items: center;background: #cf545a;color: #fff;padding: 16px 20px;font-size: 16px;font-weight: bold;text-align: center;width: 50%;margin: 5px 0;}
@media screen and (max-width:1023px) {
.seko_kubun{padding: 9px 12px;font-size: 12px;}
}

.constblog img{width: auto;}





.page-numbers {
    text-align: center;
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
}
.page-numbers li {
    display: inline-block;
}
.page-numbers a {
    display: inline-block;
    padding: .5rem;
    margin: 0 .2rem .2rem 0;
    background: #fff;
    border: 1px solid #ccc;
    text-decoration: none;
}
.page-numbers span {
    display: inline-block;
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ccc;
}