@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

:root {
	--base-color: #00284b;
	--accent-color: #c4d700;
	--ja: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	--en:'Anton', sans-serif;
}

#top-Header{
    display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
    padding:80px;
    width:100%;
    height:calc(100% - 80px);
    color:#fff;
    text-align: center;
    background:url(../img/yotei.jpg) no-repeat 50% bottom;
    background-size:cover;
    box-sizing:border-box;
}

#top-Header__title{
    font-size:4.8rem;
    font-family:var(--en);
  color          : #ffffff;
  text-shadow    : 
       3px  3px 2px #3589ec,
      -3px  3px 2px #3589ec,
       3px -3px 2px #3589ec,
      -3px -3px 2px #3589ec,
       3px  0px 2px #3589ec,
       0px  3px 2px #3589ec,
      -3px  0px 2px #3589ec,
       0px -3px 2px #3589ec;
}

#top-Header__text{
    font-size:3.2rem;
    line-height:1.2;
    margin:1.5em 0 2em;
  color          : #ffffff;
  text-shadow    : 
       3px  3px 2px #5e82af,
      -3px  3px 2px #5e82af,
       3px -3px 2px #5e82af,
      -3px -3px 2px #5e82af,
       3px  0px 2px #5e82af,
       0px  3px 2px #5e82af,
      -3px  0px 2px #5e82af,
       0px -3px 2px #5e82af;
}

.text-with-strike {
  font-size: 2.5rem;
  line-height: 1.2;
  margin: 0;
  color: #ffffff;
  position: relative;
}

.text-with-strike::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translateY(-50%);
  z-index: -1;
}

.text-with-strike span {
  font-size: 2.5rem;
  display: inline-block;
  position: relative;
}

.text-with-strike span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #f00;
  transform: translateY(-50%);
  z-index: -1;
}

.text-with-strike span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  width: 100%;
  height: 1px;
  background-color: #f00;
  transform: translateY(50%);
}

.text-with-strike del {
  font-size: 2.5rem;
  text-decoration: line-through;
  text-shadow: 3px 3px 2px #5e82af,
              -3px 3px 2px #5e82af,
              3px -3px 2px #5e82af,
              -3px -3px 2px #5e82af,
              3px 0px 2px #5e82af,
              0px 3px 2px #5e82af,
              -3px 0px 2px #5e82af,
              0px -3px 2px #5e82af;
}

#top-Header__text3{
    font-size:3.2rem;
    line-height:1.2;
    margin:0 0 2em 0;
  color          : #FF0000;
  text-shadow    : 
       3px  3px 2px #ffffff,
      -3px  3px 2px #ffffff,
       3px -3px 2px #ffffff,
      -3px -3px 2px #ffffff,
       3px  0px 2px #ffffff,
       0px  3px 2px #ffffff,
      -3px  0px 2px #ffffff,
       0px -3px 2px #ffffff;
}

#top-Header__button{
    display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
    width:100%;
    max-width:480px;
    height:130px;
    margin:0 auto;
    background:var(--accent-color);
    border-radius:50px;
    transition:all 0.2s ease-out;
}

#top-Header__button:hover{ background:var(--base-color);}

#top-Header__button span{
    display:block;
    color:#fff;
    font-size:3rem;
    font-weight: bold;
    line-height: 1;
}

#top-Header__button small{
    display: block;
    font-size:1.6rem;
    line-height: 1.2;
    margin-top:.3em;
  letter-spacing: -1px;
}


.top-NewsList{
    width:100%;
    max-width:640px;
    margin:0 auto;
}

.top-NewsItem{
    width:100%;
    padding-bottom: 20px;
    border-bottom:1px solid #e6e6e6;
}

.top-NewsItem + .top-NewsItem{ margin-top:20px;}

.top-NewsItem__date{
    width:170px;
    font-size:1.6rem;
    color:#333;
}

