/* common */
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notoserifjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body{
    font-family:'Noto Sans JP', sans-serif, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS PGothic', Osaka, arial, sans-serif;
    /* font-family:'Noto Serif JP', sans-serif, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS PGothic', Osaka, arial, sans-serif; */
    color:#111;
    font-weight:300;
    line-height:1.5;
    text-align: justify;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

h1{
    font-size:2.5rem;
    font-weight:300;
}


h2{
    font-size:2rem;
    font-weight:400;
    margin-bottom:50px;
    text-align:center;
}

h3{
    font-size:1.2rem;
    font-weight:400;
    margin-bottom:1em;
    color:#1e1a66;
}

p{
    margin-bottom:2em;
}

ul{
    list-style:none;
}

a{
    text-decoration:none;
    color:#333;
}

a:hover{
    transition:all .2s ease-in;
}

.anchor{
    position:relative;
    top:-170px;
  }

.sp{
    display:none;
}

#info-page h1{
    font-size:2rem;
    margin-bottom:50px;
}

#info-page h2{
    font-size:1.5rem;
    text-align:left;
    margin-bottom:15px;
}

.wrap{
    margin:0 auto;
    padding:50px 0;
    max-width:1200px;
    min-width:800px;
}

.wrap-s{
    margin:0 auto;
    padding:50px 0;
    max-width:900px;
    min-width:800px;
}

.flex{
    display:flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.white{
    color:#fff;
}

.glow{
    text-shadow:0 0 5px #000;
}

.bg-gray{
    background:#ebebeb;
}



.lead{
    font-size:1.2rem;
    font-weight:400;
    text-align:center;
}


/* header */
header{
    position:fixed;
    top:0;
    left:0;
    background:#fff;
    width:100%;
    z-index:999;
}

header wrap{
    padding:0;
}

.header-box{
    justify-content: space-between;
    align-items: center;
    padding:28px 0 22px;
}

.header-logo img{
    width:220px;
}

ul.header-navi li{
    margin-left:20px;
    font-size:0.9rem;
}

ul.header-navi li a{
    padding:4px 20px;
    background:#ebebeb;
    display:inline-block;
}

ul.header-navi li a:hover{
    background:#ccc;
}

ul.header-navi li img{
    width:28px;
    vertical-align: middle;
    margin-right:5px;
}

/* main-contents */

#main-contents{
    margin-top:127px;
}

.page-title{
    position:relative;
}

.page-title div.wrap{
    padding:0;
}

.page-title h1{
    position:absolute;
    top:160px;
}

.page-title img{
    width:100%;
    height:400px;
    object-fit:cover;
}

.contact{
    margin:0 auto;
    width:500px;
    background:#130f58;
    text-align:center;
    padding:30px;
    color:#fff;
}

.contact h3{
    color:#fff;
}

.contact img{
    vertical-align: middle;
    width:40px;
    margin-right:10px;
}

.contact span{
    font-size:1.4rem;
    font-weight:500;
    margin-bottom:20px;
    display:inline-block;
}

/* footer */
footer{
    background:#272727;
    padding:20px 0;
    color:#fff;
}

footer div.wrap{
    padding:0;
}

.footer-box{
    justify-content: space-between;
}

.footer-box ul li{
    margin-right:20px;
}
.footer-box ul li a{
    color:#fff;
    font-size:0.9rem;
}

.copyright{
    font-size:0.9rem;
}

/* resposive */
@media screen and ( max-width:800px )
{

h1{
    font-size:1.4rem;
    text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

h2{
    font-size:1.2rem;
}

.wrap, .wrap-s{
    min-width:auto;
    width:100%;
    padding:30px 20px;
}

.glow{
    text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

/* header */

.header-box{
    padding:30px 0 0;
}

.header-logo{
    width:50%;
    padding:0 20px 20px;
}

.header-logo img{
    max-width:150px;
}

ul.header-navi{
    position: fixed;
    top: 15px;
    right: 75px;
}

ul.header-navi li a{
    padding:10px;
    width: 50px;
    height: 50px;
}

ul.header-navi li a span{
    display: none;
}

/* main-contents */

#main-contents{
    margin-top:80px;
}

.page-title h1{
    top:110px;
    left:20px;
}

.page-title img{
    height:250px;
    object-position: 60% 0%;
}

.contact{
    width:100%;
}

/* footer */
footer div.wrap{
    padding:0 20px;
}

.footer-box ul li{
    margin-right:0;
    width:100%;
}

}