@charset "utf-8";

/* CSS Document */

/*-----------------------------
reset
-----------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	font-size: 100%;
	list-style: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
	}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}


/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* 本書サンプル用に以下のコードを追加しています。 */

/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}


/*-----------------------------
body
-----------------------------*/
html {
	width: 100%;
	background-color: #FFF;
	color: #333333;
	font-size: 4.267vw;
	/*font-weight: 500;*/
	font-family: "游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", YuGothic, sans-serif;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	html { 
		font-size: 16px;
	}
	}

/*-----------------------------
text_style, box_style
-----------------------------*/

/*スマホ向けレイアウトの指定*/

img { 
	vertical-align: bottom; 
	max-width: 100%;
	height: auto;
}


.mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gothic {
	font-family: "游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", YuGothic, sans-serif;
}

.fs_12_sp { font-size: 12px;}
.fs_14_sp { font-size: 14px;}
.fs_16_sp { font-size: 16px;}
.fs_18_sp { font-size: 18px;}
.fs_20_sp { font-size: 20px;}
.fs_24_sp { font-size: 24px;}
.fs_30_sp { font-size: 30px;}
.fs_34_sp { font-size: 34px;}
.fs_40_sp { font-size: 40px;}
.fs_50_sp { font-size: 50px;}

.fs_12_vw{ font-size: 0.75rem;}
.fs_14_vw{ font-size: 0.875rem;}
.fs_16_vw{ font-size: 1rem;}
.fs_18_vw{ font-size: 1.125rem;}
.fs_20_vw{ font-size: 1.25rem;}
.fs_24_vw{ font-size: 1.5rem;}
.fs_30_vw{font-size: 1.875rem;}
.fs_34_vw{ font-size: 2.125rem;}
.fs_40_vw{font-size: 2.5rem;}
.fs_50_vw{ font-size: 3.125rem;}

.ta_center_sp { text-align: center; }
.ta_left_sp { text-align: left; }
.ta_right_sp { text-align: right; }

.fw_bold { font-weight: 500; }
.fw_lighter { font-weight: lighter; }

