@charset "utf-8";
h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, form {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

*, *:before, *:after {
	box-sizing: border-box;
}

body,
html {
	height: 100%;
	width: 100%;
	/*min-width: 350px;*/
	margin: 0px;
	padding: 0px;
}

div#whole {
	position: relative;
	min-height: 100%;
	width: 100%;
	margin: auto;
	padding-bottom: 370px;
	background: url(../img/header_back.png) no-repeat;
	background-position:  top center;
	transition: all 0.5s;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6em;
	background-color: #FCF4E2;
	margin: 0px;
	padding: 0px;
}

* {
	word-wrap: break-word;
	white-space: nomal;
	word-break: break-all;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: normal;
	color: #5A3417;
	line-height: 2.5rem;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" ,"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,	"Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: justify;
}

br {
	letter-spacing: 0;
	line-height: 0px;
}

img {
	border: none;
	vertical-align: bottom;
}

.none {
	display: none;
}
p {
}
p.long {
	padding-top: 2em;
	padding-bottom: 2em;
	border-bottom: dotted 5px #fff;
}p.long

.center_image_01 {
	width: 100%;
	display: block;
	padding: 3px;
	margin: auto;
	margin-bottom: 30px;
	border: solid 1px #BDAEA2;
}
.center_image_02 {
	width: 100%;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}
.catch {
	max-width: 490px;
	margin: auto;
}.catch li {
	text-align: center;
	margin-bottom: 15px;
	border-bottom: dashed 1px #BDAEA2;
}
.calendar {
	max-width: 700px;
	margin: auto;
}
img.map_01 {
	display: block;
	width: 100%;
	max-width: 540px;
	padding: 3px;
	margin: auto;
	margin-bottom: 10px;
	border: solid 1px #BDAEA2;
}
.hx_map {
	font-size: 1.8rem;
	font-weight: bold;
	width: 100%;
	max-width: 540px;
	margin: auto;
	padding-top: 20px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #BDAEA2;
}
p.map_01 {
	width: 100%;
	max-width: 540px;
	margin: auto;
}

/* ------------------------------------------------------------------------ */
header {
	padding: 0 10px;
	height: 156px;/* 126px + 30px*/
}
header p {
	max-width: 980px;
	font-size: 1.4rem;
	line-height: 1.3em;
	margin: auto;
	padding-right: 30px;
}
.header_box {
	max-width: 960px;
	margin: auto;
	position: relative;
}
.header_box h1 img {
	width: 260px;
}
header .tel {
	position: absolute;
	width: 230px;
	top: -10px;
	right: 0;
}

/* -----  ----- */
footer {
	height: 320px;
	bottom: 0px;
	width: 100%;
	background: url(../img/footer_back.jpg) repeat-x top center;
	position: absolute;
}
.footer_box {
	position: relative;
	max-width: 980px;
	padding: 0 10px;
	margin: auto;
	margin-top: 10px;
}
footer .address {
	font-size: 1.4rem;
	line-height: 1.3em;
}
footer address {
	position: absolute;
	color: #FFF;
	font-size: 1.2rem;
	font-style: normal;
	top: 115px;
	right: 10px;
}
footer .link {
	margin-top: 10px;
	font-size: 1.2rem;
}footer .link a {
	font-size: 1.2rem;
	color: #5A3417;
	padding-right: 5px;
}

/* -----  ----- */
.main_contents {
	max-width: 980px;
	margin: auto;
	margin-bottom: 50px;
	padding: 0 10px;
}

