@charset "utf-8";

@media (max-width: 767px) {
	/* body
-------------------------- */
	:root {
		font-size: 15px;
	}
	body {
		line-height: 1.75;
	}
	a:hover {
		opacity: 1;
	}
	p {
		margin: .5rem auto;
		font-size: 1.075rem;
	}
	section {
		padding: 2rem 0;
	}
	/* common
--------------------------------- */
	.spSet {
		display: block !important;
	}
	.pcSet {
		display: none !important;
	}
	.inner {
		padding: 15px 25px;
		position: relative;
		overflow: hidden;
	}
	/* #intro_screen
--------------------------------- */
	.image_gray, .image_red {
		width: 45%;
		max-width: 200px;
		min-width: 120px;
		transform: translate(-50%, -75%);
	}
	#intro_screen .eachTextAnime {
		font-size: 1.125rem;
		transform: translateY(-85%);
		letter-spacing: 1px;
		text-indent: 1px;
		line-height: 2;
		padding: .75rem;
	}
	/* header
--------------------------------- */
	header {
		padding: .5rem 1rem 1rem;
	}
	header h1 {
		width: 120px;
	}
	.language {
		font-size: .75rem;
	}
	/* footer
--------------------------------- */
	footer {
		font-size: .75rem;
		padding: 1rem .25rem;
	}
	footer li:nth-of-type(2) {
		order: 2;
	}
	footer li:nth-of-type(3) {
		width: 100%;
		order: 3;
	}
	footer li a {
		display: block;
		width: 120px;
		margin: auto;
	}
	footer li a img {
		width: 100%;
		margin: 1rem auto 0;
	}
	#pageTop:hover {
		opacity: 1;
	}
	/* #sec00
--------------------------------- */
	#sec00 {
		margin-top: -50px;
	}
	#sec00 img.blur {
		width: 25%;
		max-width: 150px;
		transform: translate(-50%, -75%);
	}
	#scrollGuide {
		bottom: 10rem;
	}
	/* sectionCommon
--------------------------------- */
	section h2 {
		font-size: 1.6rem;
		padding: 0 0 1.5rem;
	}
	section h3 {
		font-size: 1.375rem;
		margin-bottom: .75rem;
		padding-bottom: .125rem;
	}
	section p {
		padding: .25rem 0;
		margin: .5rem 0;
	}
	/* #sec01
--------------------------------- */
	#sec01 .block_text {
		width: 100%;
	}
	#sec01 .block_img {
		width: 100%;
	}
	#sec01 .block_img img {
		height: 10rem;
		object-position: 0 75%;
		margin: 1rem auto;
	}
	/* #sec02
--------------------------------- */
	#sec02 .inner {
		padding: 15px 25px !important;
	}
	.scrollSet {
		height: auto;
	}
	.scrollSet_outer {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	ul.scrollList {
		display: block;
		margin: 0;
	}
	ul.scrollList li {
		width: 100%;
		padding: .5rem 1rem;
		margin: .5rem 0;
	}
	/* #sec03
--------------------------------- */
	#sec03 .order {
		margin-top: 1.5rem;
	}
	#sec03 .order_ch {
		width: calc(100% / 2);
		padding: .5rem;
	}
	#sec03 .order_ch:nth-of-type(3n-1) {
		margin-top: 0;
	}
	#sec03 .order_ch:nth-of-type(2n-1) {
		margin-top: -1.25rem;
	}
	#sec03 .order_ch span {
		font-size: 15px;
		margin: .25rem auto;
	}
	/* #sec04
--------------------------------- */
	#sec04 .block_text {
		width: 100%;
	}
	#sec04 .block_text ul {
		margin: 1rem 0 .5rem;
		font-size: 1.075rem;
	}
	#sec04 .block_text li {
		padding: .125rem 0 .125rem 1rem;
	}
	#sec04 .block_text li:before {
		width: .25rem;
		height: .25rem;
	}
	#sec04 .block_img {
		width: 100%;
		height: 12.5rem;
		margin: .5rem auto 0;
	}
	#sec04 .block_img img {
		height: auto;
		transform: translate(-5%, -10%);
	}
	/* #sec05
--------------------------------- */
	#sec05 dl {
		margin: 1.5rem 0;
		font-size: 1.125rem;
	}
	#sec05 dt {
		width: 100%;
		padding: .5rem .75rem 0;
		border-bottom: none;
	}
	#sec05 dd {
		width: 100%;
		padding: .25rem .75rem .5rem 1.5rem;
	}
	/* #sec06
--------------------------------- */
	#sec06 .box {
		margin: .75rem 0;
	}
	#sec06 a.btn {
		padding: .25rem .75rem;
		margin: .75rem 0 .75rem auto;
		font-size: .875rem;
	}
	/* modal
--------------------------------- */
	.mdl_box {
		padding: 0 1.5rem;
	}
	.mdl_box section {
		padding: 2.25rem 0 1rem;
	}
	.mdl_box section h3 {
		font-size: 1.25rem;
		padding: .25rem 0 0;
	}
	.mdl_close {
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.25rem;
		font-size: 2.5rem;
	}
	/* #sec_contact
--------------------------------- */
	#sec_contact .inner {
		padding: 2.5rem 25px;
	}
	.formWrap .w48per {
		width: 100%;
		margin: 0 0 1rem;
	}
	.formWrap input[type="text"],
	.formWrap textarea {
		font-size: 1.075rem;
	}
	.formWrap ::placeholder {
		font-size: 1rem;
	}
	.formWrap input[type="submit"],
	.formWrap input[type="reset"],
	.formWrap input[type="button"],
	.formWrap a.btn {
		font-size: .875rem;
	}
	p.error_messe {
		padding: .25rem .5rem;
		font-size: 1.075rem;
	}
	.formTable {
		margin: 1.5rem auto;
		font-size: 1.075rem;
	}
	.formTable th,
	.formTable td {
		padding: .5rem;
	}
	#sec_contactFlow .inner {
		padding: 2.5rem 25px;
	}
	#sec_contactFlow .formWrap {
		padding: 0;
	}
	#sec_contactFlow .t_center {
		text-align: center !important;
	}


	/* style
--------------------------------- */
	.t_center {
		text-align: left !important;
	}







}