/*-----------------------------------------------*/
/*-------------------- color --------------------*/
/*-----------------------------------------------*/
@white: #ffffff;
@black: #191919;
@l_black: #333333;
@gray: #c6c6c6;
@l_gray: #eeeeee;
@d_gray: #afafaf;
@dd_gray: #777777;
@bg_gray: #DDDDDD;
@red: #CC1E1E;
@d_red: #FF0000;
@yellow: #F6FF00;
@l_yellow: #ffe6b5;
@d_yellow: #bb8210;
@l_blue: #96F0FC;
@zalo_blue: #0068FF;
@blue: #238ADB;
@d_blue: #163b84;
@dd_blue: #3B5998;
@text_blue: #0085B2;
@green: #59b559;
@l_green: #d2edd2;
@d_green: #287528;
@violet: #8243c4;
@d_violet: #58278c;
@sky: #75d9f7;
@l_sky: #c9effb;
@brown: #926834;
@pink: #fdc0c0;

/*----------------------------------------------------------------------*/
/*------------------------------ sp-start ------------------------------*/
/*----------------------------------------------------------------------*/
@media(max-width:768px){

	header{
		.header_contents{
			h1{
				padding-left:0;
			}
		}
	}

	/*-----footer special-----*/
	.footer_special .footer_links .contact_link_note {
		font-size: 16px;
		padding: 10px;
	}
	.footer_special .footer_links .footer_link_list .link_button {
		height: 50px;
	}
	.footer_special .footer_links .footer_link_list .link_button img {
		width: 30px;
	}


	/*------------------------*/
	/*---blog article page---*/
	/*------------------------*/
	.article_container{
	}
	.blog_header{
		padding-bottom:40px;

		time{
			font-size:14px;
		}
		h1{
			font-size:24px;
		}
	}
	.blog_body{

		> img{
			width:100%;
			text-align:center;
			display:block;
			margin:0 auto 20px;
		}
	}
	.blog_container{
		display:grid;
		gap:20px;
	}
	.blog_row{
		display:grid;
		gap:20px;
	
		&.col2{
			grid-template-columns:1fr;
		}
		/* &.col3{
			grid-template-columns:1fr;
		}
		&.col4{
			grid-template-columns:1fr;
		} */
	}
	.blog_column{
		h2{
			padding:5px 0 5px 10px;
			font-size:22px;
		}
		h3{
			padding:3px 0 3px 10px;
			font-size:18px;
		}
		p{
			font-size:14px;
		}
		iframe{
			height:200px;
		}
		hr{
			margin:20px 0;
		}
	}
	.blog_footer{
		padding-top:40px;

		h2{
			font-size:18px;
		}
	}
	.related_container{
		gap:10px;

		a{
			flex-direction:column;
			align-items:flex-start;
			gap:3px;
			padding:10px;
			
			time{
				font-size:12px;
			}
			h3{
				font-size:14px;
			}
		}
	}
	
	.relate_area{
		.relate_item{
			border:1px solid #d34490;
			margin-bottom:15px;
			padding:0 10px 10px;

			h3{
				margin:10px 0;
			}

			.item{
				padding-right:30px;

				img{
					width:40px;
				}
			}
		}
	}

	/*---ブログのページ読み込み中---*/
	.pager_area{
		padding-bottom:20px;
	}

	/*-----------------------------------------------*/
	/*------------------- lp page -------------------*/
	/*-----------------------------------------------*/
	.main_container {
		padding-top: 64px;
	}
	.kv_contents .kv_title .title {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.kv_contents .kv_title .detail {
		font-size: 22px;
	}
	.kv_contents .kv_title {
		position: relative;
		top: unset;
		transform: unset;
		left: unset;
		text-align: center;
		padding-top: 50px;
	}
	.kv_section {
		margin-bottom: 50px;
		background-size: cover;
	}
	.kv_contents {
		padding: 30px 0;
		flex-direction: column;
		align-items: center;
	}
	.kv_contents .kv_img {
		max-width: 300px;
	}
	.lp_page{
		padding-bottom:80px;
	}
	.lp_page .lp_section_1 .lp_section_content .title {
		/* font-size: 30px; */
		font-size:25px;
	}
	.lp_page .lp_section_1 .lp_section_content .title span {
		font-size: 55px;
	}
	.lp_page .lp_section_1 .lp_section_content .detail {
		font-size: 16px;
		gap: 0;
		flex-direction: column-reverse;
		align-items: center;
	}
	.lp_page .lp_section_1 .lp_section_content .detail .img_box {
		width: 250px;
	}
	.lp_page .lp_section_1 .lp_section_content .detail .text_box {
		width: 100%;
		padding-top: 30px;
		line-height: 26px;
	}
	.lp_page .lp_section_1 .lp_section_content .detail .text_box .blue_text {
		/* font-size: 25px; */
		font-size: 22px;
		margin-bottom: 20px;
	}
	.lp_page .lp_section_1 {
		margin-bottom: 50px;
	}

	.lp_page .lp_section_2 .lp_section_content .title {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.lp_page .lp_section_2 .lp_section_content {
		/* padding: 30px 10px; */
		padding: 10px;
		border-radius: 20px;
	}
	.lp_page .lp_section_2 .lp_section_content .detail .contnent_box {
		width: 100%;
		padding: 25px 20px;
		border-radius: 20px;
		gap:10px;
	}
	.lp_page .lp_section_2 .lp_section_content .detail {
		flex-direction: column;
		gap: 30px;
		align-items: center;
	}
	.lp_page .lp_section_2 .lp_section_content .detail .detail_arrow {
		max-width: 60px;
		transform: rotate(90deg);
	}
	.lp_page .lp_section_2 .lp_section_content .detail .contnent_box .content {
		font-size: 14px;
		height:unset;
	}
	.lp_page .lp_section_2 .lp_section_content .detail .contnent_box .content img {
		width: 30px;
	}
	.lp_page .lp_section_2 {
		margin-bottom: 50px;
	}
	.lp_page .lp_section_2 .lp_section_content .detail .detail_arrow_box .detail_arrow {
		max-width: 60px;
	}
	.lp_page .lp_section_3 .lp_section_content .title {
		gap: 10px;
		margin-bottom: 50px;
		/* flex-direction: column; */
	}

	.lp_page .lp_section_3 .lp_section_content .title .img_box{
		max-width: 100px;
	}
	.lp_page .lp_section_3 .lp_section_content .title h3 {
		max-width: unset;
		width: 100%;
		/* font-size: 20px; */
		font-size: 14px;
	}
	.lp_page .lp_section_3 .lp_section_content .title h3 .spe_text {
		/* font-size: 25px; */
		font-size: 16px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box .poster_tex_box {
		left: 10px;
		top: 20px;
		font-size: 16px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box .poster_tex_line_2 {
		margin-left: 20px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box h4 {
		font-size: 30px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box .note_text p {
		font-size: 14px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box .note_text .spe_text {
		font-size: 20px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box .note_text {
		border-radius: 10px;
		height: 90px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box {
		padding: 100px 0 120px;
		border-radius: 20px;
	}
	.lp_page .lp_section_3 .lp_section_content .detail .contnent_box .poster_tex::after {
		height: 5px;
	}
	.lp_page .lp_section_3 {
		margin-bottom: 50px;
	}
	.lp_page .lp_section_4 .lp_section_content .detail {
		gap: 20px;
		margin-bottom: 30px;
		flex-direction: column;
	}
	.lp_page .lp_section_4 .lp_section_content .title {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.lp_page .lp_section_4 .lp_section_content {
		padding: 30px 10px;
		border-radius: 20px;
	}
	.lp_page .lp_section_4 .lp_section_content .detail .contnent_box {
		max-width: unset;
		padding: 20px;
		border-radius: 10px;
	}
	.lp_page .lp_section_4 .lp_section_content .section_content_link a {
		padding: 10px 29px;
		font-size: 18px;
	}
	.lp_page .lp_section_4 {
		margin-bottom: 50px;
	}
	.lp_page .lp_section_4 .lp_section_content .detail .contnent_box .title_box {
		height: 50px;
		font-size: 20px;
		margin-bottom: 8px;
	}
	.lp_page .lp_section_4 .lp_section_content .detail .contnent_box .content_box {
		font-size: 14px;
		line-height: 25px;
	}





/*-------------------- @media(max-width:768px)->end --------------------*/
}


/*--------------------------------------------------------------------*/
/*------------------------------ sp-end ------------------------------*/
/*--------------------------------------------------------------------*/