@charset "UTF-8";


html{
font-size: 100%;
}

body {
	margin:0px;
	padding:0px;
	color:#333;
	line-height: 1.8;
	font-family:"Noto Sans JP", Helvetica, Arial, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align:left;
	background:var(--main-color);
}

:root {
	/*color*/
	--main-color:#188d48;
	--sub-color:#fcf9ea;
  --main-green:#008D48;
	--st-green:#177d4b;
	--main-orange:#F39800;
	--main-pink:#E95383;
	--main-red:#e60012;
	--main-white:#ffffff;
	--color-kanda:#D4B572;
	--color-ikuta:#A9C57D;
	
	/*font 16px*/
	/*--font-10:0.625rem;
	--font-11:0.688rem;
	--font-12:0.75rem;
	--font-13:0.813rem;
	--font-14:0.875rem;
	--font-16:1rem;;
	--font-18:1.125rem%;
	--font-20:1.25rem;
	--font-22:1.375rem;
	--font-24:1.5rem;
	--font-26:1.625rem;
	--font-28:1.75rem;
	--font-30:1.875rem;
	--font-32:2rem;
	--font-34:2.125rem;
	--font-36:2.25rem;
	--font-38:2.375rem;
	--font-40:2.5rem;*/
	
	/*font 14px（SP基準での制作）*/	
	--font-10:0.714rem;
	--font-11:0.786rem;
	--font-12:0.857rem;
	--font-13:0.929rem;
	--font-14:1rem;
	--font-15:1.071rem;
	--font-16:1.143rem;;
	--font-18:1.286rem;
	--font-20:1.429rem;
	--font-22:1.571rem;
	--font-24:1.714rem;
	--font-26:1.857rem;
	--font-28:2rem;
	--font-30:2.143rem;
	--font-32:2.286rem;
}



@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

html{
font-size: 87.5%;
}
	
:root {
	/*font 14px*/	
	/*--font-10:0.714rem;
	--font-11:0.786rem;
	--font-12:0.857rem;
	--font-13:0.929rem;
	--font-14:1rem;
	--font-16:1.143rem;;
	--font-18:1.286rem;
	--font-20:1.429rem;
	--font-22:1.571rem;
	--font-24:1.714rem;
	--font-26:1.857rem;
	--font-28:2rem;
	--font-30:2.143rem;
	--font-32:2.286rem;
	*/
	
}		
		
}

img {
  vertical-align: top;
}



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


.mt025 { margin-top:2.5px;}
.mt05 { margin-top:5px;}
.mt10 { margin-top:10px ;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px ;}
.mt35 { margin-top:35px ;}
.mt40 { margin-top:40px;}



section {
	width:100%;
	margin:0 auto 0;
	padding: 0px;
}



h1 {
	text-align: center;
}

h2{
	text-align: center;
	margin:0;
	padding:0px;
}

h3{
	margin:0;
	padding:0px;
}

.p0{
	margin:0;
	padding:0;
}

						
	
.lh14{
	line-height:140%;
}


.font_set{
	font-family:"Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-feature-settings : "palt" ;
}

.font_san{
	/*font-family:serif !important; */
	font-family: "Noto Serif JP",serif !important; 
	}

.font_kome{
	font-size:var(--font-12);
	vertical-align:top;
	line-height: 1.5;
}

.font_add{
	font-size:var(--font-12);
	line-height: 1.5;
}


		
/*==テキスト==*/
.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}

.float_l{float:left;}
.float_r{float:right;}
.clearBoth{clear:both}

.fl_pc{float:left;}
.fr_pc{float:right;}



/*====*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.indent1{margin-left: 1em; text-indent: -1em}







@media screen and (min-width: 769px) {
/* 768px以上の幅の場合に適応される */

.pc_none { display:none; }

.sp_btn { display:none; }

}

@media screen and (max-width: 768px) {
	
.sp_none{
	 display:none; 
}

.t_sp-all{
	width:100%;
}

.t_sp90{
	width:90%;
}

.t_sp80{
	width:80%;
}

.t_sp70{
	width:70%;
}

.t_sp60{
	width:60%;
}

.t_sp50{
	width:50%;
}

.t_sp300{
	width:300px;
}

}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.fl_pc,.fr_pc{float: none;}


}



header{
	
}

.header_sns{
	background:var(--main-color);
	padding:15px 0;
}

