@charset "UTF-8";
:root {
	--color_org: #E4591E;
	--color_blu: #156EB2;
	--color_brightblu: #54BCC7;
	--color_grn: #2C9D6C;
	--color_brightgrn: #7DBD4F;
	--color_brightgrn2: #3BA8B4;
	--color_pnk: #F16896;
	--color_brightpnk: #FFF7F4;
	--color_yel: #FFDD79;
	--color_brightyel: #FFFCE8;
}

/*【init.css】 ********************************/
*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-x: hidden;
}
@-ms-viewport {
	width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
body {
	background-color: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",sans-serif,Helvetica,Arial !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	overflow-x: hidden;
	padding: 0!important;
	margin: 0;
}
[tabindex="-1"]:focus {
	outline: 0 !important;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}
ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}
dt {
	font-weight: 700;
}
dd {
	margin-bottom: .5rem;
	margin-left: 0;
}
blockquote {
	margin: 0 0 1rem;
}
dfn {
	font-style: italic;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 87.5%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
a {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
	outline: 0;
}
pre,
code,
kbd,
samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 1em;
}
pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	-ms-overflow-style: scrollbar;
}
figure {
	margin: 0 0 1rem;
}
img {
	vertical-align: middle;
	border-style: none;
}
svg {
	overflow: hidden;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom;
}
th {
	text-align: inherit;
}
button {
	border-radius: 0;
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}
output {
	display: inline-block;
}
summary {
	display: list-item;
	cursor: pointer;
}
template {
  display: none;
}
[hidden] {
	display: none !important;
}

/*【common/style.css】 ********************************/
a:hover {
	cursor: pointer;
	color: #333;
}

.w180 {width: 180px!important;}
.w0per {width: 0%!important;}
.w5per {width: 5%!important;}
.w10per {width: 10%!important;}
.w15per {width: 15%!important;}
.w20per {width: 20%!important;}
.w25per {width: 25%!important;}
.w30per {width: 30%!important;}
.w35per {width: 35%!important;}
.w40per {width: 40%!important;}
.w45per {width: 45%!important;}
.w50per {width: 50%!important;}
.w55per {width: 55%!important;}
.w60per {width: 60%!important;}
.w65per {width: 65%!important;}
.w70per {width: 70%!important;}
.w75per {width: 75%!important;}
.w80per {width: 80%!important;}
.w85per {width: 85%!important;}
.w90per {width: 90%!important;}
.w95per {width: 95%!important;}
.w100per {width: 100%!important;}
.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pl25 {padding-left: 25px !important;}
.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.mt90 {margin-top: 90px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}

.m_rl_auto {margin: 0 auto !important;}
.m_r_auto {margin-right: auto !important;}
.m_l_auto {margin-left: auto !important;}
.text__center {text-align: center !important;}
.text__right {text-align: right !important;}
.text__left {text-align: left !important;}
.text__bold {font-weight: bold !important;}
.text__normal {font-weight: normal !important;}

.fs14 {font-size: 0.8750rem !important;}
.fs16 {font-size: 1.0000rem !important;}
.fs18 {font-size: 1.1250rem !important;}
.fs23 {font-size: 1.4375rem !important;}
.fs36 {font-size: 2.2500rem !important;}

.border__normal {
    height: 0;
    margin: 30px auto 30px;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}

.list__annotation {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list__annotation li {
	display: block;
	position: relative;
	padding: 0 0 0 18px;
	font-size: 0.8750rem;
}
.list__annotation li::before {
	content: "※";
	display: block;
	position: absolute;
	left: 0;
}
.list__annotation_number {
	counter-reset: number 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.list__annotation_number li {
	counter-increment: number 1;
	display: block;
	position: relative;
	padding: 0 0 0 30px;
	font-size: 0.8750rem;
}
.list__annotation_number li::before{
	content: "※" counter(number);
	display: block;
	position: absolute;
	left: 0;
}
ul.list__annotation,
ul.list__annotation_number{
	margin-bottom : 20px;
}

.box__full {
	display: block;
	max-width: 100vw;
	width: 100%;
	background-color: #fff;
	overflow-x: hidden;
}
.inbox__full {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	box-sizing: border-box;
}
.inbox__full_m {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	box-sizing: border-box;
}

.disp_pc {
	display: block !important;
}
.disp_block {
	display: block !important;
}
.disp_flex {
	display: flex !important;
	justify-content: space-between;
}
.disp_flex_02 {
	display: flex !important;
	justify-content: center;
}
.disp_flex_03 {
	display: flex !important;
	justify-content: flex-start;
}
.disp_pc_flex {
	display: flex !important;
}
.disp_pc_inblock {
	display: inline-block !important;
}
.flex__justify_end {
	justify-content: end;
}
.flex__align_center {
	align-items: center !important;
}
.disp_sp {
	display: none !important;
}
.disp_sp_inblock {
	display: none !important;
}
.disp_sp_flex {
	display: none !important;
}
.flex__child__equal {
	flex-grow: 1;
}
.size_part::before {
	content: "（";
}
.size_part::after {
	content: "）";
}

.scroll_y {
	border: 1px solid #aaa;
	height: 200px;
	padding: 20px;
	margin: 0 0 30px 0;
	overflow-y: scroll;
	background: #FFFFFF;
}

/*【reset】 ********************************/
img{
	width: 100%;
	height: auto;
}

ul,ol{
	padding-left: 0;
}
ul li,
ol li{
	list-style: none;
	margin: 0 0 5px 0;
}

h1,h2,h3{
	margin-bottom: 0;
}

/*【color】 ********************************/
.pnk{
	background: var(--color_pnk);
}
.brightpnk{
	background: var(--color_brightpnk);
}
.brightyel{
	background: var(--color_brightyel);
}
.org{
	background: var(--color_org);
}
.txt_org{
	color: var(--color_org);
}

/*【font】 ********************************/
h1{
	font-size: 3.75rem;
}
h2{
	font-size:3.125rem;
	margin-bottom: 30px;
}
h3{
	font-size: 1.5625rem; /* 25px */
	margin-bottom: 30px;
}
h4{
	font-size: 1.3750rem; /* 22px */
	margin-bottom: 30px;
}

sup,sub {
	font-size: 0.8750rem;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",sans-serif,Helvetica,Arial;
	font-weight: normal;
	letter-spacing: normal;
	padding-left: 2px;
}

/*【img】 ********************************/
figcaption{
	font-weight: normal;
	text-align: center;
	margin-top:20px;
}
.photo__radius img,
.photo__radius_line img{
	border-radius: 50px;
}
.photo__radius_line img{
	border: 1px solid #A2A2A2;
}
.bnr__radius img{
	border-radius: 20px;
	margin-bottom: 20px;
}
.photo__radius a img:hover,
.photo__radius_line a img:hover,
.bnr__radius a img:hover{
	opacity: 0.6;
}

/*【header】 ********************************/
header {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255, 0.9);
	z-index: 100;
  }
.header__inner {
	max-width: 1366px;
	margin: auto;
	display: flex;
	align-items: center;
	padding: 20px 30px;
}
/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin{
	position: fixed;
	z-index: 999;/*最前面へ*/
	animation: DownAnime 0.5s forwards;
  }
	#header.HeightMin ul li{
		margin-bottom: 0;
	}
	#header.HeightMin .header__inner{
		padding:5px 30px;
	}
	#header.HeightMin .header__logo{
		width: 15%;
	}
	#header.HeightMin .nav__recipe a::before,
	#header.HeightMin .nav__hospital a::before,
	#header.HeightMin .nav__educ a::before,
	#header.HeightMin .nav__play a::before,
	#header.HeightMin .nav__info a::before{
		content: "";
		display: block;
		width: 40px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0 auto 5px auto;
	}
  @keyframes DownAnime{
	from {
		opacity: 0;
	transform: translateY(-170px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		}
  }

nav {
	margin: 0 auto;
}
nav ul {
	display: flex;
	margin-bottom:0;
}
nav ul li{
	padding: 0 30px;
	text-align: center;
}
nav ul li a:hover{
	text-decoration: none;
	opacity: 0.6;
}

.nav__recipe a::before,
.nav__hospital a::before,
.nav__educ a::before,
.nav__play a::before,
.nav__info a::before{
	content: "";
	display: block;
	width: 50px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 5px auto;
}

.nav__recipe a::before{
	background-image: url(/kosodate/resource/img/icon_recipe.png);
}
.nav__hospital a::before{
	background-image: url(/kosodate/resource/img/icon_hospital.png);
}
.nav__educ a::before{
	background-image: url(/kosodate/resource/img/icon_educ.png);
}
.nav__play a::before{
	background-image: url(/kosodate/resource/img/icon_play.png);
}
.nav__info a::before{
	background-image: url(/kosodate/resource/img/icon_info.png);
}

.header__logo{
	width: 20%;
}
.header__logo h1{
	margin-bottom: 0;
	font-size: unset;
}
.header__logo_kmp{
	width: 13%;
}

/* breadcrumb */
.breadcrumb{
	background: #F3F0EA;
	padding:15px 0;
}
.breadcrumb ol{
	width: 1200px;
	display: flex;
	margin-bottom: 0;
}
.breadcrumb ol li{
	padding-right: 30px;
	font-size: 12px;
	margin-bottom: 0;
}
.breadcrumb ol li:first-child{
	padding-left: 20px;
}
.breadcrumb ol li:not(:last-child) {
	position:relative;
	padding-right:30px;
}
/* .breadcrumb ol li:first-child a::before{
	content: "\f015";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	width: 10px;
	height: 15px;
	top: 0px;
	left: 0px;
} */
.breadcrumb ol li:not(:last-child) ::after{
	content: "\f105";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	width: 10px;
	height: 15px;
	top: 0px;
	right: 10px;
}

/* pager */
.pager .pagination {
	text-align: center;
	margin-bottom: 60px;
  }
  
.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	position: relative;
}

