/*
Theme Name: PURE SUPPORT
Description:Official theme of PURE SUPPORT
Author: K.U.G
Author URI: ku-g.jp
Version: 1.0
*/
@charset "UTF-8";
/* CSS Document
----------------------------------------
1-1.InitialSetting
1-2.MicroClearfix
1-3.baseStyle
1-4.Font-style
1-5.flex
1-6.commonParts
---------------------------------------- */
/* 1-1.InitialSetting
---------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,img,small,strong,i,dl,dt,dd,ol,ul,li,form,label,table,tr,th,td,article,figcaption,figure,footer,header,nav,section{font-size: 1rem;
margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;
color:#333;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro";font-weight:500; font-weight: bold;letter-spacing:0.1em;line-height:1.6;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing: border-box;-webkit-tap-highlight:rgba(0,0,0,0);-webkit-font-smoothing: antialiased;/* for ff,webkit */text-justify: inter-ideograph; /* for IE */}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav,ul,li{list-style:none;}input,select {vertical-align:middle;}*{-webkit-appearance: none;outline:0;}
p{font-size: .85rem; font-weight: normal;line-height: 1.8rem;}
a {color: #000; margin:0;padding:0;vertical-align:baseline;text-decoration: none;transition: .3s ease}

/* 1-2.MicroClearfix
---------------------------------------- */
.cf:after {content:"";display:block;clear:both;}

/* 1-3.baseStyle
---------------------------------------- */
/* 反転色文字色 */
::selection {background: #04A062B2; color:#fff;}
::-moz-selection {background: #04A062B2; color:#fff;}
.pcs{display: block; visibility: visible;}.sps{display: none; visibility: hidden;}
img{display:inline-block;width: 100%;}
@media (max-width:960px){.pcs{display: none; visibility: hidden;}.sps{display: block; visibility:visible;}}

/* 1-4.Font-style
---------------------------------------- */
.nml{font-weight:normal;}
.center{text-align: center;}
.txt_center{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

/* 1-5.flex-justify
---------------------------------------- */
.flex-left,.flex-left_all{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-left02{
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-left03{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-center,.flex-left_all{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center;}
.flex-between,.flex-left_all{display:-webkit-box;display:-ms-flexbox;display:flex;	-webkit-box-pack: center;-ms-flex-pack: center;justify-content:space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}

@media screen and (max-width:767px) {
	.flex-left,
	.flex-left02,
	.flex-between.cmn_btn_t2_box,
	header .flex-between,
	.abt_item01.flex-between,
	.sec_hero_img_half.flex-right,
	.flex-between.sec_block_inner
	{display: block;}
}
@media screen and (max-width:560px) {
}
/* 1-6.Parts
---------------------------------------- */


/* CMN Basic Document
----------------------------------------
2-0.Common
2-1.Header
2-2.body
2-3.footer
---------------------------------------- */
/* 2-0.Common
---------------------------------------- */
.bg_p{background-color: #E1528D12;}
.bg_g{background-color: #04A062;}
.bg_eg{background-color: #04A0621A;}
.bg_sp{background-color: #E1528D;}

.cmn_red{color: #E1528D;}
.cmn_red.cmn_line::after{background-color: #E1528D;} 
.cmn_wht.cmn_line::after{background-color: #fff;} 
.cmn_gre{color: #04A062;}
.cmn_gre.cmn_line::after{background-color: #04A062;} 

.cmn_block{padding: 92px 0;}
.cmn_block_inner{margin: auto; width:710px;}

.bg_p{background-color: #E1528D12;}
.cmn_ttl01{}
.cmn_ttl02{font-size: 1.6rem;letter-spacing: .3rem; margin-bottom: 65px; padding-bottom: 16px;text-align: center;}
.cmn_ttl02_sec{font-size: 1.6rem;letter-spacing: .3rem; margin:50px auto; padding-bottom: 16px;text-align: center;}
.cmn_ttl03{font-size: 1.6rem;margin-bottom: 20px;text-align: center;}
.cmn_ttl03_l{color: #04A062; font-size:1.2rem;letter-spacing: .25rem; margin-bottom: 14px;}

.ref_block{border-radius: 15px; border: 2px solid #04A062;margin-bottom: 30px; padding: 20px;}
.cmn_ttl04_l{font-size:0.9rem;letter-spacing: .15rem; margin-bottom: 10px;}
.sec_block_item .ref_block .cmn_txt04{font-size: 0.8rem;line-height: 1.4rem;}

.cmn_ttl03_l + p{margin-bottom: 30px;}


.cmn_line{position: relative;}
.cmn_line::after{border-radius: 3px; content:"";display:block;width:130px; height:3px; background-color:#000; position:absolute; bottom:0; left:0; right: 0;margin: auto;}
.cmn_line_dashed{
background-image : linear-gradient(to right,#04A062, #04A062 6px, transparent 2px, transparent 8px);
background-size: 12px 2px;
background-position: left bottom;
background-repeat: repeat-x;
margin: 0 auto 50px;
padding-bottom: 40px;
}


.cmn_btn{display: block;border-radius: 30px;text-align: center;position: relative;z-index: 1;overflow: hidden;transition: .3s;}
.cmn_btn::before {content: "";width: 120%;height: 200%;position: absolute;top: -50%;right: 0;z-index: -1;background: #E1528D;border-radius: 0 100% 100% 0;transform: translateX(-100%);transition: transform ease .3s;}
.cmn_btn:hover {color: #fff;}
.cmn_btn:hover::before {transform: translateX(10%);}  

footer .cmn_btn{margin: 30px 0;}

.cmn_btn_t1_s{font-size: .8rem; margin:10px auto; line-height: 34px; width: 134px;}
.cmn_btn_t2_box{margin: auto; width: 35%;}
.cmn_btn_t2_l{line-height: 57px;width: 194px;}
.cmn_btn_bg_w{background-color: #fff; color: #04A062;}
.cmn_btn_bg_g{background-color: #04A062; color: #fff;}
.cmn_btn_bg_p{background-color: #E1528D; color: #fff;}

.inx_news .cmn_btn_bg_w{color: #04A062;}

.cmn_btn_bg_w::before {background: #E1528D;color: #fff;}
.cmn_btn_bg_w:hover{color: #fff;}
.cmn_btn_bg_p::before {background: #04A062;color: #fff;}


.cmn_item_t2{margin: auto;}
.cmn_item_t2 > li{ width: 47%;}
.cmn_item_t2 > li img{ border-radius: 20px;}
.cmn_item_t2 > li p{}

.cmn_txt_inx{line-height: 2.3;margin-bottom:30px;}

.cmn_access{border-top: 2px dashed #04A062; margin:0 auto 60px; }
.cmn_access dl{align-items: center; border-bottom: 2px dashed #04A062; padding: 25px 0;}
.cmn_access dt{width: 40%;}
.cmn_access dd{width: 60%; line-height: 2.4rem;}
.cmn_access .cmn_access_item dt{width: 75%;}
.cmn_access .cmn_access_item dd{width: 25%;}
/* .cmn_access dd:last-child{width: 21%;} */
@media screen and (max-width:767px) {
	.cmn_block{padding: 40px 0;}
	.cmn_block_inner{margin: auto; width:80%;}
	.sec_block_inner{margin: auto; width:80%;}

	.cmn_ttl02{font-size: 1.2rem;letter-spacing: .1rem; margin-bottom:30px; padding-bottom: 16px;}
	.cmn_ttl02_sec{font-size: 1.2rem;letter-spacing: .1rem; margin:40px auto; padding-bottom: 16px;text-align: center;}
	.cmn_ttl03{font-size: 1rem;}
	.cmn_ttl03_l{font-size:1rem;}
	
	.cmn_item_t2 > li{margin: 0 auto 50px; width: 100%;}

	.cmn_btn_t2_box{ width: 100%;}
	.cmn_btn_t2_box > li{margin:0 auto 20px; width: 100%;}
	.cmn_btn_t2_box > li > a{margin: auto;}

	.cmn_access dt{font-size: .9rem;width: 100%;}
	.cmn_access dd{font-size: .8rem; padding-bottom: 8px;  width: 100%;}
	.cmn_access dd:last-child{width: 100%;}

	.cmn_access .cmn_access_item dt{width: 100%;}
	.cmn_access .cmn_access_item dd{width: 100%;}

}
	
@media screen and (max-width:767px) {
	footer .cmn_btn{margin: 30px auto 50px;}

}

/* 2-1.Header
---------------------------------------- */
header{
	background-color: #fff;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
	top:0;
	width: 100%;
	z-index: 10;
}
.header_inner{align-items: center; width: 1280px; height: 120px; margin: auto; padding: 0 60px;transition: .75s;}
header h1 a img{transition: .75s; width: 150px;}
nav{}
nav li{margin-right: 16px;}
nav li:last-child{margin-right: 0;}
nav li a,.footer_item li a {
	display: block;
	padding: 5px 0;
	background:
	linear-gradient(#E1528D 0 0) 0 100% /var(--d, 0) 3px no-repeat,
	linear-gradient(#04A062 0 0) 100% calc(100% - 6px) /var(--d, 0) 3px no-repeat;
	transition: 0s 0.5s, background-size 0.5s;
}

.footer_item h4 a,.footer_item li a{
	display: inline-block;
	background:
	linear-gradient(#fff 0 0) 0 100% /var(--d, 0) 1px no-repeat,
	linear-gradient(#fff 0 0) 100% calc(100% - 4px) /var(--d, 0) 1px no-repeat;}
 nav li a:hover,.footer_item li a:hover,.footer_item h4 a:hover,nav li a.current {--d: 100%;
	background-position: 0% calc(100% - 1px), 100% calc(100% - 1px);
	transition: 0.3s, background-position 0.3s 0.3s;
  }
  #breadcrumb{margin: 20px auto 0; width: 1150px;}
  #breadcrumb li{float: left;}
  #breadcrumb li,#breadcrumb li a,#breadcrumb li a span,#breadcrumb li span{font-weight: normal; font-size: .9rem;}

  @media screen and (max-width:767px) {
	header{position: absolute;}
	.header_inner{width:100%; height: 70px;}
	header h1 a img{display: block; margin:auto; padding-top: 5px; width:110px;}
	#breadcrumb{margin: 20px auto 0; width: 90%;}
}

/* 2-2.body
---------------------------------------- */
body{padding-top:120px;}
@media screen and (max-width:767px) {
	body{padding:70px 0 50px;}
}
/* 2-3.footer
---------------------------------------- */
footer{ padding: 40px 0}
footer *{color: #fff;;} 
.footer_inner{margin: auto; width:50%}
.footer_item{width: 24%;}
.footer_item h4{margin-bottom: 10px;}
.footer_item ul{margin-bottom: 50px;}
.footer_item li{font-size: 12px;}

@media screen and (max-width:960px) {
	footer{ padding: 0}
	.footer_inner{width:100%}
	.footer_item{width: 100%;}
	.footer_item h4,.footer_item section ul{border-bottom: 1px solid #fff;
		margin-bottom: 0px;	padding: 10px 0;}
	.footer_item section li{}
	.footer_item > h4 > a{display: block; text-align: center;}
}

/* page Document
----------------------------------------
3-0.SEC
3-1.INDEX
3-2.ABOUTUS
3-3.SCHOOL
3-4.RECRUIT
3-5.ACCESS
3-6.CONTACT
---------------------------------------- */
/* 3-0.SEC
---------------------------------------- */
.sec_hero_img{}
.sec_hero_img > div > img{display: block; height: 215px; object-fit: cover;}
.sec_block_inner{margin: auto; width: 710px;}
.sec_block_item p{font-size:1rem; font-weight: normal; letter-spacing: 0.1rem;line-height: 2rem;}
.sec_item_t2{margin: 30px auto 40px;}

@media screen and (max-width:767px) {
	.sec_block_inner{margin: auto; width:80%;}
	.sec_block_item p{font-size:.8rem;letter-spacing: 0.03rem;line-height: 1.6rem;}

}

/* 3-1.INDEX
---------------------------------------- */
.hero_img{margin: auto; width: 100%;position: relative;}
.hero_img img{display: block; width: 100%;}
.hero_img_ttl{color: #fff;font-size: 2.4rem; position:absolute; top: -50%;right: 0;bottom: 0;left: 0;margin: auto;width:50%;height: 3.2rem; text-align: center;}

.inx_aboutus p{font-size: 1.2rem;line-height: 2.4;margin-bottom: 65px; text-align: center;}

.inx_news *{color: #fff;}
.news_item{margin:0 auto 60px; }
.news_item li{border-bottom: 1px solid #fff;}
.news_item li a{display: block; line-height: 60px;}
.news_item li a span{display: inline-block; font-weight: normal; padding: 0 20px; width: 28%;}

.inx_rec{margin: auto;}
.inx_rec li{margin-bottom: 60px; width:26%;}
.inx_rec li img{display: block; margin-bottom: 10px;}
.inx_rec li a{display: inline-block; text-align: center;}
@media screen and (max-width:767px) {
	.hero_img{margin: auto; width:100%;}
	.hero_img_ttl{font-size: 1.4rem;}

	.inx_aboutus p{font-size: .9rem;line-height: 2;margin:0 auto 30px; width: 90%;}
	.news_item{margin:0 auto 60px; }
	.news_item li{padding:15px 0 10px;}
	.news_item li a,.news_item li a span{display: block; font-size: .8rem; line-height: 2rem;}
	.news_item li a span{padding: 0; width: 100%;}

	.inx_rec li{margin-bottom:30px; width:45%;}
	.inx_rec li a{font-size: .8rem;}
}


/* 3-2.ABOUTUS
----------------- */
.chairman_img{float: right; margin: 0 0 10px 10px ; width: 45%;}
.abt_item01{align-items: center; background-color: #fff;border-radius: 30px;margin-bottom: 30px; padding: 30px 30px 30px 0;min-height:210px }
.abt_item01 dt{color: #04A062; font-size: 1.6rem;text-align: center; width: 45%;}
.abt_item01 dd{font-size: 0.9rem; font-weight: normal;line-height: 1.6rem;  width: 55%;}
.abt_item01 .abt_item01_hd{font-weight: bold;font-size:.95rem;line-height: 2rem;}

.abt_detail_item{margin:0 auto 60px; width: 710px;}
.abt_detail_item li{align-items: center; border-bottom: 1px solid #E1528D; padding:20px 10px;}
.abt_detail_item .abt_detail_itemlist {border-bottom: 1px solid #04A062;}

.abt_detail_item li span{display: inline-block;}

.abt_detail_item_01{width: 30%;}
.abt_detail_item_02{font-weight: normal; width: 70%;}

.format_ttl{margin-bottom: 15px}
.format_list{margin-bottom: 30px;}
.format_item{margin-bottom: 30px;width: 33%;}
.format_item a{font-weight: normal;}
.format_item > a{display: inline-block;}
.pdf_icon{display: inline-block ; height: fit-content; padding-left: 10px; width: 25px; }

@media screen and (max-width:767px) {
	.abt_item01{min-height: auto; padding: 15px;}
	.abt_item01 dt{font-size: 1.2rem;margin-bottom: 12px; width: 100%;}
	.abt_item01 dd{font-size: .8rem;line-height: 1.3rem; margin: auto; width: 90%;}
	.abt_item01 .abt_item01_hd{font-size: .85rem;}
	.abt_detail_item{width: 80%;}
	.abt_detail_item li span{display: block; font-size: .7rem;}
	.abt_detail_item_01{width: 100%;}
	.abt_detail_item_02{font-weight: normal; width: 100%;}
	/* .chairman_img{float: none; margin: 0 auto 20px ;} */
	.format_item{margin-bottom: 30px;width: 100%;}

}

/* 3-3.SCHOOL
---------------------------------------- */
.sec_hero_img_half{align-items: center;}
.sec_hero_img_half_img,.sec_hero_img_half_txt{width: 50%;}
.sec_hero_img > .sec_hero_img_half > img,
.sec_hero_img > .sec_hero_img_half > h2{color: #fff;font-size: 1.6rem; line-height: 215px;height: 215px;}

.sec_hero_img_half_txt{text-align: center;}

.childcenter_item{
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px #E1528D;
	padding: 20px 13px 30px;
	width: 31%;
}
.childcenter_item h4{color: #E1528D; margin-bottom:10px; text-align: center;
}
.childcenter_item p{font-size: 0.75rem;line-height: 1.4rem;}

@media screen and (max-width:767px) {
	.sec_hero_img_half_img,.sec_hero_img_half_txt{width: 100%;}
	.sec_hero_img > .sec_hero_img_half > h2{font-size: 1.2rem; line-height: 100px;height: 100px;}
	.childcenter_item{
		margin-bottom: 20px; width: 100%;
	}
	
}
/* 3-4.NEWS
---------------------------------------- */
.sec_news *{color: #04A062;}
.sec_news .news_item li{border-bottom: 1px solid #04A062;}

.news_block{background-color: #fff;border-radius: 20px; padding: 50px; margin: auto; width: 710px;}
.news_block .sgl_date{margin-bottom: 30px;}

.news_head {margin-bottom: 50px;}
.news_head li {width: 50%;}

.single_txt a{font-weight: bold;
display: block;
padding: 5px 0;
background:
linear-gradient(#E1528D 0 0) 0 100% /var(--d, 0) 3px no-repeat,
linear-gradient(#04A062 0 0) 100% calc(100% - 6px) /var(--d, 0) 3px no-repeat;
transition: 0s 0.5s, background-size 0.5s;
}
.single_txt img{height: auto; width: 100%;}

@media screen and (max-width:767px) {
	.news_block{margin: auto; padding: 10%; width:90%;}
	.news_head li {width: 100%;}	
}
/* 3-5.RECRUIT
---------------------------------------- */
.rec_block_inner{margin: auto; width: 1000px;}
.rec_ttl{align-items: center; display: flex; margin-bottom: 30px;}
.rec_ttl img{display: block; margin-right: 15px; height: 85px; width: 85px;}
.rec_ttl span{}
.rec_ttl_img{border-radius: 20px; display: block; margin: 0 auto 30px; width: 500px;}
/* .rec_ttl_img{border-radius: 20px; display: block;} */
.rec_box img{border-radius: 20px; display: block;height: fit-content; width: 45%;}
.rec_box_r {flex-direction:row-reverse;}
.rec_txt02{font-size: .9rem;font-weight: normal;letter-spacing: 0.1rem;line-height: 1.6rem;width: 45%;}

.rec_block:after{content: "";display: block; width:45%;height: 0;}
.rec_item{margin:0 auto 60px;width: 100%; }

.recruit_item_ttl{font-size: .8rem; font-weight: bold; line-height: 1.6rem;margin-bottom: 15px;}

.rec_item li{border-top: 2px dotted #E1528D; clear: both;}
.rec_item li{align-items: center; padding:20px 0;}
.rec_item li span{display: block; font-size: .7rem;font-weight: normal; width: 65%;}
.rec_item li .rec_item_ttl{font-size: .75rem;font-weight: bold;width: 35%;}

@media screen and (max-width:767px) {
	.rec_block_inner{width: 100%;}
	.rec_ttl{ margin-bottom: 50px;}
	.rec_ttl img{margin-right: 15px; height: 85px; width: 85px;}
	.rec_ttl span{}
	.rec_ttl_img{width:100%;}
	.rec_box img{display: block;height: fit-content; width: 100%;}
	.rec_box_r {flex-direction:row-reverse;}
	.rec_txt02{font-size: .8rem;font-weight: normal;letter-spacing: 0.1rem;line-height: 1.6rem;margin: 1rem auto; width: 100%;}
	
	.rec_block:after{content: "";display: block; width:45%;height: 0;}
	.rec_item{width: 100%; }
	.rec_item li{border-top: 2px dotted #E1528D; clear: both;}
	}


/* 3-6.ACCESS
---------------------------------------- */
.acc_block p{font-weight: bold;font-size: .95rem;line-height: 2rem;}
.acc_block iframe{margin: auto; height:350px; width:100%;}

.map_block p,.map_block img{border-radius: 20px; display: block;margin-bottom: 20px;  width: 45%;}
.map_block p{width: 50%;}

@media screen and (max-width:767px) {
	.map_block p,.map_block img{width: 100%;}
	.map_block p{width: 100%;}
	.acc_block iframe{margin: auto; height: 200px; width: 100%;}
}

/* 3-7.CONTACT
---------------------------------------- */

/* Js
----------------------------------------
4-1.Recruit TAB
4-2.Recruit Timeline
4-3.FIXED-header
4-4.SmartPhone FIXED-footer
---------------------------------------- */
/* 4-1.採用タブ切り替え
---------------------------------------- */
.tab_container {
	padding-bottom: 1em;
	background-color: #fff;
	border:1px solid #37beb0;
	margin: 0 auto;}
  .tab_item {
	cursor: pointer;
	width: calc(100%/3);
	padding:15px 0;
	border-bottom: 3px solid #E1528D ;
	background-color: #ececec;
	text-align: center;
	color: #37beb0 ;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item:hover {
	opacity: 0.75;
  }
  input[name="tab_item"] {
	display: none;
  }
  .tab_content {
	display: none;
	padding: 50px 40px;
	clear: both;
	overflow: hidden;
  }
  .tab_content_description{
}
  #tab1:checked ~ #tab1_content,
  #tab2:checked ~ #tab2_content,
  #tab3:checked ~ #tab3_content,
  #tab4:checked ~ #tab4_content {
	display: block;
 }
  .tab_container input:checked + .tab_item {background-color: #E1528D ;color: #fff;}
.tab_content_item{float: left; width: 43%;}
.tab_content_item:nth-child(odd){margin-top: 5vh;}
.tab_content_item:nth-child(even){float: right;margin-top: 13vh;}
.tab_content_item:first-child{margin-top:0;}

@media screen and (max-width:767px) {
.tab_content_item{float:none; width:100%;}
.tab_content_item:nth-child(odd),
.tab_content_item:nth-child(even),
.tab_content_item:first-child{margin-top:1vh;}
}
  /* 4-2.Timeline
---------------------------------------- */

.timeline li{min-height: 200px; position: relative;}
.timeline dl{}
.timeline dt{color: #E1528D; margin: 0 0 10px;}
.timeline dd img{ border-radius: 20px; display: block;}
.timeline dd strong{ display: block;}

.border-line {
  position: absolute;
  right:-46px;
  top:0;
  width:2px;/*線の太さ*/
  height:0;/*はじめは高さを0に*/
  background:#E1528D;
}
.timeline li::after{
  content:'';
  position: absolute;
  top:0;
  right:-50px;
  width:10px;
  height: 10px;
  background:#E1528D;
  border-radius: 50%;
}

.timeline .tab_content_item:nth-child(even) .border-line{left:-43px; }
.timeline .tab_content_item:nth-child(even)::after{left:-48px; }

@media screen and (max-width:767px) {
.timeline dd{font-size: .8rem; margin-bottom: 1rem;}
.timeline li::after{display: none;}
}
  /* 4-3.header transform
---------------------------------------- */
header.transform > .header_inner{
	transition: .75s;
	height: 80px;
}

header.transform h1 a img{width: 120px;}

  /* 4-4.SmartPhone FIXED-footer
---------------------------------------- */
#fixed-footer-menu{display: none;visibility: hidden;}

@media screen and (max-width:767px) {
	#fixed-footer-menu{ background-color: #04A062;display: block; visibility: visible;}
	#fixed-footer-menu {border-top: 1px solid #fff; position: fixed;width: 100%;bottom: 0px;opacity: 1;z-index: 100;}
	#fixed-footer-menu > ul {display: flex;list-style: none;padding: 0 2%;margin: auto;width: 96%;}
	#fixed-footer-menu > ul > li {justify-content: center;align-items: center;width: 25%;padding: 0;margin: 0;}
	#fixed-footer-menu li .openbtn{cursor: pointer;}
	#fixed-footer-menu li .openbtn,
	#fixed-footer-menu li a,.openbtn{background: #04A062; color: #fff;text-align: center;display: block;width: 100%;padding: 15px 0px 15px 0px;font-size: 8px;text-decoration: none;}

	#fixed-footer-menu li .cmn_btn_bg_w{background: #fff;color: #04A062; font-size: .8rem; padding: 5px; width: 75%;}	
	#fixed-footer-menu ul > li > a{background: #04A062;letter-spacing: 0.05rem;}

	#fixed-footer-menu li p {font-size: 8px; /* メニュータイトルのフォントサイズ */}
	.footer-icon {font-size: 20px;}

	#g-nav{
	position:fixed;bottom:-120%;left:0;width:100%;height: 75vh;background:#04A062;transition: all 0.6s;z-index: -1;
	}
	#g-nav.panelactive{bottom: 0;}
	#g-nav.panelactive #g-nav-list{
	position: fixed;
	z-index: 999; 
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

	#g-nav-list .footer_inner{
		width: 90%;
	}
	#g-nav-list .footer_inner .footer_item{
		width: 50%;
	}
	#g-nav-list .footer_inner .footer_item{margin:0 0 20px;}
	#g-nav-list .footer_inner .footer_item ul{margin:0;}
	#g-nav-list .footer_inner .footer_item h4{border: none; margin-bottom: 5px; padding: 0; }
	#g-nav-list .footer_inner .footer_item h4 a{
		font-size: .9rem;padding: 5px;text-indent: -1rem;
	}

	#g-nav li{list-style: none;text-align: center; }
	#g-nav li a{color: #fff;text-decoration: none;padding:10px;display: block;text-transform: uppercase;letter-spacing: 0.1em;font-weight: bold;}

	.openbtn{position:relative;margin: auto;}
	.openbtn span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;background-color: #666;
	width: 45%;
	}

	.openbtn span:nth-of-type(1) {top:10px;	}
	.openbtn span:nth-of-type(2) {top:18px;}
	.openbtn span:nth-of-type(3) {top:31px;}

	.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
	}
	.openbtn.active span:nth-of-type(2) {opacity: 0;}
	.openbtn.active span:nth-of-type(3){
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
	}
	.fa-solid{color: #fff;margin-bottom: 5px;}

	#g-nav #g-nav-list #closebtn{padding: 0; text-align: left;}
	#g-nav #g-nav-list ul li,#g-nav #g-nav-list ul li a{text-align: left;}
	#g-nav #g-nav-list ul li a{font-size: .8rem;padding: 5px 0;text-indent: 0.2rem;}
	
	#closebtn .fa-solid{font-size: 30px; padding: 20px 0 0 20px;}

	.footer_item{}

	.footer_inner .footer_item{margin: auto;}
	.footer_item .accordion-area{width:100%;margin:0 auto;}
	.footer_item .accordion-area li{}
	.footer_item .accordion-area section {;}

	/*アコーディオンタイトル*/
	.title {
		font-size:1rem;
		cursor: pointer;transition: all .5s ease;
		position: relative;
		text-align: center;
	}

	/*アイコンの＋と×*/
	.title::before,
	.title::after{position: absolute;content:'';width: 15px;height: 2px;background-color: #fff; border-radius: 10%;}
	.title::before{top:48%;left: 15px;transform: rotate(0deg);}
	.title::after{top:48%;left: 15px;transform: rotate(90deg);}

	/*　closeというクラスがついたら形状変化　*/
	.title.close::before{ transform: rotate(45deg);}
	.title.close::after{ transform: rotate(-45deg);}

	/*アコーディオンで現れるエリア*/
	.box {display: none;}
	.box li a{display: block;text-align: center;text-indent: -1rem;}

	}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


	.selectbox-003 {
		display: inline-flex;
		align-items: center;
		position: relative;
	}
	
	.selectbox-003::after {
		position: absolute;
		right: 15px;
		width: 10px;
		height: 7px;
		background-color: #535353;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		content: '';
		pointer-events: none;
	}
	
	.selectbox-003 select {
		appearance: none;
		min-width: 230px;
		height: 2.8em;
		padding: .4em calc(.8em + 30px) .4em .8em;
		border: 1px solid #cccccc;
		border-radius: 3px;
		background-color: #fff;
		color: #333333;
		font-size: 1em;
		cursor: pointer;
	}
	




/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


input,textarea{border: none; -webkit-transition: .5s ease-in; transition: .5s ease-in;}
input,textarea,select{border-radius:5px;}
input:focus,textarea:focus,select:focus {background: #fff;color: #000; outline: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color: #533607!important;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{border: 1px solid #BFBFBF; line-height: 45px;padding-left: 2rem; width: 100%;}
select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;margin: 0;padding-left: 1em; line-height: 33px; background:#fcfcfc;vertical-align: middle;font-size: inherit;color: inherit;box-sizing: content-box;width:98%;border-radius:5px;}

.label_name{font-weight: bold;}

.mw_wp_form p{margin-bottom: 30px;}
.mw_wp_form .mw_wp_form01{font-size: 1rem}
.mw_wp_form .mw_wp_form02{font-size: 1rem}
input.cmn_btn_square{border: 1px solid #41A2D8; cursor: pointer;}
input.cmn_btn_square:hover{
background: #fff; border: 1px solid #41A2D8; color: #41A2D8;
}

.wp-pagenavi {/* 全体 */
}
.wp-pagenavi a {/* フォント色 */
    /* color: #4a4a4a; */
}
.pages {/* 左の表記 */
    margin-right: 20px;
}
.wp-pagenavi .current,
.wp-pagenavi a.page {/* ボタン */
    margin: 0 6px 6px 0;
    display: inline-block;
    border: solid 1px #eee;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}
.wp-pagenavi .current {/* カレント数字 */
    border: none;
    background: #04A062;
    color: #fff;
}
.wp-pagenavi a.page:hover {/* マウスオーバー */
    background: #04A062;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号の削除 */
    display: none;
}

@media screen and (max-width:767px) {
select{width: 85%;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{ width: 80%;}
}

.post__pagination{margin: 30px auto; width: 710px;}
.post__pagination a span{font-size: 0.8rem;font-weight: normal;}
.post__pagination__left{float: left;}
.post__pagination__right{float: right;}

@media screen and (max-width:767px) {
	.post__pagination{ width: 80%;}
}