.header_sns_wrap{
	width:960px;
	margin:0 auto;
}

.header_sns_p{
	text-align:right;
}

.header_sns_dec1{
	margin-right:15px;
}

.header_wrap{
	width:960px;
	margin:50px auto 0;
}

.header_l{
	width:46%;
}

.header_r{
	width:46%;
}


.header_l .header_l_top img{
	width:100%;
}

.header_r_p1{
	color:var(--main-color);
	font-weight:bold;
}


.header_r_p2{
	color:#fff;
	font-weight:bold;
}



nav a{
	text-decoration:none;
	color:#FFF;
	font-size:var(--font-16);
	font-weight:bold;
}







@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.header_sns_wrap{
	width:100%;
}

.header_sns_p{
	text-align:center;
}

.header_wrap{
	width:100%;
}

.header_l{
	width:90%;
	margin:0 auto 0;
}


.header_r{
	width:90%;
	margin:20px auto 0;
}


.header_bottom{
	width:100%;
	background:var(--main-color);
	color:#FFF;
	margin:0 auto 0;
	padding:25px 0;
}

.header_bottom_wrap{
	width:90%;
	margin:0 auto;

}



}



/*==c1==*/

.section_mt{
	margin-top:80px;
}



.contents_wrap{
	width:960px;
	margin:0 auto 0;
	box-sizing: border-box;
}

.section1_back-k{
	width:100%;
	margin: 0 auto;
	padding:40px;
	/*background: #D4B572;*/
	border: #d4b571 4px solid;
	border-radius: 30px;
}

.section1_back-i{
	width:100%;
	margin: 40px auto 0;
	padding:40px;
	/*background: #A9C57D;*/
	border: #a9c57d 4px solid;
	border-radius: 30px;
}




.c1_t_wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items: center;
	margin:0 auto 0;
}

.c1_t_l{
	width: 40%;
}

.c1_t_r{
	width: 56%;
}

.c1_t_l img,.c1_t_r img{
	width: 100%;
}



.c1_t_p{
	margin-top: 10px;
	font-size:var(--font-16);
	font-weight: bold;
}


.c1_main_s-k,.c1_main_s-i{
	width:100%;
}

.c1_main_map img{
	width:100%;
}

.c1_main_s-k img,.c1_main_s-i img{
	width:80%;
}

.c1_main_s-img{
	width:80%;
	margin: 0 auto;
}	
	


.c1_name_k{
	margin-top: 20px;
	padding-left: 10px;
	border-left: var(--color-kanda) solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}

.c1_name_i{
	margin-top: 20px;
	padding-left: 10px;
	border-left: var(--color-ikuta) solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}


.c1_name_w{
	position: absolute;
	bottom: 10px;
	left: 20px;
	padding-right:10px ;
}

.c1_name_w p{
	  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}


.c1_name-p{
	font-weight: bold;
	font-size:var(--font-16);
}




.c1_faculty_k{
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	background:var(--color-kanda);
	color: #fff;
	text-align: center;
	padding: 5px 15px 5px 15px;
	border-radius: 20px;
}

.c1_faculty_i{
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	background:var(--color-ikuta);
	color: #fff;
	text-align: center;
	padding: 5px 15px 5px 15px;
	border-radius: 20px;
}



