@charset "utf-8";

@media screen and (max-width:640px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	.sp_illust01 {
		max-width: 130px !important;
		width: 100%;
	}

	.sp_illust02 {
		max-width: 180px !important;
		width: 100%;
	}


	#header_area {
		padding: 20px;
		height: 220px;
	}

	#header_area p {
		font-size: 2rem;
	}

	.container {
		max-width: 100%;
		width: 100%;
		padding: 0 10px;
	}

	#border_text {
		padding: 20px;
	}

	#border_text p {
		font-size: 1.8rem;
	}

	#index_box ul li a {
		display: flex;
		align-items: center;
		font-size: 1.6rem;
		padding: 10px 0;
		line-height: 1.4;
	}

	#index_box ul li a:after {
		position: static;
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		padding-left: 10px;
	}

	#index_box ul li span img {
		height: 20px;
	}

	.indent {
		font-size: 1.2rem;
	}

	.indent2 {
		font-size: 1.2rem;
	}

	.indent3 {
		font-size: 1.2rem;
	}

	.section_box {
		padding: 60px 10px;
	}

	h2.title {
		font-size: 1.85rem;
	}

	h2.title span.large {
		font-size: 4.6rem;
	}

	h2.title2 span.large {
		font-size: 3.6rem;
	}

	h2.title2 span.large2 {
		font-size: 3.6rem;
	}

	.number_section_box {
		padding: 40px 10px 25px 10px;
	}

	.section_box01 {
		flex-wrap: wrap;
	}

	.section_box01-1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.section_box01-2 {
		width: 100%;
	}

	.report_section_inner {
		width: 100%;
		flex-wrap: wrap;
	}

	.report_section_inner .inner_col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.report_section_inner .inner_col:last-child {
		margin-bottom: 0;
	}

	.report_section_inner .inner_col p {
		font-size: 1.8rem;
	}

	.report_section_inner .inner_col p span {
		font-size: 4.5rem;
	}

	p.sumulation_text {
		font-size: 1.6rem;
	}

	p.sumulation_text span {
		font-size: 2.8rem;
	}

	.ab_text_box {
		flex-wrap: wrap;
	}

	.ab_text_box_left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.ab_text_box_right {
		width: 100%;
	}

	.ab_text_text {
		font-size: 1.6rem;
	}

	.contact_inner p.contact_btn {
		display: block;
		width: 100%;
		font-size: 1.8rem;
	}

	.contact_inner p.contact_btn a {
		display: block;
		width: 100%;
		padding: 20px;
		font-size: 1.8rem;
	}

	.section_box2 {
		padding: 50px 20px 20px 20px;
	}

	#company_guide_txt {
		font-size: 2.2rem;
		padding-left: 0;
		text-align: center;
	}

	#title3 {
		font-size: 2rem;
	}

	h2.title2 {
		font-size: 1.85rem !important;
		text-align: center;
	}

	.section_box02 {
		flex-wrap: wrap;
	}

	.section_box02-1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.section_box02-2 {
		width: 100%;
	}

	.section_box02-1>.report_section {
		padding: 25px 15px;
	}

	.report_section_inner .inner_col_100 ul li {
		margin-right: 10px;
		font-size: 1.8rem;
	}

	.report_section_inner .inner_col_100 ul li span {
		font-size: 1.85rem;
	}

	.report_section_inner .inner_col_100 ul li span.large {
		font-size: 3rem !important;
	}

	p.copy {
		font-size: 1.8rem;
	}

	p.copy span {
		font-size: 2.6rem;
	}

	p.copy span.style02 {
		font-size: 2.6rem;
	}

	#number05 p.copy {
		font-size: 1.7rem;
	}

	#number05 p.copy span {
		font-size: 2.4rem;
	}

	#footer {
		padding: 35px;
	}

	.footer_container {
		max-width: 100%;
	}

	.footer_box {
		flex-wrap: wrap;
	}

	.footer_box_left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding-top: 0;
	}

	.footer_box_right {
		width: 100%;
	}

	table.sp_table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 30px;
		display: block;
	}

	table.sp_table th {
		display: block;
		width: 100%;
		color: #0a5ca0;
		font-size: 1.8rem;
		font-weight: 400;
		padding: 5px 0;
		border-bottom: 1px solid #555555;
		text-align: left;
	}

	table.sp_table td {
		display: block;
		width: 100%;
		color: #222222;
		font-size: 1.8rem;
		font-weight: 400;
		padding: 5px 0 20px 5px;
	}

	#copyright {
		margin-top: 20px;
	}

	#contact_header {
		flex-wrap: wrap;
		max-width: 100%;
		margin-bottom: 30px;
	}

	#contact_header h1 {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		line-height: 1;
		text-align: center;
	}

	#contact_header #return_btn {
		width: 100%;
		line-height: 1;
		text-align: center;
	}

	#contact_header #return_btn img {
		max-width: 250px;
		width: 100%;
	}

	#contact_box {
		padding: 20px;
	}

	#form dl {
		flex-wrap: wrap;
	}

	#form dl dt {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#form dl dd {
		width: 100%;
	}

	#form dl dt span {
		position: static;
		display: inline-block;
		margin-left: 10px;
		line-height: 1;
	}

	.contact_box {
		height: auto;
		padding: 60px 25px 30px 25px;
	}


}





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

	.pc {
		display: block;
	}

}


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

	.achievements_col {
		width: 48%;
	}

	.achievements_col:last-child {
		margin-right: 0;
	}

	.achievements_col p.title a {
		font-size: 18px;
	}

}