.fc_white { color: #fff; }
.fc_black { color: #000; }
.fc_orange { color: #F0AA3E; }
.fc_green { color: #467B7C; }
.fc_green_02 { color: #3DAB4D; } /*下層ページテキスト色*/
/*.fc_palegreen01 { color: #94C13D; }*//*トップのh2下の英語*/
.fc_brown { color: #6A5246; }/*トップのh2下の英語*/



.space2 { letter-spacing: 2px; }
.space5 { letter-spacing: 5px; }

.block_sp { display: block; }
.none_sp { display: none; }

.lh_10 { line-height: 1; }
.lh_12 { line-height: 1.2; }
.lh_15 { line-height: 1.5; }
.lh_17 { line-height: 1.7; }

.mb0_sp { margin-bottom: 0; }
.mb10_sp { margin-bottom: 0.625rem; }
.mb20_sp { margin-bottom: 1.25rem; }
.mb30_sp { margin-bottom: 1.875rem; }
.mb40_sp { margin-bottom: 2.5rem; }
.mb50_sp { margin-bottom: 3.125rem}
.mb60_sp { margin-bottom: 3.75rem; }
.mb80_sp { margin-bottom: 5rem; }
.mb100_sp { margin-bottom: 6.25rem; }
.mb200_sp { margin-bottom: 12.5rem; }
.mb300_sp { margin-bottom: 18.75rem; }

.mt10_sp { margin-top: 0.625rem; }
.mt20_sp { margin-top: 1.25rem; }
.mt30_sp { margin-top: 1.875rem; }
.mt40_sp { margin-top: 2.5rem; }
.mt60_sp { margin-top: 3.75rem; }
.mt80_sp { margin-top: 5rem; }
.mt100_sp { margin-top: 6.25rem; }

.ml10_sp { margin-left: 0.625rem; }
.ml20_sp { margin-left: 1.25rem; }
.ml30_sp { margin-left: 1.875rem; }
.ml40_sp { margin-left: 2.5rem; }
.ml60_sp { margin-left: 3.75rem; }
.ml100_sp { margin-left: 6.25rem; }

.mr10_sp { margin-right: 0.625rem; }
.mr20_sp { margin-right: 1.25rem; }
.mr30_sp { margin-right: 1.875rem; }
.mr40_sp { margin-right: 2.5rem; }
.mr60_sp { margin-right: 3.75rem; }
.mr100_sp { margin-right: 6.25rem; }

.img_radius {
	border-radius: 0.3rem 0.3rem;
}

.link_01 {
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color: inherit;
}

.link_02 {
	vertical-align:baseline;
   	background:transparent;
	text-decoration: none;
}


.list_01 {
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}

.list_02 {
	list-style: none;
}


	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	.fs_12_tb { font-size: 12px; }
	.fs_14_tb { font-size: 14px; }
	.fs_16_tb { font-size: 16px; }
	.fs_18_tb { font-size: 18px; }
	.fs_20_tb { font-size: 20px; }
	.fs_24_tb { font-size: 24px; }
	.fs_30_tb { font-size: 30px; }
	.fs_34_tb { font-size: 34px; }
	.fs_40_tb { font-size: 40px; }
	.fs_50_tb { font-size: 50px; }
	.fs_80_tb { font-size: 80px; }

	.ta_center_tb { text-align: center; }
	.ta_left_tb { text-align: left; }
	.ta_right_tb { text-align: right; }

	.block_tb { display: block; }
	.none_tb { display: none; }

	.mb0_tb { margin-bottom: 0; }
	.mb10_tb { margin-bottom: 0.625rem; }
	.mb20_tb { margin-bottom: 1.25rem; }
	.mb30_tb { margin-bottom: 1.875rem; }
	.mb40_tb { margin-bottom: 2.5rem; }
	.mb50_tb { margin-bottom: 3.125rem}
	.mb60_tb { margin-bottom: 3.75rem; }
	.mb80_tb { margin-bottom: 5rem; }
	.mb100_tb { margin-bottom: 6.25rem; }
	.mb200_tb { margin-bottom: 12.5rem; }
	.mb300_tb { margin-bottom: 18.75rem; }

	.mt10_tb { margin-top: 0.625rem; }
	.mt20_tb { margin-top: 1.25rem; }
	.mt30_tb { margin-top: 1.875rem; }
	.mt40_tb { margin-top: 2.5rem; }
	.mt60_tb { margin-top: 3.75rem; }
	.mt100_tb { margin-top: 6.25rem; }

	.ml10_tb { margin-left: 0.625rem; }
	.ml20_tb { margin-left: 1.25rem; }
	.ml30_tb { margin-left: 1.875rem; }
	.ml40_tb { margin-left: 2.5rem; }
	.ml60_tb { margin-left: 3.75rem; }
	.ml100_tb { margin-left: 6.25rem; }

	.mr10_tb { margin-right: 0.625rem; }
	.mr20_tb { margin-right: 1.25rem; }
	.mr30_tb { margin-right: 1.875rem; }
	.mr40_tb { margin-right: 2.5rem; }
	.mr60_tb { margin-right: 3.75rem; }
	.mr100_tb { margin-right: 6.25rem; }
	}

		/*iPad pro相当*/
		@media print, screen and (min-width:1020px){

		.fs_12_pro { font-size: 12px; }
		.fs_14_pro { font-size: 14px; }
		.fs_16_pro { font-size: 16px; }
		.fs_18_pro { font-size: 18px; }
		.fs_20_pro { font-size: 20px; }
		.fs_24_pro { font-size: 24px; }
		.fs_30_pro { font-size: 34px; }
		.fs_40_pro { font-size: 40px; }
		.fs_50_pro { font-size: 50px; }
		.fs_70_pro { font-size: 70px; }
		.fs_80_pro { font-size: 80px; }

		.ta_center_pro { text-align: center; }
		.ta_left_pro { text-align: left; }
		.ta_right_pro { text-align: right; }

		.block_pro { display: block; }
		.none_pro { display: none; }

		.mb0_pro { margin-bottom: 0; }
		.mb10_pro { margin-bottom: 0.625rem; }
		.mb20_pro { margin-bottom: 1.25rem; }
		.mb30_pro { margin-bottom: 1.875rem; }
		.mb40_pro { margin-bottom: 2.5rem; }
		.mb50_pro { margin-bottom: 3.125rem}
		.mb60_pro { margin-bottom: 3.75rem; }
		.mb80_pro { margin-bottom: 5rem; }
		.mb100_pro { margin-bottom: 6.25rem; }
		.mb200_pro { margin-bottom: 12.5rem; }
		.mb300_pro { margin-bottom: 18.75rem; }

		.mt10_pro { margin-top: 0.625rem; }
		.mt20_pro { margin-top: 1.25rem; }
		.mt30_pro { margin-top: 1.875rem; }
		.mt40_pro { margin-top: 2.5rem; }
		.mt60_pro { margin-top: 3.75rem; }
		.mt100_pro { margin-top: 6.25rem; }

		.ml10_pro { margin-left: 0.625rem; }
		.ml20_pro { margin-left: 1.25rem; }
		.ml30_pro { margin-left: 1.875rem; }
		.ml40_pro { margin-left: 2.5rem; }
		.ml60_pro { margin-left: 3.75rem; }
		.ml100_pro { margin-left: 6.25rem; }

		.mr10_pro { margin-right: 0.625rem; }
		.mr20_pro { margin-right: 1.25rem; }
		.mr30_pro { margin-right: 1.875rem; }
		.mr40_pro { margin-right: 2.5rem; }
		.mr60_pro { margin-right: 3.75rem; }
		.mr100_pro { margin-right: 6.25rem; }
		}
		
			/*PC向けおよび大型PCの指定*/
			@media print, screen and (min-width:1200px){

			.fs_12_pc { font-size: 12px; }
			.fs_14_pc { font-size: 14px; }
			.fs_16_pc { font-size: 16px; }
			.fs_18_pc { font-size: 18px; }
			.fs_20_pc { font-size: 20px; }
			.fs_24_pc { font-size: 24px; }
			.fs_30_pc { font-size: 30px; }
			.fs_34_pc { font-size: 34px; }
			.fs_40_pc { font-size: 40px; }
			.fs_50_pc { font-size: 50px; }
			.fs_70_pc { font-size: 70px; }
			.fs_80_pc { font-size: 80px; }

			.ta_center_pc { text-align: center; }
			.ta_left_pc { text-align: left; }
			.ta_right_pc { text-align: right; }

			.block_pc { display: block; }
			.none_pc { display: none; }

			.mb0_pc { margin-bottom: 0; }
			.mb10_pc { margin-bottom: 0.625rem; }
			.mb20_pc { margin-bottom: 1.25rem; }
			.mb30_pc { margin-bottom: 1.875rem; }
			.mb40_pc { margin-bottom: 2.5rem; }
			.mb50_pc { margin-bottom: 3.125rem}
			.mb60_pc { margin-bottom: 3.75rem; }
			.mb80_pc { margin-bottom: 5rem; }
			.mb100_pc { margin-bottom: 6.25rem; }
			.mb200_pc { margin-bottom: 12.5rem; }
			.mb300_pc { margin-bottom: 18.75rem; }

			.mt10_pc { margin-top: 0.625rem; }
			.mt20_pc { margin-top: 1.25rem; }
			.mt30_pc { margin-top: 1.875rem; }
			.mt40_pc { margin-top: 2.5rem; }
			.mt60_pc { margin-top: 3.75rem; }
			.mt100_pc { margin-top: 6.25rem; }

			.ml10_pc { margin-left: 0.625rem; }
			.ml20_pc { margin-left: 1.25rem; }
			.ml30_pc { margin-left: 1.875rem; }
			.ml40_pc { margin-left: 2.5rem; }
			.ml60_pc { margin-left: 3.75rem; }
			.ml100_pc { margin-left: 6.25rem; }

			.mr10_pc { margin-right: 0.625rem; }
			.mr20_pc { margin-right: 1.25rem; }
			.mr30_pc { margin-right: 1.875rem; }
			.mr40_pc { margin-right: 2.5rem; }
			.mr60_pc { margin-right: 3.75rem; }
			.mr100_pc { margin-right: 6.25rem; }
			}		

/*-----------------------------
responsive_grid
-----------------------------*/

/*スマホ向けレイアウトの指定*/


.inner01 {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.inner02 {
	width: 92%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.flex_box_sp {
	display: flex;
	flex-wrap: wrap;	
}

.col_01_sp {
	width: 70%;
}

.col_02_sp {
	width: 32%;
}

.col_03_sp {
	width: 49%;
}

.col_04_sp {
	width: 23%;
}

.jc_space_between {
	justify-content: space-between;
}
	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	.flex_box_tb {
		display: flex;
		flex-wrap: wrap;
	}

	.col_01_tb {
		width: 70%;
	}

	.col_02_tb {
		width: 32%;
	}

	.col_03_tb {
		width: 49%;
	}

	.col_04_tb {
		width: 23%;
	}

	}

	/*iPadプロ、PCレイアウトの指定*/
	@media print, screen and (min-width:1020px){

	.flex_box_pro {
		display: flex;
		flex-wrap: wrap;
	}

	.col_01_pro {
		width: 70%;
	}

	.col_02_pro {
		width: 32%;
	}

	.col_03_pro {
		width: 49%;
	}

	.col_04_pro {
		width: 23%;
	}

	}
	
		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1200px){

		.inner01 {
			width: 85%;
			max-width: 1200px;
		}		

		.flex_box_pc {
			display: flex;
			flex-wrap: wrap;
		}

		.col_01_pc {
			width: 70%;
		}

		.col_02_pc {
			width: 32%;
		}

		.col_03_pc {
			width: 49%;
		}

		.col_04_pc {
			width: 23%;
		}
		
		.flex_reverse_pc {
			flex-direction:row-reverse;
		}
		}

/*--------------------------------
main(スライダー)
--------------------------------*/
/*画像幅全部見せの場合*/

.mainimg {
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	position: sticky;
	top:0;
	z-index: -1;
}

.top-image img{
  /*width: 100%;
  height: auto;*/
}

/* image */
.top-image {
  position: relative;
}

.main_txt_sp {
	width: 19.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 2px;
}


	/*PC及び大型レイアウトの指定*/
	@media print, screen and (min-width:760px){
	.top-image {
		padding-top: 0;
	}
	
	.slick-slide .s-fade-txt {
		font-weight: bold;
		position: absolute;
 		top: 50%;
 		left: 50%;
 		-webkit-transform: translate(-50%, -50%);
 		transform: translate(-50%, -50%);
		opacity: 0;
		/*width: 100%;*/
		}

	.slick-active .s-fade-txt {
		animation: slideFromBottom 0.5s linear 1s 1 normal forwards;
	}

	@keyframes slideFromBottom {
		0%, 25% {
			/*transform: translateY(30px);*/
			opacity: 0;
		}
		100% {
			/*transform: translateY(0px);*/
			opacity: 1;
		}
	}
	
	/*.txt_main_01 {
		font-size: 8vw;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0;
	}*/

	.main_txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 3vw;
		font-weight: normal;
		letter-spacing: 5px;
	}
	}


		/*タブレット及びiPadプロ向けレイアウトの指定*/
		@media print, screen and (min-width:1200px){



		/*.slick-slide .s-fade-txt {
			font-size: 1.3em;
		}*/
		
		/*.txt_main_01 {
			font-size: 8vw;
		}*/
		}


/*--------------------------------
メイン下のコンテンツ
--------------------------------*/
.container {
	background-color: #fff;
	z-index: 1;
}

/*--------------------------------
header
--------------------------------*/
header {
	padding: 1rem 0 0.5rem 0;
	background-color: #fff;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	/*transition-delay: .5s*/
}

.logo {
	width: 13rem;
	margin-left: auto;
	margin-right: auto;
}

.menu {
	padding-top: 1rem;
	font-size: 0.7rem;
	color: #333333;
}

	@media print, screen and (min-width:760px){
	.logo {
		width: 13rem;
		margin-left: auto;
		margin-right: auto;
	}
	}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1200px){

		}



/*--------------------------------
Gloval navi
--------------------------------*/


#hamburger .btn-gNav{
  position: fixed;
  top: 2rem;
  right: 1rem;
  width: 1.8rem;
  height: 1.5rem;
  z-index: 5;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

#hamburger .btn-gNav span{
  position: absolute;
  width: 100%;
  height: 2px;
  background: #333333;
  border-radius: 5px;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
#hamburger .btn-gNav span:nth-child(1) {
  top:0;
}
#hamburger .btn-gNav span:nth-child(2) {
  top:8px;
}
#hamburger .btn-gNav span:nth-child(3) {
  top:16px;
}
#hamburger .btn-gNav.open span:nth-child(1){
  background: #333333;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