.recipe__2nd .pager .pagination li {
	color: var(--color_org);
}
.play__2nd .pager .pagination li {
	color: var(--color_grn);
}
.info__2nd .pager .pagination li {
	color: var(--color_pnk);
}
  
.pager .pagination li.pre,
.pager .pagination li.next,
.pager .pagination li.pre a,
.pager .pagination li.next a{
	font-family: FontAwesome;
}

.recipe__2nd .pager .pagination li.pre,
.recipe__2nd .pager .pagination li.next,
.recipe__2nd .pager .pagination li.pre a,
.recipe__2nd .pager .pagination li.next a{
	color: var(--color_org);
}

.play__2nd .pager .pagination li.pre,
.play__2nd .pager .pagination li.next,
.play__2nd .pager .pagination li.pre a,
.play__2nd .pager .pagination li.next a{
	color: var(--color_grn);
}

.info__2nd .pager .pagination li.pre,
.info__2nd .pager .pagination li.next,
.info__2nd .pager .pagination li.pre a,
.info__2nd .pager .pagination li.next a{
	color: var(--color_pnk);
}

.pager .pagination li.pre i,
.pager .pagination li.next i{
	font-style: normal;
}
  
.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	text-decoration: none;
	color: var(--color_grn);
	font-family: century-gothic, sans-serif;
}
.recipe__2nd .pager .pagination li a{
	color: var(--color_org);
}
.play__2nd .pager .pagination li a{
	color: var(--color_grn);
}
.info__2nd .pager .pagination li a{
	color: var(--color_pnk);
}
  
.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}
  
.pager .pagination li a:hover{
	opacity: 0.6;
}

.pager .pagination li a.active{
	color: #FFFFFF;
	font-weight: 700;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 30px;
}
.recipe__2nd .pager .pagination li a.active{
	background: var(--color_org);
}
.play__2nd .pager .pagination li a.active{
	background: var(--color_grn);
}
.info__2nd .pager .pagination li a.active{
	background: var(--color_pnk);
}

/*【#top】 ********************************/
/* main */
#top main{
	position: relative;
	margin-top:-8%;
}
#top .main__txt{
	width:1200px;
	margin:0 auto
}
#top .main__txt p{
	position: absolute;
	top:20%;
	left:5%;
	width:12%;
}

