@charset "UTF-8";

/*===============================================================
	
	base
	
===============================================================*/
body {
  background:#fff;
  /*-webkit-font-smoothing: antialiased;*/
}
.thiscontents {
	width:100%;
}
.thiscontents a {
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	color:#0066CC;
}
.thiscontents a:hover {
	color:#0099CC;
}
.thiscontents .clear {
	width:100%;
	overflow:hidden;
}
.thiscontents .cf:before,
.thiscontents .cf:after {
    content: " ";
    display: table;
}
.thiscontents .cf:after {
    clear: both;
}
.thiscontents .cf {
  *zoom: 1;
}
.thiscontents .clearboth {
	clear:both;
}
.thiscontents .flol {
	display:inline;
	float:left;
}
.thiscontents .flor {
	display:inline;
	float:right;
}
.thiscontents .pc {
}
.thiscontents .tablet {
	display:none;
}
.thiscontents .sp {
	display:none;
}
.thiscontents .sp_tablet {
	display:none;
}
.thiscontents img {
	vertical-align:bottom;
	padding:0;
	margin:0;
}

.thiscontents p {
	margin:0;
	padding:0;
}
.thiscontents h1,
.thiscontents h2,
.thiscontents h3,
.thiscontents h4,
.thiscontents h5,
.thiscontents h6 {
	font-weight:bold;
	margin:0;
	padding:0;
}
.thiscontents p {
	margin:0;
	padding:0;
}
.thiscontents sup {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
}
.thiscontents .photo img {
	width:100%;height:auto;
}
@media screen and (max-width: 1070px) {
.thiscontents .pc {
	display:none;
}
.thiscontents .tablet,
.thiscontents .pc_tablet,
.thiscontents .sp_tablet {
	display:block;
}
.thiscontents {
	/*padding-top:40px;*/
}
}
@media screen and (max-width: 800px) {
.thiscontents  {
	/*margin-bottom:10px;*/
}
.thiscontents .sp {
	display:block;
}
.thiscontents .pc_tablet,
.thiscontents .tablet {
	display:none;
}
}
@media screen and (max-width: 410px) {
}

/*===============================================================
	
	grid
	
===============================================================*/
.gridcontainer {
	margin-top: -30px;
}
.gridcontainer .grid {
	float:left;
}
.grid {
	margin-top: 30px;
}
/*	gridSize :460 gutterSize :40 column :2 */
.gridwrp_2 { width:104.167%;}
.gridwrp_2 .grid_2 { width:96.000%; margin-right:4.000%; }
.gridwrp_2 .grid_1 { width:46.000%; margin-right:4.000%; }
.gridwrp_1 .grid_2 { width:192.000%; margin-right:8.000%; }

/*	gridSize :290 gutterSize :40 column :3 */
.gridwrp_3 { width:104.211%;}
.gridwrp_3 .grid_3 { width:95.960%; margin-right:4.040%; }
.gridwrp_3 .grid_2 { width:62.626%; margin-right:4.040%; }
.gridwrp_3 .grid_1 { width:29.293%; margin-right:4.040%; }

/*	gridSize :210 gutterSize :40 column :4 */
.gridwrp_4 { width:104.167%;}
.gridwrp_4 .grid_4 { width:96.000%; margin-right:4.000%; }
.gridwrp_4 .grid_3 { width:71.000%; margin-right:4.000%; }
.gridwrp_4 .grid_2 { width:46.000%; margin-right:4.000%; }
.gridwrp_4 .grid_1 { width:21.000%; margin-right:4.000%; }


/* PCのみ */
@media screen and (min-width: 961px) {
.gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:both;
}
.gridwrp_4 .grid:nth-child(4n+1) {
	clear:both;
}
}	/* for PC min-width: 961px


/* タブレット以下 */
@media screen and (max-width: 1070px) {
.gridwrp_3 { width:104.167%;}
.gridwrp_3 .grid_2 { width:96.000%; margin-right:4.000%; }
.gridwrp_3 .grid_1 { width:46.000%; margin-right:4.000%; }
.gridwrp_3 .grid_2 { width:192.000%; margin-right:8.000%; }
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:inherit!important;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_3 .grid_2,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_4 { width:105.000%;}
.gridwrp_4 .grid_1,
.gridwrp_4 .grid_3 { width:45.238%; margin-right:4.762%; }

.gridcontainer {
	margin-top: 0;
}
.grid {
	margin-top:20px;
}
.grid:first-child {
	margin-top:0px;
}
.gridwrp_4 .grid:nth-child(2) {
	margin-top:0;
}

}	/* for SP max-width: 800px */


