@media only screen and (min-width: 1025px){
	.pc,.tbc {
		display: block;
	}
	.tb,.sp,.tbp {
		display: none;
	}
  	.spc {
    	display: inline-block;
  	}
  	.openNav {
  		display: none !important;
  	}
  	.gNav {
  		display: block !important;
  	}
}
@media only screen and (max-width: 1024px) {
	body {
		min-width: 768px;
	}
	.width1000 {
		max-width: 800px;
	}
	.sp {
		display: none;
	}
	.tbc {
		display: block;
	}

	/* Header
	---------------------------------------------*/
	#header {
		padding-top: 0;
	}
	.head {
		max-width: 800px;
		padding: 23px 10px;
		align-items: center;
	}

	/* Toggle button
	---------------------------------------------*/

	.openNav {
  		width: 40px;
  		height: 40px;
  		background: #073190;
  		color: #fff;
  		text-align: center;
  		padding: 5px 0px;
  		z-index: 99999999;
	}
	.line1, .line2, .line3 {
    	width: 30px;
	    height: 2px;
	    background-color: #fff;
	    margin: 6px auto;
	    transition: 0.4s;
	}
	.change .line1 {
	    -webkit-transform: rotate(-45deg) translate(-8px, 6px);
	    transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .line2 {opacity: 0;}

	.change .line3 {
	    -webkit-transform: rotate(45deg) translate(-5px, -3px);
	    transform: rotate(45deg) translate(-5px, -3px);
	}
	.closeBtn {
		width: 100%;
		max-width: 800px;
		height: 40px;
		margin: 0 auto;
		overflow: auto;
	}
	.closeNav {
		float: right;
		color: #fff;
		opacity: 1;
		z-index: 10000000;
		padding-top: 10px;
		padding-right: 10px;
	}
	.closeNav .line1 {
		transform: rotate(-45deg) translate(-8px, 6px);
	}
	.closeNav .line2 {
		opacity: 0;
	}
	.closeNav .line3 {
		transform: rotate(45deg) translate(-5px, -3px);
	}

	/* Menu
	---------------------------------------------*/

	#header .gNav {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(17, 57, 148, 0.9);
		z-index: 10000;
		text-align: center;
		/* padding-top: 180px; */
	}
	#header .gNav ul {
		padding-top: 100px;
		display: inline-block;
	}
	#header .gNav ul li {
		text-align: center;
		padding: 35px 0;
	}
	#header .gNav ul li a {
		font-size: 16px;
		color: #fff;
	}

	/* Slider
	---------------------------------------------*/
	.slide >p {
		top: 16%;
	}

	/* Title
	---------------------------------------------*/

	.tlt1 p {
		font-size: 21px;
	}
	.tlt1 p:before {
		width: 33px;
		height: 36px;
		background-size: 33px auto;
	}

	.tlt1-sub1{
		font-size: 20px;
		margin: 30px 0 20px;
	}
	.tlt1-sub2{
		font-size: 18px;
	}
	.tlt1-sub2::before{
		margin-bottom: 18px;
	}
	/* Footer
	---------------------------------------------*/

	#footer .gNav {
		display: none;
	}
	#footer .head {
		justify-content: center;
	}
	#footer p {
		padding: 30px 0;
	}
	/* Top page
	---------------------------------------------*/

	/* Top 1 */

	.tBox1 {
		padding: 30px 10px 50px;
	}
	.tBox1-items {
		padding-top: 45px;
	}
	.tBox1-items div {
		width: 100%;
		max-width: 240px;
	}
	.tBox1-items div p {
		font-size: 11px;
	}
	.tBox1-items div p span {
		font-size: 13px;
		padding-bottom: 8px;
	}
	.tBox1-items div p+p {
		padding-top: 20px;
	}

	/* Top 2 */

	.tBox2 {
		padding-top: 90px;
		height: 333px;
	}
	.tBox2 p:nth-of-type(1) {
		font-size: 28px;
	}
	.tBox2 p:nth-of-type(2) {
		font-size: 16px;
	}
	.tBox2 p:nth-of-type(3) {
		font-size: 11px;
	}

	/* Top 3*/

	.tBox3 {
    	padding: 55px 0 30px;
	}
	.btn-items {
		padding-top: 50px;
	}
	.btn-items a {
		width: 332px;
		line-height: 43px;
		font-size: 13px;
		margin-bottom: 20px;
	}
	
	/* Top 3-1*/	
	.tBox3-1 {
    	padding: 55px 0 85px;
	}

	/* Top 4*/

	.tBox4 {
    	padding-top: 20px;
	}
	.tBox4-bg {
		margin-top: 30px;
		padding: 60px 10px 40px;
	}
	.tBox4-col {
		width: 48%;
		max-width: 392px;
	}
	.tBox4-col h3 {
		font-size: 12px;
	}
	.tBox4-tab {
		padding: 15px 20px;
	}
	.tBox4-tab td {
		font-size: 11px;
		padding: 5px 0;
	}
	.tBox4-tab td:first-of-type {
		width: 15%;
	}

	/* Top 5 */

	.tBox5 {
		padding-top: 55px;
	}
	.tBox5_a-table {
		padding: 30px 10px 0;
	}
	.tBox5_a-table td {
		font-size: 11px;
		padding: 13px 0 12px;
	}
	.tBox5_a-table td:first-of-type {
		text-indent: 120px;
	}
	.tBox5_a-table td span {
		padding-bottom: 20px;
	}
	.tBox5_b {
		padding: 45px 10px 0;
	}
	.tBox5_b-table {
		padding-top: 35px;
	}
	.tBox5_b-table td {
		font-size: 11.2px;
		padding: 13px 0 12px;
	}

	/* Top 6 */

	.tBox6 {
		padding-top: 55px;
	}
	.tBox6_a {
		padding-top: 20px;
	}
	.tBox6_a p {
		font-size: 11px;
		padding-bottom: 15px;
	}

	/* Top 7 */

	.tBox7 {
		padding-top: 40px;
	    padding-bottom: 55px;
	}
	.tBox7-txt {
		padding-top: 35px;
	}
	.txt1 {
		font-size: 16px;
		padding-bottom: 15px;

	}
	.txt2 {
		font-size: 11px;
	}

	.tBox7 .btn-items {
		padding-top: 20px;
	}

	/* Mail page
	---------------------------------------------*/

	.mail-1 {
    	padding: 45px 0 0;
	}
	.contact-page-content {
		padding-bottom: 20px;
	}
	.form_read {
		font-size: 12px;
		margin: 45px 0 20px;
	}
	.rec::before {
		width: 32px;
		font-size: 9px;
	}
	.form table th, .form table td {
		font-size: 12px;
	}
	.form input {
    	padding-top: 5px;
    	padding-bottom: 5px;
	}
	.f1 {
		width: 286px;
	}
	.f2 {
		width: 128px;
	}
	.f3 {
		width: 368px;
	}
	.form>p {
		font-size: 12px;
	}
	.formbotan button {
		font-size: 12.8px;
		width: 208px;
		line-height: 31px;
	}
	.policyBox {
		margin: 70px 0 0;
	}
	.policyBox dd {
		min-height: 300px;
	}
	.policyBox dt {
		font-size: 13px;
	}
	.policyBox dd p {
		font-size: 10px;
	}

	/**Space*/
	/**End Space*/
}