#hamburger .btn-gNav.open span:nth-child(2),#hamburger .btn-gNav.open span:nth-child(3){
  top: 6px;
  background: #333333;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

#gNav{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  /*background: #020308;*/
  background: #E5EDED;
  box-sizing: border-box;
  z-index: 2;
  padding-top: 50px;
  transition: .3s;
}

#gNav.open{
  right: 0px;
}

#gNav .gNav-menu{
  /*width: 100%;*/
  height:100%;
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  /*text-align: center;*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#gNav .gNav-menu > li{
  display: block;
}

#gNav .gNav-menu > li > a, #gNav .gNav-menu > li > span {
	display: block;
	padding : 0.6rem 1rem;
  	text-decoration: none;
	color: inherit;
}

.child {
	display: none;
	background-color: rgba(255,255,255,0.3);
	z-index: 999;
	border-radius: 1rem;
}

.child li a {
	display: block;
	padding: 0.6rem 1rem;
	color: inherit;
	text-decoration: none;
}

	@media print, screen and (min-width:760px){

	
	}

		@media print, screen and (min-width:1020px){

		}

		@media print, screen and (min-width:1200px){

		.btn-gNav{
			display: none;
		}

		#hamburger {
			position: relative;
		}
		
		#gNav{
			position: static;
			/*top: 1.6rem;*/
			right: 0;
			padding-top: 0;
			background-color: #fff;
			/*height: 90px;*/
		}

		#gNav .gNav-menu{
			display: flex;
			flex-direction: row;
			align-items: top;
			/*position: absolute;
			top: 0;
			left: 500px;*/
			width: 960px;
			margin-left: auto;
			margin-right: auto;
			overflow: visible;
			text-align: center;
		}
		

		#gNav .gNav-menu > li > a, #gNav .gNav-menu > li > span{
			padding : 0.3rem 2rem 0 2rem;
			cursor: pointer;
		}
		
		#gNav .gNav-menu > li > a:hover, #gNav .gNav-menu > li > span:hover {
			color: #467B7C;

		}
		
		.child {
			position: absolute;
			left: 0;
			width: 100%;
			padding: 0.5rem 0;
			background-color: #ffffff;
			border-bottom: solid 1px #F4F9EC;
			border-radius: 0;
		}
		
		.child li {
			display: inline-block;
			padding: 0 3rem;
		}
		
		.child li a:hover {
			color: #467B7C;
		}
		}