.sec__recipe{
	background-image: url(/kosodate/resource/img/bg_dot_right_top.svg),url(/kosodate/resource/img/bg_org_top.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right top,center top;
	background-size: 20%,contain;
	padding-top:8.4%;
}

.sec__play{
	background-image: url(/kosodate/resource/img/bg_dot_right_top.svg),url(/kosodate/resource/img/bg_brightgrn_top.svg);
	background-repeat: no-repeat,no-repeat;
	background-position: right top,center top;
	background-size: 20%,contain;
	padding-top:8.6%;
}

.sec__info{
	background-image: url(/kosodate/resource/img/bg_org_btm.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	padding-top:8.6%;
}

.sec__recom{
	background:  url(/kosodate/resource/img/bg_info_top.png) repeat-x 0 0;
	background-size: 100%;
	padding-top:6%;
}

.sec__recipe h2,
.sec__info h2{
	margin-top: -8.6%;
	margin-bottom:50px;
}

.sec__recom h2,
.sec__play h2{
	margin-top: -11%;
	margin-bottom:50px;
}

.sec__play h2 img{
	width: 20.25rem !important;
}
.sec__hospital h2 img{
	width: 16.0625rem !important;
}

/*【title】 ********************************/
.recipe__tit{
	position: relative;
	text-align: center;
}
.recipe__tit::before{
	content: "";
	display: block;
	width: 44px;
	height: 15px;
	background: url(/kosodate/resource/img/tit_icon_org.svg) no-repeat;
	background-size: contain;
	margin: 0 auto 10px auto;
}

.marker__wht{
	padding: 0 5px;
	background:linear-gradient(transparent 65%, #FFFFFF 60%);
}
.marker__yel{
	padding: 0 5px;
	background:linear-gradient(transparent 65%, var(--color_yel) 60%);
}
.marker__brightblu{
	padding: 0 5px;
	background:linear-gradient(transparent 65%, #B4DBF9 60%);
}
.marker__pnk{
	padding: 0 5px;
	background:linear-gradient(transparent 65%, #FDC8DA 60%);
}

.h1__tit,
.h2__tit,
.h2__tit_1st,
.h3__tit,
.icon__tit{
	font-family: "ab-kirigirisu", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.15em;
	line-height: 1.1;
}

.h2__tit,
.h2__tit_1st{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.h2__tit_1st{
	padding: 10px 40px;
	margin-top:-30px;
	margin-bottom:30px;
	background: #FFFFFF;
	border-radius: 50px;
	display: inline-block;
}

.h2__tit_1st_normal{
	position: relative;
	padding: 10px 40px;
	margin:-30px auto 40px auto;
	background: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
	font-size:25px;
	line-height: 1.7;
	display: inline-block;
}
.h2__tit_1st_normal::before{
	content: "";
	display: block;
	width: 44px;
	height: 15px;
	margin: 10px auto;
	background: url(/kosodate/resource/img/tit_icon_org.svg) no-repeat;
	background-size: contain;
}

.h3__tit{
	font-size: 2.375rem;
}

.sec__recipe_list .h3__tit{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic";
	font-weight: bold;
	font-size: 1.4375rem;
	font-style: normal;
	letter-spacing: unset;
	line-height: unset;
}

.p__tit_1st{
	position: relative;
	padding: 10px 40px;
	margin:-30px auto 40px auto;
	background: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
	font-size:25px;
	line-height: 1.7;
	display: inline-block;
}

.icon__tit{
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon__tit::before{
	content: "";
	display: inline-block;
	width: 122px;
	height: 80px;
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_passbook.svg) no-repeat;
	background-size: contain;
	margin-right: 15px;
}
.icon__tit::after{
	content: "";
	display: inline-block;
	width: 79px;
	height: 80px;
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_wallet.svg) no-repeat;
	background-size: contain;
	margin-left: 15px;
}
.icon__tit p{
	font-size: 2.2500rem; /* 36px */
}

.p__tit_1st::before,
.p__tit_em::before{
	content: "";
	display: block;
	width: 44px;
	height: 15px;
	margin: 10px auto;
}

.educ__2nd .p__tit_1st::before,
.educ__2nd .p__tit_em::before{
	background: url(/kosodate/resource/img/tit_icon_blu.svg) no-repeat;
	background-size: contain;
}

.p__tit_em{
	font-size: 1.3750rem; /*22px*/
	font-weight: bold;
	text-align: center;
}

.accord__inner .block__item .p__tit_em{
	min-height: 100px;
}
.accord__inner .block__item .text{
	text-align: center;
}
.accord__inner .block__item .text2{
	text-align: left;
}

.sec__recipe h2 span,
.sec__info h2 span,
.sec__recom h2 span,
.sec__recipe_no_bg h2 span,
.play__2nd h2 span,
.info__2nd h2 span,
.hospital__2nd h2 span,
.educ__2nd h2 span,
.educ__2nd h3 span{
	display: block;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.2em;
	font-size: 15px;
	padding:10px;
}

.sec__recipe h2 span,
.sec__recipe_no_bg h2 span{
	color:var(--color_org);
}
.sec__info h2 span{
	color:var(--color_pnk);
}
.sec__recom h2 span{
	color:#228787 !important;
}
.play__2nd h2 span{
	color: var(--color_grn);
}
.info__2nd h2 span{
	color: var(--color_pnk);
}
.hospital__2nd h2 span{
	color: var(--color_brightgrn2);
}
.educ__2nd h2 span,
.educ__2nd h3 span{
	color: var(--color_blu);
}
.sec__educ .bg01 .h3__tit span::before,
.sec__educ .bg03 .h3__tit span::before,
.sec__educ_hoken .h3__tit span::before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 44px;
	background: url(/kosodate/resource/img/icon_kmpkun_face.svg) no-repeat left center;
	background-size: contain;
	vertical-align: middle;
	margin-right:10px;
}
.sec__educ .bg02 .h3__tit span::before,
.sec__educ .bg04 .h3__tit span::before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 44px;
	background: url(/kosodate/resource/img/icon_yumechan_face.svg) no-repeat left center;
	background-size: contain;
	vertical-align: middle;
	margin-right:10px;
}

.tit__border_dashed {
	display: flex;
	align-items: center;
}
.tit__border_dashed span {
	margin-left: 1em;
	margin-right: 1em;
}
.tit__border_dashed::before,
.tit__border_dashed::after {
	content: "";
	flex: 1 1 auto;
}
.recipe__2nd .tit__border_dashed::before,
.recipe__2nd .tit__border_dashed::after {
	border-bottom: 2px dashed var(--color_yel);
}
.educ__2nd .tit__border_dashed::before,
.educ__2nd .tit__border_dashed::after {
	border-bottom: 2px dashed var(--color_blu);
}

.sec__recipe_bg{
	background-color: var(--color_yel);
	background-image: url(/kosodate/resource/img/bg_dot_left.svg),url(/kosodate/resource/img/bg_dot_right_btm.svg);
	background-repeat: no-repeat,no-repeat;
	background-position: left bottom,right top;
	background-size: 20%,20%;
	padding: 30px 0;
}

.sec__play_bg{
	background-color: #CDEAA7;
	background-image: url(/kosodate/resource/img/bg_dot_left.svg),url(/kosodate/resource/img/bg_dot_right_btm.svg);
	background-repeat: no-repeat,no-repeat;
	background-position: left bottom,right top;
	background-size: 20%,20%;
	padding: 30px 0;
}

.sec__info_bg{
	background: #FFFFFF;
	padding: 30px 0;
}

.sec__recom_bg{
	background:#BDE1DF;
	padding: 80px 0 30px 0;
}

/*【page__2nd】 ********************************/
#page__2nd h1{
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding:10px 10px 10px 20px;
}
#page__2nd h1 span:nth-child(2){
	display: block;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.2em;
	font-size: 15px;
	padding-left: 10px;
}
#page__2nd h1 span:first-child::after{
	content: "";
	width:40px;
	height:30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.recipe__2nd .bg_tit,
.hospital__2nd .bg_tit,
.play__2nd .bg_tit,
.info__2nd .bg_tit,
.educ__2nd .bg_tit,
.bg_dot{
	display: flex;
	height: 10.8125rem;
}

/* recipe */
.recipe__2nd h1{
	color: var(--color_org);
}
.recipe__2nd h1 span:first-child::after{
	background: url(/kosodate/resource/img/icon_recipe.png) no-repeat left center;
	background-size: contain;
}
.recipe__2nd .bg_tit{
	background-image: url(/kosodate/recipe/resource/img/tit_recipe_bg.png),url(/kosodate/resource/img/tit_bg.png);
	background-repeat: no-repeat,repeat;
	background-position: right top, right top;
	background-size: contain,cover;
}

.ingredient p{
	font-weight: bold;
}
.ingredient .serves{
	font-size: 0.8750rem; /* 14px */
}
.ingredient .type{
	color:var(--color_grn);
}

.ingredient-list{
	display: flex;
	flex-wrap: wrap;
}
.ingredient-list dt{
	width: 65%;
	border-bottom: solid 1px #ccc;
	padding: 5px 0;
	font-weight: normal;
}
.ingredient-list dd{
	width: 35%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 0;
	padding: 5px 0;
	text-align: right;
}

.circle_num {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background: #BAB8AC;
	margin: 0 auto 10px auto;
 }

 .point{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 4px;
	margin-right: 4px;
	border-radius: 4px;
	background: var(--color_yel);
 }

.sns{
	border: 2px dashed var(--color_yel);
	margin-bottom:30px;
	padding:30px;
	text-align: center;
}
.sns ul{
	display: inline-flex;
	align-items: center;
	margin-bottom:0;
}
.sns ul li{
	padding:0 10px;
}


/* hospital */
.hospital__2nd h1{
	color: var(--color_brightgrn2);
}
.hospital__2nd h1 span:first-child::after{
	background: url(/kosodate/resource/img/icon_hospital.png) no-repeat left center;
	background-size: contain;
	margin-left: 10px;
}
.hospital__2nd .bg_tit{
	background-image: url(/kosodate/hospital/resource/img/tit_hospital_bg.png),url(/kosodate/resource/img/tit_bg.png);
	background-repeat: no-repeat,repeat;
	background-position: right top, right top;
	background-size: contain,cover;
}

/* play */
.play__2nd h1{
	color: var(--color_grn);
}
.play__2nd h1 span:first-child::after{
	background: url(/kosodate/resource/img/icon_play.png) no-repeat left center;
	background-size: contain;
}
.play__2nd .bg_tit{
	background-image: url(/kosodate/play/resource/img/tit_play_bg.png),url(/kosodate/resource/img/tit_bg.png);
	background-repeat: no-repeat,repeat;
	background-position: right top, right top;
	background-size: contain,cover;
}
.play__tit,
.hospital__tit{
	position: relative;
	text-align: center;
	font-size: 1.3750rem; /* 22px */
}
.play__tit::before{
	content: "";
	display: block;
	width: 44px;
	height: 15px;
	background: url(/kosodate/resource/img/tit_icon_grn.svg) no-repeat;
	background-size: contain;
	margin: 0 auto 10px auto;
}
.hospital__tit::before{
	content: "";
	display: block;
	width: 44px;
	height: 15px;
	background: url(/kosodate/resource/img/tit_icon_brightgrn02.svg) no-repeat;
	background-size: contain;
	margin: 0 auto 10px auto;
}

/* info */
.info__2nd h1{
	color: var(--color_pnk);
}
.info__2nd h1 span:first-child::after{
	background: url(/kosodate/resource/img/icon_info.png) no-repeat left center;
	background-size: contain;
}
.info__2nd .bg_tit{
	background-image: url(/kosodate/info/resource/img/tit_info_bg.png),url(/kosodate/resource/img/tit_bg.png);
	background-repeat: no-repeat,repeat;
	background-position: right top, right top;
	background-size: contain,cover;
}
.bg_tit_dot{
	background-image: url(/kosodate/resource/img/tit_bg.png);
	background-repeat: repeat;
	background-position: right top;
	background-size: cover;
}


/* educ */
.educ__2nd h1{
	color: var(--color_blu);
}
.educ__2nd h1 span:first-child::after{
	background: url(/kosodate/resource/img/icon_educ.png) no-repeat left center;
	background-size: contain;
}
.educ__2nd .bg_tit{
	background-image: url(/kosodate/educationcosts/resource/img/tit_educ_bg.png),url(/kosodate/resource/img/tit_bg.png);
	background-repeat: no-repeat,repeat;
	background-position: right top, right top;
	background-size: contain,cover;
}

/* page__nav */
.page__nav{
	padding-top: 4%;
	margin-bottom:30px;
}
.page__nav_bg{
	padding: 10px 0;
	background-size: auto auto;
	background-color: rgba(221, 235, 245, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(255, 255, 255, 1) 8px, rgba(255, 255, 255, 1) 10px );
}
.page__nav .btn__arrow_pgnav{
	margin-top: -20%;
}

.sec__educ .bg_tit{
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom:30px;
}

.sec__educ .bg_tit.bg01{
	height: 20rem;
	background-image: url(/kosodate/educationcosts/resource/img/bg_educationcosts_tit_01.jpg);
	background-position: right top;
}
.sec__educ .bg_tit.bg02{
	height: 20rem;
	justify-content: end;
	background-image: url(/kosodate/educationcosts/resource/img/bg_educationcosts_tit_02.jpg);
	background-position: left top;
}
.sec__educ .bg_tit.bg03{
	height: 20rem;
	background-image: url(/kosodate/educationcosts/resource/img/bg_educationcosts_tit_03.jpg);
	background-position: right top;
}
.sec__educ .bg_tit.bg04{
	height: 20rem;
	justify-content: end;
	background-image: url(/kosodate/educationcosts/resource/img/bg_educationcosts_tit_04.jpg);
	background-position: left top;
}
.sec__educ .bg_tit.bg01 .txt,
.sec__educ .bg_tit.bg03 .txt{
	width: 42%;
}
.sec__educ .bg_tit.bg02 .txt{
	width: 50%;
}
.sec__educ .bg_tit.bg04 .txt{
	width: 54%;
}

.sec__educ_hoken{
	background:  url(/kosodate/resource/img/bg_brightblu.svg) no-repeat center top;
	background-size: contain;
	padding-top:14.6%;
}
.sec__educ_hoken h2{
	margin-top: -14.6%;
	margin-bottom:50px;
}
.sec__educ_hoken_bg{
	background: #DDEBF5;
	padding: 30px 0;
}

.sec__educ_info{
	background: #FFFFFF url(/kosodate/resource/img/bg_white.svg) no-repeat center top;
	background-size: contain;
	padding-top:14.6%;
}
.sec__educ_info h2{
	margin-top: -10.6%;
	margin-bottom:50px;
}
.sec__educ_info_bg{
	background: #FFFFFF;
	padding: 30px 0;
}

/* accordion */
.accordion {
	margin: 3em auto;
}
.toggle{
	display: none;
}
.option{
	position: relative;
	margin-bottom: 1em;
}
.accord__title,
.content{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.5s;
}
.accord__title{
	width: 60%;
	border: solid 2px var(--color_blu);
	border-radius: 9999px;
	text-align: center;
	padding: 10px 50px 10px 20px ;
	display: block;
	color: var(--color_blu);
	font-weight: bold;
	margin: 0 auto 30px auto;
	cursor: pointer;
}
.accord__title::after,
.accord__title::before{
	content: "";
	position: absolute;
	right: 1.5rem;
	top: 0.9rem;
	width: 3px;
	height: 1rem;
	background-color: var(--color_blu);
	transition: all 0.5s;
}
.accord__title::after {
	transform: rotate(90deg);
}
.content{
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .accord__title + .content {
	height: auto;
	padding:20px ;
	transition: all 0.5s;
}
.toggle:checked + .accord__title::before {
	transform: rotate(90deg) !important;
}
.accord__inner{
	background: #F3F0EA;
	padding: 30px 50px;
	border-radius: 50px;
}

.sec__no_bg{
	background: #FFFFFF;
	padding: 30px 0;
}

.recipe__2nd .sec__recom{
	background-color: #FFFFFF;
	/* background-color: var(--color_yel); おすすめレシピ表示する時は背景色をyelにする */
	background-image: url(/kosodate/resource/img/bg_info_top.png) repeat-x 0 0;
	background-size: contain;
	padding-top:6.4%;
}

.recipe__2nd .sec__recom.bg__yel{
	background-color: var(--color_yel);
}

.play__2nd .sec__recom{
	background-color: #CDEAA7;
	background-image:url(/kosodate/resource/img/bg_info_top.png) repeat-x 0 0;
	background-size: contain;
	padding-top:6.4%;
}

/*【other】 ********************************/
.list__circle{
	margin: 0;
	padding: 0 0 0 30px;
}
.list__circle li{
	list-style-type: disc;
}
.list__circle li:last-child{
	margin: 0;
}
.list__circle{
	margin-bottom: 20px;
}

.ht-100 {
	height: 100%!important;
}

.bg__radius{
	background: #FFFFFF;
	border-radius: 9999px;
	padding:30px;
	margin-bottom: 30px;
}

.bg__radius_search{
	border-radius: 50px;
	padding:50px;
	margin-bottom: 30px;
}

.line{
  display: flex;
  flex-wrap: wrap;
}
.line dt{
  width: 8%;
  margin-bottom: 10px;
}
.line dd{
  width: 92%;
  margin-bottom: 10px;
}


/* button */
/* arrow */
.btn__arrow a{
	text-decoration: none;
}
.btn__arrow a:hover{
	color:#FFFFFF;
	opacity: 0.6;
}
.btn__arrow a{
	position: relative;
	margin: 0 auto;
	padding: 10px 40px 10px 25px;
	border-radius: 9999px;
	box-sizing: border-box;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.btn__arrow a::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	top: calc(50% - 4px);
	right: 15px;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform-origin: center center;
	transform: rotate(-45deg);
}
.btn__org a{
	background: var(--color_org);
}
.btn__pnk a{
	background: var(--color_pnk);
}

/* pgnav */
.btn__arrow_pgnav{
	margin-bottom:10px;
}
.btn__arrow_pgnav a{
	display: block;
	text-decoration: none;
	background: #FFFFFF;
}
.btn__arrow_pgnav a:hover,
.btn__icon_arrow a:hover,
.btn__icon_arrow_big a:hover{
	opacity: 0.6;
}
.btn__arrow_pgnav a{
	position: relative;
	margin: 0 auto;
	padding: 10px 35px 10px 15px;
	border-radius: 9999px;
	box-sizing: border-box;
	color: var(--color_blu);
	border: 1px solid var(--color_blu);
	text-align: center;
	font-weight: bold;
}
.btn__arrow_pgnav a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	border-radius: 3px;
	border-top: 3px solid var(--color_blu);
	border-right: 3px solid var(--color_blu);
	transform-origin: center center;
	transform: rotate(135deg);
}
.btn__arrow_pgnav.kmpkun::before{
	content: "";
	display: block;
	width: 100px;
	height: 88px;
	background: url(/kosodate/resource/img/icon_kmpkun.png) no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.btn__arrow_pgnav.yumechan::before{
	content: "";
	display: block;
	width: 100px;
	height: 88px;
	background: url(/kosodate/resource/img/icon_yumechan.png) no-repeat;
	background-size: contain;
	margin: 0 auto;
}

.btn__icon_arrow{
	display: flex;
}

.btn__icon_arrow a{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	height: auto;
	padding: 10px 30px 10px 50px;
	position: relative;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 9999px;
	line-height: 1.5;
	margin: 0 0 15px 0;
}
.btn__icon_arrow a::after{
	content: '';
	border: 0;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
}

.btn__icon_arrow_big a{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: 4.375rem;
	padding: 10px 30px 10px 50px;
	position: relative;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 9999px;
	line-height: 1.5;
	margin: 0 0 20px 0;
}
.btn__icon_arrow_big a::after{
	content: '';
	border: 0;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
}
.btn__course a{
	color: #FFFFFF;
	background-image: url(/kosodate/resource/img/icon_window.svg);
	background-color: #156EB2;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 24px center;
}
.btn__request a{
	color: #FFFFFF;
	background-image: url(/kosodate/resource/img/icon_window.svg);
	background-color: #E4591E;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 24px center;
}
.btn__window a{
	color: #FFFFFF;
	background-image: url(/kosodate/resource/img/icon_window.svg);
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 24px center;
}

.btn__dl_pdf a{
	color: #FFFFFF;
	background-image: url(/kosodate/resource/img/icon_pdf.svg);
	background-color: var(--color_grn);
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 24px center;
	margin-bottom: 30px;
}

.btn__search_org a{
	color: #FFFFFF;
	background-image: url(/kosodate/resource/img/icon_window.svg);
	background-color: #FF9300;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 24px center;
	margin-bottom: 30px;
}

.btn__search_pnk a{
	color: #FFFFFF;
	background-image: url(/kosodate/resource/img/icon_window.svg);
	background-color: #FA8D93;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 24px center;
	margin-bottom: 30px;
}

.btn__wrap {
  margin: 0 auto 30px auto;
}
.btn__wrap_tb {
	margin: 30px auto;
	text-align: center;
}

.btn__group_tb {
	display: inline-flex;
	column-gap: 15px;
	margin: 20px auto;
	align-items: center;
	justify-content: center;
    width: 100%;
}
.btn__group_tb a {
	margin: initial;
}
@media screen and (max-width: 1010px) and (min-width: 769px) {
	.btn__group_tb {
		flex-direction: column;
		row-gap: 15px;
	}
}
@media screen and (max-width: 768px) {
	.btn__group_tb {
		flex-direction: row;
		row-gap: 15px;
		width: 100%;
	}
	.btn__group_tb a {
		margin: initial;
	}
}
@media screen and (max-width: 600px) {
	.btn__group_tb {
		flex-direction: column;
		align-items: center;
		row-gap: 15px;
		width: 100%;
	}
	.btn__group_tb a {
		width: auto;
	}
}

.btn__icon_siryou,
.btn__icon_soudan,
.btn__icon_sim{
	position: relative;
}
.btn__icon_siryou span,
.btn__icon_soudan span,
.btn__icon_sim span{
	font-size: 0.8750rem;
	position: absolute;
	top: -1.25rem;
	left: calc(50% - 115px);
	display: block;
	width: 230px;
	padding: 0.2rem 0;
	color: #333333;
	border: 2px solid var(--color_blu);
	background: #fff;
}
.btn__icon_siryou::before{
	content: "";
	display: block;
	width: 150px;
	height: 92px;
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_siryou.png) no-repeat;
	background-size: contain;
	margin: 0 auto 15px auto;
}
.btn__icon_soudan::before{
	content: "";
	display: block;
	width: 150px;
	height: 92px;
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_soudan.png) no-repeat;
	background-size: contain;
	margin: 0 auto 15px auto;
}
.btn__icon_sim::before{
	content: "";
	display: block;
	width: 150px;
	height: 92px;
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_sim.png) no-repeat;
	background-size: contain;
	margin: 0 auto 15px auto;
}