@media only screen and (max-width: 768px) {
	body {
		min-width: 320px;
	}
	.sp {
		display: block;
	}
	.tbc {
		display: none;
	}
	/* Header
	---------------------------------------------*/
	.head {
    	padding: 15px 10px;
	}
	.logo {
		width: 160px;
	}

	/* Toggle
	---------------------------------------------*/

	.openNav {
  		width: 32px;
  		height: 32px;
  		padding: 5px 0px;
	}
	.line1, .line2, .line3 {
    	width: 20px;
	    margin: 4px auto;
	}
	.closeNav {
		padding-top: 0;
	}
	.closeNav .line1 {
    	transform: rotate(-45deg) translate(-5px, 3px);
	}
	#header .gNav ul {
		padding-top: 50px;
	}
	#header .gNav ul li {
		padding: 20px 0;
	}
	#header .gNav ul li a {
		font-size: 19px;
	}

	/* Title
	---------------------------------------------*/

	.tlt1 p {
		font-size: 15px;
	}
	.tlt1 p:before {
		width: 20px;
		height: 23px;
		background-size: 20px auto;
		top: 6px;
	}
	.tlt1-sub1{
		font-size: 16px;
		line-height: 30px;
		margin: 20px 0 13px;
	}
	.tlt1-sub2{
		font-size: 14px;
		margin: 30px 0 5px;
	}
	.tlt1-sub2::before{
		margin-bottom: 12px;
		width: 20px;
	}
	/* Footer
	---------------------------------------------*/

	#footer .head {
		padding-top: 30px;
	}
	#footer p {
		padding-top: 5px;
		font-size: 10px;
	}

	/* Top page
	---------------------------------------------*/

	/* Top 1 */

	.tBox1 {
		padding: 15px 0 30px;
	}
	.tBox1-items {
		padding-top: 20px;
	}
	.tBox1-items div p, .tBox1-items div p span {
		font-size: 10px;
		text-align: center;
		line-height: 160%;
	}
	.tBox1-items div p span {
		min-height: 37px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 5px;
	}
	.tBox1-items div p:last-of-type {
		padding: 10px 5px 0;
	}

	/* Top 2*/

	.tBox2 {
		height: 217px;
		padding-top: 40px;
	}
	.tBox2 p:nth-of-type(1) {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.tBox2 p:nth-of-type(2) {
		font-size: 13px;
		padding-bottom: 15px;
	}
	.tBox2 p:nth-of-type(3) {
		font-size: 10px;
	}

	/* Top 3 */

	.tBox3 {
		padding: 30px 10px 10px;
	}
	.tBox3 .btn-items {
		padding-top: 25px;
	}
	.tBox3 .btn-items a {
		width: 49%;
		line-height: 36px;
		font-size: 11px;
		margin-bottom: 2%;
	}
	.btn-items a:nth-of-type(odd) {
    	margin-right: 2%;
	}
	
	/* Top3-1 */
	.tBox3-1 {
		padding-bottom:40px;
	}
	
	.tBox3-tab {
		width: 100%;
		margin: 0 auto;
	}

	/* Top 4 */

	.tBox4 {
		padding-top: 10px;
	}
	.tBox4-bg {
		margin-top: 15px;
		padding: 45px 10px 0;
	}
	.tBox4-bg >div {
		flex-wrap: wrap;
	}
	.tBox4-col {
		width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}
	.tBox4-col h3 {
		font-size: 11px;
		top: -25px;
	}
	.tBox4-tab {
		padding: 5px 20px;
	}
	.tBox4-tab td {
		font-size: 10px;
		line-height: 160%;
	}
	.tBox4-tab td span {
		padding-top: 10px;
	}

	/* Top 5 */

	.tBox5 {
		padding-top: 30px;
	}
	.tBox5_a-table {
    	padding: 20px 10px 0;
	}
	.tBox5_a-table td {
    	font-size: 10px;
    	padding: 4px 0 3px;
	}
	.tBox5_a-table td:first-of-type {
		width: 30%;
    	text-indent: 0;
	}
	.tBox5_a-table td span {
		padding-bottom: 10px;
	}
	.tBox5_b {
    	padding-top: 30px;
	}
	.tBox5_b-table {
		padding-top: 15px;
	}
	.tBox5_b-table td {
		font-size: 10px;
	    padding: 4px 0 3px;
	}
	.tBox5_b-table td .kenkou {
		flex-direction: column;
		align-items: flex-start;
	}
	.tBox5_b-table td .kenkou img {
		margin-right: 0;
		margin-bottom: 10px;
	}
	/* Top 5-2 */
	.tBox5-2txt h4 {
		font-size: 14px;
	}

	/* Top 6 */

	.tBox6 {
		padding-top: 30px;
	}
	.tBox6_a p {
		font-size: 10px;
	}
	.tBox6_a p span {
		padding-bottom: 0;
	}

	/* Top 7 */

	.tBox7 {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.tBox7-txt {
		padding-top: 20px;
	}
	.txt1 {
		font-size: 13px;
		padding-bottom: 5px;
	}
	.txt2 {
		font-size: 10px;
	}
	.tBox7 .btn-items {
		padding-top: 0;
	}
	.tBox7 .btn-items a {
		width: 240px;
		line-height: 36px;
		font-size: 11px;
	}

	/* Mail page
	---------------------------------------------*/
	.mail-1 {
		padding-top: 20px;
	}
	.contact-page-content{
        padding: 0px 20px;
    }
    .form_read{
        margin: 20px 0px;
        font-size: 10px;
    }
    .form table th, .form table td{
        display: block;
        text-align: left;
        font-size: 10px;
    }
    .form table th{
        width: 50%;
        padding-top: 20px;
        padding-bottom: 5px;
        padding-left: 0px;
    }
    .form table td{
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .rec::before{
        left: 100%;
        margin-left: 10px;
    }
    .f1, .f2, .f3{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .policyBox{
        padding-right: 0px;
        margin: 60px auto 50px;
    }
    .policyBox dl{
        width: 100%;
        float: none;
    }
    .policyBox dl+dl {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
    }
    .formbotan button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .formbotan button+button {
        margin-left: auto;
        margin-top: 20px;
    }

	
	/**Space*/
		.topsp60{
			margin-top: 60px !important;
		}
		.topsp50{
			margin-top: 50px !important;
		}
		.topsp40{
			margin-top: 40px !important;
		}
		.topsp30{
			margin-top: 30px !important;
		}
		.topsp20{
			margin-top: 20px !important;
		}
		.topsp10{
			margin-top: 10px !important;
		}
		.topsp0{
			margin-top: 0px !important;
		}


		.botsp60{
			margin-bottom: 60px !important;
		}
		.botsp50{
			margin-bottom: 50px !important;
		}
		.botsp40{
			margin-bottom: 40px !important;
		}
		.botsp30{
			margin-bottom: 30px !important;
		}
		.botsp20{
			margin-bottom: 20px !important;
		}
		.botsp10{
			margin-bottom: 10px !important;
		}
		.botsp0{
			margin-bottom: 0px !important;
		}


		.ptopsp60{
			padding-top: 60px !important;
		}
		.ptopsp50{
			padding-top: 50px !important;
		}
		.ptopsp40{
			padding-top: 40px !important;
		}
		.ptopsp30{
			padding-top: 30px !important;
		}
		.ptopsp20{
			padding-top: 20px !important;
		}
		.ptopsp10{
			padding-top: 10px !important;
		}
		.ptopsp0{
			padding-top: 0px !important;
		}


		.pbotsp60{
			padding-bottom: 60px !important;
		}
		.pbotsp50{
			padding-bottom: 50px !important;
		}
		.pbotsp40{
			padding-bottom: 40px !important;
		}
		.pbotsp30{
			padding-bottom: 30px !important;
		}
		.pbotsp20{
			padding-bottom: 20px !important;
		}
		.pbotsp10{
			padding-bottom: 10px !important;
		}
		.pbotsp0{
			padding-bottom: 0px !important;
		}
	/**End Space*/
}