/*--------------------------------
トップページ_about
--------------------------------*/

.top_about {
	padding: 3rem 0;
}

/*.inner_top_about {
	width: 100%;
}*/

.flex_top_about {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
	/*margin-bottom: 100px;*/
	/*max-width: 13rem;
	margin-left: auto;
	margin-right: auto;*/
}

.col_top_about {
	display: block;
}

.col_top_about img{
	opacity: 1;
	transition-duration: .3s;
}

.col_top_about:hover img{
	/*opacity: 0.7;*/
	/*filter: grayscale(30%);*/
	/*filter: hue-rotate(30deg);*/
	filter: brightness(110%);
}

.mb3_sp {
	margin-bottom: 0.3rem;
}

	@media print, screen and (min-width:760px){
	.flex_top_about {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: 92%;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	.col_top_about {
		display: block;
		width: 50%;
		/*max-width: 435px;*/
	}		
	}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1020px){
		.top_about {
			padding: 6rem 0;
		}

		/*.flex_top_about {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			width: 770px;
			margin-left: auto;
			margin-right: auto;
		}

		.col_top_about {
			width: 385px;
		}*/		
		}
	
/*--------------------------------
トップページ_喜峰会の取り組み
--------------------------------*/
.top_activities {
	padding: 3rem 0;
	background-color: #F4F9EC;
}


		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1020px){
		.top_activities {
			padding: 5rem 0;
		}
		}