.c1_contents_wrap{
	width: 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.c1_contents_box{
	width: calc(100% / 3 - 20px);
	position: relative;
}

.c1_contents_box2{
	width: 90%;
	margin:40px auto 0;
	border-radius: 10px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px;
}

.c1_contents_box2_l{
	width: 50%;
}

.c1_contents_box2_r{
	width: 46%;
	
}

.c1_contents_box2-k{
	background: #F3E9D6;;
}

.c1_contents_box2-i{
	background: #e7eedb;;
}


.c1_contents_box img{
	width: 100%;
	margin-top: 10px;
}

.c1_contents_box2 img{
	width: 100%;
}

.c1_contents_box p{
	margin-top: 10px;
}

.c1_contents_box2_w{
	padding: 10px;
}

.c1_contents_box2_p{
	
}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.section_mt{
	margin-top:50px;
}

.contents_wrap{
	width:100%;
	margin:0 auto 0;
}
	
.section1_back-k{
	width:96%;
	margin: 0 auto;
	padding:20px;
	border-radius: 20px;
}
	
.section1_back-i{
	width:96%;
	margin: 20px auto 0;
	padding:20px;
	border-radius: 20px;
}
			
	
.c1_faculty_k,.c1_faculty_i{
	padding: 5px 5px 5px 5px;
}

.c1_t_l{
	width: 100%;
}

.c1_t_r{
	width: 100%;
	margin-top: 20px;
}
	
	
.c1_name_w{
	width: 60%;
	left: 0;
	padding-bottom: 10px;
}	
		

.c1_main_s-k img,.c1_main_s-i img{
	width:100%;
}	
	
	

.c1_name_k,.c1_name_i{
	margin-top:0px;
	padding-left: 10px;
}		
	

.c1_main_s-k{
	width:100%;
	display:flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	align-items:flex-end;
	margin-top: 10px;
}
	
.c1_main_s-img{
	width:55%;
	margin: 0  0 0 30%;
}	
	

.c1_contents_box{
	width:100%;
	margin-top: 10px;
}

.c1_contents_box2{
	width:100%;
	margin-top:0px;
	padding: 15px;
}

.c1_contents_box2_l{
	width: 100%;
}

.c1_contents_box2_r{
	width: 100%;
	margin-top: 20px;
	
}	
	



}


/*==c2==*/

.c2_wrap{
	width:100%;
	margin:0 auto 0;
	padding: 20px 0;
	background: #FFFFFF;
	border-radius: 30px;
}


.c2_t1{
	text-align: center;
}

.c2_t1 img{
	width: 100%;
}

.c2_lead1{
	margin-top: 20px;
	font-weight: bold;
	font-size:var(--font-16);
	text-align: center;
}

.c2_frex1{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}


.c2_box1{
	width:46%;
	margin-top: 40px;
}

.c2_box1 img{
	width:100%;
}

.c2_box1_st_w{
	width:100%;
	margin-top: 20px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:center;
}

.c2_box1_st-l{
	width:56%;
}

.c2_box1_st-r{
	width:44%;
}

.c2_box1_tool_w{
	width:100%;
	margin-top: 20px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:flex-end;
}

.c2_box1_tool-l{
	width:66%;
}

.c2_box1_tool-r{
	width:32%;
	font-size:var(--font-12);
}


.c2_box1-t_w{
	width: 100%;
	margin-top: 20px;
	/*min-height: 200px;*/
}



