@charset "utf-8";
@media screen and (max-width: 768px) {
  #wrapper {
    min-height: auto;
    position: relative;
    background-image: url("../images/bg_header.png"), url("../images/bg_mv.jpg");
    background-repeat: no-repeat;
    background-position: top center, top left;
    background-size: 100% 8vh, 200% auto;
    margin-bottom: 0px;
  }
  #title {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0vh auto 5.0vh;
  }
  #title h2 {
    font-size: 6.0vw;
    line-height: 1.8em;
  }
  #c_container {
    clear: both;
    width: 100%;
    margin: 0px auto 2.0vh;
  }
  /*パンくずリスト*/
  .tree {
    font-size: 3.4vw;
    letter-spacing: 0.3vw;
    margin: 5.3vw 5.3vw 0;
  }
  .tree ul {
    display: flex;
    column-gap: 5.5vw;
    flex-wrap: wrap;
    row-gap: 2vw;
  }
  .tree ul li {
    position: relative;
  }
  .tree ul li::before {
    content: ">";
    position: absolute;
    color: #c1c6ca;
    right: -4.0vw;
    top: 0px;
  }
  .tree ul li:last-child::before {
    display: none;
  }
  .tree ul li a {
    color: #565656;
  }
    /*=============================
　　　　yomigaeri method
    ===============================*/
    #method {
        clear: both;
        width: 100%;
        margin: 0px auto 3.5vh;
    }
    #method section {
        width: 90%;
        margin: 0px auto 4.0vh;
    }
    .h1_first {
        width: 98%;
        font-size: 5.2vw;
        line-height: 1.2em;
        margin: 1.4vh auto 3.0vh;
    }
    #method section h2 {
        font-size: 4.5vw;
        line-height: 1.4em;
        padding: 2.5vh 0px;      
        margin: 0px auto 2.0vh;
        border-radius: 2.0vw;
    }
    #method section p {
        font-size: 4.0vw;
        line-height: 1.6em;
        margin: 0px auto 1.5vh;
    }
    #method section p .impact {
        font-size: 4.2vw;
    }
    #method .flex_me {
        display: block;
        width: 100%;
        justify-content: space-between;
    }
    #method .flex_me .fm_text {
        width: 100%;
    }
    #method .flex_me .fm_photo {
        width: 100%;
    }
    #method .flex_me .fm_photo img {
         display: block;
        width: 100%;
        height: auto;
    }
    
    
    #method section ul {
        width: 96%;
        margin: 0px auto 1.5vh;
    }
    #method section ul li {
        font-size: 3.8vw;
        line-height: 1.6em;
    }
    #method section ul li::before {
        margin-right: 0.6vw;
    }
    
    
    
    
  /*=============================
　　　　policy
===============================*/
  #privacy_list {
    padding: 6.0vw 0 6.0vw;
    font-size: 3.8vw;
    line-height: 2.0;
  }
  #privacy_list .inner {
    width: 100%;
    padding: 0 8.3vw;
    box-sizing: border-box;
    text-align: justify;
  }
  #privacy_list .inner .privacy_box {
    margin: 0 0 10.6vw;
  }
  #privacy_list .inner .privacy_box .text {
    margin: 0 0 4.7vw;
  }
  #privacy_list .inner .privacy_box .pra_numlist {}
  #privacy_list .inner .privacy_box .pra_numlist li {
    padding: 0 0 0 8.3vw;
    margin: 0 0 0.67vw;
  }
  #privacy_list .inner .privacy_box .pra_numlist li::before {
    left: -1.0vw;
  }
  #privacy_list .inner .privacy_box dl dt {
    font-size: 4.7vw;
    line-height: 1.4;
    padding: 0 0 4.3vw 6.0vw;
    margin: 0 0 3.7vw;
  }
  #privacy_list .inner .privacy_box:nth-child(n + 11) dl dt {
    padding: 0 0 4.3vw 9.3vw;
  }
  #privacy_list .inner .privacy_box dl dt span {
    position: absolute;
    display: inline-block;
    margin: 0 1.3vw 0 0;
    top: 0;
    left: 0;
  }
  #privacy_list .inner .privacy_box .pra_dotlist li {
    position: relative;
    padding: 0 0 0 4.0vw;
  }
  #privacy_list .inner .privacy_box .pra_dotlist li::before {}
  #privacy_list .inner .privacy_box .pra_dotlist li a {
    color: #333;
    overflow-wrap: break-word;
  }
  #privacy_list .inner .privacy_box .pra_dotlist li a:hover {
    color: #677f6a;
  }
  #privacy_list .inner .privacy_box .pra_numlist_end li {
    padding: 0 0 0 8.3vw;
    margin: 0 0 0.67vw;
  }
  #privacy_list .inner .privacy_box .pra_numlist_end li::before {
    left: -0.9vw;
  }
  #privacy_list .inner .privacy_box .address_box {
    padding: 5.3vw;
  }
  #privacy_list .inner .privacy_box .bold {
    font-size: 4.0vw;
    line-height: 1.4;
    margin-bottom: 2.4vw;
  }
  #privacy_list .inner .privacy_box .small {
    font-size: 3.7vw;
  }
  /*=============================
　　　　404(notfound)
===============================*/
  #notfound {
    padding-top: 4vw;
  }
  #notfound #return {
    padding: 6.0vw 0 10vw;
  }
  #notfound #return .inner {
    width: calc(100% - 10.6vw);
    margin: 0 auto;
  }
  #notfound #return .inner .text_area {
    padding: 0 0 12.0vw;
  }
  #notfound #return .inner .text_area .lead_text {
    font-size: 3.7vw;
    line-height: 2.1;
    letter-spacing: 0.3vw;
    text-align: justify;
  }
  .button_a {
    width: calc(100% - 21.2vw);
  }
  .button_a::before {
    width: 13.0vw;
    transition: all 0.3s ease;
  }
  /*=============================
　　　　news top
===============================*/
  #encircle {
    padding: 5.0vh 0 6.0vh;
  }
  #encircle .inner {
    width: calc(100% - 10.6vw);
  }
  #encircle .inner .menu_area {
    display: flex;
    flex-direction: column;
    gap: 4.3vw;
    margin: 0 0 11.3vw;
  }
  #encircle .inner .menu_area .left_box h3 {
    font-size: 5.3vw;
    letter-spacing: 0.5vw;
    font-weight: 500;
  }
  #encircle .inner .menu_area .right_box {
    width: 100%;
    justify-content: space-between;
    gap: calc(100% - 96%);
  }
  #encircle .inner .menu_area .right_box select {
    width: 48%;
    height: 11.7vw;
    border: 0.15vw solid #ccc;
    font-size: 4.2vw;
    padding: 0 3.8vw;
  }
  #encircle .inner .menu_area .right_box select option {
    color: #888;
    font-size: 3.7vw;
  }
  #encircle .inner .list_area {
    width: 100%;
  }
  #encircle .inner .list_area .list {
    column-gap: 0;
    grid-row-gap: 11.3vw;
  }
  #encircle .inner .list_area .list .card {
    width: 100%;
  }
  #encircle .inner .list_area .list .card a {
    gap: 0;
    width: 100%;
  }
  #encircle .inner .list_area .list .card a .image_wrap {
    width: auto;
    height: 60vw;
  }
  #encircle .inner .list_area .list .card a .image_wrap img {}
  #encircle .inner .list_area .list .card a > p {
    display: flex;
    gap: 2.7vw;
    align-items: center;
    margin: 4.2vw 0 0;
  }
  #encircle .inner .list_area .list .card a > p .date {
    font-size: 4.3vw;
    letter-spacing: 0.3vw;
  }
  #encircle .inner .list_area .list .card a > p .cat {
    font-size: 3.8vw;
    letter-spacing: 0.3vw;
    padding: 1.0vw 2.0vw 1.2vw;
  }
  #encircle .inner .list_area .list .card a .ntitle {
    font-size: 4.3vw;
    letter-spacing: 0.3vw;
  }
  /*=============================
　　　　news detail
===============================*/
  #news_detail #encircle {
    padding: 5.0vh 0 6.0vh;
  }
  #news_detail #encircle .inner {
    width: calc(100% - 10.6vw);
  }
  #news_detail #encircle .inner .title_area {
    gap: 3.8vw;
    padding: 0 0 9.3vw;
    margin: 0 0 10.0vw;
  }
  #news_detail #encircle .inner .title_area:before, #news_detail #encircle .inner .title_area:after {
    height: 0.15vw;
  }
  #news_detail #encircle .inner .title_area:before {}
  #news_detail #encircle .inner .title_area:after {
    width: 20vw;
  }
  #news_detail #encircle .inner .title_area p {
    gap: 20px;
  }
  #news_detail #encircle .inner .title_area p .date {
    font-size: 3.7vw;
    letter-spacing: 0.3vw;
  }
  #news_detail #encircle .inner .title_area p .cat {
    font-size: 14px;
    letter-spacing: 0.3vw;
    padding: 4px 10px 5px;
  }
  #news_detail #encircle .inner .title_area h3 {
    font-size: 5.2vw;
    letter-spacing: 0.3vw;
  }
  #news_detail #encircle .inner .article_area {
    gap: 0 0 10.6vw;
    margin: 0 0 11.2vw;
  }
  #news_detail #encircle .inner .article_area img {}
  #news_detail #encircle .inner .article_area p {
    font-size: 3.7vw;
    line-height: 2.0;
    letter-spacing: 0.3vw;
  }
  #news_detail #encircle .button_a {
    font-size: 4.2vw;
    /*margin: 0 auto;*/
    letter-spacing: 0.5vw;
    width: calc(100% - 21.6vw)
  }
  /*=============================
　　　　thanks
===============================*/
  #thanks {
    padding: 18.0vw 0 20.7vw;
  }
  #thanks .inner {
    width: calc(100% - 10.6vw);
    margin: 0 auto;
  }
  #thanks .inner > p {
    font-size: 3.7vw;
    letter-spacing: 0.3vw;
    text-align: justify;
    margin: 0 auto 12.0vw;
  }
  .hurry_area {
    padding: 9.3vw 5.3vw;
    margin: 0 auto 13.3vw;
    width: 100%;
    border-radius: 4.0vw;
  }
  .hurry_area .hurry_text {
    font-size: 4.3vw;
    letter-spacing: 0.3vw;
    padding-bottom: 6.7vw;
    margin-bottom: 6.7vw;
  }
  .hurry_area .hurry_text::before {
    height: 0.3vw;
  }
  .hurry_area .hurry_text::after {
    width: 30%;
    height: 0.3vw;
  }
  .hurry_area .contact_info {
    flex-direction: column;
    gap: 2.7vw;
  }
  .hurry_area .contact_info p {
    color: #565656;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.5vw;
    font-size: 3.7vw;
  }
  .hurry_area .contact_info a {
    font-size: 6.0vw;
  }
  .hurry_area .contact_info a img {
    width: 60vw;
  }
  /*=============================
　　　　pagenavi
===============================*/
  .wp-pagenavi .nav-links {
    flex-wrap: wrap;
    column-gap: 2vw;
    row-gap: 2vw;
    margin-top: 18vw;
  }
  .wp-pagenavi .nav-links a, .wp-pagenavi .nav-links span {
    font-size: 4vw;
    width: 11vw;
    height: 11vw;
    padding: 0 0;
    line-height: 11vw;
  }
  .wp-pagenavi .nav-links a.prev {
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.prev:hover {
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.next {
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.next:hover {
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.previouspostslink {
    background: url("../images/news/ic_prev.svg") no-repeat center;
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.previouspostslink:hover {
    background: url("../images/news/ic_prev.svg") no-repeat center, #d7ece3;
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.nextpostslink {
    background: url("../images/news/ic_next.svg") no-repeat center;
    background-size: 2.2vw;
  }
  .wp-pagenavi .nav-links a.nextpostslink:hover {
    background: url("../images/news/ic_next.svg") no-repeat center, #d7ece3;
    background-size: 2.2vw;
  }
	
	 /*=============================
　　　　404(notfound)
===============================*/
  #notfound {
    padding-top: 4vw;
  }
  #notfound #return {
    padding: 6.0vw 0 10vw;
  }
  #notfound #return .inner {
    width: calc(100% - 10.6vw);
    margin: 0 auto;
  }
  #notfound #return .inner .text_area {
    padding: 0 0 12.0vw;
  }
  #notfound #return .inner .text_area .lead_text {
    font-size: 3.7vw;
    line-height: 2.1;
    letter-spacing: 0.3vw;
    text-align: justify;
  }
	/*=============================
　　　　thanks
===============================*/

#thanks {
	padding: 18.0vw 0 20.7vw;
}
#thanks .inner {
	width: calc(100% - 10.6vw);
	margin: 0 auto;
}
#thanks .inner > p {
	font-size: 3.7vw;
	letter-spacing: 0.3vw;
	text-align: justify;
	margin: 0 auto 12.0vw;
}
.hurry_area {
	padding: 9.3vw 5.3vw;
	margin: 0 auto 13.3vw;
	width: 100%;
    border-radius: 4.0vw;
}
.hurry_area .hurry_text {
	font-size: 4.3vw;
	letter-spacing: 0.3vw;
	padding-bottom: 6.7vw;
	margin-bottom: 6.7vw;
}
.hurry_area .hurry_text::before {
	height: 0.3vw;
}
.hurry_area .hurry_text::after {
	width: 30%;
	height: 0.3vw;
}

.hurry_area .contact_info {
	flex-direction: column;
	gap: 2.7vw;
}
.hurry_area .contact_info p {
	color: #565656;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.5vw;
	font-size: 3.7vw;
}
    .hurry_area .contact_info a {
        font-size: 6.0vw;
    }
    .hurry_area .contact_info a img {
	width: 60vw;
}
	
	
}