/*--------------------------------
トップページ_事業紹介
--------------------------------*/
.top_business {
	padding: 3rem 0;
}

.grid_top_business {
	display: grid;
	gap: 3rem 0;
}

.grid_top_business figure {
	max-width: 13rem;
	margin-left: auto;
	margin-right: auto;
}

	@media print, screen and (min-width:760px){
	.grid_top_business {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 1.2rem;
	}

	.grid_top_business figure {
		max-width: 100%;
	}
	}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1020px){
		.top_business {
			padding: 5rem 0;
		}		

		}

/*--------------------------------
トップページ_目的で探す
--------------------------------*/
.top_service {
	padding: 3rem 0;
	/*background-color: #FDF6EC;*/
	background-color: #ffffee;
}

.inner_top_service {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}

.flex_top_service {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.col_top_service {
	display: block;
	box-sizing: border-box;
	width: 50%;
	padding: 1rem 1rem;
	border-left: solid 1px #003F20;
	text-decoration: none;
	color: inherit;
	margin-bottom: 2rem;
}

.col_top_service:hover {
	opacity: .7;
}
.col_top_service:nth-child(even) {
	border-right: solid 1px #003F20;
}

.table_top_service {
	width: 100%;
	text-align: center;
}

.table_top_service tr td {
	vertical-align: middle;
	text-align: center;
}

.top_service_ico {
	height: 100px;	
}

.top_service_txt p {
	line-height: 1.2;
	box-sizing: border-box;
	height: 40px;
	font-size: 1.1rem;
	color: #6A5246;
}

	@media print, screen and (min-width:760px){
	.col_top_service {
		width: 33.3%;
	}	

	.col_top_service:nth-child(even) {
		border-right: none;
	}
	
	.col_top_service:nth-child(3n) {
		border-right: none;
		border-right: solid 1px #003F20;
	}
	}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1200px){
		.top_service {
			padding: 5rem 0;
		}

		.inner_top_service {
			width: 85%;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.col_top_service {
			width: 16.66%;
			margin-bottom: 0;
		}

		.col_top_service:nth-child(3n) {
			border-right: none;
		}
		.col_top_service:last-child {
			border-right: solid 1px #003F20;
		}		

		}

/*--------------------------------
トップページ_お知らせ＆イベント情報
--------------------------------*/
.top_news {
	padding: 3rem 0;
}

.grid_top_news {
	display: grid;
	gap: 1rem 0;
	max-width: 15rem;
	margin-left: auto;
	margin-right: auto;	
}

.top_news_figico {
	position: relative;
}

.top_news_figico p {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0.9rem;
	padding: 0.3rem 0.7rem;
	line-height: 1;
	color: #fff;
}

	@media print, screen and (min-width:760px){
	.grid_top_news {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 0 1.2rem;
		max-width: 100%;
	}		
	}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1020px){
		.top_news {
			padding: 5rem 0;
		}
		}

