@charset "utf-8";
/* CSS Document */

h2 {
  position: relative;
  display: inline-block;
  padding: 0;
  z-index: 10;
	text-align: center;
	width: 100%;
}

h2:before, h2:after {
  content: '';
  position: absolute;
  top: 45%;
  display: inline-block;
  width: 38%;
  height: 6px;
  border-top: solid 2px #c6c6c6;
  border-bottom: solid 2px #c6c6c6;
}

h2:before {
  left:0;
}
h2:after {
  right: 0;
}

h2 img { max-width: 28%; }

.spOnly{display:none;}

.main { position: relative; width:100%; margin-top: 50px; margin: 0 auto; z-index: 200; background: url(../img/index/mainBg.jpg) no-repeat top center; text-align: right; height: 867px; }
.mainImg{ max-width:1402px; margin: 0 5% 0 auto; }
.main img{ width:100%; }

ul {
  margin: 0;
  padding: 0;
}

/* スライドショーCSSここから*/
.slideshow {
  list-style-type: none;
  position: relative;
}

.slideshow > li {
  opacity: 0;
  position: absolute;
  transition: opacity 3s ease-in-out;
}

.slideshow > li.showSlide {
  opacity: 1;
}

.slideshow > li > img {
  width : 100%;
  height: auto;
}