/* ----- flex_typeA ----- */
.flex_typeA {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.flex_typeA .right {
	flex: 1;
}
.flex_typeA .left {
	width: 31.25%;
	margin-right: 20px;
}

/* ----- flex_typeB ----- */
.flex_typeB {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	margin-top: 50px;
}
.flex_typeB .left {
	width: 100%;
	max-width: 720px;
	padding-left: 20px;
	margin-right: 20px;
}
.flex_typeB .right {
	flex: 1;
}
.side_index_fixed {
	position: -webkit-sticky; /* Safari */  
	position: sticky;
	top: 60px;
	margin-bottom: 20px;
}

/* ----- center_box_001 ----- */
.center_box_001 {
	max-width: 700px;
	margin: auto;
	margin-top: 50px;
}
/* ----- 日付 ----- */
.letter_date {
	font-size: 1.4rem;
	display: block;
	text-align: right;
}

/* ------------------------------------------------------------------------*/
/* ----- hx_tag ----- */
.hx_tag {
	position: relative;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #F5AA0A;
	display: inline-block;
	margin-left: 10px;
	height: 2.0em;
	line-height: 2.0em;
	padding-right: 0.7em;
	padding-left: 0.7em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}.hx_tag:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	top: 0;
	right: -20px;
	background-color: #FFD732;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: -1;
}
/* IE */
@media all and (-ms-high-contrast: none) {
.hx_tag {
	padding-top: 5px;
}
}

/* -----  ----- */
.hx_ivent {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.spring, .summer, .autumn, .winter {
	position: relative;
}
.spring:after, .summer:after, .autumn:after, .winter:after {
	position: absolute;
	content: "";
	width: calc(100% + 10px);
	height: 15px;
	border-radius: 5px;
	left: -10px;
	bottom: -2px;
	z-index: -99;
}
.spring:after {
	background-color: #FADED0;
}.summer:after {
	background-color: #D6E3B2;
}.autumn:after {
	background-color: #F3D9B3;
}.winter:after {
	background-color: #C9E1DB;
}


/* ----- hx_001 ----- */
.hx_001 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 0.8em;
	border-bottom: dashed 1px #BDAEA2;
}

/* ----- hx_002 ----- */
.hx_002 {
	position: relative;
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	margin-left: -20px;
	margin-bottom: 0.5em;
	border-bottom: solid 2px #F5AA0A;
}
.hx_002:before {
	position: absolute;
	content: "";
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #F5AA0A;
}
/* ----- hx_003 ----- */
.hx_003 {
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 2px;
	margin-left: -20px;
	margin-bottom: 1em;
	border-bottom: solid 2px #F5AA0A;
}
.hx_003:before {
	position: absolute;
	content: "";
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #F5AA0A;
}


h1.tokucho, h1.hoiku, h1.shisetsu, h1.accessmap, h1.shitsumon {
	padding-left: 20px;
	margin-top: -25px;
}
h1.tokucho:after, h1.hoiku:after, h1.shisetsu:after, h1.accessmap:after, h1.shitsumon:after {
	display: inline-block;
}
h1.tokucho:after {
	content: "";
	width: 52px;
	height: 52px;
	background: url(../img/icon_tokucho.png) no-repeat center center;
	background-size: 52px;
	position: relative;
	left: 10px;
	bottom: -10px;
}
h1.hoiku:after {
	content: "";
	width: 56px;
	height: 56px;
	background: url(../img/icon_hoiku.png) no-repeat center center;
	background-size: 56px;
	position: relative;
	left: 10px;
	bottom: -10px;
}
h1.shisetsu:after {
	content: "";
	width: 52px;
	height: 52px;
	background: url(../img/icon_shisetsu.png) no-repeat center center;
	background-size: 52px;
	position: relative;
	left: 10px;
	bottom: -10px;
}
h1.accessmap:after {
	content: "";
	width: 52px;
	height: 52px;
	background: url(../img/icon_accessmap.png) no-repeat center center;
	background-size: 52px;
	position: relative;
	left: 10px;
	bottom: -10px;
}
h1.shitsumon:after {
	content: "";
	width: 52px;
	height: 52px;
	background: url(../img/icon_shitsumon.png) no-repeat center center;
	background-size: 52px;
	position: relative;
	left: 10px;
	bottom: -10px;
}