/*--------------------------------
トップページ_ニュース下写真
--------------------------------*/
.top_pic {
	padding: 0 0 3rem 0;
}

.inner_top_pic {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.flex_top_pic {
	display: flex;
	flex-wrap: wrap;
}

.col_top_pic {
	width: 50%;
}

.sp_image_01 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

		@media print, screen and (min-width:1020px){
		.top_pic {
			padding: 0 0 5rem 0;
		}
			
		.sp_image_01 {
			width: 100%;
		}			
		}

/*--------------------------------
トップページ_採用情報
--------------------------------*/

.top_recruit {
	padding: 3rem 0;
}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1020px){
		.top_recruit {
			padding: 5rem 0;
		}
		}



/*-----------------------------
トップへ戻るボタン
-----------------------------*/

#totop {
	position: fixed;
	bottom: 1em;
	right: 1em;
	height: auto;
	opacity: 0.7;
	z-index: 999;
}

/*-----------------------------
footer
-----------------------------*/
footer {
	padding: 2rem 0;
	background-color: #E5EDED;
}

.grid_top_footer {
	display: grid;
	gap: 2rem 0;
	max-width: 18rem;
	margin-left: auto;
	margin-right: auto;
}

		
.footer_info, .footer_nav {
	box-sizing: border-box;
	padding-bottom: 2rem;
	border-bottom: solid 1px #467B7C;
}

.footer_nav ul li {
	font-size: 1.1rem;
	margin-bottom: 1rem;
}


.footer_facility p {
	font-size: 1.1rem;
}

.footer_info_sponly {
	padding-top: 3rem;
	padding-bottom: 15rem;
	background: url('images/bg_footer_01.jpg') no-repeat center bottom;
	background-size: cover;	
}

.inner_info_sponly {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


	/*PC向けおよび大型PCレイアウトの指定*/
	@media print, screen and (min-width:760px){
	.footer_info_sponly {
		display: none;
	}
	}

		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1020px){
		footer {
			padding: 4rem 0 2rem 0;
			background-color: #E5EDED;
		}			
		.grid_top_footer {
			display: grid;
			grid-template-columns: 310px 240px 1fr;
			gap: 0 2rem;
			max-width: 100%;		
		}

		.footer_info, .footer_nav {
			padding-bottom: 0;
			border-bottom: none;
		}

		.footer_nav, .footer_facility {
			box-sizing: border-box;
			padding-left: 2rem;
			border-left: solid 1px #467B7C;
		}
		}

			/*PC向けおよび大型PCレイアウトの指定*/
			@media print, screen and (min-width:1200px){
			.grid_top_footer {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				gap: 0 2rem;
				max-width: 100%;		
			}
			}