.icon__features_01,
.icon__features_02,
.icon__features_03,
.icon__features_04{
	position: relative;
	text-align: center;
	background: #FFFFFF;
	width: calc(100% - 25px);
	margin: 40px 0 30px 25px;
	padding: 25px 50px 25px 75px;
}
.icon__features_01::before,
.icon__features_02::before,
.icon__features_03::before,
.icon__features_04::before{
	position: absolute;
  content: "";
	display: block;
	width: 100px;
	height: 100px;
	top: -50px;
	left: -25px;
	background-size: contain;
	margin: 0 auto;
}
.icon__features_01::before{
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_features_01.svg) no-repeat;
}
.icon__features_02::before{
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_features_02.svg) no-repeat;
}
.icon__features_03::before{
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_features_03.svg) no-repeat;
}
.icon__features_04::before{
	background: url(/kosodate/educationcosts/resource/img/icon_educationcost_features_04.svg) no-repeat;
}
.icon__features_01 span,
.icon__features_02 span,
.icon__features_03 span,
.icon__features_04 span{
	color: var(--color_blu);
	font-weight: bold;
	font-size: 1.5625rem; /* 25px */
}


/* link */
.link__arrow{
	position: relative;
	margin: 0 auto;
	padding: 10px 30px 10px 15px;
	border-radius: 9999px;
	box-sizing: border-box;
	text-align: center;
}
.link__arrow::before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	top: calc(50% - 4px);
	left: 0;
	border-bottom: 2px solid var(--color_org);
	border-right: 2px solid  var(--color_org);
	transform-origin: center center;
	transform: rotate(-45deg);
}


