@charset "utf-8";
@media only screen and (max-width: 767px) {
  /*==============================================

    base

  =============================================*/
  /*----------------------------------------------
    body
  ---------------------------------------------*/
  body {
    min-width: 100%;
		background: #fff;
  }
	body.en .l_content * {
		text-align: inherit;
	}
  img {
    max-width: 100%;
    height: auto;
  }
  .u_sp_view {
    display: inherit;
  }
  .u_pc_view {
    display: none!important;
  }

  * {
    word-wrap: break-word;
  }
  /*==============================================

    layout

  =============================================*/
  /*----------------------------------------------
    .l_wrap
  ---------------------------------------------*/
  .l_wrap {
    width: 100%;
  }

  /*----------------------------------------------
    .l_utility_header
  ---------------------------------------------*/
  /*.l_utility_header {
    display: none;
  }*/
	.l_utility_header {
		float: none;
	}
	.l_utility_header .c_contact {
		display: block;
		font-size: 0;
		margin: 0;
		margin-right:5px;
	}
	.l_utility_header .c_contact:before {
		content: '';
  display: inline-block;
  width: 35px;
  height: 27px;
  background: url(../images/sp_icon_mail.png) top center no-repeat;
  background-size: contain;
  vertical-align: middle;
	}

	.l_utility_header #google_translate_element,
	.l_utility_header .l_language {
		display: none;
	}

	#search-box {
		width: 100%;
		height: auto;
    position: relative;
    margin: 0 0 30px;
	}
	.gsc-search-box .gsc-input {
		padding: 5px !important;
	}
	.gsib_a {
		padding: 2px !important;
	}
	.gsc-results-wrapper-overlay {
		width: 90% !important;
		padding: 15px !important;
		right: 0 !important;
		left: 0 !important;
		margin: auto !important;
	}
  /*----------------------------------------------
		.l_bg
	---------------------------------------------*/
	.l_bg	 {
		background: #FFF;
	}

	.inner .l_bg	 {
		background: #FFF;
	}

	/*----------------------------------------------
		.l_top_header_area
	---------------------------------------------*/
	.l_top_header_area {
		background: #ff6e4d;
		height: 90px;
		padding-left: 20px;
	}
	/*----------------------------------------------
		.l_logo_header
	---------------------------------------------*/
	.l_logo_header {
		display: none;
	}
	/*----------------------------------------------
		.l_header_area
	---------------------------------------------*/
	.l_header_area_sp {
		background: url(../images/sp_header_bg.png) center bottom no-repeat, #ff6e4d;
		padding: 0 20px 35%;
		display: block;
		min-height: 600%;
		background-size: 100%;
		position: relative;
	}

  /*----------------------------------------------
    .l_header
  ---------------------------------------------*/
	.l_header_title {
		position: relative;
		top:0px;
    left:0px;
		display: block;
		border-right: 0;
		padding-right: 0!important;
	}
	.l_header_detail {
		display: block;
		position: relative;
    top: 0!important;
    right: 0!important;
	}
	.l_header_logo {
		position: absolute;
		right: 10px;
		bottom: 27%;
	}

  /*----------------------------------------------
    .l_container
  ---------------------------------------------*/
  .l_container {
    padding-bottom: 50px;
		padding-top: 0;
  }
  /*----------------------------------------------
    .l_contents
  ---------------------------------------------*/
  .l_side_contents,
  .l_main_contents {
    width: 100%;
    float: none;
  }
  /* .l_side_contents {
    padding-top: 10px;
    border-top: 1px solid #e4e4e4;
    text-align: center;
  } */
  /*----------------------------------------------
    .l_content
  ---------------------------------------------*/
  .l_content {
    min-height: auto;
		padding: 40px 20px;
		/*font-size:1.6rem;*/
  }
  /*----------------------------------------------
    .l_news_area
  ---------------------------------------------*/
	.l_news_area {
		margin-bottom: 0 !important;
		padding: 30px 30px 50px;
	}
  /*----------------------------------------------
    .l_banner_area
  ---------------------------------------------*/
	.l_banner_area {
		background-color: #ffdcd4;
		padding: 40px 0;
		margin-bottom: 60px;
	}
	.l_banner_list {
		margin: 0 !important;
		text-align: center
	}
	.l_banner_list li {
		margin: 5px;
	}
  /*----------------------------------------------
    .l_banner
  ---------------------------------------------*/
  .l_banner {
    margin: 20px auto;
  }
	/*----------------------------------------------
		.l_copyright
	---------------------------------------------*/
	.l_copyright {
		font-size: 1.2rem;
	}

  /*----------------------------------------------
    .l_poster_area
  ---------------------------------------------*/
	.l_poster_area {
		padding: 15px;
	}
  .l_poster_logo {
    width: 45%;
    height: auto;
  }
  .l_poster_logo > img {
    margin: 0 !important;
  }
  .l_poster_logo > img:nth-child(1) {
    width: 82%;
  }
  .l_poster_logo > img:nth-child(2) {
    width: 14%;
  }
	.l_poster_header,
	.l_poster_date {
		margin-bottom: 15px;
	}
	.l_poster_header {
		margin-top: 50px;
	}
  .l_poster_detail_l {
    margin: 0 0 10px;
  }
	/*----------------------------------------------
		.l_btn_group
	---------------------------------------------*/
	#top .l_btn_group {
		padding: 30px 0;
		background: #ffdcd4;
		margin: 0!important;
	}

	.l_btn_group > * {
		margin: 0 10px 30px;
		display: block;
	}

	.l_btn_group > *:last-child {
		margin-bottom: 0;
	}

	.c_btn_type01 {
		font-size: 1.6rem;
	}

	.c_btn_type04 {
		min-width: 200px;
		padding: 13px 40px;
		font-size: 1.6rem;
		font-weight: normal;
	}

	.c_btn_type04.is_register::before {
	  content: url(../images/icon_register_sp.png);
	}

	.c_btn_type04.is_book::before {
	  content: url(../images/icon_book_sp.png);
	}

	.c_btn_type04.is_important_dates::before {
		content: url(../images/icon_important_dates_sp.png);
	}

	.c_btn_type04.is_register::before,
	.c_btn_type04.is_book::before,
	.c_btn_type04.is_important_dates::before {
		position: absolute;
		top: 10px;
		left: 10px;
		-ms-transform: scale(.5); /* IE 9 */
		-webkit-transform: scale(.5); /* Safari 3-8 */
		transform: scale(.5);
		-webkit-transition: transform .3s; /* Safari */
	}

	.c_btn_type04.is_important_dates {
		padding: 0;
	}
	
	.c_btn_type04 > .accordion_type01 {
		display: flex;
		align-items: center;
		height: 50px;
		padding-left: 40px;
		cursor: pointer;
	}
	
	.c_btn_type04 > .accordion_type01 ~ .panel {
		padding-right: 5px;
	}

	.c_btn_type04 > .accordion_type01.active ~ .panel {
		border-radius: 0 0 25px 25px;
	}

	.c_btn_type04.is_important_dates > .c_box_type01 {
		box-shadow: 0 0 0 0;
		font-size: 1.4rem;
	}

	.c_btn_type04.is_important_dates > .c_box_type01 div:last-of-type{
		margin-bottom:20px;
	}



	.c_btn_type04 > .accordion_type01::after {
		content: url(../images/icon_see_more.png);
		margin-left: auto;
		-ms-transform: rotate(0deg) scale(.5); /* IE 9 */
		-webkit-transform: rotate(0deg) scale(.5); /* Safari 3-8 */
		transform: rotate(0deg) scale(.5);
		-webkit-transition: transform .3s; /* Safari */
		transition: transform .3s;
		line-height: 0;
	}

	.c_btn_type04 > .accordion_type01.active::after {
		content: url(../images/icon_see_more_minus.png);
		-ms-transform: rotate(180deg) scale(.5); /* IE 9 */
		-webkit-transform: rotate(180deg) scale(.5); /* Safari 3-8 */
		transform: rotate(180deg) scale(.5);
	}

	/*----------------------------------------------
		.l_jarm_link_sp
	---------------------------------------------*/
	.l_jarm_link_sp {
		background: #eefbff;
		padding: 20px 40px;
		text-align: center;
	}

  /*----------------------------------------------
    .l_pagetop
  ---------------------------------------------*/
  .l_pagetop {
    display: block !important;
    position: static !important;
    width: 100%;
    background-color: #ff6e4d;
    text-align: center;
    border-bottom: 1px solid #2f1e1b;
  }
	.l_pagetop img {
		display: inline-block;
	}
  .l_pagetop a {
    padding: 0 0 5px;
  }
  /*==============================================

    component

  =============================================*/
	/*----------------------------------------------
		.c_nav_type01
	---------------------------------------------*/
	.c_nav_type01 li a,
	.c_nav_type01 li span {
		margin-bottom: 1px !important;
		font-size: 1.4rem;
	}
	.c_nav_type01 li a,
	.c_nav_type01 li span {
		background: #000;
		padding: 16.5px 15px;
	}
	.c_nav_type01 li:hover a,
	.c_nav_type01 li.active a {
		background: #e42e37;
	}

	.c_nav_type01 li .c_nav_en,
	.c_nav_type01 li .c_nav_jp {
		width: 50%;
		float: left;
		background: #ff6e4d!important;
		color: #FFF;
		text-align: center;
	}
	.en .c_nav_type01 li .c_nav_jp {
		color: #ff6e4d;
		background: #ffdcd4!important;
	}
	.en .c_nav_type01 li .c_nav_jp:hover {
		background: #e42e37!important;
	}
	.jp .c_nav_type01 li .c_nav_en {
		color: #ff6e4d;
		background: #ffdcd4!important;
	}
	.jp .c_nav_type01 li .c_nav_en:hover {
		background: #e42e37!important;
	}

	.c_nav_type01 li:not(:last-of-type) a,
	.c_nav_type01 li:not(:last-of-type) span {
		border-bottom: none;
}

  /*----------------------------------------------
    .c_news_type01
  ---------------------------------------------*/
	.c_news_type01 {
		min-height: 300px;
		padding: 0 0 10px;
	}
	.c_news_type01 dt {
		float: none;
	}
	.c_news_type01 dd {
		float: none;
		padding-left: 0;
		border-top: none !important;
	}
	.c_news_type01 dd:not(:last-child) {
		border-bottom: 1px solid #ddd;
	}

  /*----------------------------------------------
    .c_table_resp_wrap
  ---------------------------------------------*/
  .c_table_caption {
    background-color: #f0f0f0;
    padding: 3px 5px;
    margin-bottom: 5px;
  }
  .c_table_resp_wrap {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
  }
  .c_table_resp_wrap table {
    min-width: 500px;
    margin-bottom: 0 !important;
  }
  /*----------------------------------------------
    .c_table_resp
  ---------------------------------------------*/
  .c_table_resp th,
  .c_table_resp td {
    display: block;
    float: left;
    width: 100% !important;
  }
  .c_table_resp td {
    padding-top: 0;
  }
  /*----------------------------------------------
    .c_btn_group
  ---------------------------------------------*/
  .c_btn_group > *:not(:last-child) {
    margin-bottom: 20px;
  }
  /*----------------------------------------------
    .c_btn_type01
  ---------------------------------------------*/
	.c_btn_type01 {
		width: 100%;
	}
  /*----------------------------------------------
    .c_btn_type03
  ---------------------------------------------*/
  .c_btn_type03 {
    min-width: 100%;
		background: url(../images/nav_arrow.png) 92% 50% no-repeat, url(../images/btn_type03_bg.png) repeat-x;
		background-size: auto, 100% auto;
		padding-top: 15px;
		padding-bottom: 12px;
  }
	.c_btn_type03.c_btn_type03.is_blue {
		background: url(../images/nav_arrow.png) 92% 50% no-repeat, url(../images/btn_type03_blue.png) repeat-x;
		background-size: auto, 100% auto;
	}
  .c_btn_type03:not(:last-child) {
    margin-bottom: 20px;
  }

	/*----------------------------------------------
		.c_box_alert
	---------------------------------------------*/
	.c_box_alert {
		padding: 20px 10px;
	}

	/*----------------------------------------------
		.c_ttl_type01
	---------------------------------------------*/
	.c_ttl_type01 {
		margin: 0;
		padding: 10px;
		font-size:2.8rem;
	}
	/*----------------------------------------------
		.c_ttl_type02
	---------------------------------------------*/
	.c_ttl_type02 {
		background:#F4F4F4;
		font-size: 2.4rem;
	}
	.c_ttl_btn {
		float: none;
	}
	/*----------------------------------------------
		.c_ttl_type03
	---------------------------------------------*/
	.c_ttl_type03 {
		font-size: 2.0rem;
	}
	/*----------------------------------------------
		.c_ttl_type04
	---------------------------------------------*/
	.c_ttl_type04 {
		font-size: 1.8rem;
	}

	/*----------------------------------------------
		.c_list_type01 li
	---------------------------------------------*/

	.c_list_type01.is_decimal li:before,
	.c_list_type01 li:before {
		font-size: 2.5vw;
	}
	.c_list_type01.is_decimal li:before {
			width: 7%;
		}
  /*==============================================

    style

  =============================================*/
  .u_mat20 { margin-top:10px; }
  .u_mat30 { margin-top:20px; }
  .u_mat40 { margin-top:20px; }
  .u_mat50 { margin-top:30px; }

  .u_mab20 { margin-bottom: 20px !important;}
  .u_mab30 { margin-bottom: 20px; }
  .u_mab40 { margin-bottom: 20px; }
  .u_mab50 { margin-bottom: 30px; }
  .u_mab60 { margin-bottom: 30px; }
  .u_mab100 { margin-bottom: 50px; }

  .u_sp_w40 {
    width: 40%;
  }

  .u_img_floatL,
  .u_img_floatR {
    float: none;
  }
  /*==============================================

    inner

  =============================================*/
  /*----------------------------------------------
    greeting
  ---------------------------------------------*/
  .u_greeting_president_detail,
  .jp .u_greeting_president_detail {
    padding-top: 10px;
  }
  /*----------------------------------------------
    childcare
  ---------------------------------------------*/
	#childcare .is_tbl_date {
		width: 60% !important;
	}
	#childcare .is_tbl_time {
		width: 40% !important;
	}
}