#profile { position: relative; width:1000px; z-index: 100; margin: 80px auto; }
.profileTitle{ line-height: 120%; color: #f6f6f6; background: -webkit-linear-gradient(top, #c6c6c6 0%, #ffffff 50%, #c6c6c6 51%, #d3d3d3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 180%; font-weight: bold; margin-bottom: 2%; }
.profileTxt { font-size:120%; width:615px; line-height: 160%; display: inline-block; margin-right: 15px; }
.profilePhoto { width:354px; line-height: 160%; display: inline-block; vertical-align: top; }
.profile01{ border-bottom:1px solid #333551; padding-bottom: 50px; }

.news { position: relative; width:100%; z-index: 100; margin: 80px auto; }

.newsInclude{ width:1000px; margin: 50px auto 30px auto; font-size:120%; }
.newsInclude iframe{ width:1000px; }
.newsInclude li{ width:1000px; border-bottom: 1px solid #333551; padding: 20px 0; }
.newsInclude .day{ width:180px; margin-right: 10px; display: inline-block; vertical-align: top; }
.newsInclude .newsTxt{ width:780px; display: inline-block; }
.newsList{ width:100%; text-align: right; margin-top: 20px; }

.contact { position: relative; width:100%; z-index: 100; margin: 80px auto 40px auto; }
.contactBtn{ width:480px; margin: 0 auto; }
.contactBtn img{ width:100%; }
.twBtn{ width:350px; margin: 80px auto 20px auto; }
.twBtn img{ width:100%; }

.relationBnr { position: relative; width:100%; z-index: 100; margin: 40px auto 20px auto; }
.relationBnr01{ width:1000px; margin: 0 auto; text-align: left; }
.relationBnr02{ width:235px; margin: 0.7% 0.5%; display: inline-block; }
.relationBnr02 img{ width:100%; }

.awardTitle{ line-height: 180%; width: 120px; font-size: 120%; border-bottom: 2px solid #ffffff; margin-top: 20px; margin-bottom: 10px; text-align: center; }
.awardTitle_txt{ width:100%; line-height: 200%; }

.awardTitle02{ line-height: 180%; width: 65px; font-size: 120%; border-bottom: 2px solid #ffffff; margin-top: 20px; margin-bottom: 10px; text-align: center; }

.minasama{ font-size: 140%; margin-bottom: 0.5%; }

.kakomi-triple1 {
 position: relative;
 width: 95%;
 margin-top : 20px;
 padding: 25px 20px 20px 25px;
 z-index: 0;
line-height: 200%;
}
.kakomi-triple1::before,
.kakomi-triple1::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.kakomi-triple1::before {
 border: 1px solid #333551; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: 1;
}
.kakomi-triple1::after {
 border: 1px solid #333551; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: 2;
}


.popup-modal{ font-size:120%;  margin-top: 50%; width:50%;background: rgba(0,36,101,0.5);padding:20px;color:#fff;text-align:center;margin:0 auto;border: solid 1px #626486 !important;}
.popup-modal{color:#fff !important;}
.popup-modal:hover{background-color: rgba(0,36,101,0);cursor:pointer;}

.year{ display:inline-block; font-size: 100%; width:80px; }
.yearTxt{ display: inline-block; font-size: 100%; width: 900px; margin-bottom: 5px; }

.twitterWrap{ width:600px; margin: 5% auto; }

.messagePhoto{ width:325px; margin-right: 15px; display: inline-block; vertical-align: top; margin-bottom: 15px;}
.messagePhoto img{ width:100%; }
.messageTxt{ display: inline-block; width:577px; }

@media screen and (max-width:640px){
.pcOnly{display:none;}
.spOnly{display:block;}
h2 img {
    max-width: 40%;
}
	
h2:before, h2:after {
    content: '';
    position: absolute;
    top: 45%;
    display: inline-block;
    width: 25%;
    height: 6px;
    border-top: solid 2px #c6c6c6;
    border-bottom: solid 2px #c6c6c6;
}
	
.main { position: relative; width:100%; margin-top: 50px; margin: 0 auto; z-index: 200; background: url(../img/index/mainBg.jpg) no-repeat top center; text-align: right; height: 45vh; }
.mainImg{ max-width:1402px; margin: 0 5% 0 auto; }
.main img{ width:100%; }

ul {
  margin: 0;
  padding: 0;
}

/* スライドショーCSSここから*/
.slideshow02 {
  list-style-type: none;
  position: relative;
  margin: 0 5%;
  padding-top: 12%;
}

.slideshow02 > li {
  opacity: 0;
  position: absolute;
  transition: opacity 3s ease-in-out;
}

.slideshow02 > li.showSlide02 {
  opacity: 1;
}

.slideshow02 > li > img {
  width : 100%;
  height: auto;
}

#profile { position: relative; width:90%; z-index: 100; margin: 8% auto; }
.profileTitle{ line-height: 120%; color: #f6f6f6; background: -webkit-linear-gradient(top, #c6c6c6 0%, #ffffff 50%, #c6c6c6 51%, #d3d3d3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 160%; font-weight: bold; margin-bottom: 2%; }
.profileTxt { font-size:100%; width:100%; line-height: 160%; display: inline-block; margin-right: 15px; }
.profilePhoto { width:100%; line-height: 160%; display: inline-block; vertical-align: top; margin-top: 5%; }
.profilePhoto img{ width:100%; }
.profile01{ border-bottom:1px solid #333551; padding-bottom: 50px; }

.news { position: relative; width:100%; z-index: 100; margin: 10% auto; }
.news img{ width:230px; }

.newsInclude{ width:90%; margin: 3% auto 5% auto; font-size:100%; }
.newsInclude iframe{ width:100%; }
.newsInclude li{ width:100%; border-bottom: 1px solid #333551; padding: 20px 0; }
.newsInclude .day{ width:180px; margin-right: 10px; display: inline-block; }
.newsInclude .newsTxt{ width:100%; display: inline-block; }
.newsList{ width:100%; text-align: right; margin-top: 20px; }

.contact { position: relative; width:90%; z-index: 100; margin: 10% auto 0 auto; }
.contactBtn{ width:100%; margin: 0 auto; }
.contactBtn img{ width:100%; }
.twBtn{ width:80%; margin: 15% auto 5% auto; }
.twBtn img{ width:100%; }

.relationBnr { position: relative; width:100%; z-index: 100; margin: 40px auto 20px auto; }
.relationBnr01{ width:90%; margin: 0 auto; text-align: left; }
.relationBnr02{ width: 47%; margin: 2% 1%; display: inline-block; }
.relationBnr02 img{ width:100%; }

.awardTitle{ line-height: 180%; width: 120px; font-size: 120%; border-bottom: 2px solid #ffffff; margin-top: 20px; margin-bottom: 10px; text-align: center; }
.awardTitle_txt{ width:100%; line-height: 200%; font-size: 90%; }

.awardTitle02{ line-height: 180%; width: 65px; font-size: 120%; border-bottom: 2px solid #ffffff; margin-top: 20px; margin-bottom: 10px; text-align: center; }

.minasama{ font-size: 140%; margin-bottom: 0.5%; }

.kakomi-triple1 {
 position: relative;
 width: 85%;
 margin-top : 20px;
 padding: 25px 20px 20px 25px;
 z-index: 0;
line-height: 200%;
 font-size: 90%;
}
.kakomi-triple1::before,
.kakomi-triple1::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.kakomi-triple1::before {
 border: 1px solid #333551; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: 1;
}
.kakomi-triple1::after {
 border: 1px solid #333551; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: 2;
}


.popup-modal{ font-size:100%;  margin-top: 50%; width:50%;background: rgba(0,36,101,0.5);padding:20px;color:#fff;text-align:center;margin:0 auto;border: solid 1px #626486 !important; width: 87%;}
.popup-modal{color:#fff !important;}
.popup-modal:hover{background-color: rgba(0,36,101,0);cursor:pointer;}
	
.year{ display:inline-block; font-size: 100%; width:20%; vertical-align: top; line-height: 140%; }
.yearTxt{ display: inline-block; font-size: 100%; width: 80%; margin-bottom: 3%; line-height: 140%; }

.twitterWrap{ width:100% !important; margin: 5% auto; }
.twitter_wrap {
    min-height: 300px;
	width:90% !important;
}
	
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;
}
	
}

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

.pcOnly{display:none;}
.spOnly{display:block;}
	
h2 img {
    max-width: 40%;
}
	
h2:before, h2:after {
    content: '';
    position: absolute;
    top: 45%;
    display: inline-block;
    width: 25%;
    height: 6px;
    border-top: solid 2px #c6c6c6;
    border-bottom: solid 2px #c6c6c6;
}
	
.main { position: relative; width:100%; margin-top: 50px; margin: 0 auto; z-index: 200; background: url(none) no-repeat top center; text-align: right; margin-bottom: 20%; }
.mainImg{ max-width:1402px; margin: 0 5% 0 auto; }
.main img{ width:100%; }

ul {
  margin: 0;
  padding: 0;
}

/* スライドショーCSSここから*/
.slideshow02 {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding-top: 0;
}

.slideshow02 > li {
  opacity: 0;
  position: absolute;
  transition: opacity 3s ease-in-out;
}

.slideshow02 > li.showSlide02 {
  opacity: 1;
}

.slideshow02 > li > img {
  width : 100%;
  height: auto;
}

#profile { position: relative; width:90%; z-index: 100; margin: 8% auto; }
.profileTitle{ line-height: 120%; color: #f6f6f6; background: -webkit-linear-gradient(top, #c6c6c6 0%, #ffffff 50%, #c6c6c6 51%, #d3d3d3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 160%; font-weight: bold; margin-bottom: 2%; }
.profileTxt { font-size:100%; width:100%; line-height: 160%; display: inline-block; margin-right: 15px; }
.profilePhoto { width:80%; line-height: 160%; display: block; vertical-align: top; margin: 5% auto 0 auto; }
.profilePhoto img{ width:100%; }
.profile01{ border-bottom:1px solid #333551; padding-bottom: 50px; }

.news { position: relative; width:100%; z-index: 100; margin: 10% auto; }
.news img{ width:230px; }

.newsInclude{ width:90%; margin: 3% auto 5% auto; font-size:100%; }
.newsInclude iframe{ width:100%; }
.newsInclude li{ width:100%; border-bottom: 1px solid #333551; padding: 20px 0; }
.newsInclude .day{ width:180px; margin-right: 10px; display: inline-block; }
.newsInclude .newsTxt{ width:100%; display: inline-block; }
.newsList{ width:100%; text-align: right; margin-top: 20px; }

.contact { position: relative; width:90%; z-index: 100; margin: 10% auto 0 auto; }
.contactBtn{ width:100%; margin: 0 auto; }
.contactBtn img{ width:100%; }
.twBtn{ width:80%; margin: 15% auto 5% auto; }
.twBtn img{ width:100%; }

.relationBnr { position: relative; width:100%; z-index: 100; margin: 40px auto 20px auto; }
.relationBnr01{ width:90%; margin: 0 auto; text-align: left; }
.relationBnr02{ width: 47%; margin: 2% 1%; display: inline-block; }
.relationBnr02 img{ width:100%; }

.awardTitle{ line-height: 180%; width: 120px; font-size: 120%; border-bottom: 2px solid #ffffff; margin-top: 20px; margin-bottom: 10px; text-align: center; }
.awardTitle_txt{ width:100%; line-height: 200%; font-size: 90%; }

.awardTitle02{ line-height: 180%; width: 65px; font-size: 120%; border-bottom: 2px solid #ffffff; margin-top: 20px; margin-bottom: 10px; text-align: center; }

.minasama{ font-size: 140%; margin-bottom: 0.5%; }

.kakomi-triple1 {
 position: relative;
 width: 85%;
 margin-top : 20px;
 padding: 25px 20px 20px 25px;
 z-index: 0;
line-height: 200%;
 font-size: 90%;
}
.kakomi-triple1::before,
.kakomi-triple1::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.kakomi-triple1::before {
 border: 1px solid #333551; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: 1;
}
.kakomi-triple1::after {
 border: 1px solid #333551; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: 2;
}


.popup-modal{ font-size:100%;  margin-top: 50%; width:50%;background: rgba(0,36,101,0.5);padding:20px;color:#fff;text-align:center;margin:0 auto;border: solid 1px #626486 !important; width: 87%;}
.popup-modal{color:#fff !important;}
.popup-modal:hover{background-color: rgba(0,36,101,0);cursor:pointer;}
	
.year{ display:inline-block; font-size: 100%; width:20%; vertical-align: top; line-height: 140%; }
.yearTxt{ display: inline-block; font-size: 100%; width: 80%; margin-bottom: 3%; line-height: 140%; }

.twitterWrap{ width:100% !important; margin: 5% auto; }
.twitter_wrap {
    min-height: 300px;
	width:90% !important;
}
	
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;
}
	
.messagePhoto{ width:100%; margin-right: 0; display: inline-block; vertical-align: top; margin-bottom: 15px;}
.messagePhoto img{ width:100%; }
.messageTxt{ display: inline-block; width: 100%; }

}