@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    scroll-behavior: smooth;
}
.button {
  border-radius: 100px;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

.responsive {
  width: 100%;
}

body{
	font-size: 1.8em;
	font-family: 'Noto Sans Japanese';
}

h2 {
  font-size: 2em;
  line-height: 1.5 !important;
  margin-bottom: 1rem;
  text-align: center;
}

h3 {
  font-size: 1.6em;
  text-align: center;
  line-height: 1.5 !important;
}

h4 {
  text-align: center;
  font-size: 1.35em;
}


.nopc {
  display: none;
}

.nosp {
  display: block;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.alpha80 {
  background: rgba(255, 255, 255, 0.8);
}

.btn_end {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 30%;
    z-index: 1000;
    box-sizing: border-box;
}

img.btn_end {
    margin-bottom: 0 !important;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.bg-wh{
  background-color: #fff;
}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 4rem 0 3rem;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.contaioner {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.hero {
  padding: 0;
  text-align: center;
}

.section.hero .container{
	padding: 0;
	margin: 0 auto;
}

.hero {
  background: url(../images/header.jpg) no-repeat scroll center top, #fff;
  font-size: 0;
  background-size: cover;
	position: relative;
	z-index: 1;
}

.hero img{
	padding: 0;
	width: 100%;
}

.wrap{
  /*background: url(../images/bg_container.png) repeat-y center top;
  background-size: 100% auto;*/
  width: 974px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
@media (max-width: 974px) {

	.wrap{
		background-color: #fff;
		background-image: none;
	}
}

/* block1
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.block1{
background: url(../images/bg01.jpg) repeat center top;

}

.check1 {
  max-width: 880px;
  margin: 0 auto 30px;
}

ul#ico li {
  font-size: 2rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 500;
  text-indent: 0;
  padding-left: 1.7em;
  padding-bottom: 0.5em;
  /*border-bottom: 1px dotted #ccc;*/
  list-style: none;

}

ul#ico li::before {
  /*content: "⛩️ ";*/
}

ul#ico li {
  background-image: url('../images/check-green.png');
  background-position: top 0.25em left 0;
  background-repeat: no-repeat;
  background-size: 1.2em;
}

/* block2
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.block2 {
  background: url(../images/block2-bg.jpg) no-repeat fixed center top, #f7f7f7;
  background-size: cover;
}
/*.section.block2{
  padding-bottom: 0;
}*/

.bg02 {
  background: url(../images/block2-bg.jpg) no-repeat fixed center top, #fff;
}

/* block3
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.block3{
  /*padding-top: 0;*/
}
.block3 {
  background: url(../images/block3-bg.jpg) no-repeat fixed center top 10px;
 background-size: cover;
  color: #222;

}
/*.block3 .wrap {
	padding-top: 300px;
	margin-top: -300px;
}*/
.black-trbg{
	background: rgba(11,81,75,0.4);
	padding: 2em;
	color: #fff;
	box-sizing: border-box;
}

.subhead{
    background: url(../images/subhead.png) no-repeat center top -5px,url(../images/subhead_02.png) repeat-x center top -5px;
    height: 324px;

    width: 100%;
    margin-top: -10px;
  position: relative;
  z-index: 1;
}
.flex{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 241px;
}

/* block4
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.prof-wrap{
  background-color: #cecece;
  padding: 1em;
}
.prof-wrap .inner{
 background-color: #fff;
  padding: 1em;
}



/* block5
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.check2{
	padding: 2em;
	box-sizing: border-box;
	border: 3px solid #9ebc9c;
	margin-bottom: 30px;
}

ul#ico2{
	margin-bottom: 0;
}

ul#ico2 li {
  font-size: 2rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 500;
  text-indent: 0;
  padding-left: 1.7em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #ccc;
  list-style: none;
}

ul#ico2 li::before {
  /*content: "⛩️ ";*/
}

ul#ico2 li {
  background-image: url('../images/list-icon2.png');
  background-position: top 0.25em left 0;
  background-repeat: no-repeat;
  background-size: 1.2em;
}