.c2_name1{
	margin-top: 20px;
	padding-left: 10px;
	border-left: #e95377 solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}

.c2_name2{
	margin-top: 20px;
	padding-left: 10px;
	border-left: #00a0ca solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}

.c2_name3{
	margin-top: 20px;
	padding-left: 10px;
	border-left: #f08300 solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}

.c2_name4{
	margin-top: 20px;
	padding-left: 10px;
	border-left: #74af21 solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}

.c2_name5{
	margin-top: 20px;
	padding-left: 10px;
	border-left: #005293 solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}


.c2_name6{
	margin-top: 20px;
	padding-left: 10px;
	border-left: #a04278 solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}






.c2_name-p{
	font-weight: bold;
	font-size:var(--font-16);
}

.c2_color1{
	color: #C1DDF4;
}

.c2_color2{
	color:#FADADA;
}

.c2_color3{
	color:#B7DBC5;
}

.c2_color4{
	color: #FFF78C;
}



@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.c2_wrap{
	width:100%;
	border-radius: 20px;
}
	
	


.c2_t1 img{
	width: 96%;
}	
	
.c2_lead1{
	margin: 20px auto 0;
	width: 90%;
	text-align: left;
}	
	
	
	
	

.c2_frex1{
	justify-content:center;
	width:100%;
	margin: 40px auto 0;
}	
	
.c2_box1{
	width:90%;
	margin: 40px auto 0;
}



.c2_box1_st_w{
	width:100%;
	margin-top: 20px;
	display:flex;
	justify-content:center;
}

.c2_box1_st-l{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:flex-end;
}
	
.c2_box1_st-l-i{
	width:46%;
}
	
.c2_box1_st-l-p{
	width:54%;
}	

.c2_box1_st-r{
	width:80%;
	margin-top: 20px;
}

.c2_box1_tool_w{
	width:100%;
	margin-top: 20px;
}

.c2_box1_tool-l{
	width:100%;
}

.c2_box1_tool-r{
	width:100%;
	margin-top: 10px;
}



/*.c2_box1-t-i{
	width:50%;
	margin: 20px auto 0;
}


.c2_box1-t-p{
	width:100%;
	margin-top: 10px;
	margin-bottom: 0px;
}	*/

}



/*==c3==*/


.c3_wrap{
	width:960px;
	margin:0 auto 0;
	background: #D9F1FC;
	border-radius: 30px;
	padding: 40px;
}

.c3_t1{
	text-align: center;
}

.c3_t1 img{
	width: 72%;
}


.c3_frex1{
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
}

.c3_icon-l{
	position: absolute;
	width: 100px;
	top: 0;
  bottom: 0;
	left:0px;
	margin: auto;
	
}

.c3_icon-r{
	position: absolute;
	width:110px;
	top: 0;
  bottom: 0;
	right: 0px;
	margin: auto;
}


.c3_lead{
	margin-top: 20px;
	font-weight: bold;
	font-size:var(--font-16);
	text-align: center;
}


.c3_frex2{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.c3_frex2_box1{
	width: calc(100% / 3 - 20px);
	margin-top: 40px;
}


.c3_frex2_box1 img{
	width: 100%;
}

.c3_frex2_box1_i{
	margin-top: 20px;
}


.c3_frex2_box1_t{
	margin-top: 20px;
}

.c3_name_w{
	margin: 20px auto 0;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.c3_name_i{
	width: 35%;
}

.c3_name_p{
	width: 63%;
	padding-left: 10px;
	border-left: var(--color-kanda) solid 4px;
	line-height: 1.4;
	font-size:var(--font-12);
}




@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.c3_wrap{
	width:90%;
	padding: 20px;
}
	
.c3_t1 img{
	width:100%;
}	
	
.c3_frex1{
	position: relative;
}

.c3_icon-l{
	display: none;
}

.c3_icon-r{
	display: none;
}


.c3_lead{
	margin-top: 20px;
	text-align: left;
}
	
	
	
.c3_box1{
	width: 120px;
}
	
.c3_frex2{
	width:100%;
	margin: 0px auto 0;
}	
	
.c3_frex2_box1{
	width:100%;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: var(--color-kanda) dotted 4px;
}	
	
.c3_frex2_box1:last-child {
	border-bottom:none;
}	
	

.c3_frex2_box1_i{
	width: 100%;
	margin-top: 10px;
}
	
.c3_frex2_box1_t{
	width: 100%;
	margin-top: 10px;
}
	
.c3_name_w{
	margin: 10px auto 0;
}


}



/*==info==*/

.info_back{
	background:var(--sub-color);
	padding: 50px 0 50px 0;
}

.info_t1{
	background: var(--color-kanda);
	padding:20px 0;
	line-height: 100%;
	
}

.info_t2{
	color: var(--color-kanda);
	font-size:var(--font-16);
	font-weight: bold;
	line-height: 160%;
	
}

.info_frexwrap1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.info_box1{
	width: calc(100% / 3 - 20px);
	margin-top:20px;
}

.info_box1 img{
	width:100%;
	margin-top:20px;
}

.info_p1{
	margin-top:20px;
	min-height: 240px;
}

.info_img1{
	width:50%;
}

.info_mv_wrap{
	width:66%;
	margin: 0 auto;
}

.info_nv_wrap{
	width:80%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */


	
.info_frexwrap1{
	margin-top: 20px;
}

.info_box1 {
	width:90%;
	margin:30px auto 0;
	padding-top: 30px;
	line-height:180%;
	border-top:var(--main-pink) 2px dotted;
	
}

.info_box1:first-child {
	margin:20px auto 0;
	border-top:none;
	padding-top: 0px;
}

.info_p1{
	margin-top:10px;
	min-height:0px;
}	

.info_img1{
	width:90%;
}
	
	
.info_mv_wrap{
	width:50%;
	margin: 0 auto;
}

.info_nv_wrap{
	width:70%;
	margin: 0 auto;
}	

}






/*==edit==*/

.edit_back{
	background:var(--sub-color);
}

.edit_wrap{
	width:960px;
	margin:0 auto 0;
	padding:50px 0;
}

.edit_t1{
	background: var(--color-ikuta);
	padding:20px 0;
	line-height: 100%;
}

.edit_t1-2{
	margin-top: 20px;
	border-top:#313131 2px dotted;
	border-bottom:#313131 2px dotted;
	padding:25px 0;
}

.edit_img1{
	width:50%;
}

.edit_img2{
	width:100%;
}



.edit_l{
	width:44%;
	margin-top:50px;
}

.edit_r{
	width:44%;
	margin-top:50px;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.edit_wrap{
	width:100%;
}

	
.edit_img1{
	width:90%;
}
	

	
.edit_l,.edit_r{
	width:90%;
	margin:25px auto 0;
}
	

}




/*backnumber*/

.backnumber_back{
	background:#eeeeee;
}

.backnumber_ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:  space-between;
	margin-top: 40px;
}

.backnumber_ul li{
	width:calc(100% / 2 - 60px);
	font-size: var(--font-16);
	list-style:disc;
	margin-left: 1em;
	margin-bottom: 0.5em;
	
}

.backnumber_img1{
	width:30%;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.backnumber_ul{
	margin-top: 20px;
}
	
.backnumber_ul li{
	width:100%;
	margin-left:2em;
}
	
.backnumber_img1{
	width:70%;
}

}





/*==footer==*/
	
footer {
	text-align:center;
	margin:0 0 0 0;
	padding:35px 0 60px 0;
	background:var(--main-color) ;
	color:#FFF;
	
}	

.footer_wrap {
	width:960px;
	margin:0 auto;
	text-align:center;
	font-size:var(--font-12);
}

.footer_p1 {
	font-size:var(--font-20);
}

.footer_p2 {
	font-size:var(--font-16);
}

.footer_line {
	border-bottom:#FFF 2px solid;
	margin-bottom:20px;
	padding-bottom:20px;
	
	
}

	
.footer_wrap a{
	color:#fff;
	text-decoration:none;
	
}

.footer_wrap a:hover{
	text-decoration: underline;
	
}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.footer_wrap {
	width:95%;
	margin:0 auto;
	line-height:180%;
}

.footer_p1 {
	margin-bottom: 10px;
}	
	

}



/*==トップボタン==*/

#sp_wrap{
	background:#FFF;
}

.spToTopBtn {
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
	z-index:10;
}






/*アコーディオン*/


@media screen and (min-width: 769px) {
/* 768px以上の幅の場合に適応される */

.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}

}




 @media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */




.grad-wrap label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color: #05aaf3;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}

.grad-wrap2 label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color:#8f82bc;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}

.grad-wrap3 label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color:#eb6877;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}


.grad-wrap4 label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color:#ee86a8;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}

.grad-wrap5 label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color:#f18d02;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}

.grad-wrap6 label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color:#43b9b3;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}


.grad-wrap7 label {
	width:50%;
	margin:20px auto 0;
    display: block;
    padding : 10px 0px;
	text-align:center;
    color :#fff;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	background-color:#67af28;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}



.grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/

  
}
.grad-btn::before {
  content: "もっとみる"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 0px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
 
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}


 }
 


/*==スライド==*/

.slider_wrap {
	margin-top:40px;
	padding-bottom:60px;
    }
	
.slider {
        width: 90%;
        margin: 40px auto 0;
    }	

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
	

/*sending20*/

.c1_add_t1{
	position: relative;
background: #3EA76F;
	color: #fff;
	padding: 65px 25px 40px 25px;
	box-sizing: border-box;
}

.c1_add_p1{
	position:  absolute;        /* 要素の配置方法を指定 */
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top: -24px;
}

.c1_add_p1 img{
}

.c1_add_p2{
	font-size:var(--font-16);
	margin-top: 20px;
}

.c1_add_p3{
	
}

.c1_add_wrap1{
	background:#F3F4E4;
	padding: 40px 25px 40px 25px;
	box-sizing: border-box;
}

.c1_wrap1_add{
	width:100%;
	margin:0 auto;
}

.c1_common_wrap2{
	width:49%;
	margin-top:25px;
}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
	
	.c1_add_t1{
	padding: 38px 15px 20px 15px;
}

.c1_add_p1{
	position:  absolute;        /* 要素の配置方法を指定 */
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top: -18px;
}

.c1_add_p1 img{
	width: 266px;
}

.c1_add_p2{
	margin-top: 20px;
}

.c1_add_img1{
	width: 80%;
}
	
.c1_common_wrap2{
	width:100%;
}
		
	
}