@charset "utf-8";

@media screen and (max-width:1620px) {
	.logo h1 {
		left: 85px;
		font-size: 12px;
	}
}
@media screen and (max-width:1540px) {
	.reCo03Info h4{
		padding-left: 20.818%;
		max-width: 700px;
	}
	.reCo03FullTxt{
		margin-left: 17.818%;
	}
}
@media screen and (max-width:1280px) {
	.reCo03Info h4 {
		padding-left: 6.818%;
		max-width: 520px;
	}
	.reCo03FullTxt {
		margin-left: 2.818%;
	}
}
@media screen and (max-width:1158px) {
	.cont {
		padding-left: 10px;
		padding-right: 10px;
	}

	.logo {
		width: 35%;
	}

	.nav {
		width: 65%;
	}

	.co2-item-info {
		background-position: top left 10px;
	}

}

@media screen and (max-width:767px) {
	.cont {
		padding-left: 10px;
		padding-right: 10px;
	}

	.wrap-header {
		overflow: visible;
	}

	.he-rows {
		align-items: center;
	}

	.scrolltop {
		right: 10px;
		bottom: 60px;
	}

	.scrolltop img {
		max-width: 35px;
		width: 100%;
	}

	.logo {
		width: 80%;
		padding-left: 10px;
	}

	.nav {
		width: 20%;
		padding-right: 10px;
	}

	ul.menu {
		display: none;
		position: absolute;
		left: 0px;
		top: 84px;
		width: 100%;
		height: auto;
		z-index: 999;
		padding: 0px;
	}

	.nav ul.menu li {
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		border-bottom: 1px dotted #fff;
	}

	.nav ul.menu li:last-child {
		border-bottom: none;
	}

	.nav ul.menu li a {
		text-align: center;
		width: 100%;
		font-size: 14px;
	}

	.he-co {
		display: none;
	}

	.nav-sp {
		display: block;
	}

	.nav-sp ul li {
		display: inline-block;
		border: 1px solid #fff;

	}

	.nav-sp ul li:hover {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#46187a+0,102a6d+49,4f167d+100 */
		background: rgb(70, 24, 122);
		/* Old browsers */
		background: -moz-linear-gradient(45deg, rgba(70, 24, 122, 1) 0%, rgba(16, 42, 109, 1) 49%, rgba(79, 22, 125, 1) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, rgba(70, 24, 122, 1) 0%, rgba(16, 42, 109, 1) 49%, rgba(79, 22, 125, 1) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, rgba(70, 24, 122, 1) 0%, rgba(16, 42, 109, 1) 49%, rgba(79, 22, 125, 1) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46187a', endColorstr='#4f167d', GradientType=1);
		/* IE6-9 fallback on horizontal gradient */
	}

	.nav-sp ul li:hover a {
		color: inherit;
	}

	.nav-sp ul li a {
		width: 40px;
		height: 40px;
		display: block;
		text-align: center;
	}

	.nav-sp ul li a i {
		font-size: 18px;
		line-height: 40px;
	}

	.text-on img {
		max-width: 300px;
		width: 100%;
	}

	.intro-text {
		margin-top: 25px;
	}

	/* .intro-text img {
		max-width: 500px;
		width: 100%;
	} */

	.co01-info {
		margin-top: 20px;
		margin-bottom: 25px;
	}

	.ho-co02 {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.co02-left {
		width: 100%;
		margin-bottom: 20px;
	}

	.co2-right {
		width: 100%;
		padding-left: 0;
	}

	.title-style01 {
		font-size: 16px;
		padding-bottom: 0;
	}

	.co-left-btn {
		position: relative;
	}

	.co02-left p {
		font-size: 14px;
		margin-top: 10px;
	}

	.co-left-btn a {
		display: inline-block;
		margin-top: 10px;
	}

	.co-left-btn img {
		max-width: 250px;
		width: 100%;
	}

	.ho-co03 {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.co3-intro {
		font-size: 15px;
	}

	.co3-link {
		margin-top: 20px;
	}

	.logo-ft {
		width: 100%;
		text-align: center;
	}

	.info-ft {
		width: 100%;
		text-align: center;
	}

	.ft-ct {
		display: inline-block;
		margin-top: 10px;
		font-size: 14px;
	}

	.logo-ft span {
		font-size: 14px;
	}

	.copy-right {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.wrap-ft {
		padding-bottom: 0;
	}

	.logo-ft {
		padding-top: 30px;
	}

	.co2-right ul li img {
		width: 100%;
	}

	.info-text ul li:first-child {
		padding-right: 5px;
	}

	.page-right {
		font-size: 14px;
	}

	.page-introtext {
		min-height: 100px;
	}

	.page-left img {
		max-width: 130px;
		width: 100%;
	}

	.page-left {
		width: 20%;
		margin-top: -62px;
	}

	.page-right {
		width: 80%;
	}

	.bu-co-item h4 {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 8px;
	}

	.bu-item-text p {
		font-size: 14px;
	}

	.bu-co-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.bu-co-item::before,
	.bu-co-item:last-child::after {
		width: 0;
	}

	.bu-co-rows {
		margin-top: 20px;
	}

	.bu-co01 {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.co01-title h4 {
		font-size: 18px;
	}

	.co1-info {
		font-size: 14px;
		margin-top: 10px;
	}

	.bu-item-text {
		padding-left: 0;
		padding-right: 0;
	}

	.co1-rows {
		margin-top: 25px;
		padding-left: 0;
		padding-right: 0;
	}

	.co1-item {
		margin-bottom: 2.5%;
	}

	.bu-co02 {
		min-height: auto;
		padding-top: 150px;
		padding-bottom: 20px;
	}

	.bu-co03 {
		margin-top: 20px;
	}

	.co3-item-left h5 {
		max-width: 100%;
		font-size: 14px;
	}

	.co3-item-mid h5,
	.co3-item-right h5 {
		font-size: 14px;
	}

	.co3-item-left {
		width: 100%;
		padding-right: 0;
		border-right: none;
		margin-bottom: 15px;
	}

	.co3-item-mid {
		width: 100%;
		border-right: none;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 15px;
	}

	.co3-item-right {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.left-info {
		font-size: 14px;
	}

	.co3-item-mid p {
		font-size: 14px;
		margin-top: 10px;
	}

	.co3-item-right table {
		margin-top: 10px;
	}

	.co3-item-right table tr td {
		font-size: 14px;
	}

	.co4-left {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}

	.co4-right {
		width: 100%;
		padding-left: 0;
	}

	.co4-right h5 {
		font-size: 18px;
	}

	.co4-right p {
		font-size: 14px;
		padding-bottom: 20px;
	}

	.bu-co5 {
		margin-top: 50px;
	}

	.bu-co5-rows {
		margin-top: 20px;
	}

	.first-left {
		width: 100%;
		margin-bottom: 15px;
	}

	.first-right {
		width: 100%;
		padding-left: 0;
	}

	.first-right h5 {
		font-size: 18px;
		padding-left: 15px;
	}

	.right-info {
		font-size: 14px;
		margin-top: 10px;
	}

	.rigt-text span {
		font-size: 14px;
	}

	.item-last-title h6 {
		font-size: 15px;
	}

	.item-last-title h6 span {
		padding-right: 25px;
	}

	.last-row {
		margin-top: 15px;
	}

	.last-left {
		width: 100%;
	}

	.last-right {
		width: 100%;
		padding-left: 0;
		margin-top: 15px;
	}

	.last-right-item {
		margin-top: 10px;
	}

	span.ls-right-title {
		font-size: 15px;
	}

	.last-right-item:last-child {
		margin-top: 10px;
	}

	.bu-co5-item {
		margin-bottom: 30px;
	}

	.ls-co {
		font-size: 14px;
	}

	body {
		font-size: 14px;
	}

	.last-left table tr td,
	#ls-co-full-text {
		font-size: 14px;
	}

	.last-left table tr th {
		font-size: 15px;
	}

	.bu-co4 {
		margin-top: 25px;
		margin-bottom: 40px;
	}

	.ab-text {
		padding-left: 0;
		padding-right: 0;
		font-size: 14px;
	}

	.ab-co {
		background-position: left center;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	span.text-right {
		margin-top: 5px;
	}

	.ab-co01 {
		padding-top: 25px;
	}

	.ab-co2-img {
		margin-top: 0;
	}

	.ab-co01::after {
		height: 125px;
		top: 7%;
	}

	.ab-co1-info {
		margin-top: 15px;
	}

	.ab-co1-left {
		width: 100%;
		margin-bottom: 15px;
	}

	.ab-co1-right {
		width: 100%;
		margin-left: 0;
	}

	.ab-co1-left h3 {
		font-size: 20px;
		padding-top: 12px;
		padding-bottom: 10px;
	}

	.ab-co1-right table tr td {
		font-size: 14px;
	}

	.ab-co1-right table tr td:first-child {
		width: 25%;
	}

	.ab-maps {
		margin-top: 15px;
	}

	.ab-co02 {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.re-rows {
		padding-top: 118px;
	}

	.re-right {
		padding-bottom: 0;
	}

	.re-banner {
		min-height: auto;
		padding-bottom: 50px;
	}

	.co2-item-row01 {
		padding-left: 0;
		padding-right: 0;
	}

	.co2-item-right {
		font-size: 14px;
		padding-bottom: 100px;
		padding-left: 20px;
	}

	.co2-item-title::after {
		bottom: 50px;
		height: 140px;
	}

	.co2-item-row-left h3 {
		font-size: 28px;
		margin-left: 0;
	}

	.co2-item-row-left {
		width: 100%;
		padding-right: 0;
	}

	.co2-item-row-right {
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}

	.rows-left {
		margin-top: 20px;
	}

	.rows-left h4 {
		font-size: 15px;
	}

	.rows-left p {
		font-size: 14px;
	}

	.co2-item:last-child {
		margin-top: 50px;
	}

	.re-co3-title p {
		font-size: 14px;
		margin-top: 15px;
	}

	.re-co3-info {
		padding-top: 20px;
	}

	.re-co3-info table tr td {
		font-size: 14px;
	}

	.re-co3-note {
		font-size: 14px;
		margin-top: 20px;
	}

	.re-co03 {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.re-left h2 img {
		max-width: 130px;
		width: 100%;
	}

	.re-left {
		width: 100%;
		text-align: center;
	}

	.re-right {
		width: 100%;
		margin-top: 20px;
	}

	.contact-content {
		width: 100%;
		margin-bottom: 50px;
		margin-top: 20px;
	}

	.form {
		width: 100%;
		margin-top: 20px;
	}

	.form-text {
		font-size: 14px;
	}

	.form-warn {
		font-size: 14px;
	}

	.contact-table tr td {
		width: 100%;
		float: left;
		text-align: left;
		font-size: 14px;
	}

	.contact-table tr td:first-child {
		width: 100%;
		text-align: left;
		margin-top: 0;
		border-bottom: 0;
	}

	.contact-table tr td input.wi-50 {
		width: 100%;
	}

	.btn-submit {
		margin-top: 10px;
	}

	.form-more {
		margin-top: 20px;
		text-align: left;
		font-size: 14px;
		line-height: 160%;
	}
	.contact-table tr td{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		padding-left: 0;
		padding-right: 0;
	}
	.contact-table tr td:last-child span.radio-ones{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	td.tb-dn{
		display: none;
	}
	.contact-table tr:last-child td{
		text-align: center;
	}
	span.re-dn{
		display: none;
	}
	.contact-required{
		margin-left: 0;
	}
	.contact-table tr td:first-child{
		padding-left: 15px;
	}

	.abLeft{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.abRight{
		width: 100%;
	}
	.abTxtFull{
		max-width: 100%;
	}
	.abLeft h3{
		height: 11.213vw;
		line-height: 11.604vw;
		font-size: 18px;
	}

	span.reCo02Txt{
		font-size: 14px;
	}
	.reCo03{
		margin-top: 50px;
		margin-bottom: 0;
	}
	.reCo03Txt{
		margin-top: 40px;
		min-height: auto;
		padding-top: 22.816vw;
	}
	.reCo03Info{
		width: 100%;
	}
	.reCo03FullTxt{
		margin-left: 0;
		font-size: 14px;
		padding-top: 12.253vw;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 12.253vw;
	}
	/* .reCo03Info h4{
		font-size: 18px;
	} */
	.txtPc{
		display: none;
	}
	.txtSp{
		display: inline-block;
	}
}

@media screen and (max-width:680px) {
	.logo h1 {
		display: none;
	}

	.text-sp {
		font-size: 11px;
		line-height: 160%;
		text-align: center;
		float: left;
		width: 100%;
		margin-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		display: block;
	}

	ul.menu {
		top: 94px;
	}

	img.logo-sp {
		display: block;
	}

	img.logo-pc {
		display: none;
	}

	.br-640 {
		display: block;
	}

	.co2-item-title::after {
		bottom: 65px;
		height: 115px;
	}
	.anchor_fixtop{
		top: -95px !important;
	}
}

@media screen and (max-width:620px) {
	.ho-co .item{
		height: 400px;
	}


	.text-on img {
		max-width: 200px;
	}

	.co01-info ul li {
		width: 100%;
		margin-right: 0 !important;
		text-align: center;
		margin-bottom: 3.4%;
	}

	.co01-info ul li:last-child {
		margin-bottom: 0;
	}

	.bu-img-sp {
		display: inline-block;
	}

	.bu-img-pc {
		display: none;
	}
}

@media screen and (max-width:600px) {
	ul.menu {
		top: 110px;
	}
}
@media screen and (max-width:580px) {
	.reCo02 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	span.reCo02Txt{
		margin-top: 20px;
	}
	.reCo02 ul li:nth-child(2){
		padding-top: 0;
	}
	.reCo03Info h4{
		font-size: 18px;
		min-height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		max-width: 70%;
	}
	.reCo03FullTxt{
		margin-top: 0px;
		padding-top: 20px;
	}
}
@media screen and (max-width:520px) {
	.logo {
		width: 60%;
	}

	.nav {
		width: 40%;
	}

	.nav-sp ul li a i {
		font-size: 14px;
		line-height: 30px;
	}

	.nav-sp ul li a {
		width: 30px;
		height: 30px;
	}

	ul.menu {
		top: 97px;
	}

	.co3-intro {
		font-size: 14px;
	}

	.ab-co1-left h3 {
		font-size: 16px;
	}

	.ab-co1-right table tr td {
		float: left;
		width: 100% !important;
		border: none !important;
	}

	.ab-co01::after {
		width: 0;
	}

	.ab-maps {
		margin-top: 0;
	}

	.ab-maps iframe {
		height: 200px;
	}

	.co2-item-title::after {
		width: 0;
	}

	.co2-item-left {
		width: 100%;
		text-align: center;
	}

	.co2-item-right {
		width: 100%;
		padding-bottom: 0;
		padding-left: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b2771+0,3d1b79+37,5b127f+100 */
		background: rgb(27, 39, 113);
		/* Old browsers */
		background: -moz-linear-gradient(left, rgba(27, 39, 113, 1) 0%, rgba(61, 27, 121, 1) 37%, rgba(91, 18, 127, 1) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(27, 39, 113, 1) 0%, rgba(61, 27, 121, 1) 37%, rgba(91, 18, 127, 1) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(27, 39, 113, 1) 0%, rgba(61, 27, 121, 1) 37%, rgba(91, 18, 127, 1) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b2771', endColorstr='#5b127f', GradientType=1);
		/* IE6-9 */
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.co2-item-info {
		background-size: 80% !important;
	}

	.re-co3-info table tr td {
		float: left;
		width: 100% !important;
		border: none !important;
	}
	.anchor_fixtop{
		top: -88.5px !important;
	}
}
@media screen and (max-width:460px) {
	.anchor_fixtop{
		top: -100px !important;
	}
	.reCo03Info h4{
		max-width: 100%;
	}
}

@media screen and (max-width:420px) {
	.page-left {
		width: 100%;
		text-align: center;
	}

	.wrap-banner{
		height: 240px;
	}
	.page-left {
		margin-top: -42px;
	}

	.page-right {
		width: 100%;
		padding-bottom: 20px;
		padding-top: 15px;
	}

	.co1-item {
		width: 48.75%;
	}

	.co1-item:nth-child(2n) {
		margin-right: 0 !important;
	}

	.co1-item:nth-child(3n) {
		margin-right: 2.5%;
	}

	.co3-item {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.last-left table tr td,
	#ls-co-full-text {
		font-size: 12px;
		padding-left: 8px;
	}

	.first-right h5 {
		font-size: 16px;
		line-height: 140%;
	}

	.re-co01 ul li {
		width: 100%;
		margin-right: 0;
		text-align: center;
		margin-bottom: 20px;
	}

	.re-co01 ul li:last-child {
		margin-bottom: 0;
	}

	.co2-item-row-left h3 {
		font-size: 20px;
	}

	.rows-left h4 {
		font-size: 14px;
	}

	.co2-item:last-child {
		margin-bottom: 50px;
	}
	.contact-table tr td:last-child textarea{
		height: 150px;
	}
}

@media screen and (max-width:368px) {
	.co2-right ul li {
		width: 49.36%;
	}

	.co2-right ul li:nth-child(2n) {
		margin-right: 0;
	}

	.co2-right ul li:nth-child(3) {
		margin-right: 1.28%;
	}

	.co02-left {
		margin-bottom: 10px;
	}

	br.br-368 {
		display: block;
	}

	.text-on img {
		max-width: 150px;
	}

	.text-on {
		top: 60%;
	}

	.logo-ft span {
		font-size: 12px;
		line-height: 180%;
	}

	span.ft-01 {
		font-size: 12px;
	}

	.ft-ct {
		font-size: 12px;
	}

	span.fax {
		font-size: 12px;
	}
	.contact-table tr td input.wi-50{
		max-width: 100%;
	}
}