.img_A {
	float: left;
	padding: 2px;
	margin-right: 20px;
	border: solid 1px #BDAEA2;
}


/* ------------------------------------------------------------------------*/
/* ----- uphoto_album_A ----- */
.photo_album_A {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.photo_album_A img {
	width: 100%;
	height: auto;
	padding: 2px;
	border: solid 1px #BDAEA2;
}
.photo_album_A > li {
	position: relative;
	margin-bottom: 1em;
	margin-right: 20px;
}


/* ----- uphoto_album_B ----- */
.photo_album_B {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.photo_album_B img {
	width: 100%;
	height: auto;
	padding: 2px;
	border: solid 1px #BDAEA2;
}
.photo_album_B > li {
	position: relative;
	margin-right: 20px;
	margin-bottom: 1em;
	flex: 1;
}

.photo_album_A.img_size1 img,
.photo_album_B.img_size1 img {
	margin-right: 0;
}.photo_album_A.img_size2 img,
.photo_album_B.img_size2 img {
	max-width: 340px;
}.photo_album_A.img_size3 img,
.photo_album_B.img_size3 img,
.photo_album_B.img_size3 > li:first-child {
	max-width: 220px;
}.photo_album_A.img_size4 img,
.photo_album_B.img_size4 img,
.photo_album_B.img_size4 > li:first-child {
	max-width: 160px;
}

.photo_album_A.img_size2 li {
	width: calc((100% - 20px)/2);
}
.photo_album_A.img_size3 li {
	width: calc((100% - 40px)/3);
}
/*.photo_album_A.img_size4 li {
	width: calc((100% - 60px)/4);
}*/

.photo_album_A > li:last-child,
.photo_album_B > li:last-child {
	margin-right: 0;
}

/* -----  ----- */
.photo_album_B li ul li {
	padding-top: 0.5em;
	border-bottom: dashed 1px #BDAEA2;
	margin-bottom: 0;
}

.photo_album_A p, .photo_album_B p {
	margin-bottom: 30px;
}
 
/* ----- ul_001 ----- */
.ul_001 {
	padding-left: 1em;
}.ul_001 li {
	background: url(../img/icon_05.png) no-repeat left 4px;
	background-size: 16px;
	border-bottom: dashed 1px #BDAEA2;
	padding-left: 20px;
	margin-bottom: 1em;
}

/* ----- ul_002 ----- */
.ul_002 {
	padding-left: 1em;
}.ul_002 li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 0.5em;
}.ul_002 li:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: 8px;
	left: 5px;
	border-top: solid 2px #5A3417;
	border-right: solid 2px #5A3417;
	transform: rotate(45deg);
}

/* ----- ul_003 ----- */
.ul_003 {
	background-color: #fff;
	padding: 15px;
}.ul_003 li {
	margin-bottom: 0.5em;
}.ul_003 li:last-child {
	margin-bottom: 0;
}


/* ----- icon/illust ----- */
/* ----- h_002, hx_003 ----- */
.tamago_01 {
	margin-top: -35px;
}
.tamago_01:after {
	position: relative;
	display: inline-block;
	content: "";
	width: 42px;
	height: 50px;
	background: url(../img/icon_03.png) no-repeat center center;
	background-size: 42px;
	bottom: -15px;
	z-index: 3;
}

.tamago_02, .uwabaki, .mizuasobi {
	position: relative;
}
.tamago_02:after {
	position: absolute;
	content: "";
	width: 70px;
	height: 55px;
	background: url(../img/icon_04.png) no-repeat center center;
	background-size: 70px;
	bottom: -20px;
	right: -10px;
}
.uwabaki {
	padding-bottom: 30px;
}
.uwabaki:after {
	position: absolute;
	content: "";
	width: 90px;
	height: 76px;
	background: url(../img/illust_02.png) no-repeat center center;
	background-size: 90px;
	bottom: -35px;
	right: -10px;
}
.mizuasobi:after {
	position: absolute;
	content: "";
	width: 178px;
	height: 118px;
	background: url(../img/illust_01.png) no-repeat center center;
	background-size: 178px;
	bottom: -30px;
	right: 10px;
}



