@charset "utf-8";
/* CSS Document */

@media screen and (max-width:500px) {
	.sp-noflex {display: block;}
	.box0 {background-position: center;}
	.sp-mgn-t35 {margin-top: 35px;}
	.sp-pdg-t20 {padding-top: 20px!important;}
	.sppdg-t20 {padding-top: 20px!important;}
	.sppdg-b0 {padding-bottom: 0!important;} 
	.sppdg-b20 {padding-bottom: 20px!important;}
	
	#index .box015 {padding: 20px 16px; font-size: 3.5vw;}
	#index .box015 .title {margin: 16px auto; width: 60%;}
	#index .box015 .logo {width: 50%; margin-top: 16px;}
	
	#index .info{font-size: 4vw; padding: 30px 16px; line-height: 1.6;}
	#index .info h2{font-size: 5vw;}
	#index .info .txt01{margin-top: 0;}
	#index .info .txt02{line-height: inherit;}
	#index .info .txt04{line-height: 0;}
	#index .info .logo{margin-top: 30px; width: 25%;}
	
	#index .to{padding: 20px 16px;}
	#index .to h2{margin-bottom: 20px;}
	#index .to .inner{display: inherit; justify-content: inherit; align-items: inherit; }
	#index .to .menu02{margin: 20px 0;}
	#index .to .btn{margin-top: auto; font-size: 4.3vw;}
	#index .to .inner img {width: 100%;}
	
	
	
	#index .box01 {padding: 20px 16px;}
	#index .box01 .logo {max-width: 70%;}
	#index .box01 h2 img {max-width: 70%; margin: 20px auto;}
	#index .box01 p {font-size: 13px; text-align: justify;}
	#index .box02 {padding: 20px 16px; background-position: left;}
	#index .box02 h2 img {max-width: 60%; margin: 0 auto;}
	#index .box02 ul {display: block;}
	#index .box02 ul li {margin-top: 20px; max-width: inherit;}
	#index .box02 .btn {margin: 20px auto 0;}
	#index .box02 ul li img {width: 100%;}
	
	
	#index .box04 {padding: 20px 16px;}
	#index .box04 h2 img {margin-bottom: 0; max-width: 80%;}
	#index .box04 ul {display: block;}
	#index .box04 ul li {margin-top: 20px;}
	#index .box04 ul li img {width: 100%;}
	#index .box03 {padding: 20px 16px;}
	#index .box03 .inbox10 {height: inherit;}
	#index .box03 .img {position: relative; right: inherit;}
	#index .box03 .rightarea {position: relative; top: inherit;}
	#index .box03 h2 img {margin: 20px auto; max-width: 50%;}
	#index .box03 .rightarea p {margin: 0 auto; writing-mode: horizontal-tb; font-size: 14px; line-height: 2;}
	#index .box03 .btn {margin: 10px auto 0;}
	#index .box03 .rightarea .big {position: relative; top: inherit; right: inherit; margin: 0 auto 10px; max-width: 60%;}
	#index .box05 {padding: 20px 16px;}
	.bx-wrapper .bx-prev,.bx-wrapper .bx-next {display: none;}
	#index .box05 .btn {margin: 20px auto 0;}
	#index .box05 h2 img {margin-bottom: 20px;}
	#index .box06 {padding: 20px 16px;}
	#index .box06 h2 {max-width: 80%;}
	#index .box06 p {font-size: 12px;}
	#index .box06 .inner {display: block; margin: 20px auto 0;}
	#index .box06 .inner .mail {margin-top: 16px;}
	#index .box07 {padding: 20px 16px;}
	#index .box07 .inbox10 {display: block;}
	#index .blog_item_area,#index .news_item_area {height: auto; max-height: inherit; padding: 16px; margin-left: 0; width: 100%;}
	#index .news_item_area {margin-top: 16px;}
	#index .blog_item {margin: 0;}
	#index .box07 .title_area h3 {margin-left: 0;}
	#index .box07 .title_area{margin: 0; display: block;}
	#index .box08 {padding: 20px 16px;}
	#index .box08 .btn {position: relative; top: inherit; right: inherit; margin: 0 auto 20px;}
	#index .box08 .inner {display: block; margin: 20px auto;}
	#index .box08 .box {width: 100%; max-width: 100%; padding: 16px;}
	#index .box08 .leftbox {margin-bottom: 16px;}
	#index .box08 h2 img {max-width: 80%;}
	#index .box08 iframe {width: 100%;}
	#index .box08 .inner table {font-size: 13px; line-height: 1.8;}
	#index .box08 .leftbox td,#index .box08 .leftbox th {display: block; width: 100%;}
	#index .box08 .inner table td,#index .box08 .inner table th {display: block; width: 100%;} 
	footer {display: none;}
	.good_wrap {padding: 0 16px;}
	#good .box01 {max-width: 100%; padding: 0;}
	#good .inner {display: block; margin-top: 20px; font-size: 12px; padding-bottom: 20px;}
	#good .box01 .big {margin-top: 16px; font-size: 14px; margin-bottom: 10px;}
	#good .box01 .img02 {margin-left: inherit;}
	#contact_banner .over {padding-bottom: 20px;}
	#contact_banner .box02 {padding: 20px 0 0.02px;}
	#contact_banner .box02 .btn {position: relative; top: inherit; right: inherit; margin: 0 auto 20px;}
	#contact_banner .box02 .inner {display: block; margin: 20px auto; padding: 0 16px;}
	#contact_banner .box02 .box {width: 100%; max-width: 100%; padding: 16px;}
	#contact_banner .box02 .leftbox {margin-bottom: 16px;}
	#contact_banner h2 img {max-width: 80%;}
	#contact_banner .box03 iframe {width: 100%;}
	#contact_banner .box03 {padding: 20px 16px 0;}
	#contact_banner .under {padding: 20px 16px;}
	#contact_banner .inner {display: block;}
	#contact_banner .right,#contact_banner .left {width: 100%; padding: 16px; float: none;}
	#contact_banner .left {margin-top: 16px;}
	#contact_banner .c {line-height: 1.5; margin: 10px auto; font-size: 12px; letter-spacing: 3px;}
	#contact_banner .box02 .inner table {font-size: 13px; line-height: 1.8;}
	#contact_banner .box02 .inner table td,#contact_banner .box02 .inner table th {display: block; width: 100%;}
	#menu .box01 {padding: 20px 0;}
	#menu .box02 h2 img {max-width: 80%; margin: 0 auto;}
	#menu .box02 ul {display: block;}
	#menu .box02 ul li {margin-top: 20px;}
	#recommended .box01 {padding: 20px 0 0;}
	#recommended h2 img {margin: 20px auto;}
	#recommended .min {font-size: 3.8vw; margin-bottom: 20px;}
	#recommended .box02 {padding: 20px 0 0;}
	#recommended .box02 .inner {display: block;}
	#recommended .box02 .right,#recommended .box03 .left {max-width: 100%; font-size: 3.6vw;}
	#recommended .box03 {padding: 20px 0 0;}
	#recommended .box03 .inner {display: block;}
	#recommended .box04 {padding: 20px 0 10px;}
	#recommended .box04 h2 img {padding-left: 0; margin-bottom: 0; margin: 0 auto 20px; max-width: 90%;}
	#recommended .box04 .spul li {max-width: 47.5%; margin-bottom: 10px;}
	#about .box01 .title {max-width: 60%;}
	#about .box01 {margin-top: 20px; font-size: 3.1vw; padding: 16px;}
	#about .box01 .big {margin: 20px auto 5px; font-size: 6vw;}
	#about .box01 .bdr {margin-bottom: 10px; width: 50%;}
	#about .box02 .inner {display: block; max-width: 100%; margin: 20px 0;}
	#about .box02 {padding: 0 0 0.02px;}
	#about .box02 .btn {position: relative; top: inherit; right: inherit; margin: 0 auto 20px;}
	#about .box02 .inner {display: block; margin: 20px auto;}
	#about .box02 .box {width: 100%; max-width: 100%; padding: 16px;}
	#about .box02 .leftbox {margin-bottom: 16px;}
	#about .box02 .inner table {font-size: 13px; line-height: 1.8;}
	#about .box02 .inner table td,#about .box02 .inner table th {display: block; width: 100%;}
	#about .box02 iframe {width: 100%;}
	#about .box03 h2 {margin: 20px 0;}
	#about .box03 ul {margin-bottom: 20px;}
	#about .box03 .spul li {width: 47.5%;}
	#about .box04 .under {padding: 20px 16px; margin-top: 20px;}
	#about .box04 .inner {display: block; max-width: 100%;}
	#about .box04 .right,#contact_banner .left {width: 100%; padding: 16px; float: none;}
	#about .box04 .left {margin-top: 16px; width: 100%; padding: 16px; float: none;}
	#about .box04 .c {line-height: 1.5; margin: 10px auto; font-size: 12px; letter-spacing: 3px;}
	#form .box01 {margin-top: 20px;}
	#form .box01 h2 {margin-top: 20px; font-size: 5.5vw;}
	#form .box01 .table01 th,#form .box01 .table01 td {width: 100%; display: block; height: auto; padding: 16px;}
	#form .box01 .table01 td {text-align: justify; font-size: 3vw;}
	#form .box02 {padding: 20px 0;}
	#form .box02 h2 {font-size: 6vw;}
	#form .box02 .big {font-size: 5vw;}
	#form .box02 .inner{display: block; max-width: 100%;}
	#form .box02 .right,#form .box02 .left {width: 100%; float: none; padding: 16px;}
	#form .box02 .right {margin-bottom: 20px;}
	#form .box02 .c {font-size: 3vw;}
	#form .box02 .under {padding: 20px 0;}
	#form .box02 .tel {max-width: 80%;}
	#form .box03 table {width: 100%;}
	#form .box03 table th {width: 100%; display: block; border-right: none;}
	#form .box03 table td {width: 100%; display: block;}
	#form .box03 .btn input {width: 80%; margin-top: 20px;}
	#Initiatives .box {width: auto; margin: 20px auto; padding: 10px;}
	#Initiatives h2 {font-size: 4.5vw; margin-bottom: 0;}
	#Initiatives .box p {font-size: 3.5vw;}
	#Initiatives .box p:nth-child(n + 2) {margin-top: 10px;}
	.initiatives_pan {margin-top: 35px; padding: 20px 16px;}
	
}