/* block6
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.block6 {
  background: url(../images/block6-bg.jpg) no-repeat center top, #7b958a;
  background-size: cover;
}
.block6 h2{
  color: #fff;
}

.black-trbg2{
	background: rgba(0,0,0,0.3);
	padding: 2em;
	color: #fff;
	box-sizing: border-box;
}

.black-trbg2 h3{
	display: flex;
	background: #fff;
}

.black-trbg2 h3 .number{
	background: #c20503;
	padding: 5px 10px;
	box-sizing: border-box;
  white-space: nowrap;
}

.black-trbg2 h3 .naiyo{
	padding: 5px 10px;
	color: #222;
	box-sizing: border-box;
	text-align: left;
}

/* block7
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*開催スケジュール*/
.detail table.tb01, .detail table.tb02 {
  width: 100%;
  margin: 0 auto 30px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.detail table.tb01 th {
  padding: 1rem;
  text-align: center;
  background-color: #c20503;
  color: #fff;
  border-left: 1px solid #fff;
}

.detail table.tb01 th:first-child {
  border-left: 1px solid #ccc;
}

.detail table.tb01 td {
  padding: 1rem;
  text-align: center;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


.detail table.tb02 th {
  padding: 1rem;
  text-align: left;
  background-color: #c20503;
  color: #fff;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  width: 20%;
}

.detail table.tb02 th:last-child {
  border-bottom: 1px solid #ccc;
}

.detail table.tb02 td {
  padding: 1rem;
  text-align: left;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/* block8
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.block8 {
  background: url(../images/block8-bg.jpg) no-repeat center top, #7b958a;
  background-size: cover;
}
.black-trbg2 h3 .number.bg-green{
  background-color: #306D6F;
  white-space:nowrap
}

/* footer
-------------------------------------------------- */
.footer {
  color: #222;
  background-color: #d1d1d1;
  /* IE8用 上の「#footer{background: #d1d1d1;}」とセット*/
  background: linear-gradient(#d1d1d1, #e3e3e3);
  background: -moz-linear-gradient(top, #d1d1d1, #e3e3e3);
  /* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#e3e3e3));
  /* Safari,Google Chrome用 */
  padding-bottom: 60px !important;
}

.footer #f-logo {
  width: 100px;
  margin-right: 15px;
  float: left;
}

.footer #f-menu {
  float: left;
  margin-top: 5px;
}

.footer a {
  color: #222;
}

.footer a:hover {
  color: #C00;
}
.d-shadow{
  filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.5))
}
.pt0{
  padding-top: 0;
}

.f0{
  font-size: 0;
}

@media (min-width: 600px) {
  .container {
    max-width: 960px;
    padding: 1em 2em;
    width: 95%;
    margin-left: 2.5%;
	margin-right: 2.5%;
  }
}

/*block-form
-----------------------------------------*/
.block-form form{
	padding-top: 30px;
}
.block-form input[type="mail"] {
  width: 680px;
max-width: 100%;
  height: 80px;
  font-size: 1.8em;
  padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 10px;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .2);
}

.block-form input[type="mail"]:focus{
  outline: 0;
}

.alpha:hover{
  opacity: 0.8;
  transition: 0.2s;
}

.alpha button {
  border: none;
  background: none;
padding: 0;
height: auto;
}

.block-form p{
  font-size: 1.4em;
}
.block-form .hissu{
background-color: #ea3c3d;
    color: #fff;
    padding: 0.2em 0.4em;
    border-radius: 8px;
}

.check.bg-glay{
  background-color: #eee;
  padding: 1em;
}

.check ul{
  background-color: #fff;
  padding: 1em;
  margin: 0;
  list-style: none;
}

.check ul.ico li{
  font-size: 1.13em;
  /*font-weight: bold;*/
  /*font-size: 2.4rem;
  font-weight: 500;*/
background: url(../images/list-ico.png)no-repeat left top 8px;
background-size: 24px;
border-bottom: 1px dashed #ccc;
padding: 5px 0 5px 40px;
}


.attention-box {
  /*background-color: #eee;*/
  border: 5px solid #e00000;
  /*background-image: repeating-linear-gradient(45deg, #e00000, #e00000 8px, transparent 8px, transparent 16px);
  padding: 0.5em;*/
  
}
.attention-box div {
  background-color: #fff;
  padding: 0.75em;
}