/* ------------------------------------------------------------------------*/
/* ---------- dl_update ---------- */
.dl_update {
	padding-bottom: calc(70px + 2.6em);
	background: url(../img/icon_02.png) no-repeat right bottom;
	background-size: 76px 100px;
}.dl_update * {
	font-size: 1.4rem;
	line-height: 1.3em;
}.dl_update dt {
	padding-top: 1em;
}.dl_update dd {
	padding-bottom: 1em;
	border-bottom: dashed 1px #BDAEA2;
}
.dl_update dt:first-child {
	padding-top: 0;
}

/* ----- 求人情報 ----- */
dl.flower01 {
	padding: 0 10px;
}dl.flower01 dt {
	font-weight: bold;
	position: relative;
	padding-left: 30px;
}dl.flower01 dt::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	background: url(../img/icon_05.png) no-repeat center center;
	background-size: 22px;
	left: 0;
}dl.flower01 dd {
	padding-bottom: 20px;
	padding-left: 30px;
}
/* ----- 求人情報 ----- */
dl.recruit_on, dl.recruit_off {
	position: relative;
}dl.recruit_on::before, dl.recruit_off::before {
	position: absolute;
	color: #fff;
	font-weight: bold;
	padding: 2px 8px;
	top: 0;
	right: 0;
	border-radius: 3px;
}dl.recruit_on::before {
	content: "募集中";
	background-color: #eb4747;
}dl.recruit_off::before {
	content: "現在募集していません";
	background-color: #ccc;
}


/* ----- dl-001 ----- */
.dl_001 {
	margin-top: -5px;
	margin-bottom: 15px;
	border-radius: 5px;
}.dl_001 dt {
	font-weight: bold;
	text-align: right;
	width: 3em;
	height: 1.5em;
	padding-top: 0.3em;
}.dl_001 dd {
	padding-left: 4em;
	padding-bottom: 0.3em;
	margin-top: -1.2em;
	border-bottom: dashed 1px #BDAEA2;
}.dl_001 dd:last-child {
	border-bottom: none;
}

/* ----- dl-002 ----- */
.dl_002 {
	padding: 0 15px 5px 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 5px;
}.dl_002 dt {
	font-weight: bold;
	width: 3em;
	height: 1.5em;
	padding-top: 0.8em;
}.dl_002 dd {
	padding-left: 4em;
	padding-bottom: 0.8em;
	margin-top: -0.7em;
	border-bottom: dashed 1px #BDAEA2;
}.dl_002 dd:last-child {
	border-bottom: none;
}

/* ----- dl-003 ----- */
.dl_003 {
	background-color: #FEFCF6;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}.dl_003 dt {
	font-weight: bold;
	text-align: right;
	width: 5em;
	height: 1.5em;
	padding-top: 0.3em;
}.dl_003 dd {
	padding-left: 6em;
	padding-bottom: 0.3em;
	margin-top: -1.2em;
	border-bottom: dashed 1px #BDAEA2;
}.dl_003 dd:last-child {
	border-bottom: none;
}

/* ----- dl-004 ----- */
.dl_004 {
	background-color: #FEFCF6;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}.dl_004 dt {
	font-weight: bold;
}.dl_004 dd::before {
	content: "※ ";
}


