@media screen and (min-width: 768px) {
	.story_bnr_sp{
		display: none !important;
	}	
}

@media screen and (max-width: 767px) {
	.menu {
		display:none;
	}
	.pc_pic {
		display: none;
	}
	.sp_pic {
		display: block;
	}
	
	.t_box_text {
		padding: 30px;
	}
	.sky_gNav {
		display:block;
	}
	.m_box {
	width: 50%;
	text-align: center;
	}
	.gHeader_title img {
		width:80%;
	}

	.footer-update .container {
	    width: 100%;
	}

	.footer_sky {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.footer_left_sky {
		grid-area: 1 / 1 / 2 / 2;
		padding-bottom:5px;
		border-right: 0px;
	}

	.footer_right_sky {
		grid-area: 2 / 1 / 3 / 2;
		padding-top:5px;
	}

	.footer_right_sky,.footer_left_sky {
		padding-left:10px;
		padding-right:10px;
	}

	.footer_left_sky > div > span {
	    font-size: 14px;
	}

	#to-top {
	    position: absolute;
	    right: 5px;
	    top: 28px;
		width:40px;
		height:40px;
	}

	.footer-update {
	    padding-top: 60px;
	}
	
	.fL {
		float: none;
		display: block;
		width: 100%;
	}
	
	.fR {
		float: none;
		display: block;
		width: 100%;
	}
	
	.t_box {
		width: 100%;
		padding: 0px ;
		margin-bottom: 2em;
	}
	
	.p_story_text02 {
		width: 100%;
		padding: 0px;
	
	}
	.pic_box {
		width: 100%;
		border-radius: 10px;
	}	
	
	.s_box h1 {
		font-size: 22px;
	}
	
	.buyer_needs_box h1 {
		font-size: 22px;
	}	
	.pic_boder {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 0px;
	}	
	.report {
		width: 100%;
	}
	.h_title {
		font-size: 20px;
	}


	.fd_parent {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}

	.fd_parent > div {
		flex-basis:calc((100% - 10px) / 2);
		max-width:calc((100% - 10px) / 2);
		margin-top:20px !important;
		margin-right:0  !important;
		margin-left:0  !important;
	}

	.fd_parent > div:nth-of-type(1),
	.fd_parent > div:nth-of-type(2) {
		margin-top:0;
	}

	.b_w70p {
		width:100%;
	}
	
	.story_bnr_pc {
		display: none !important;
	}
	
	.story_bnr_sp{
		display: block !important;
	}

	
	.slick-prev, 
	.slick-next {
		top: 30%;
		height: 10px;
		width: 10px;
	}
	
	body {
		min-width: 300px;
	}
	
	.n_pic {
		padding-left: 0;
	}
	.r_text h2 {
		font-size: 18px;	
	}
	
	.p_area {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
	}
	.r_picbox {
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 10px;
	}
	
	.pic_area {
		display: block;
		margin-top: 1em;
		
	}
	.r_text {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.p_picbox {
		width: 100%;
		float: none;
		margin-bottom: 0.5em;
	}
	
	.p_textbox {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.prog_area {
		display: table-cell;
		
	}
	.prog_picbox {
		width: 100%;
		float: none;
		margin-bottom: 0.5em;

	}

	.prog_textbox {
		width: 100%;
		float: none;
		padding: 0;

	}	
	
	.prog_textbox p{
		padding-left: 0;
		padding-right: 0;
	}
	.r_text p{
		padding: 0;
	}
	
	.program h2 {
    	font-size: 18px;
	}
	
	.program_picbox {
		width: 100%;
		float: none;
		padding: 0;
		margin-top: 1em;
	}
	
	.program_pic {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.program_picbox p {
		margin-top: 5px;
	}
	
	.p_text {
		padding-left: 0;
		padding-right: 0;
	}
	
	.table01{
		padding-left: 10px;
		padding-right: 10px;		
	}
	
	.sp_br{
		display: block !important;
	}
	.table01 {
		margin-top: 1em;
		margin-bottom: 4em;
	}
	
	#p01,#p02,#p03 {
		padding-top: 60px;
		margin-top:-60px;
	}
	
	.menu_box .box5-4 .box-title {
		top: -30px;
		width: 90%;
		left: -10px;

	}

	.menu_box .box5-4 {
		padding: 3em 1em 1em;
		margin: 2em auto;
	}
	
	.talk-Ltxt {
		padding: 0.5em;
	}
}
@media screen and (max-width: 480px) {
	.p_textbox h3 {
    	font-size: 120%;
	}
	.m_box01 {
	
    	 padding: 5px 0px 5px 20px;
		margin-left: 1em;

	}
	
	.m_box02 {
		margin-right: 1em;
		padding: 5px 0px;

	}
	.bnr_flex {
		display: block;

	}	
	.bnr__item {
		margin-bottom: 2em;
		margin-top: 1em;
	}
	
	.s_text02 {
		padding: 10px;
	}

}