@charset "UTF-8";

@media only screen and (max-width: 599px) {

	body {
		font: 300 1.6rem/1.8 var(--font_ja);
	}

	header {
		margin: 30px 5%;
	}

	header .site_title {
		width: 30%;
	}

	#top_image .main_copy h2 {
		font: 300 3.2rem/1.1 var(--font_en);
	}

		#top_image .main_copy h2 span {
			font-size: 1.8rem;
		}

	#top_image .main_copy p {
		font: 200 1.8rem/1.5 var(--font_ja);
		margin-top: 10px;
	}

	main {
		padding: 130px 0 0 0;
	}

	.wrap {
		padding: 50px 0;
	}

	#mission .mission_bg {
		font: 200 6rem/1 var(--font_en);
	}

	#mission .mission_inner .container {
		max-width: auto;
		padding: 40px 0 80px 0;
	}

	#mission .mission_inner h3 {
		font: 300 3.6rem/1 var(--font_en);
	}

	#mission .mission_inner .mission_box p {
		margin: 15px 0 30px 0;
	}

	.link_btn a,
	.link_btn_d a {
		width: 45%;
		min-width: 250px;
	}

	.cat_ttl_bgb {
		margin: 0 0 50px 0;
		font: 300 3.6rem/1 var(--font_en);
		text-align: center;
	}

		.cat_ttl_bgb span {
			font-size: 1.4rem;
	}

	.con_ttl_bgb {
		margin: 0 0 30px 0;
		text-align: center;
		font: 300 2rem/1 var(--font_en);
	}

		.con_ttl_bgb:before,
		.con_ttl_bgb:after {
			content: "";
			height: 1px;
			flex-grow: 1;
			background-color: #999999;
		}

		.con_ttl_bgb:before {
			margin-right: 1rem;
		}

		.con_ttl_bgb:after {
			margin-left: 1rem;
		}

	.example_ttl {
		margin: 0 0 25px 0;
		font-size: 2rem;
	}

	.example {
		width: 82%;
		margin: 0 auto 20px auto;
		display: flex;
		justify-content: center !important;
	}

	.slick-prev {
		left: -7%;
	}

	.slick-next {
		right: -7%;
	}

	.slick-prev,
	.slick-next {
		width: 26px;
		height: 26px;
	}

	.slick-prev:before,
	.slick-next:before {
		font-size: 26px;
	}

	.archievement .slick-prev {
		left: -5%;
	}

	.archievement .slick-next {
		right: -5%;
	}

	#contact .wrap h3,
	#contact_b .wrap h3 {
		font: 300 3.6rem/1 var(--font_en);
	}

	#contact .wrap .sub_jp,
	#contact_b .wrap .sub_jp {
		font: 400 1.4rem/1 var(--font_jp);
	}

	.con_ttl,
	.con_ttl_w {
		font: 400 2.4rem/1.2 var(--font_ja);
	}

	.con_sub_ttl,
	.con_sub_ttl_w {
		font: 400 1.8rem/1.2 var(--font_ja);
		white-space: nowrap;
	}

	#solution {
		background: linear-gradient(#FFF 270px, #11376b 270px);
	}

		.solution_comment li {
			width: 80%;
			min-height: auto;
			margin: 0 2% 30px 2%;
			padding: 40px 0;
		}

	.other_movies_inner h2 {
		font: 400 2.4rem/1.2 var(--font_ja);
	}

	.other_movies_inner ul li h3 {
		font: 400 1.8rem/1 var(--font_ja);
	}

	summary, .accordion strong {
		cursor: pointer;
		position: relative;
		display: block;
		padding-left: 1.5em;
		padding-right: 0;
		font: 300 1.8rem/1.5 var(--font_ja);
		color: var(--main_color);
	}

	.accordion-content p {
		padding-right: 0;
	}

	.accordion strong:after {
		position: inherit;
	}


	.normal_table {
		border-spacing: 0;
	}

		.normal_table th {
			width: 100%;
			display: block;
		}

		.normal_table td {
			display: block;
		}

	.name_box h3 span {
		display: block;
		margin-left: 0;
	}

	.profile_box_r {
		margin-bottom: 10px;
	}

	.profile_box_l p {
		margin: 20px 0 0 0;
		padding: 20px 0 10px 0;
		border-top: 1px dotted #CCC;
	}

	.profile_box_r .sp_btn {
		display: inherit;
	}

	.profile_box_r .pc_btn {
		display: none;
	}

	.c_ph {
		width: 100%;
		max-width: auto;
	}

	.c_txt {
		width: 100%;
	}

	.table_wrap .normal_table {
		width: 100%;
		text-align: center;
	}

	.page_ttl_en {
		font: 300 3.6rem/1.2 var(--font_en);
	}

		.page_ttl_en span {
			font: 300 2rem/1.2 var(--font_en);
		}

	#contact_box .form {
		width: 100%;
	}
	
	#contact_box .form_container {
		flex-direction: column;
	}

	#contact_box .form_container .form_label {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 5px;
	}

	#contact_box .form_container .form_input {
		width: 100%;
	}

		#contact_box .form_container .form_input input,
		#contact_box .form_container .form_input textarea {
			padding: 5px;
		}

	#contact_box .form_container .form_radio {
		width: 100%;
	}



	.pc_only {
		display: none;
	}

	.tab_only {
		display: none;
	}

	.sp_only {
		display: inline;
	}

	.pc_tab_only {
		display: none;
	}

	.sp_tab_only {
		display: inherit;
	}


}



