@charset "UTF-8";
/*==================================

  mobile

==================================*/
.pc {
  display: block; }

.sp {
  display: none; }

@media (max-width: 767px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  .mv {
    height: 100%; }

  body {
    line-height: 1.5;}

  header {
    padding: 15px;
    height: 73px;
    position: fixed;
    width: 100%; 
	 background: #fff;}
    header.fixed {
      background: #FBFBFB; }

  header h1 {
    max-width: 180px;
    padding-top: 6px; }

  .drawer-hamburger {
    top: 18px; }

  .drawer-menu li {
    border-bottom: 1px solid #ccc; }
    .drawer-menu li a {
		color: #13336A;
		display: block;
      padding: 15px 10px; }
    .drawer-menu li:last-child {
      border-bottom: none; }
    .drawer-menu li .head_sns {
      justify-content: center; }
      .drawer-menu li .head_sns li {
        border-bottom: none; }
    .drawer-menu li h2 {
      margin-top: 40px;
      font-size: 16px;
      position: relative;
      padding-left: 10px; }
      .drawer-menu li h2::before {
        content: "";
        background-image: linear-gradient(to right, #707070, #707070 3px, transparent 3px, transparent 5px);
        background-size: 8px 1px;
        background-repeat: repeat-x;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px; }
    .drawer-menu li div li {
      border-bottom: none; } }
/* スマホ */
@media (max-width: 767px) {
  /* top */
  .mv_txt {
    padding: 0 15px; }

  .mv_item ul li {
    width: 48%; }
    .mv_item ul li:nth-child(3), .mv_item ul li:nth-child(4), .mv_item ul li:last-child {
      display: none; }
    .mv_item ul li .mv_item_txt {
      bottom: 5px; }

  .round_btn {
    width: 160px;
    height: 160px; }

  aside {
    display: none; }

  main {
    width: 100% !important;
    padding: 0 15px; }

  .h2_line {
    margin: 40px 0; }

  .main_item_list li {
    width: 48%;
    margin-bottom: 40px; }
    .main_item_list li .main_item_list_txt {
      padding-top: 15px; }
      .main_item_list li .main_item_list_txt p {
        width: 90%; }

  .shop_contents ul {
    padding: 0 15px; }
    .shop_contents ul li {
      border: none;
      width: 50%; }
      .shop_contents ul li:nth-child(even) {
        border-left: 1px solid #707070; }

  .footer_nav {
    display: none; }

  .footer .footer_nav2 {
    flex-wrap: wrap;
    margin: 30px 20px; }
    .footer .footer_nav2 li {
      width: 50%; }

  .mv2 {
    height: 80px;
    margin-top: 73px; }
    .mv2 .mv_inner2 {
      height: 80px; }

  .ab_txt h2 {
    font-size: 5.5vw;
    margin-bottom: 40px; }

  .about_box section {
    margin-bottom: 40px; }

  p {
    margin-bottom: 30px; }

  .ab_txt dl {
    margin-left: 10%; }

  .ab_img {
    margin-bottom: 40px; }

  .ab_txt dl dd {
    font-size: 3.5vw; }

  .topics_main {
    flex-wrap: wrap;
    margin-bottom: 60px; }
    .topics_main .topics_main_img {
      width: 100%;
      margin-bottom: 15px; }
    .topics_main .topics_main_txt {
      width: 100%; }

  .contact_form table {
    margin-bottom: 40px; }
    .contact_form table th {
      display: block;
      width: 100%;
      text-align: left; }
    .contact_form table td {
      display: block;
      width: 100%;
      padding-left: 0; }

  .contact_form > p {
    margin-bottom: 40px; }

  .contact_form .btn1 {
    padding-left: 0;
    width: 100%;
    text-align: center; }

  .company_set .company_img {
    margin-bottom: 60px; } }
/* 202106追加　タブレット対応 */
@media screen and (min-width:768px) and ( max-width:1024px) {
	.btn3{
		min-width: 180px; }
	.footer_menu{
		padding: 0 15px;	}
	.top_header > .contents .nav2{
		margin-left: 0px; }
	.top_header > .contents .nav2 li{
		width: 50%;	}
	.head_ttl h2{
		width: 60%;	}
}

/* 202106追加　スマホ横向き対応 */
@media screen and (min-width:500px) and ( max-width:768px) {
	.sph-btn{
		margin-left: 70%!important; }
}

/* 202106追加　スマホ対応 */
@media (max-width: 767px) {
/* 共通 */
	.mt100{
		margin-top: 60px !important; }
	.mt180 {
  margin-top: 130px !important; }
	.spmt-30{
		margin-top: -60px!important;}
/* ヘッダー */
	header{
	height: 130px; }
	
	.head_ttl {
  display: block;
  padding: 0; }
	
	.head_ttl img{
	max-width: 80%;	
	}
	
	.head_ttl h2 {
   margin: 10px 0; 
	font-size: 14px; }
	
	.sph-contents{
	position: absolute;	}

	.sph-btn {
		display: flex; 
		margin-left: 55%}
	
	.sph-icon{
		width: 35px; 
		margin-right: 20px; }
	
	.sph-icon2{
		width: 40px; }
	
	.sph-btn a{
		position: relative;
		top: -80px; }
	
/* フッター*/
	footer{
		margin-top: 60px; }
	
	footer nav{
		margin-top: 60px; }

	 footer .two_txt {
    width: 100%;
	 display: block;}
	
	 footer .two_txt .two_img {
		 width: 100%;
    margin: 30px auto 30px;
		 text-align: center; }

	  footer .two_link {
    width: 100%;
	margin-top: 30px;}
	
	  footer nav.menu ul {
      display: block; }
	
    footer nav.menu li {
      border-left: none; 
      padding: 20px 0 20px 0;
      border-bottom: 1px solid #fff; }
	
  footer nav {
    padding: 0; }
	
	.footer_link_box {
		padding: 10px 15px 0; }
	
	.footer_link a {
	display: block;
	float: unset;
	padding: 5px 0; }
	
	footer small {
		text-align: center;
		font-size: 12px; }
	
	/* トップ */
	.sp_contents{
		padding: 0 30px; }
	
	 .top_pic .top_pic_list li {
	 width: 100%;}
	
	 .top_news li {
	 width: 100%;}
	
	.top_list li {
    width: 100%;
	 margin-bottom: 20px;}
	
	.top_pic h2 {
		display: block;
		font-size: 32px;
		text-align: center; }
	
	.top_pic h2::before, .top_pic h2::after{
	display: none; }
	
	.js-mobile-menu ul.menu li {
font-size: 1.6rem;
padding: 18px 20px;
}

.js-mobile-menu ul.menu li a {
display: block;
}

/*.menu-item-has-childrenは子メニューを持つ親メニューにつくクラス*/
.js-mobile-menu li.menu-item-has-children a{
	display: block;
position: relative;
}
/*メニューが閉じてる時のアイコン設定*/
.js-mobile-menu li.menu-item-has-children > a:after {
font-family: "Font Awesome 5 Free";
content: '';
font-weight: 900;
position: absolute;
top: 25px;
right: 50px;
		display: inline-block;/*忘れずに！*/
  width: 10px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url(/wp-content/uploads/2021/06/sp_arrow_d.png);
  background-size: contain;
  vertical-align: middle;
}

/*メニューが開いてる時のアイコン設定*/
.js-mobile-menu li.menu-item-has-children.visible > a:after {
font-family: "Font Awesome 5 Free";
content: '';
font-weight: 900;
position: absolute;
top: 25px;
right: 50px;
	display: inline-block;/*忘れずに！*/
  width: 10px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url(/wp-content/uploads/2021/06/sp_arrow_u.png);
  background-size: contain;
  vertical-align: middle;
}
	.sub-menu li{
		padding-left: 30px; }
	
	/* 固定ページ */
	main {
  margin-top: 130px !important; }
	
	.page_head ul.m_fixed{
		position: unset; }
	
	.page_box.two_box .two_img{
		width: 100%;
		margin-bottom: 15px; }
	
	.page_box.two_box .two_txt {
		width: 100%;}

	.enttl {
  font-size: 30px; }
	
	.under_line{
		font-size: 24px; }

	.for_box {
		display: block;  }
	
	.for_box .f_item {
    width: 100%;
    margin-bottom: 30px; }
	
	.youtube_box.two_box .two_img {
		width: 100%; 
	margin-bottom: 20px;}
	
	.youtube_box.two_box .two_txt {
		width: 100%; }
	
	.btn3, .btn4 {
		font-size: 18px;
		width: 100%; }
	
	.btn4{
		background-color: #388F71; }
	
	.btn4 .bt_txt{
		margin-left: 0;
		font-size: 14px; }
	
	.btn4 .bt_txt strong{
		font-size: 18px; }
	
	.bt_img{
		width: 20%; 
		padding-right: 10px;}
	
	.mv_green h2{
		font-size: 22px;
		font-weight:bold; }
	
	.mv_green{
		padding: 100px 0;
		margin-top: 0px; }
	
	.mv_pink h2{
		font-size: 22px;
		font-weight:bold; }
	
	.mv_pink{
		padding: 100px 0;
		margin-top: 0px; }
	
	.page-template-page3 .under_line .ttl{
		border-color: #5C8E72; }
	
	.box3{
	height: 300px; }
	
	.iconbox{
		width: 80%;
		margin: 0 auto;}
	
	.h_btn a {
  width: 80%;
  margin: 15px auto;
  padding: 5px 0; }
	
	.menu-item-1627 a, .menu-item-1621 a{
		background: #388F71;}
	
	.menu-item-1628 a, .menu-item-1629 a{
		background: #DC588A;}
	
	.h_btn {
		border-bottom: none!important;}
	
	.under_list3 li{
		width: 100%; }
	
	.under_list2 li{
		width: 100%; }
	
	.normal{
		padding-top: 0;
		font-size: 22px;}
	
	.page_head .two_txt{
		width: 100%; }
	
	.page_head .two_img{
		width: 100%; }
	
	.pin_imgbox{
		margin-left: 0px;
		margin-top: 30px; }
	
	.for_box2{
		display: block;	}
	
	.for_box2 .f_item{
		width: 100%; }
	
	.b_box.two_box .two_img{
		width: 100%; }
	
	.b_box.two_box .two_txt{
		width: 100%;
		margin-top: 15px;}
	
	.box5{
	margin-top: 0px; }
	
	.box5 li{
		width: 100%; }
	
	.btn5{
		display: block;
		min-width: 100%;
		margin-top: 15px;}
	
		.btn6{
		display: block;
		width: 48%!important;
		min-width: 100px!important;
		margin-left: 5px;
		margin-top: 6px; }
	
	.b_box{
		padding: 15px; }

	.enttl-sp{
		margin-bottom: 0px; }
	
	.tablelist{
		margin-top: 30px;}
	
	.tablelist li{
		padding: 10px;
		border-top: 3px #fff solid; }
	
	.page-template-page3 .table_ttl{
		text-align: center;
		background: #BBE0D4;
		font-size: 18px; }
		.page-template-page2 .table_ttl{
		text-align: center;
		background: #F7D1D1;
		font-size: 18px; }
	
	.page-template-page2 .under_list3 li .ttl,
.page-template-page2 .under_list2 li .ttl {
  color: #DC588A; }
	
	.page-template-page2 .normal_tb th {
  background: #FAD5E2;
  color: #333; }
	.page-template-page2 .normal_tb td {
  background: #F7F7F7; }
	.page-template-page2 .normal_tb tr:first-child td, .page-template-page2 .normal_tb tr:first-child th {
  color: #DC588A !important; }
	
	.twobtn a{
		margin: 10px 0px; }
	
	.contact_box{
		padding: 15px; }
	
	.hyousyou_box{
		display: contents; }
	
	.hyousyou_img{
		width: 100%;
		margin: 0;	}
	
	.hyousyou_txt{
		width: 100%;
		margin: 30px 0 60px 0; }
	
	.hyousyou_box strong{
		margin-bottom: 30px; }
	
	.page-template-page3 .under_list2 li .ttl {
		color: #388F71; }
	.page-template-page3 .under_list3 li .ttl{
		color: #388F71; }
	
	.about_box01{
		width: 100%!important; }

	.about_box02{
		width: 100%!important;}
	
	.sp_normal_tb th{
		padding: 20px 10px;}
	
	.sp_normal_tb td{
		padding: 20px 10px;}
	
	.scroll table{
		width:100%;
		white-space: nowrap;}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;}
	.sp_unone{
		margin-top: 0px!important; }

  /*.under_list2 li {
    margin-bottom: 0px; }*/
	
	.area_box {
		display: block;}
	
	.area_box .two_img {
		width: 100%; }
	
	.area_box .two_txt {
		width: 100%; }
	
	.area_box .two_img a {
		min-width: 250px;}
	
	.ctg-btn{
	margin: 0;}
	
	.arealine{
	padding: 0 0 30px 0; }
	
	section {
  padding: 60px 0; }

	.ctg_ttl{
	padding: 60px 0;
		margin-bottom: 50px; }
	
	.ctg_page{
		display: block;
		margin-top: 0px!important; }
	
	.ctg_ctt{
		width: 100%;
		padding: 0; }
	
	.ctg_side{
		width: 100%;
		margin-top: 60px; }
	.pager{
		margin-bottom: 50px; }
	input[type="submit"], input[type="button"]{
		width: 100%;
		margin-top: 30px; }
	#pwbox-2015{
	width: 50%;}
	.post-password-form p{
		margin: 0 0 40px 0;	}
	
	.normal_tb th{
		font-size: 16px; }
	.life .two-box{
		display: block;	}
	.life .two_txt{
		width: 100%;
		margin-bottom: 40px;}
	
	.lecture_tb th{
	word-break: keep-all; }
	
		.lecture_tb td{
	word-break: keep-all; }
	
	.sdgs_box .two_img{
		padding: 0 50px; }
	
	.mtlr{
		margin: -18px -16px 30px; }
	
	.sp_main{
		padding: 0!important; }
	
	.contact_linkbox{
		width: 100%;
		height: auto; }
	
	.contact_linkbox .b_box{
		height: auto; }
	
	.kouzaicon2{
		margin-top: 15px;
		margin-left: 0px; }

	.flex{
		display: flex; 
		justify-content: space-between; }
	
	.flex .btn3{
		min-width: 45%;margin:10px 3px;	}

	.jand01_imgbox{
	padding-left: 0px; }
	
	.postimg img{
	margin: 0 0 15px 0; }
	
	.member_linkbox{
	width: 100%; }
	
	.top_list a{
	width: 100%;
		margin-bottom: 30px; }
	
	.kentei_tb{
		width: 100%!important;
		table-layout: auto;  }
	
	.kentei_tb th{
	padding: 12px 10px 8px; }
	
		.kentei_tb td{
	padding: 12px 15px 8px; }
	
	#slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */
		height: 100vw!important; /* 画像の高さに合わせて記述 */}
		
	.wpcf7 th, .wpcf7 td{
		display: block;
		width: 100%; }
	
		.wpcf7 th{
			border-bottom: none; }
	
	.wpcf7 table{
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;}
	
	.wpcf7-form-control{
		width: 100%!important; }
	
	.post-password-form input{
		width: 50%;}
	
	.submitbun{
		width: 100%!important;}
	
	.c_txt {
  width: 100%;
  margin: 0;
  display: block;
  background: #fff;
  padding: 30px 0 0 0;
  box-sizing: border-box;
  line-height: 1.5; }
	
	.c_txt .b_box {
		border: none; }
	
	.wpcf7-free-text{
		width: 70%; }
	
	.c_txt h3 {
		padding-left: 10px; }
	
	.text-655  .wpcf7-form-control,.text-657  .wpcf7-form-control,.text-658  .wpcf7-form-control,.kaisaiyear .wpcf7-form-control,.kaisaimonth .wpcf7-form-control{
		width: 30%!important; }
	
	.kaisaichi .wpcf7-form-control{
		padding-top: 15px; }
	
	.box-l{
	width: 100%; }
.box-r{
	width: 100%; }

		
	}