/*===============================================================
	
	fixed
	
===============================================================*/
.fixed {
	position: fixed;
	top: 0;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
.fixed {
	position: fixed;
	top: 0;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}	/* for SP max-width: 800px */

/*===============================================================
	
	txtlink 2016/11/16
	
===============================================================*/
.txtlink a {
	padding-left:15px;
	color:#000;
	text-decoration:none;
	position:relative;
	display:inline-block;
}
.txtlink a:hover {
	color:#c00;
}
.txtlink a:after {
	position:absolute;
	content:" ";
	width:6px; height:6px;
	top:7px; bottom:auto; left:0; right:auto;
	margin:auto;
	border-top:solid 2px #c00;
	border-left:solid 2px #c00;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.txtlink.arw_prev a {
}
.txtlink.arw_prev a:after {
	top:7px; bottom:auto; left:3px; right:auto;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.txtlink.arw_after a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after a:after {
	left:auto; right:0;
}
.txtlink.arw_down a:after {
	top:7px; bottom:auto; left:2px; right:auto;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.txtlink.arw_after_down a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after_down a:after {
	top:7px; bottom:auto; left:auto; right:0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*	arw_box */
.txtlink.arw_box a {
	padding-left:25px;
}
.txtlink.arw_box a:before {
	content:' ';
	width:20px;
	height:20px;
	background:#000;
	position:absolute;
	top:2px; bottom:auto; left:0; right:auto; margin:auto;
}
.txtlink.arw_box a:after {
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	top:8px; bottom:auto; left:5px; right:auto;
}

/*===============================================================
	
	以下案件毎のコンテンツ

===============================================================*/
/*===============================================================
	
	bg 背景
	
===============================================================*/

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}	/* for SP max-width: 800px */

/*===============================================================
	
	section
	複数のcontent、headlineなど格納するブロック
	
===============================================================*/
.section_wrp {
	background:#eee;
}
.section {
	width:100%;
}
.section_inner {
	margin:0 auto;
	padding:30px 0 40px 0;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
.section_inner {
	margin:0 auto;
	padding:30px 20px 40px 20px;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_inner {
	margin:0 auto;
	padding: 20px;
}
}	/* for SP max-width: 800px */
/*===============================================================
	
	レイアウト
	
===============================================================*/
.wide_width {
	width:1360px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content_width {
	width:1070px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.narrow_width {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 1360px) {
.wide_width {
	width:100%;
}
}	/* for tablet max-width: 1360px */

/* タブレット以下 */
@media screen and (max-width: 1190px) {
.content_width {
	width:100%;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.narrow_width {
	width:100%;
}
}	/* for SP max-width: 800px */

/*===============================================================
	
	content 
	
===============================================================*/
.content {
	margin:0 auto;
	padding-bottom:50px;
}
.content + .content {
	padding-bottom:50px;
}
.headline + .content {
	margin-top: 30px;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
.content {
	margin:0 auto;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.headline + .content {
	margin-top: 15px;
}
.content {
	width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
.content + .content {
	padding-bottom:30px;
}
}	/* for SP max-width: 800px */

/*===============================================================
	
	headline：見出し
	subhead：小見出し
	
===============================================================*/
.headline {
	text-align: center;
}
.headline .title {
	font-size: 40px;
	line-height: 1.2;
}
.headline .read {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 20px;
}
.headline .label {
	font-size: 20px;
	line-height: 1.2;
	color: #ff9900;
	font-weight: bold;
	padding-bottom: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.headline .title {
	font-size:22px;
	line-height:30px;
	padding-bottom:0px;
	text-align:center;
}
.headline .read {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
}
.headline .label {
	font-size: 16px;
	padding-bottom: 0px;
}
}	/* for SP max-width: 800px */


/*===============================================================
	
	content_title 
	
===============================================================*/
.content_title {
	text-align: center;
}
.content_title .title {
	font-size: 30px;
	line-height: 1.2;
}
.content_title .read {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 20px;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.content_title .title {
	font-size: 18px;
}

}	/* for SP max-width: 800px */

/*===============================================================
	
	btn_detail
	
===============================================================*/
.btn_detail {
	width:400px;
	margin:0 auto;
	margin-top:40px;
}
.btn_detail a {
	position:relative;
	display:block;
	background-color:#e61e19;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:15px 0;
	border-radius:0px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
}
.btn_detail a:after {
	position:absolute;
	content:" ";
	width:6px; height:6px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_detail a:hover {
	text-decoration:none;
	background-color:#f00;
}
.btn_detail_red a {
	background-color:#c91b36;
}
.btn_detail_red a:hover {
	background-color:#e31838;
}
.btn_detail_black a {
	background-color:#000;
}
.btn_detail_black a:hover {
	background-color:#222;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
.btn_detail {
	width:100%;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.btn_detail {
	width:100%;
	margin:0 auto;
	margin-top:20px;
}
.btn_detail a {
	font-size:16px;
}
}	/* for SP max-width: 800px */

/*-------------------------------------------------------------
	flexbtn	
-------------------------------------------------------------*/
.flexbtn {
	width:auto;
	text-align:center;
}
.flexbtn a {
	display:inline-block;
	padding:15px 40px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}	/* for SP max-width: 800px */


/*===============================================================
	
	page_guidance
	
===============================================================*/
.page_guidance {
	background: #fff;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}/* for SP max-width: 800px */


/*===============================================================
	
	pagetitle
	
===============================================================*/
.pagetitle {
	background: #ff4e4e;
	text-align: center;
	color: #fff;
	padding: 20px;
}
.pagetitle .title {
	font-size: 40px;
	line-height: 1.3;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.pagetitle {
	padding: 10px;
}
.pagetitle .title {
	font-size: 6vw;
}
}/* for SP max-width: 800px */


/*===============================================================
	
	photo_txt_container
	
===============================================================*/
.photo_txt_container {
	display: flex;
  flex-wrap: nowrap;
}
.photo_txt_container + .photo_txt_container {
	margin-top: 20px;
}
.photo_txt_container .photo_area {
  width: 50%;
}
.photo_txt_container .photo_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo_txt_container .txt_area {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: left;
  align-content: center;/* 縦	*/
  align-items: center;
  padding: 0 40px;
  background: #fff;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.photo_txt_container {
	display:block;
}
.photo_txt_container .photo_area {
  width: 100%;
}
.photo_txt_container .txt_area {
  padding: 20px;
	display:block;
}

}	/* for SP max-width: 800px */

/*===============================================================
	
	section_guidance_outline
	
===============================================================*/
.section_guidance_outline .title {
	font-size: 30px;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.section_guidance_outline p {
	font-size: 16px;
	line-height: 1.7;
	padding: 0;
	margin: 0;
	margin-top: 1em;
	
}
.section_guidance_outline .photo_txt_container .photo_area {
  width: 30%;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
.section_guidance_outline .title {
	background: none;
}
}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_guidance_outline .photo_txt_container .photo_area {
  width: 100%;
}
.section_guidance_outline .section_inner {
	padding: 0;
}
.section_guidance_outline .content_width {
	padding: 0;
}
.section_guidance_outline .title {
	font-size: 6vw;
	display: inline-block;
}
.section_guidance_outline p {
	font-size: 4vw;
	line-height: 1.6;
	margin-top: 1em;
}
}/* for SP max-width: 800px */


/*===============================================================
	
	section_guidance_schedule
	
===============================================================*/
.section_guidance_schedule {
	background: #3dc8ca;
}
.section_guidance_schedule .headline .title {
	color: #fff;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_guidance_schedule .section_inner {
	padding: 0;
}
}/* for SP max-width: 800px */


/*===============================================================
	
	section_guidance_schedule area_nav
	
===============================================================*/
.section_guidance_schedule .area_nav {
	margin-top: 20px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}
.section_guidance_schedule .area_nav li {
	margin: 0 10px;
}
.section_guidance_schedule .area_nav li a {
	color: #fff;
	padding: 5px 0;
	border-bottom: solid 2px rgba(255,255,255,0);
}
.section_guidance_schedule .area_nav li.current a,
.section_guidance_schedule .area_nav li a:hover {
	border-bottom: solid 2px rgba(255,255,255,1);
	text-decoration: none;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_guidance_schedule .area_nav {
	margin-top: 0;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}
.section_guidance_schedule .area_nav li {
	margin: 0 3vw;
	margin-top: 3vw;
}
.section_guidance_schedule .area_nav li a {
	padding: 1vw 0;
}
}/* for SP max-width: 800px */



/*===============================================================
	
	guidance_schedule
	
===============================================================*/
.guidance_schedule .item {
	background: #fff;
	border-radius: 0px;
	box-sizing: border-box;
/*	box-shadow: 8px 8px 0 rgba(0,0,0,0.08);*/
}
.guidance_schedule .item_header {
	background: #ff0;
	color: #000;
	padding: 15px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.guidance_schedule .item_header .area {
	font-size: 18px;
	line-height: 1;
	display: table-cell;
	margin: 0;
	padding: 0;
}
.guidance_schedule .item_header .area span {
	font-size: 14px;
	line-height: 1;
  padding-left: 10px;
}
.guidance_schedule .item_header .date {
	font-size: 18px;
	line-height: 1;
	display: table-cell;
	text-align: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.guidance_schedule .item_header .date span {
	font-size: 12px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
.guidance_schedule .item:nth-child(2n+1) {
	clear: both!important;
}
}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.guidance_schedule .item_header {
	padding: 15px 15px;
}
.guidance_schedule .item_header .area {
	font-size: 5vw;
}
.guidance_schedule .item_header .date {
	font-size: 5vw;
}
}/* for SP max-width: 800px */

/*-------------------------------------------------------------
	曜日	
-------------------------------------------------------------*/
.sat {
	color: #1437CC;
}
.sun ,
.holiday {
	color: #de1616;
}

/*-------------------------------------------------------------
	item_body	
-------------------------------------------------------------*/
.guidance_schedule .item_body {
	background: #fff;
	color: #000;
	padding: 15px 20px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.guidance_schedule .datalist_table {
	margin: 0;
	border-bottom: solid 1px #ddd;
}
.guidance_schedule .datalist_table dt ,
.guidance_schedule .datalist_table dd {
	padding: 10px 0;
	font-size: 14px;
}
.guidance_schedule .datalist_table dt {
	width: 4em;
}
.guidance_schedule .datalist_table dd {
	padding-left: 4em;
}
.guidance_schedule .datalist_table dd .red {
/*	font-size: 18px;*/
	color: #ff4e4e;
}
.guidance_schedule .btn_detail {
	width: auto;
	margin-top: 10px;
}
.guidance_schedule .btn_detail a {
	font-size: 18px;
	color: #fff;
	border-radius: 0;
	box-shadow: none;
	background: #ff4e4e;
}
.guidance_schedule .btn_detail a:hover {
	background: #ED4B4B
}
.guidance_schedule .line a {
	background: #00BC26;
}
.guidance_schedule .line a:hover {
	background: #00AD23;
}

.guidance_schedule .map a {
	background: url("../../../images/assets/icon_mappoint.svg") no-repeat top left;
	box-sizing: 20px 20px;
	padding-left: 20px;
	color: #ff4e4e;
}



/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.guidance_schedule .item_body {
	padding: 15px;
}

.guidance_schedule .datalist_table dl {
	width:100%;
	overflow:hidden;
	border-bottom:solid 1px #ddd;
}
.guidance_schedule .datalist_table dt {
	width:4em;
	float:left;
	padding:10px 0;
	font-size:4vw;
	font-weight:bold;
	box-sizing:border-box;
	margin:0;
}
.guidance_schedule .datalist_table dd {
	padding:10px 0;
	padding-left:4em;
	border-top:solid 1px #ddd;
	font-size:4vw;
	margin:0;
}

.guidance_schedule .datalist_table dd .red {
/*	font-size: 5vw;*/
}
.guidance_schedule .map a {
	padding-left: 5vw;
}
	
}/* for SP max-width: 800px */


/*===============================================================
	
	nodata_box
	
===============================================================*/
.nodata_box p {
	padding: 30px;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}/* for SP max-width: 800px */



/*===============================================================
	
	guidance_wrp
	
===============================================================*/
.guidance_wrp {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.guidance_wrp .grid {
	width: 31%;
}
.guidance_wrp::after,
.guidance_wrp::before {
	content: "";
	width: 31%;
	display: block;
	height:0;
	order: 1;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
.guidance_wrp .grid,
.guidance_wrp::after,
.guidance_wrp::before {
	width: 48%;
}

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.guidance_wrp .grid,
.guidance_wrp::after,
.guidance_wrp::before {
	width: 100%;
}
	.guidance_wrp .grid {
		margin-top: 20px;
	}
}/* for SP max-width: 800px */