/* -----  -----*/
dl.question {
	background-color: #FEFCF6;
	border-radius: 5px;
	margin-top: 30px;
}dl.question dt {
	padding: 20px 2.0em 0 2.8em;
	border-top: dotted 8px #FCF4E2;
}dl.question dd {
	font-weight: bold;
	padding: 15px 2.0em 15px 2.8em;
	margin-bottom: 10px;
}
dl.question dt:first-child {
	border-top: none;
}
dl.question dt, dl.question dd {
	position: relative;
}dl.question dt:before, dl.question dd:before {
	position: absolute;
	top: 18px;
	left: 1.3em;
}
dl.question dt:before {
	content: "";
	background: url(../img/icon_q_01.png) no-repeat center top;
	background-size: 20px;
	width: 20px;
	height: 20px;
	top: 23px;
	left: 1.2em;
}dl.question dd:before {
	content: "";
	background: url(../img/icon_a_01.png) no-repeat center top;
	background-size: 20px;
	width: 20px;
	height: 20px;
	top: 18px;
	left: 1.2em;
}


/* ------------------------------------------------------------------------*/
/* ----- box_001 ----- */
.box_001 {
	background-color: #FEFCF6;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 5px;
}




/* ------------------------------  ------------------------------ */
.flow_day {
}
.flow_day dt {
}
.flow_day dd {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.flow_day dd img {
}

/* ------------------------------  ------------------------------ */
.t_space20 {
	margin-top: 20px;
}
.t_space30 {
	margin-top: 30px;
}
.t_space40 {
	margin-top: 40px;
}
.t_space50 {
	margin-top: 50px;
}
.t_space70 {
	margin-top: 70px;
}

.motto {
	text-align: left;
	font-weight: bold;
	font-size: 1.8rem;
	position: relative;
	background-color: #FEFCF6;
	padding: 15px;
	padding-left: 100px;
	margin-top: 20px;
	border-radius: 5px;
}.motto:before {
	position: absolute;
	content: "";
	width: 106px;
	height: 100px;
	background: url(../img/icon_01.png) no-repeat center center;
	background-size: 106px;
	top: 0;
	left: -20px;
}

.pickup_001 {
	color: #eb4747;
	font-weight: bold;
}


/* ---------- notice ---------- */
.p_notice_01 {
	font-size: 2.0rem;
	text-align: center;
	font-weight: bold;
	background-color: #FEFCF6;
	padding: 10px;
	margin: 50px auto;
	border-top: 3px double #F5AA0A;
	border-bottom: 3px double #F5AA0A;
}
.p_notice_01:before, .p_notice_01:after {
	position: relative;
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/icon_05.png) no-repeat center center;
	background-size: 16px;
}
.p_notice_01:before {
	left: -8px;
}.p_notice_01:after {
	right: -8px;
}

.p_notice_02 {
	color: #eb4747;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background-color: #FEFCF6;
	padding: 10px;
	margin: 30px auto;
}
.p_notice_03 {
	font-weight: bold;
	background-color: #fff;
	padding: 10px;
	margin: 20px auto;
	border-radius: 10px;
}

.div_notice_01,
.div_notice_01 * {
	text-align: center;
}.div_notice_01 {
	background-color: #FEFCF6;
	margin-top: 30px;
	padding: 0 15px 15px 15px;
	border: double 3px #eb4747;
}.div_notice_01 h3 {
	color: #eb4747;
	font-size: 2.2rem;
	font-weight: bold;
	display: inline-block;
	background-color: #FCF4E2;
	padding: 0 15px;
	position: relative;
	top: -10px;
}.div_notice_01 h3:before, .div_notice_01 h3:after {
	position: relative;
	display: inline-block;
	content: "";
	width: 23px;
	height: 20px;
	background: url(../img/icon_notice_01.png) no-repeat center center;
	background-size: 23px;
}.div_notice_01 h3:before {
	left: -8px;
}.div_notice_01 h3:after {
	right: -8px;
}
.div_notice_01 a {
	color: #eb4747;
	display: block;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 15px 15px 0 15px;
	text-decoration: underline;
}
.div_notice_01 a:hover {
	color: #ff8888;
	text-decoration: none;
}
@media (max-width: 450px) {
.div_notice_01 h3 {
	font-size: 1.9rem;
}.div_notice_01 h3:before, .div_notice_01 h3:after {
	top: 3px;
}
}