/* tag */
.tag__base{
	margin:0 auto 10px auto;
	text-align: center;
}
.tag__base span{
	margin:0 auto 20px auto;
	padding: 5px 10px;
	font-size: 0.8750rem;
	line-height: 1.5em;
	background: #FFFFFF;
	border: 1px solid var(--color_blu);
	border-radius: 9999px;
	color: var(--color_blu);
	font-weight: bold;
}

.tag{
	display: flex;
	margin-top:-10px;
	margin-bottom:10px;
}
.tag__name_recipe{
	padding: 5px;
	color:#FFFFFF;
	background: var(--color_org);
}
.tag__name_play{
	padding: 5px;
	color:#FFFFFF;
	background: var(--color_brightgrn);
}
.tag__name_hospital{
	padding: 5px;
	color:#FFFFFF;
	background: var(--color_brightblu);
}
.tag__name_metaverse{
	padding: 5px;
	color:#FFFFFF;
	background: var(--color_pnk);
}
.tag__date{
	padding: 5px;
	background: #EEEEEE;
}

.list__tags{
	display: flex;
	padding: 10px 0;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.list__tags li{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px 10px;
	font-size: 0.8750rem;
	line-height: 1.5em;
	border: 1px solid var(--color_org);
	background-color: #FFFFFF;
	border-radius: 9999px;
}
.list__tags li a{
	text-decoration: none;
	color: var(--color_org);
}
.list__tags li a:hover{
	opacity: 0.6;
}

/*【block】 ********************************/
.block__recipe{
	display: flex;
}

.recipe__2nd .block__recipe{
	justify-content: space-between;
}

.block__recipe .inner{
	width: calc(100%/2);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.block__recipe .inner:first-child{
	background-image: url(/kosodate/resource/img/bg_recipe_illust01.png),url(/kosodate/resource/img//bg_recipe_illust02.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	background-size: 18%,18%;
}
.block__recipe_txt{
	width: 85%;
	padding-right: 50px;
	margin-left: auto !important;
}
.block__recipe figure{
	margin:0;
}
.block__recipe figure img{
	width:85%;
}

.block__1_2{
	display: flex;
	justify-content: space-around;
	margin-left: -15px;
	margin-right: -15px;
}

.block__2,
.block__3,
.block__4,
.block_recom{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.block__1_2_inner1{
	display: block;
	width: calc(100% / 12 * 4 - 30px);
}
.block__1_2_inner2{
	display: block;
	width: calc(100% / 12 * 8 - 30px);
}

.block__2_inner{
	width: calc((100% - 60px)/2);
}

.block__3_inner{
	width: calc((100% - 100px)/3);
}

.block__4_inner{
	width: calc((100% - 90px)/4);
}

.block_recom li{
	width: calc((100% - 100px)/2);
}

.flex{
	display: flex;
}

.flex__child{
	display: flex;
	flex-direction: column;
}
.flex__child_grow{
	flex-grow: 1;
}

/* .flex__wrap2,
.flex__wrap3,
.flex__wrap4{
	flex-wrap: wrap;
} */
.flex__wrap2::after{
	content: "";
	width: 100%;
}
.flex__wrap2:nth-child(n+3) {
	order: 1;
}
.flex__wrap3::after{
	content: "";
	width: calc((100% - 100px)/3);
}
.flex__wrap4::before{
  content:"";
  display: block;
  width:calc((100% - 90px)/4);
  order:1;
}
.flex__wrap4::after{
	content: "";
	width: calc((100% - 90px)/4);
}

.block__item{
	display: flex;
	flex-direction: column;
  }
.block__item .title{
	flex: 1;
	height: 100%;
	min-height: 0%;
	margin-bottom:10px;
	font-weight: bold;
  }
.block__item .text{
	flex: 2;
	height: 100%;
	min-height: 0%;
}
.block__item .text2{
	flex: 3;
	height: 100%;
	min-height: 0%;
}

.box__ph_txt{
	display: block;
}
.box__ph_txt .txt p{
	text-decoration: underline;
}

/* #scroll-area */
#scroll-area {
	opacity: 0; /* 最初は非表示に */
	z-index: 10000; /* 前面に表示 */
}
/* #scroll-area_fixed */
.fixed__block_bottom {
	width: 100%;
	position: fixed;
	bottom: 0;
	right: 0;
	background: rgba(221,235,245,0.9);
}
.cv_area{
	max-width: 600px;
	width:100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 15px 15px 10px 15px;
}
.cv_area a{
	margin-bottom: 0;
}
.cv_area li{
	width: calc((100% - 30px)/2);
}

/* #scroll-area_btn__goto_top */
.btn__goto_top{
	width: 65px;
	height: 65px;
	position: fixed;
	bottom: 50px;
	right: 30px;
}
.educ.btn__goto_top {
	bottom: 120px;
}


/*【footer】 ********************************/
footer{
	background: #000099;
	padding:25px 0;
}
.footer__ht{
	padding-bottom: 90px;
}
footer p{
	margin-bottom: 0;
}
footer p img{
	width: 160px;
}
footer small{
	color: #ffffff;
}

/*【slider】 ********************************/
.slider-bnr .slick-slide {
  width: 100%;
  height: auto;
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
.slider-bnr .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-bnr .slick-arrow {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: calc( 36% - 11px );
	z-index: 1;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-bnr .slick-arrow::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #09000d;
	border-width: 3px 3px 0 0;
	position: absolute;
	top: calc(40% - 3px);
	transform: rotate(45deg);
}
.slider-bnr .slick-next {
	right: 10px;
}
.slider-bnr .slick-prev {
	left: 10px;
}
.slider-bnr .slick-next::before {
	left: 5px;
}
.slider-bnr .slick-prev::before {
	border-width: 0 0 3px 3px;
	right: 5px;
}

.slick-dotted.slick-slider {
		margin-bottom: 30px; 
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%; 
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px; 
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer; 
	}
.slick-dots li button {
	border: 0;
	background:transparent; 
	display: block; 
	height: 20px; 
	width: 20px; 
	outline: none;
	line-height: 0px; 
	font-size: 0px; 
	color: transparent;
	padding: 5px;
	cursor: pointer; 
}
.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 {
	position: absolute;
	top: 0;
	left: 0; 
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	-webkit-font-  
	smoothing:antialiased;
	-moz-osx-fontsmoothing:grayscale;
}
.slick-dots li.slick-active button:before {
	color: #228787;
}

.slick-dots li button:before{
	opacity: 0.6;
}

/* anchor_link */
/* .jump-area {
	margin-top: -90px !important;
	padding-top: 90px !important;
} */

/*********************************************************
other breakpoint
*************************************************************************/
@media screen and (min-width: 1740px) {
	.sec__educ_hoken h2 {
		margin-top: -10.6%;
		margin-bottom: 50px;
	}
	.sec__educ_info h2{
		margin-top: -8.6%;
		margin-bottom:50px;
	}
	.sec__play h2 {
    margin-top: -10%;
    margin-bottom: 50px;
	}
	.sec__recom h2 {
		margin-top: -9%;
		margin-bottom: 100px;
	}
}

@media screen and (min-width: 1240px) {
	.sec__educ_hoken h2 {
		margin-top: -10.6%;
		margin-bottom: 50px;
	}
	.sec__educ_info h2{
		margin-top: -8.6%;
		margin-bottom:50px;
	}
	.sec__play h2 {
    margin-top: -10%;
    margin-bottom: 50px;
	}
	.sec__recom h2 {
		margin-top: -9%;
		margin-bottom: 100px;
	}
}

@media screen and (max-width: 1240px) and (min-width: 768px) {
	.inbox__full,
	.inbox__full_m{
	max-width: calc(100vw - 20px * 2);
	}
	.inbox__full_m.mrest{
		max-width: 100vw;
	}
	.inbox__full_block {
	max-width: calc(100vw - 20px * 2 + 30px);
	}
}

@media screen and (max-width: 940px) and (min-width: 768px) {
	.header__logo_kmp{
		width: 15%;
	}
	
	.m__w90per{
		width: 90% !important;
	}

	nav ul li {
		padding: 0 15px;
	}

	.block__2_inner{
		width: calc((100% - 30px)/2);
	}
	
	.block__3_inner{
		width: calc((100% - 30px)/3);
		margin-bottom: 60px;
	}

	.bg__radius_search {
		border-radius: 25px;
		padding: 30px;
	}

	.accord__inner{
		padding: 30px;
	}
}

/*********************************************************
SP
*************************************************************************/
@media screen and (max-width: 768px) {
	/*【common/style.css_sp】  ********************************/
	.sp__w30per {width: 30%!important;}
	.sp__w40per {width: 40%!important;}
	.sp__w50per {width: 50%!important;}
	.sp__w55per {width: 55%!important;}
	.sp__w60per {width: 60%!important;}
	.sp__w65per {width: 65%!important;}
	.sp__w70per {width: 70%!important;}
	.sp__w75per {width: 75%!important;}
	.sp__w80per {width: 80%!important;}
	.sp__w85per {width: 85%!important;}
	.sp__w90per {width: 90%!important;}
	.sp__w95per {width: 95%!important;}
	.sp__w100per {width: 100%!important;}
	.sp__pt0 {padding-top: 0 !important;}
	.sp__pb0 {padding-bottom: 0 !important;}
	.sp__pb15 {padding-bottom: 15px !important;}
	.sp__pl25 {padding-left: 25px !important;}
	.sp__mt30 {margin-top: 30px !important;}
	.sp__mt50 {margin-top: 50px !important;}
	.sp__mb0 {margin-bottom: 0 !important;}
	.sp__mb10 {margin-bottom: 10px !important;}
	.sp__mb20 {margin-bottom: 20px !important;}
	.sp__mb25 {margin-bottom: 25px !important;}
	.sp__mb30 {margin-bottom: 30px !important;}
	.sp__mb50 {margin-bottom: 50px !important;}
	.sp__mb60 {margin-bottom: 60px !important;}
	.sp__mb80 {margin-bottom: 80px !important;}
	.sp__mb100 {margin-bottom: 100px !important;}
	.sp__fs14 {font-size: 0.8750rem !important;}
	.sp__fs18 {font-size: 1.1250rem !important;}
	.sp__fs20 {font-size: 1.2500rem !important;}
	.sp__fs22 {font-size: 1.3750rem !important;}
	.sp__fs24 {font-size: 1.5000rem !important;}
	.sp__fs26 {font-size: 1.6250rem !important;}
	.sp__fs28 {font-size: 1.7500rem !important;}
	.disp_pc {display: none !important;}
	.disp_pc_flex {display: none !important;}
	.disp_pc_inblock {display: none !important;}
	.disp_sp:not(.disp_hidden) {display: block !important;}
	.disp_sp_inblock {display: inline-block !important;}
	.disp_sp_flex {display: flex !important;}
	.sp__disp_block {display: block !important;}
	.disp_flex {flex-wrap: wrap;}
	.sp__disp_flex {flex-wrap: wrap;}
	.disp_flex_02 {flex-wrap: wrap;}
	.disp_flex_03 {flex-wrap: wrap;}
	.sp__disp_flex_02 {display: flex !important;justify-content: center;}

	ul.list__annotation,
	ul.list__annotation_number{
		margin-bottom : 15px;
	}

	.box__full {
		overflow-x: initial;
	}
	.inbox__full,
	.inbox__full_m{
		max-width: calc(100vw - 15px * 2);
	}
	.inbox__full_m.mreset{
		max-width: 100vw;
	}
	.inbox__full_block {
		max-width: calc(100vw);
	}
	
	/*【font_sp】 ********************************/
	h1{
		font-size: 2.5rem;
	}
	h2,
	.h3__tit{
		font-size: 1.875rem;
	}
	h3{
		font-size: 1.125rem;
		margin-bottom: 15px;
	}

	/*【img_sp】 ********************************/
	.photo__radius img,
	.photo__radius_line_img{
		border-radius: 20px;
	}

	/*【header_sp】 ********************************/
	#header.HeightMin .header__inner,
	.header__inner {
		padding: 12px 15px;
	}

	#header.HeightMin .nav__recipe a::before,
	#header.HeightMin .nav__hospital a::before,
	#header.HeightMin .nav__educ a::before,
	#header.HeightMin .nav__play a::before,
	#header.HeightMin .nav__info a::before{
		margin: 0 15px 0 0;
	}

	.nav {
		position: fixed;
		right: -320px;
		top: 0;
		width: 300px;
		height: 100vh;
		padding-top: 60px;
		background-color: #fff;
		transition: all .6s;
		z-index: 200;
		overflow-y: auto;
  }
  .hamburger {
		position: absolute;
		right: 15px;
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 300;
  }
  .nav__list {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
  }
  .nav__item {
		position: relative;
		padding: 0 10px;
		border-bottom: 1px solid #EEEEEE;
  }
  .nav__item a {
		display: flex;
		align-items: center;
		padding: 15px 0;
		text-decoration: none;
		color: #333333;
  }
  .hamburger_border {
		position: absolute;
		left: 11px;
		width: 18px;
		height: 2px;
		background-color: var(--color_org);
		transition: all .6s;
  }
  .hamburger_border_top {
    top: 14px;
  }
  .hamburger_border_center {
    top: 20px;
  }
  .hamburger_border_bottom {
    top: 26px;
  }
  .black_bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #333333;
		opacity: 0;
		visibility: hidden;
		transition: all .6s;
		cursor: pointer;
	}

  /* 表示された時用のCSS */
	.nav-open .nav {
		right: 0;
	}
	.nav-open .black_bg {
		opacity: .8;
		visibility: visible;
	}
	.nav-open .hamburger_border_top {
		transform: rotate(45deg);
		top: 20px;
	}
	.nav-open .hamburger_border_center {
		width: 0;
		left: 50%;
	}
	.nav-open .hamburger_border_bottom {
		transform: rotate(-45deg);
		top: 20px;
	}

	nav ul{
		display: block;
	}

	.nav__recipe a::before,
	.nav__hospital a::before,
	.nav__educ a::before,
	.nav__play a::before,
	.nav__info a::before{
		margin: 0 15px 0 0;
		width: 40px;
		height: 30px;
	}

	.nav__recipe a::after,
	.nav__hospital a::after,
	.nav__educ a::after,
	.nav__play a::after,
	.nav__info a::after{
		content: '';
		width: 7px;
		height: 7px;
		position: absolute;
		top: calc(50% - 4px);
		right: 15px;
		border-bottom: 2px solid var(--color_org);
		border-right: 2px solid var(--color_org);
		transform-origin: center center;
		transform: rotate(-45deg);
	}

	.header__logo{
		min-width:30%;
	}
	.header__logo_kmp{
		display: none;
	}

	/*【main_sp】 ********************************/
	#top main{
		position: relative;
		margin-top:0;
	}

	#top .main__txt p {
    width: 25%;
		top: 7%;
	}
	
	.tag{
		margin-top:0;
		margin-bottom:5px;
	}
	
	.sec__recipe h2,
	.sec__play h2,
	.sec__info h2{
		margin-top: -16%;
		margin-bottom:30px;
	}

	.sec__recom h2{
		margin-top:-18%;
		margin-bottom:30px;
	}

	.sec__play h2 img{
		width: 12.125rem !important;
	}
	.sec__hospital h2 img{
		width: 9.5625rem !important;
	}

	.sec__recipe,
	.sec__play{
		background-size: 40% auto,contain;
	}

	.sec__recipe_bg,
	.sec__play_bg{
		background-size: 40% auto,40% auto;
	}

	/*【page__2nd_sp】 ********************************/
	#page__2nd h1{
		width: 100%;
		padding:0 15px;
	}

	.recipe__2nd .bg_tit,
	.hospital__2nd .bg_tit,
	.play__2nd .bg_tit,
	.info__2nd .bg_tit,
	.educ__2nd .bg_tit{
		height: 5.625rem;
	}

	.sec__recipe h2 span,
	.sec__play h2 span,
	.sec__info h2 span,
	.sec__recom h2 span{
		font-size: 14px;
	}

	.h2__tit_1st,
	.hospital__2nd .h2__tit_1st,
	.play__2nd .h2__tit_1st,
	.info__2nd .h2__tit_1st{
		width: 100%;
		padding: 0px;
		margin-top: 15px;
		margin-bottom: 15px;
		background: transparent;
		border-radius: unset;
	}

	.h2__tit_1st_normal,
	.p__tit_1st{
		width: 100%;
		margin: 15px auto;
		font-size: 1.2500rem; /*20px*/
		line-height: 1.5;
		background: transparent;
		border-radius: unset;
	}

	.p__tit_em{
		font-size: 1.2500rem; /*20px*/
	}
	
	.accord__inner .block__item .p__tit_em{
		min-height: 0%;
	}

	/* recipe */
	.sns{
		padding:15px 0;
	}
	.line dt{
		margin-bottom: 0;
	}
	.line dt,
	.line dd{
		width: 100%;
	}
	.block__recipe figure img{
		width:100%;
	}

	/* pager */
	.pager .pagination li{
		display: none;
	}
		
	.pager .pagination li.pre,
	.pager .pagination li.next{
		display: inline-block;
		width: 40%;
		height: 50px;
		text-align: center;
	}
	
	.pager .pagination li.pre a,
	.pager .pagination li.next a{
		width: 100%;
		text-align: center;
	}
	.pager .pagination li.pre span::after,
	.pager .pagination li.next span::before{
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic";
	}
	
	.pager .pagination li.pre span::after{
		content: "　前のページへ";
	}
	
	.pager .pagination li.next span::before{
		content: "次のページへ　";
	}

	/* educ */
	.sec__educ .bg_tit{
		border-top: 1px solid #B4DBF9;
		padding-top:15px;
		margin-bottom:15px;
	}
	.sec__educ .bg_tit.bg01{
		border-top: none;
		padding-top: 0;
	}

	.sec__educ .bg_tit.bg01,
	.sec__educ .bg_tit.bg02,
	.sec__educ .bg_tit.bg03,
	.sec__educ .bg_tit.bg04{
		height: unset;
		background-image: none;
	}
	.sec__educ .bg_tit.bg01 .txt,
	.sec__educ .bg_tit.bg02 .txt,
	.sec__educ .bg_tit.bg03 .txt,
	.sec__educ .bg_tit.bg04 .txt{
	width: 95%;
	margin: auto;
	}

	.sec__educ_hoken h2,
	.sec__educ_info h2{
		margin-top: -14.6%;
		margin-bottom:30px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.page__nav{
		padding-top: unset;
		margin-bottom: 15px;
	}
	.page__nav .btn__arrow_pgnav{
		margin-top: 0;
	}

	.icon__tit p{
		font-size: 1.8750rem; /* 30px */
	}

	/* accrodion */
	.accord__title{
		width: 80%;
	}
	.content{
		padding:0 10px;
	}
	.toggle:checked + .accord__title + .content {
		height: auto;
		padding:10px 0;
		transition: all 0.5s;
	}
	.accord__inner{
		padding: 15px;
		border-radius: 25px;
	}

	.icon__features_01,
	.icon__features_02,
	.icon__features_03,
	.icon__features_04{
		margin: 40px 0 30px 25px;
		padding: 15px 15px 15px 50px;
		text-align: left;
	}
	.icon__features_01::before,
	.icon__features_02::before,
	.icon__features_03::before,
	.icon__features_04::before{
		width: 70px;
		height: 70px;
		top: -25px;
		left: -25px;
		background-size: contain;
		margin: 0 auto;
	}

	.btn__dl_pdf a{
		margin-bottom: 15px;
	}
	

	/*【block_sp】 ********************************/
	.block__recipe .inner{
		width:100%;
		justify-content: center;
	}
	.block__recipe .inner:first-child{
		order: 2;
	}
	.block__recipe .inner:first-child{
		order: 1;
	}
	.block__recipe_txt{
		width: 100%;
		padding-right: 0;
	}
	.block__recipe figure{
		margin-bottom: 30px !important;
	}

	.block__recipe,
	.block__1_2,
	.block__2,
	.block__3,
	.block__4{
		flex-direction: column;
	}

	.block__1_2_inner1,
	.block__1_2_inner2,
	.block__2_inner,
	.block__3_inner,
	.block__4_inner{
		width: 100%;
		margin-bottom: 50px;
	}

	li.block__2_inner:last-child,
	div.block__2_inner:last-child,
	li.block__3_inner:last-child,
	div.block__3_inner:last-child,
	li.block__4_inner:last-child,
	div.block__4_inner:last-child{
		margin-bottom:0;
	}

	.block__1_2{
		margin-left: 0;
		margin-right: 0;
	}

	.box__ph_txt{
		display: flex;
		align-items: top;
		margin-bottom: 30px;
	}
	.box__ph_txt img{
		width: 50%;
		align-self: flex-start;
	}
	.box__ph_txt .txt{
		width: 50%;
		padding: 0 0 0 15px;
	}

	/* other */
	.list__circle{
		margin-bottom: 15px;
	}

	.bg__radius,
	.bg__radius_search{
		border-radius: 20px;
		padding:15px;
		margin-bottom: 30px;
	}

	.btn__arrow a{
		display: inline-block;
	}

	/* fixed_sp */
	.cv_area{
		padding: 10px 10px 5px 10px;
	}
	.cv_area li{
		width: calc((100% - 15px)/2);
	}
	.btn__goto_top {
		width: 56px;
		height: 56px;
		right: 20px;
		bottom: 80px;
	}

	/*【footer_sp】 ********************************/
	footer{
		padding: 0;
		text-align: center;
	}
	.footer__ht{
		padding-bottom: 72px;
	}
	@media screen and (max-width: 360px) {
		.footer__ht{
			padding-bottom: 100px;
		}
	}
	.sp__logo_kmp{
		width: 100%;
		margin:0 auto;
		padding: 16px;
		background: #FFFFFF;
	}
	.sp__logo_kmp img{
		width: 20%;
		min-width: 155px;
	}
	.sp__logo_grp{
		padding: 15px;
	}
	.sp__logo_grp img{
		width: 75%;
		min-width: 155px;
	}
}