@charset "UTF-8";  

.wrapper-wrap{
  background-color: #fff;
}

html {
  font-size: 62.5%; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
  color: #1b1b1b;
  height: auto;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

 img{
 	max-width: 100%;
 }

 iframe{
 	max-width: 100%;
 }

 ul,ol{
	list-style: none;
	margin: 0;
	padding:0;
}

a:hover{
	opacity: 0.8;
}

.wrapper{
	max-width: 1000px;
	padding-top: 40px;
  padding-bottom: 50px;
	padding-right: 50px;
	padding-left: 50px;
	margin: 0 auto;
	text-align: center;
  overflow:hidden;
}

.sec1{
 
  background-image: url('../img/background01.jpg');
  background-attachment: fixed;
  background-size:cover;
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
}


.content{
  background-color: #fff;
  padding: 58px 45px 64px;  
  box-shadow:0px 0px 8px 1px rgba(184, 152, 167,0.4);
}

.onlySp{ display: none;}

.flexbox{

	  display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
     -ms-flex-direction: row;
      flex-direction: row;
        -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

h1{ margin: 0 0 18px;}
h2{ font-size: 2.8rem;}

p{
	text-align: left;
}

.signature-txt{
	display: block;
	font-size: 1.4rem;
	font-family: "游明朝", YuMincho, serif;
	padding-bottom: 5px;
}

.signature-img{
	height: 35px;
}

.ost-bnr{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px;
}

.ost-bnr li:nth-of-type(1) img{ height: 30px;}
.ost-bnr li:nth-of-type(2) img{ height: 20px; padding-left: 15px;}

.grp-bnr{
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.grp-bnr li{
	width: 12.5%;
    position: relative;
    height: 40px;
    padding: 5px;
    box-sizing: border-box;
}

.grp-bnr li img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 85%;
    max-height: 85%;
    width: auto;
    height: auto;
}

.message-wrap{
	margin: 45px 0;
}

.footer{
  background-color: #0b185f;
      padding: 5px 10px;
}

.footer p{
	text-align: center;
    font-size: 1.0rem;
    margin: 0;
    color:#fff;

}

.btn{
  margin-top: 30px;
}

.btn a{
    text-decoration: none; 
    color:#0e357f;
    transition:all 0.3s;
    background-color: #fff;
    text-align: center;
    line-height: 1.25;
    font-size: 1.4rem;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #0e357f;
    display: block;
    transition:all 0.5s;
}

.btn:hover a{
  color:#fff;
  background-color:#0e357f;
}

@media (max-width: 768px){

	.onlyPc{display: none;}
  .onlySp{display: block;}

	.wrapper{
		max-width:none;
		padding-top: 20px;
    padding-bottom: 30px;
		padding-right: 15px;
		padding-left: 15px;
		margin: 0 auto;
		text-align: center;
	}

  .content{
    padding: 15px 15px 30px;
  }

  .message-wrap{
    margin: 30px 0;
  }


     .flexbox.ost-bnr{
		  -webkit-box-orient: vertical;
	     -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	     flex-direction: column;
     }

     .flexbox.ost-bnr li:nth-of-type(2) img{ padding-left: 0;}

     .flexbox.grp-bnr{
     	
     	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
     }

     .flexbox.grp-bnr li{width: 20%;}

     h1{margin:0 0 10px;}
     h2{line-height: 1.25; font-size: 2.4rem;}

}