video {
	display: block;
	width: 100%;
	max-width: 960px;
	margin: auto;
}

div.thanks {
	background: url(../img/icon_06.png) no-repeat center 10px;
	background-size: 270px;
	background-color: #FEFCF6;
	padding-top: 220px;
}
p.thanks {
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}

.articlelist {
	margin: 20px;
	margin-top: 10px;
}
.articlelist span,
.articlelist h2,
.articlelist a {
	display: inline-block;
}
.articlelist span {
	font-size: 1.4rem;
	width: 6em;
}.articlelist h2 a {
	color: #5A3417;
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_05.png) no-repeat center left;
	background-size: 16px;
}.articlelist a {
}.articlelist p {
	font-size: 1.4rem;
	border-top: dashed 1px #BDAEA2;
}


/* ----- テキスト ----- */
.p_001 {
	margin-top: 1.5em;
}
strong.red {
	color: #eb4747;
}
strong.bld {
	font-weight: bold;
}
strong.mark {
	background-color: #CCEE95;
}
strong.red_line {
	border-bottom: 2px solid #eb4747;
}

.tamago_pc {
	display: block;
}
.tamago_sp {
	display: none;
}
@media (max-width: 600px) {
.tamago_pc {
	display: none;
}
.tamago_sp {
	display: block;
}
}

/* ----- 園児置き去り防止システム ----- */
div.bus_camera {
	background-color: #fefcf8;
	margin-top: 80px;
	padding: 20px;
}
div.bus_camera img {
	width: 100%;
	display: block;
}
div.bus_camera h3 {
	position: relative;
	top: -70px;
	max-width: 560px;
	margin: auto;
}
div.bus_camera h4 {
	font-weight: bold;
	text-align: center;
	color: #ff6b00;
	background-color: #ffed9f;
	padding: 5px;
	margin-top: -70px;
	border-radius: 5px;
}

p.cam_cap {
	text-align: center;
	font-weight: bold;
	background-color: #f8b702;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}
.cam_flex {
	width: calc(100% + 10px);
	display: flex;
}
.cam_flex li {
	margin-right: 10px;
	margin-bottom: 10px;
}
.cam_flex li img {
	border-radius: 5px;
}
/*.cam_flex {
	width: calc(100% + 10px);
	display: flex;
}
.cam_flex dl {
	margin-right: 10px;
	margin-bottom: 10px;
}
.cam_flex dl dt {
	background-color: #f8b702;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}
.cam_flex dl img {
	border-radius: 5px;
}*/


ul.flow {
	margin-top: 30px;
}
ul.flow li {
	text-align: center;
}
ul.flow > li {
	position: relative;
	background-color: #fde9b3;
	font-weight: bold;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
ul.flow > li:last-child {
	color: #fb4b4b;
	background-color: #feeae6;
	border: 1px solid #fb4b4b;
}
ul.flow > li::after {
	position: absolute;
	content: "";
	border: 10px solid transparent;
	border-top: 15px solid #fb4b4b;
	left: 50%;
	margin-left: -10px;
	bottom: -25px;
}
ul.flow > li:last-child::after {
	border: none;
}

ul.flow li ul li {
	position: relative;
	padding-left: 25px;
}ul.flow li ul li::before {
	position: absolute;
	content: "";
	background: url(../img/checkbox.png) no-repeat center left;
	background-size: 20px;
	width: 20px;
	height: 20px;
	top: 0;
	margin-left: -25px;
}



img.camsystem_sp {
	display: none !important;
}
@media (max-width: 450px) {
	img.camsystem_pc {
		display: none !important;
	}
	img.camsystem_sp {
		display: block !important;
	}
}
@media (max-width: 350px) {
.cam_flex {
	display: block;
}
}