/*-----------------------------
下層ページ上部タイトル
-----------------------------*/
.page_title {
	background: url("images/page_ttl_purpose.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 0.5rem;
	height: 140px;
	position: relative;
}

.txt_page_ttl {
	width: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	text-align: center;
}

	/*@media print, screen and (min-width: 760x){
	.page_title {
		background: url("../images/page_ttl_purpose.jpg") no-repeat center center;
		background-size: cover;
		height: 500px;
		position: relative;
	}		
	}*/

		@media print, screen and (min-width:1020px){
		.page_title {
			background: url("images/page_ttl_purpose.jpg") no-repeat center center;
			background-size: cover;
			height: 354px;
		}
		}

/*-----------------------------
その他共通パーツ等
-----------------------------*/

.ttl_01 {
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-size: 1.7rem;
	letter-spacing: 3px;
	line-height: 1;
	font-weight: 400;
}

.ttl_02 {
	font-size: 1.8rem;
	letter-spacing: 3px;
	line-height: 1;
	font-weight: 400;
}

.ttl_sub_01 {
	font-size: 0.9rem;
	letter-spacing: 1px;
}


.ttl_03 { /*下層ページh2相当*/
	font-size: 1.5rem;
	color: #467B7C;
	border-left: 10px solid;
	border-image: linear-gradient(180deg, #F0AA3E 0%, #F0AA3E 25%, #3DAB4A 25%, #3DAB4A 100%);
	border-image-slice: 1;
	line-height: 1.2;
	padding-left: 0.5rem;
	margin-bottom: 2rem;
	letter-spacing: 2px;
	font-weight: 500;
}

.ttl_04 {
	font-size: 1.2rem;
	border-bottom: solid 1px;
	padding-bottom: 0.4rem;
}

.ttl_05 { /*サービスで探す*/
	font-size: 1.5rem;
	border-bottom: solid 1px #467B7C;
	padding-bottom: 0.4rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 0.3rem;
}

.ttl_06 { /*目的で探す*/
	font-size: 1.3rem;
	border-bottom: solid 1px #F0AA3E;
	padding-bottom: 0.4rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 0.3rem;	
}

.btn_01 {
	display: block;
	box-sizing: border-box;
	width: 17rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5rem 0;
	background-color: #fff;	
	border: solid 1px #467B7C;
	border-radius: 2rem;
	color: inherit;
	text-decoration: none;
	transition-duration: .5s;
}

.btn_01:hover {
	background-color: #E0F2EC;
}

.btn_02 { /*施設紹介、事業紹介のボタン*/
	display: block;
	width: 20rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: solid 1px #467B7C;
	border-radius: 2rem 2rem;
	line-height: 1.5;
	padding: 0.2rem 0;
	background: url("images/arrow_service.png") no-repeat center right 1rem;
	color: inherit;
	text-decoration: none;
	transition-duration: .5s;
}

.btn_02:hover {
	background-color: #E0F2EC;
}

.btn_03 { /*施設紹介、事業紹介のボタン外部リンク用*/
	display: block;
	width: 20rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: solid 1px #467B7C;
	border-radius: 2rem 2rem;
	line-height: 1.5;
	padding: 0.2rem 0;
	background: url("images/arrow_service_aw.png") no-repeat center right 1rem;
	color: inherit;
	text-decoration: none;	
	transition-duration: .5s;
}

.btn_03:hover {
	background-color: #E0F2EC;
}

.btn_04 {
	display: block;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 0.5rem;	
	color: inherit;
	font-size: 1.1rem;
	transition-duration: .5s;
}

.btn_04:hover {
	color: #467B7C;
}

.list_03 > li {
	background: url("images/listmark.png") no-repeat left top 0.5rem;
	padding-left: 1rem;
}

.table_01 tr td{
	display: block;
	background-color: #DFECC5;
	padding: 1rem;
	/*margin-top: 1rem;*/
	margin-bottom: 1rem;
	border-radius: 0.5rem;
}

.table_02 tr td{
	display: block;
	padding: 0.3rem 1rem;
	color: #7DA3A3;
	font-size: 1.2rem;
}

.table_02 tr td:first-child {
	background-color: #7DA3A3;
	color: #ffffff;
	border-radius: 2rem;
	width: 14rem;
}

	@media print, screen and (min-width:760px){
	.table_02 { /*処遇改善の取り組み*/
		margin-bottom: 1rem;
	}
		
	.table_02 tr td{
		display: table-cell;
	}		
	}		

		@media print, screen and (min-width:1020px){

		.ttl_01 {
			font-size: 2rem;
		}

		.ttl_02 {
			font-size: 2rem;
		}

		.ttl_03 { /*下層ページh2相当*/
			font-size: 1.8rem;
		}
			
		.table_01 { /*処遇改善の取り組み*/
			border-spacing: 1rem;
		}

		.table_01 tr td{
			display: table-cell;
		}			

		}

/*-----------------------------
わたしたちのことーパーパス
-----------------------------*/

.box_aboutus_credo {
	border-bottom: solid 1px #3DAB4D;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

/*-----------------------------
わたしたちのことー法人概要・沿革
-----------------------------*/
.grid_town {
	display: grid;
	gap: 2rem 1rem;
}

.box_about_cred {
	background: url("images/heart01.svg") no-repeat left top 0.3rem;
	padding-left: 2rem;
}

.box_about_cred_2 {
	background: url("images/heart02.svg") no-repeat left top 0.3rem;
	padding-left: 2rem;
}

.box_about_cred_3 {
	background: url("images/heart03.svg") no-repeat left top 0.3rem;
	padding-left: 2rem;
}

.about_float_left {
	text-align: center;
	margin-bottom: 1rem;
}

.about_grid_history {
	display: grid;
	gap: 1rem;
	border-top: solid 1px #3DAB4D;
	padding-top: 1rem;
	margin-bottom: 1rem;
}

.about_grid_history:last-child {
	border-bottom: solid 1px #3DAB4D;
	padding-bottom: 1rem;
}



	@media print, screen and (min-width:760px){
	.grid_town {
		display: grid;	
		grid-template-columns: 1fr 1fr;	
	}

	.about_float_left {
		float: left;
		width: 250px;
		margin-right: 1rem;
	}

	.about_grid_history {
		display: grid;
		grid-template-columns: 5rem 1fr 10rem;			
		gap: 1rem;
	}		
	}	

/*-----------------------------
わたしたちのことー法人概要・沿革
-----------------------------*/
.grid_keiei {
	display: grid;
	gap: 1rem 1rem;
}

	@media print, screen and (min-width:760px){
	.grid_keiei {
		display: grid;	
		grid-template-columns: 250px 1fr;	
	}
	}

/*-----------------------------
事業紹介　探す一覧
-----------------------------*/
.box_sagasu_iryou {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #E3EBEB;
	padding: 5rem 0;
	font-size: 1.5rem;
	border-radius: 1rem;
	text-decoration: none;
	transition-duration: 1s;
}

.box_sagasu_iryou:hover {
	background-color: #EAEAEA;
}

.grid_sagasu_mokuteki {
	display: grid;
	gap: 2rem 2rem;
}

.col_sagasu_mokuteki {
	background-color: #FDF2E2;
	padding: 4rem 0 2rem 0;
	text-decoration: none;
	color: inherit;
	font-weight: bold;
	font-size: 1.1rem;
	transition-duration: 1s;
}

.col_sagasu_mokuteki:hover {
	background-color: #EAEAEA;	
}

.col_sagasu_mokuteki figure {
	height: 120px;
}

	@media print, screen and (min-width:760px) {
	.grid_sagasu_mokuteki {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;		
		gap: 2rem 2rem;
	}		
	}



/*-----------------------------
事業紹介　カテゴリー一覧（私たちのこと-施設一覧ページ含む）
-----------------------------*/
.grid_service_cat {
	display: grid;
	gap: 3rem 2rem;
}

.grid_service_cat div figure img {
	border-radius: 0.5rem;
}

	@media print, screen and (min-width:760px) {
	.grid_service_cat {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	}




/*-----------------------------
サーチフィルター部分（広瀬）
-----------------------------*/
.searchandfilter > div > ul{
    width:100%;
    margin: 0;
    padding: 0;
}

.searchandfilter > div > ul >li{
    display:flex;
    border:solid 1px #ccc;
    margin-top:-1px;
    align-items:center;
    width:100%;
}

.searchandfilter > div > ul >li:last-child{
    display:flex;
    border:none;
    padding:20px;
}

.searchandfilter > div > ul >li h4{
    background:#eee;
    border-right:solid 1px #ccc;
    height:100%;
    padding:20px;
    margin:0;
}

/*-----------------------------
お知らせ
-----------------------------*/
.news { background-color: #84C98B; }
.event { background-color: #F0566E; }
.recruit_info {background-color: #AFB4DB;}

/*-----------------------------
イベント
-----------------------------*/
.grid_event {
	display: grid;
	gap: 2rem;
	box-sizing: border-box;
	padding: 2rem;
	border: solid 2px #3DAB4A;
	border-radius: 1rem;
	margin-bottom: 2rem;
}

.grid_event figure img {
	width: 100%;
	max-width: 400px;
}

.date_event_style {
	padding-left: 2rem;
	background: url('images/mark_date.png') no-repeat left center;
}



	@media print, screen and (min-width:1020px) {
	.grid_event {
		display: grid;
		grid-template-columns: 500px 1fr;
	}
	}

/*-----------------------------
テスト用（あと消す）
-----------------------------*/
/*.post-meta li { display: inline; background-color: #f1f1f1; padding: 0.2rem 1rem; border-radius: 0.5rem; }
.post-meta-key { display: none; }*/
.ico_recruit_occupation {
	background-color: #f1f1f1; padding: 0.2rem 1rem; border-radius: 0.5rem;
}

.ico_recruit_status {
	background-color: #f1f1f1; padding: 0.2rem 1rem; border-radius: 0.5rem;
}


.wp-block-table table{
	/*background-color: #aeaeae;*/
	border-collapse: separate !important;
	border-spacing: 1rem;
	width: 900px;
}

.wp-block-table table tr td:first-child {
	background-color: #999;
	text-align: left;
	/*width: 500px;*/
	border-radius: 1rem;
}

.table_test p {
	color: #F00;
}





/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* theme_slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 0;
}

.slick-dots
{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
	height: 20px;
	content: '●';
    text-align: center;
    opacity: 1;
    color: #467B7C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #F0AA3E;
}

/*-----------------------------
トップページ（仮）アト消す
-----------------------------*/
#kari_header {
	height: calc(100vh - 110px);
	/*padding: 10rem 0;*/
	background: url('images/imt_top_kari_2.jpg') no-repeat center top;
	background-size: cover;
	text-align: center;
	color: #fff;
}

.txt_kari_header {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
}

.txt_kari_01 {
	font-size: 2.3rem;
	background-color: rgba(0,0,0,0.5);
}

.bnr_kari_01 {
	display: block;
	border: solid 1px;
	width: 20rem;
	padding: 1rem 0;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	color: inherit;
	text-decoration: none;
	background-color: rgba(0,0,0,0.5);
}

.bnr_kari_01:hover {
	background-color: rgba(0,0,0,0.3);
}

#kari_footer {
	padding: 1rem 0;
}

	@media print, screen and (min-width:1020px){
	.txt_kari_01 {
		font-size: 4rem;
	}
	}