.top-NewsItem__title{
    width:calc(100% - 170px);
    font-size:1.8rem;
    color:#000;
}
.top-NewsItem__title a {
	font-size: 1.6rem;
}
.F00 {
	color:#F00;
	font-size: 100%;
}
.strike {
	text-decoration: line-through;
	font-size: 100%;
}
.sp_dis {
  display: none;
}
/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

@media screen and (min-width: 835px){

    html,body,
    #wrap,#header{ height:100%;}

    #header{ min-height:800px;}

}


/* TABLET */
@media screen and (max-width: 834px){

    #top-Header{
        padding:80px 60px;
        height:auto;
    }

    #top-Header__title{ font-size:3.6rem;}
    #top-Header__text{ font-size:2.6rem;}

    #top-Header__button{
        max-width:360px;
        border-radius:40px;
    }
    #top-Header__button span{ font-size:2.3rem;}

    #top-Header__button small{ 
      font-size:1.4rem;
    letter-spacing:normal;
    }

    .top-NewsList{ max-width:480px;}

    .top-NewsItem{ padding-bottom:16px;}
    .top-NewsItem + .top-NewsItem{ margin-top:16px;}

    .top-NewsItem__date{
        width:130px;
        font-size:1.4rem;
    }

    .top-NewsItem__title{
        width:calc(100% - 130px);
        font-size:1.6rem;
    }

    .sp_dis {
      display:block;
    }
}


/* SP */
@media screen and (max-width: 480px){

    #top-Header{ padding:80px 30px 60px; }

    #top-Header__button span,
    #top-Header__title{ font-size:2.6rem;}
    #top-Header__text{ font-size:1.8rem;}

    #top-Header__button{
        max-width:280px;
        border-radius:35px;
    }
    #top-Header__button span{ 
      font-size:2rem;
  letter-spacing: -1px;}

    #top-Header__button small{ font-size:1.2rem;}

    .top-NewsItem{ padding-bottom:14px;}
    .top-NewsItem + .top-NewsItem{ margin-top:14px;}

    .top-NewsItem__date{
        width:120px;
        font-size:1.3rem;
    }

    .top-NewsItem__title{
        width:calc(100% - 120px);
        font-size:1.4rem;
    }
}
.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}
.mt40 {
	margin-top: 40px;
}
.pointer_none{
  pointer-events: none;
}

.top-Header_txtbox {
  width:100%;
  max-width:640px;
  margin:20px auto 40px auto;
}
.top-Header_txtbox p.p01 {
	font-size: 2rem;
	text-align: center;
	margin-bottom: .5rem;
}
.top-Header_txtbox p.p02 {
	font-size: 1.5rem;
	text-align: left;
}

.fw-bold {
	font-weight: bold;
}
.text-center {
	text-align: center;
}
.mb-2 {
	margin-bottom: .5rem;
}
.mb-3 {
	margin-bottom: 1rem;
}
.mb-4 {
	margin-bottom: 2.5rem;
}
.mb-5 {
	margin-bottom: 5rem;
}
.ms-3 {
	margin-left: 1rem;
}
.ms-4 {
	margin-left: 2.5rem;
}
.ms-5 {
	margin-left: 5rem;
}

.clm-Section__subtitle{
    font-weight: bold;
    font-size:2.8rem;
    margin-bottom: 1.2em;
    color:var(--base-color);
}

.clm-Section__subtitle small{
    font-size:1.4rem;
    vertical-align: middle;
    padding-left: .5em;
    line-height: 1;
}
@media screen and (max-width: 834px){
    .clm-Section__subtitle{ font-size:2.1rem;}
    .clm-Section__subtitle small{ font-size:1.4rem;}
}
@media screen and (max-width: 480px){
    .clm-Section__subtitle{ font-size:2rem;}
    .clm-Section__subtitle small{ font-size:1.2rem;}
}
.clm-Section__subtitle2 {
	font-weight: bold;
	color: #00643A;
	font-size: 1.8rem;
}

.clm-list{ width:47.5%;}
.clm-list li{
    text-indent:-1em;
    padding-left: 1em;
}
.clm-list li::before{ content:"・";}

@media screen and (max-width: 834px){
    .clm-list{ width:100%;}
}