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

@media screen and (max-width: 767px) {
	/* メディアクエリー */
	/********************************************************/
	/*************************common*************************/
	/********************************************************/
	* {
		margin: 0;
		padding: 0;
	}
	body {
		font: 15px/1.5 "Barlow Condensed", "Noto Sans JP", sans-serif;
		color: #070505;
	}
	header,
	article,
	footer,
	aside,
	time,
	nav,
	small,
	section {
		display: block;
	}
	p {
		color: #362a23;
		margin: 0 0 15px;
	}
	ul li,
	ol li {
		list-style-type: none;
	}
	a img {
		border-style: none;
	}
	a {
		color: #070505;
		text-decoration: none;
		display: block;
	}
	a:hover {
	}

	img {
		max-width: 100%;
		height: auto;
	}

	table {
		border-collapse: collapse;
	}
	table td {
		vertical-align: top;
	}
	table th {
		text-align: left;
	}

	section {
		padding: 40px 10px;
	}

	.pc {
		display: none;
	}

	.font70 {
		font-size: 70%;
	}

	.font80 {
		font-size: 80%;
	}

	.font120 {
		font-size: 120%;
	}

	.font200 {
		font-size: 125%;
	}

	.bold {
		font-weight: bold;
	}

	.red {
		color: #f00;
	}

	/*sliderのコントローラー、ページャー非表示*/
	.bx-prev {
		display: none;
	}

	.bx-next {
		display: none;
	}

	.bx-pager {
		display: none;
	}

	/*ここまで*/

	iframe {
		max-width: 100%;
	}

	/************************* sp_nav *************************/
	#spnav_wrap {
		position: fixed;
		top: 0px;
		z-index: 100;
		width: 100%;
	}

	.scroll_nav {
		position: fixed;
		top: 0px;
		overflow-y: scroll;
		z-index: 100;
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch; // 慣性スクロールを追加
	}

	#menu-bt {
		position: fixed;
		top: 20px;
		right: 10px;
		width: 40px;
	}

	#sp_nav {
		background-color: #fff;
	}

	#menu {
		background: #003f98;
		padding: 50px 20px;
	}

	.sp_hc .tel {
		font-size: 32px;
		font-weight: bold;
		color: #fff;
		background: url(../images/common/head_tel.png) no-repeat left center;
		padding: 0 0 0 23px;
		margin: 0 auto;
		display: table;
	}

	.sp_hc .mail {
		background: url(../images/common/head_mail.png) 10px center no-repeat #de6b48;
		padding: 10px;
		color: #fff;
		font-size: 100%;
		width: 240px;
		box-sizing: border-box;
		margin: 0 auto 10px;
		text-align: center;
		font-weight: bold;
	}

	.sp_hc .line {
		background: url(../images/common/head_line.png) 10px center no-repeat #06c755;
		background-size: 35px;
		padding: 10px 10px 10px 22px;
		color: #fff;
		font-size: 100%;
		width: 240px;
		box-sizing: border-box;
		margin: 0 auto 10px;
		text-align: center;
		font-weight: bold;
	}

	#menu .sub_nav {
		justify-content: center;
		margin: 0 0 20px;
		display: flex;
	}

	#menu .sub_nav li a {
		background: url(../images/common/sankaku.png) no-repeat left center;
		padding: 0 0 0 15px;
		color: #fff;
		font-size: 95%;
		margin: 0 10px 5px;
		color: #fff;
		font-weight: bold;
	}

	#gloval_nav ul li a {
		text-align: center;
		color: #fff;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 1px dotted;
	}

	.head {
		background: -moz-linear-gradient(top, #003f98, #0057d1);
		background: -webkit-linear-gradient(top, #003f98, #0057d1);
		background: linear-gradient(to bottom, #003f98, #0057d1);
		padding: 20px 0 20px;
	}

	.head h1 {
		width: 230px;
		margin: 0 0 0 30px;
	}

	.head h1 img {
		vertical-align: middle;
	}

	/************************* index *************************/

	#news_ind {
		background: url(../images/index/news_bg.jpg);
	}

	#news_ind h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#news_ind ul {
		width: 95%;
		margin: 0 auto 40px;
	}

	#news_ind ul li a {
		background-color: #fff;
		margin: 0 0 10px;
		padding: 20px;
	}

	#news_ind ul li a:hover {
		background-color: #fffdea;
	}

	#news_ind ul li p {
		margin-bottom: 0px;
	}

	.date {
		color: #003f98;
		font-size: 120%;
		display: inline-block;
		padding: 0 0 10px;
	}

	.cat {
		display: inline-block;
		background: #555;
		font-size: 80%;
		width: 90px;
		text-align: center;
		padding: 3px 0;
		margin: 0 20px 10px;
		color: #fff;
	}

	#news_ind h4 {
		color: #333;
		font-weight: normal;
		font-family: "Noto Sans JP", sans-serif;
	}

	.news_cat {
		background-color: #003f98;
	}

	.event_cat {
		background-color: #0e7c7b;
	}

	.but_01 {
		background: url(../images/common/arr.png) no-repeat 90% center #de6b48;
		color: #fff;
		text-align: center;
		display: table;
		padding: 10px 65px 10px 60px;
		margin: 0 auto;
	}

	.but_01:hover {
		background-color: #ffc917;
		background-position: 95% center;
	}

	#item_ind {
		background: url(../images/index/bg_01.jpg) center center;
		background-size: cover;
	}

	#item_ind h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	.text {
		margin: 0 auto 30px;
	}

	.flex_area {
		display: flex;
		flex-wrap: wrap;
	}

	#item_ind .flex_area {
		justify-content: center;
	}

	.spt_but {
		margin: 5px;
		position: relative;
		width: 44%;
		max-width: 200px;
	}

	.sonota {
		background: #fff;
		width: 44%;
		margin: 10px 10px 30px;
	}

	.spt_but:before {
		content: "";
		width: 80px;
		height: 80px;
		background-color: rgba(222, 107, 72, 0.6);
		position: absolute;
		top: calc(50% - 40px);
		right: calc(50% - 40px);
	}

	.spt_but:hover:before {
		background-color: #de6b48;
		width: 100%;
		height: 100%;
		top: 0px;
		right: 0px;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.spt_but h4 {
		position: absolute;
		top: 45%;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 120%;
	}

	#item_ind {
		padding: 40px 0;
	}

	#item_ind .text {
		margin: 0 10px 30px;
	}

	#works_ind {
		background: url(../images/index/bg_02.jpg) center center;
		background-size: cover;
	}

	#works_ind h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#works_ind .flex_area {
		justify-content: space-between;
	}

	.wks_box {
		width: 370px;
		background-color: rgba(255, 255, 255, 0.75);
		box-shadow: 1px 1px 5px rgba(77, 77, 77, 0.47);
		padding: 40px;
		box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto 20px;
	}

	.wks_box figure {
		text-align: center;
		margin: 0 0 20px;
	}

	.wks_box figure img {
		border-radius: 50%;
	}

	.wks_box h4 {
		text-align: center;
		margin: 0 0 20px;
		font-size: 20px;
		color: #de6b48;
		text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	}

	.wks_box p {
		font-weight: 200;
		color: #333;
		margin: 0 0 30px;
	}

	.wks_box .but_01 {
		box-sizing: border-box;
	}

	#blog_ind {
		background: url(../images/index/bg_03.jpg) center center;
		background-size: cover;
	}

	#blog_ind h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#blog_ind .flex_area {
		justify-content: space-around;
	}

	#blog_ind .flex_area a {
		width: 45%;
		margin-bottom: 20px;
	}

	#blog_ind .flex_area a figure {
		box-shadow: 5px 5px 0px #003f98;
		margin: 0 0 7px;
	}

	.b_date {
		text-align: right;
		font-size: 15px;
		color: #003f98;
		font-weight: bold;
		margin-bottom: 0px;
	}

	#blog_ind h4 {
		color: #333;
		font-weight: normal;
		font-size: 95%;
	}

	#blog_ind .flex_area {
		margin: 0 0 30px;
	}

	#recr_ind {
		background: url(../images/index/bg_04.jpg) 87% center;
		background-size: cover;
		padding: 40px 20px;
	}

	.r_inn {
		background-color: rgba(255, 255, 255, 0.5);
		padding: 30px;
	}

	#recr_ind h3 {
		text-align: center;
		margin: 0 0 50px;
	}

	#recr_ind .text {
		margin: 0 0 40px;
		text-align: center;
	}

	footer {
		background-color: #003f98;
		padding: 70px 0 0;
	}

	.foot_contact h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	.foot_contact {
		margin: 0 0 40px;
	}

	.fc_flex {
		justify-content: space-around;
	}

	.twr_area {
		margin: 0 0 40px;
	}

	.foot_tel {
		margin-bottom: 10px;
	}

	.foot_tel p {
		text-align: center;
		color: #fff;
		margin-bottom: 0px;
	}

	.f_tel {
		font-size: 38px;
		font-weight: bold;
		background: url(../images/common/tel_foot.png) no-repeat left center;
		display: table;
		margin: 0 auto;
		padding: 0 0 0 25px;
		letter-spacing: 0.1rem;
		line-height: 120%;
	}

	.time {
		font-family: "Noto Sans JP", sans-serif;
	}

	.mail_foot {
		background-color: #fff;
		width: 90%;
		text-align: center;
		padding: 15px 0;
		margin: 0 auto;
		color: #003f98;
		font-weight: bold;
		font-size: 120%;
		background: url(../images/common/mail_foot.png) no-repeat 25px center #fff;
	}

	.mail_foot:hover {
		opacity: 0.5;
	}

	.line_foot {
		background-color: #fff;
		width: 90%;
		text-align: center;
		padding: 15px 0 15px 25px;
		margin: 10px auto 0;
		color: #003f98;
		font-weight: bold;
		font-size: 120%;
		background: url(../images/common/line_foot.png) no-repeat 25px center #fff;
		background-size: 37px auto;
		box-sizing: border-box;
	}

	.foot_bom {
		margin: 0 10px 10px;
	}

	.foot_bom .left h3 {
		color: #fff;
		background: url(../images/index/ball.png) no-repeat left center;
		padding: 0 0 0 25px;
		margin: 0 0 10px;
		font-size: 106%;
	}

	.foot_bom .left p {
		color: #fff;
		font-size: 80%;
	}

	.foot_bom .right table,
	.foot_bom .right table tbody,
	.foot_bom .right table tr,
	.foot_bom .right table th,
	.foot_bom .right table td {
		display: block;
	}

	.foot_bom .right table {
		margin: 30px 0;
	}

	.foot_bom .right table th {
		text-align: center;
		padding: 20px 0;
		border-bottom: 1px solid #fff;
	}

	.foot_bom .right table th a {
		margin: 10px 0;
	}

	.foot_bom .right table td {
		color: #fff;
		padding: 20px 0;
		text-align: center;
		font-family: "Noto Sans JP", sans-serif;
	}

	.foot_nav {
		display: none;
		justify-content: space-between;
	}

	.foot_nav li a {
		color: #fff;
		font-size: 80%;
		border-left: 1px solid #fff;
		padding: 0 0 0 8px;
	}

	.foot_nav li:first-child a {
		border: 0px;
	}

	.foot_nav li a:hover {
		color: #ffe617;
	}

	#copy {
		background: #0e7c7b;
		color: #fff;
		text-align: center;
		padding: 20px 0;
	}

	footer iframe {
		height: 400px;
	}

	#page-top {
		position: fixed;
		bottom: 50px;
		right: 10px;
		z-index: 99;
		width: 60px;
	}

	/*************************h2*************************/

	.h2_cont {
		text-align: center;
		padding: 40px 0;
		background: url(../images/h2bg/h2_bg.jpg) center center;
		background-size: cover;
	}

	.h2_cont h2 {
		color: #fff;
		font-size: 120%;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	}

	/************************* パンくず *************************/
	#pankuzu {
		border-bottom: 1px solid #ccc;
		background-color: #fff;
	}

	#pankuzu ul {
		box-sizing: border-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		max-width: 1000px;
		padding: 10px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		font-family: "Noto Sans JP", sans-serif;
		flex-wrap: wrap;
	}

	#pankuzu li {
		display: inline;
		font-size: 80%;
		padding: 0 10px;
	}

	#pankuzu a {
		color: #003f98;
	}

	/*************************maintenance*************************/

	.maintenance_bg {
		background-image: url(../images/h2bg/maintenance_h2.jpg);
	}

	#maint_01 {
		background: url(../images/index/news_bg.jpg);
	}

	#maint_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#maint_01 h3 img {
		width: 200px;
	}

	#maint_01 .text {
		margin-bottom: 50px;
	}

	.l_box,
	.r_box {
		margin: 0 0 40px;
	}

	.l_box figure,
	.r_box figure {
		margin: 0 0 20px;
	}

	#maint_01 h4 {
		background-color: #fff;
		padding: 7px 20px;
		border-left: 5px solid #003f98;
		font-size: 113%;
		color: #003f98;
		margin: 0 0 15px;
	}

	#maint_01 .text_area p {
		color: #333;
		margin: 0 10px 15px;
		font-size: 14px;
		line-height: 170%;
	}

	.txt_ind {
		text-indent: -8px;
		padding: 0 0 0 8px;
	}

	#maint_01 .text_area .but_01 {
		margin: 50px auto 0;
	}

	#maint_02 {
		background: url(../images/common/shiba_Bg.jpg) center center;
	}

	#maint_02 h3 {
		text-align: center;
		margin: 0 0 30px;
		margin: 0 0 30px;
	}

	#maint_02 h3 img {
		width: 100px;
	}

	#maint_02 .text {
		margin: 0 0 50px;
		text-align: center;
	}

	.w_box h4 {
		background-color: #0e7c7b;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		font-size: 100%;
	}

	#maint_02 .flex_area {
		margin: 0 0 50px;
		justify-content: space-between;
	}

	.w_box {
		position: relative;
		overflow: hidden;
		background-color: #000;
		width: 48%;
		margin: 0 0 20px;
		border-radius: 5px;
	}

	.w_box span {
		position: absolute;
		color: #fff;
		font-size: 166%;
		left: 43%;
		bottom: 100%;
	}

	.w_box:hover span {
		bottom: 50%;
	}

	.w_box:hover img {
		transform: scale(1.1, 1.1);
		cursor: pointer;
	}

	.w_box figure {
		overflow: hidden;
	}

	#maint_03 {
		background-color: #f0f0f0;
		font-family: "Noto Sans JP", sans-serif;
	}

	#maint_03 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#maint_03 h3 img {
		width: 85px;
	}

	#maint_03 .text {
		margin: 0 0 50px;
	}

	#maint_03 h4 {
		background-color: #fff;
		padding: 7px 20px;
		border-left: 5px solid #003f98;
		font-size: 113%;
		color: #003f98;
		margin: 0 0 15px;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #f9f9f9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #f9f9f9), color-stop(0.75, #f9f9f9), color-stop(0.75, transparent), to(transparent));
		-webkit-background-size: 7px 7px;
	}

	#maint_03 table {
		width: 100%;
		margin: 0 0 50px;
		border-collapse: separate;
		border-spacing: 5px;
		font-size: 95%;
	}

	#maint_03 table th,
	#maint_03 table td {
		background-color: #fff;
		padding: 10px;
		vertical-align: middle;
		color: #333;
	}

	#maint_03 table th {
		text-align: center;
		font-size: 80%;
		padding: 10px 5px;
	}

	#maint_03 table ul {
		margin: 0 0 10px;
	}

	#maint_03 table .bl_bg {
		background-color: #003f98;
		color: #fff;
	}

	.ta_c {
		text-align: center;
	}

	.org {
		color: #de6b48;
	}

	#maint_03 .org {
		color: #de6b48;
		font-weight: bold;
		font-size: 116%;
		margin: 0 5px;
	}

	.bikou ul li {
		margin: 0 0 10px;
		text-indent: -15px;
		padding: 0 0 0 15px;
	}

	.w30 {
		width: 30%;
	}

	.w15 {
		width: 15%;
	}

	/*************************uniform*************************/

	.uniform_bg {
		background-image: url(../images/h2bg/uniform_h2.jpg);
	}

	#uni_01 {
		background: url(../images/index/news_bg.jpg);
	}

	#uni_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#uni_01 h3 img {
		width: 70px;
	}

	#uni_01 .text {
		margin: 0 0 50px;
	}

	.flow_area div {
		background-color: #fff;
		position: relative;
		margin: 0 0 40px;
	}

	.flow_area div h4 {
		background-color: #003f98;
		color: #fff;
		padding: 10px 20px;
		font-size: 130%;
		font-weight: normal;
		text-align: center;
	}

	.flow_area div p {
		padding: 10px 20px 20px;
		color: #333;
	}

	.flow_area div a {
		color: #de6b48;
		display: inline;
		text-decoration: underline;
	}

	.flow_area div a:hover {
		color: #ffc917;
	}

	.flow_area div:after {
		content: url(../images/uniform/shita.png);
		position: absolute;
		left: 47%;
		bottom: -35px;
	}

	.flow_area div:last-of-type:after {
		content: "";
	}

	#uni_02 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#uni_02 h3 img {
		width: 85px;
	}

	#uni_02 h3 .text {
		margin: 0 0 50px;
	}

	#uni_02 .flex_area {
		margin: 0 0 30px;
	}

	.uni_point {
		margin: 0 0 35px;
	}

	.po_h {
		background: url(../images/uniform/point_bg.png) center center;
		width: 300px;
		height: 305px;
		position: relative;
		background-size: cover;
		margin: 0 auto 10px;
	}

	.po_h span {
		position: absolute;
		top: 15%;
		left: 25%;
	}

	.po_h h4 {
		color: #de6b48;
		font-size: 20px;
		position: absolute;
		bottom: 30%;
		text-align: center;
		width: 300px;
	}

	.uni_point .exp {
		margin: 0 auto;
	}

	.uni_point .exp p {
		color: #de6b48;
		font-weight: bold;
	}

	#uni_03 {
		background: url(../images/common/shiba_Bg.jpg) center center;
	}

	#uni_03 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#uni_03 h3 img {
		width: 100px;
	}

	#uni_03 .text {
		margin: 0 0 50px;
	}

	#uni_03 .flex_area {
		margin: 0 0 50px;
		justify-content: space-between;
	}

	/*************************organizations*************************/

	.organizations_bg {
		background-image: url(../images/h2bg/organizations_h2.jpg);
	}

	#ogz_01 {
		background: url(../images/index/news_bg.jpg);
	}

	#ogz_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#ogz_01 h3 img {
		width: 120px;
	}

	#ogz_01 .text {
		margin: 0 0 50px;
	}

	#ogz_01 .flex_area {
		justify-content: space-around;
	}

	.os_box {
		width: 90%;
		max-width: 320px;
		border-radius: 10px;
		background-size: cover;
		padding: 30px 20px;
		box-sizing: border-box;
		box-shadow: 2px 2px 5px rgba(75, 75, 75, 0.64);
		margin: 0 auto 30px;
	}

	.os_box .but_01 {
		margin: 50px auto 0;
	}

	.os_box span {
		color: #fff;
		text-align: center;
		font-size: 80%;
		display: block;
		margin: 0 0 15px;
	}

	.os_box h4 {
		text-align: center;
		margin: 0 0 20px;
	}

	.os_box p {
		color: #fff;
		font-size: 95%;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	}

	.os_01 {
		background: url(../images/organizations/bg_01.jpg) top center no-repeat;
	}

	.os_02 {
		background: url(../images/organizations/bg_02.jpg) top center no-repeat;
	}

	.os_03 {
		background: url(../images/organizations/bg_03.jpg) top center no-repeat;
	}

	#ogz_02 {
		background: url(../images/common/shiba_Bg.jpg) top center;
	}

	#ogz_02 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#ogz_02 h3 img {
		width: 100px;
	}

	#ogz_02 .text {
		margin: 0 0 50px;
	}

	.w_out .w_box {
		margin: 0 0 10px;
	}

	.a_type a {
		background-color: #003f98;
		color: #fff;
		text-align: center;
		padding: 3px 0;
		border-radius: 5px;
		font-size: 80%;
	}

	.a_type a:hover {
		background-color: #ffc917;
	}

	.w_out {
		margin: 0 0 30px;
		width: 48%;
	}

	.w_out .w_box {
		width: 100%;
	}

	#ogz_02 .flex_area {
		justify-content: space-between;
		margin: 0 0 50px;
	}

	/************************* shop *************************/

	#shop_01 {
		background: url(../images/index/news_bg.jpg);
		padding: 40px 0;
	}

	#shop_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#shop_01 h3 img {
		width: 250px;
	}

	#shop_01 table {
		width: 90%;
		margin: 0 auto 50px;
		background-color: #fff;
		border-top: 1px dotted #ccc;
		font-family: "Noto Sans JP", sans-serif;
	}

	#shop_01 table th,
	#shop_01 table td {
		padding: 10px 20px;
		font-size: 95%;
		border-bottom: 1px dotted #ccc;
	}

	#shop_01 table th {
		color: #fff;
		background-color: #003f98;
		text-align: center;
		width: 30%;
	}

	#shop_01 .flex_area {
		justify-content: space-around;
		margin: 0 auto 50px;
	}

	#shop_01 .flex_area li {
		margin: 0 0 20px;
		width: 80%;
	}

	#shop_01 .flex_area p {
		color: #333;
	}

	#shop_02 {
		background: url(../images/shop/hist_bg.jpg);
		background-size: cover;
		padding-bottom: 100px;
	}

	#shop_02 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#shop_02 h4 {
		text-align: center;
		margin: 0 0 10px;
		color: #003f98;
		font-size: 150%;
	}

	#shop_02 .text {
		margin: 0 0 30px;
		text-align: center;
	}

	#shop_02 .enk {
		background: rgba(255, 255, 255, 0.6);
		padding: 10px 5px;
		border-radius: 5px;
		box-shadow: 1px 1px 3px rgba(90, 90, 90, 0.5);
		margin: 0 0 50px;
		border: 3px solid #2964b5;
	}

	#shop_02 table {
		width: 100%;
	}

	#shop_02 table th,
	#shop_02 table td {
		padding: 10px;
		border-bottom: 1px dotted #ccc;
	}

	#shop_02 table th {
		color: #003f98;
		font-size: 106%;
		width: 25%;
	}

	#shop_02 table td {
		color: #333;
	}

	#shop_02 .kiji_cont a {
		margin: 0 0 10px;
		position: relative;
	}

	#shop_02 .kiji_cont a:after {
		content: "";
		background: url(../images/shop/scope.png) no-repeat center center;
		background-size: cover;
		width: 40px;
		height: 40px;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	#shop_02 .kiji_cont a img {
		width: 100%;
	}

	#shop_02 .kiji_cont h5 {
		font-size: 120%;
		margin: 0 0 10px;
		color: #333333;
		border-bottom: 1px solid;
	}

	#shop_02 .kiji_cont p {
		color: #333333;
	}

	/************************* recruit *************************/

	#rcr_01 {
		background: url(../images/recruit/bg_01.jpg) top center no-repeat;
		background-size: cover;
		text-align: center;
	}

	#rcr_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#rcr_01 h3 img {
		width: 120px;
	}

	#rcr_01 .text h4 {
		font-size: 120%;
		color: #003f98;
		margin: 0 0 10px;
	}

	#rcr_01 ul {
		margin: 20px 0 0;
	}

	#rcr_01 ul li {
		text-align: center;
		margin: 0 0 10px;
	}

	#rcr_02 {
		background: url(../images/recruit/bg_02.jpg) top center;
		background-size: cover;
	}

	#rcr_02 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#rcr_02 h3 img {
		width: 90px;
	}

	#rcr_02 .text p {
		color: #fff;
		font-weight: bold;
		text-shadow: 1px 1px 2px rgba(65, 65, 65, 0.81);
		text-align: center;
	}

	#rcr_02 .flex_area {
		justify-content: space-around;
		margin: 0 0 50px;
	}

	.day_box {
		width: 95%;
		box-sizing: border-box;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 30px 20px;
		margin: 0 0 20px;
	}

	.day_box h4 {
		text-align: center;
		color: #003f98;
		font-size: 133%;
		margin: 0 0 10px;
	}

	.day_box .text_area {
		width: 90%;
		margin: 0 auto 30px;
	}

	.day_box .text_area p {
		color: #333;
	}

	.day_box ul li {
		background-color: #fff;
		position: relative;
		margin: 0 0 20px;
	}

	.day_box ul li:after {
		content: "";
		position: absolute;
		border-top: 15px solid #fff;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		bottom: -15px;
		left: 45%;
	}

	.day_box ul li:last-child:after {
		border: 0px;
	}

	.day_box ul li h5 {
		background-color: #003f98;
		color: #fff;
		padding: 10px;
		font-size: 110%;
		font-weight: normal;
	}

	.day_box ul li p {
		padding: 10px;
		font-size: 95%;
		color: #333;
	}

	#rcr_03 {
		background: url(../images/index/news_bg.jpg);
	}

	#rcr_03 h3 {
		color: #003f98;
		text-align: center;
		font-size: 133%;
		margin: 0 0 30px;
	}

	#rcr_03 div.textcenter {
		text-align: center;
	}

	#rcr_03 div.textcenter p {
		margin-bottom: 30px;
	}

	#rcr_03 table {
		background-color: #fff;
		width: 100%;
		margin: 0 auto 30px;
		color: #333;
	}

	#rcr_03 table th,
	#rcr_03 table td {
		padding: 10px;
		border-bottom: 1px dotted #ccc;
	}

	#rcr_03 table th {
		background-color: #ddd;
		border-bottom: 1px dotted #fff;
		width: 25%;
		text-align: left;
		color: #000;
		font-weight: normal;
		vertical-align: top;
	}

	#rcr_03 .text_area p {
		margin: 0 0 15px;
	}

	#rcr_03 table p {
		color: #333;
		font-family: "Noto Sans JP", sans-serif;
	}

	#rcr_03 table h4 {
		margin: 0 0 5px;
	}

	/************************* staff *************************/

	#stf_01 {
		background-color: #f0f0f0;
	}

	#stf_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#stf_01 h3 img {
		width: 85px;
	}

	#stf_01 .text {
		margin: 0 0 50px;
	}

	#stf_01 .flex_area {
		margin: 0 auto;
		justify-content: space-between;
	}

	#stf_01 .flex_area a {
		position: relative;
		margin: 0 0 20px;
		overflow: hidden;
	}

	#stf_01 .flex_area a img {
		width: 100%;
	}

	#stf_01 .flex_area a .del {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: -30px;
		background-color: rgba(0, 63, 152, 0.75);
		transition: 0.2s;
	}

	#stf_01 .flex_area a .del h4 {
		color: #fff;
		font-size: 95%;
		font-weight: normal;
		padding: 5px 0;
	}

	#stf_01 .flex_area a .del span {
		color: #de6b48;
		padding: 5px 0;
		display: inline-block;
	}

	#stf_01 .flex_area a:hover .del {
		bottom: 0px;
	}

	/************************* staff_single *************************/

	.staff_bg {
		background-image: url(../images/h2bg/staff_h2.jpg);
	}

	#stf_s {
		background-color: #f0f0f0;
		padding: 60px 0 80px;
	}

	.stf_out {
		width: 95%;
		margin: 0 auto;
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 20px;
		box-sizing: border-box;
	}

	.stf_out .gazou_area {
		position: relative;
		margin: 0 0 10px;
	}

	.stf_out .gazou_area img {
		margin: 0 0 15px;
	}

	.busyo {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #de6b48;
		color: #fff;
		padding: 5px 30px;
		font-size: 95%;
	}

	.cath {
		background-color: rgba(255, 255, 255, 0.6);
		color: #003f98;
		font-weight: bold;
		font-size: 130%;
	}

	.stf_out flex_aera {
		justify-content: space-between;
	}

	.stf_out .text_area {
		width: 350px;
	}

	.stf_out .text_area h3 {
		font-size: 150%;
		color: #333;
		text-align: ri;
	}

	.name_eig {
		color: #de6b48;
		font-size: 133%;
		margin: 0 0 30px;
	}

	.stf_out .inn {
		background-color: #f0f0f0;
		padding: 20px;
	}

	#stf_s h4 {
		color: #de6b48;
		font-size: 200%;
		margin: 0 0 10px;
	}

	#stf_s h4 span {
		font-size: 13px;
		color: #7b7b7b;
		display: block;
	}

	.fvt_spt {
		font-size: 20px;
		color: #333;
		font-weight: bold;
		margin: 0 0 20px;
	}

	.holi {
		color: #333;
		font-weight: bold;
	}

	#stf_s .flex_area {
		margin: 0 auto 20px;
	}

	.mess_area {
		width: 95%;
		margin: 0 auto 50px;
	}

	.mess_area p {
		color: #333;
	}

	/************************* blog & news *************************/

	#blog_l {
	}

	#news_side {
	}

	#blog_01 {
		background: url(../images/index/news_bg.jpg);
	}

	#blog_l article {
		background-color: rgba(255, 255, 255, 0.6);
		border-top: 2px dotted #ccc;
		border-bottom: 2px dotted #ccc;
		margin: 0 0 20px;
		padding: 15px;
	}

	#blog_l article figure {
		float: left;
		margin: 0 15px 0 0;
		width: 100px;
	}

	#blog_l article h3 {
		color: #003f98;
		margin: 0 0 15px;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 100%;
	}

	#blog_l .inn {
		font-size: 95%;
		color: #555;
		font-family: "Noto Sans JP", sans-serif;
	}

	#blog_l .cat {
		margin: 0 0 10px 10px;
		width: 85px;
	}

	#blog_l .date {
		margin: 0;
		padding: 0;
	}

	.blog_cat {
		background-color: #de6b48;
	}

	#blog_l article a:hover {
		opacity: 0.5;
	}

	#news_side {
		width: 95%;
		margin: 20px auto 70px;
	}

	#news_side h4 {
		background-color: #003f98;
		color: #fff;
		padding: 5px;
		text-align: center;
		margin: 0 0 10px;
		clear: both;
		font-weight: normal;
	}

	#news_side ul {
		margin: 0 0 20px;
	}

	#news_side ul li a {
		border-bottom: 1px dashed #003f98;
		padding: 5px;
		color: #333;
		font-size: 95%;
		font-family: "Noto Sans JP", sans-serif;
	}

	#news_side ul li a:hover {
		color: #003f98;
	}

	/************************* ページナビ *************************/
	.page_navi {
		text-align: center;
		padding: 10px 0;
		margin: 30px auto;
		width: 100%;
	}
	.page_navi span {
		color: #003f98;
		padding: 5px 7px;
		display: inline !important;
	}

	.page_navi a {
		background-color: #003f98;
		background-repeat: no-repeat;
		color: #fff;
		padding: 5px 7px;
		margin: 2px;
		display: inline;
		border-radius: 3px;
	}
	.page_navi a:hover {
		border: 2px solid #003f98;
	}
	.pages {
		border: 1px solid #003f98;
		color: #317dbe;
		padding: 5px 7px;
	}
	.current {
		border: 1px solid #003f98;
		color: #003f98;
		padding: 5px 7px;
		margin: 0 2px;
	}

	/************************* blog_single *************************/

	#blog_single article {
		background-color: #fff;
		padding: 20px 15px;
		margin: 0 0 20px;
	}

	#blog_single h3 {
		padding: 10px;
		border-left: 5px solid #003f98;
		font-size: 106%;
		color: #003f98;
		margin: 0 0 15px;
		background-color: #fff;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #f9f9f9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #f9f9f9), color-stop(0.75, #f9f9f9), color-stop(0.75, transparent), to(transparent));
		-webkit-background-size: 7px 7px;
		font-family: "Noto Sans JP", sans-serif;
	}

	#blog_single .right {
		float: right;
		margin: 0 0 20px;
	}

	#blog_single h4 {
		border-bottom: 1px solid #003f98;
		color: #003f98;
		font-size: 100%;
		padding: 0 0 5px 0;
		margin: 10px 0;
	}

	#blog_single img {
		max-width: 100%;
		height: auto;
		margin: 0 0 15px;
	}

	#blog_single article a {
		display: inline;
		color: #de6b48;
		text-decoration: underline;
	}

	#blog_single article a:hover {
		color: #ffc917;
	}

	#blog_single .text_area {
		font-family: "Noto Sans JP", sans-serif;
	}

	#but_area #prev a {
		float: left;
		background: url(../images/staff/prev_arr.png) bottom left no-repeat;
		color: #0e7c7b;
		padding: 0 0 0px 40px;
		font-weight: bold;
		font-size: 20px;
		margin: 0 0 20px;
	}

	#but_area #prev a:hover {
		opacity: 0.5;
	}

	#but_area #next a {
		float: right;
		background: url(../images/staff/next_arr.png) bottom right no-repeat;
		color: #0e7c7b;
		padding: 0 40px 0 0;
		font-weight: bold;
		font-size: 20px;
		margin: 0 0 20px;
	}

	#but_area #next a:hover {
		opacity: 0.5;
	}

	#but_area #back a {
		display: table;
		margin: 0 auto;
		clear: both;
	}

	/************************* works *************************/

	.works_bg {
		background-image: url(../images/h2bg/works_h2.jpg);
	}

	#works_arc {
		background: url(../images/index/news_bg.jpg) top center;
	}

	#works_arc ul {
		justify-content: space-between;
	}

	#works_arc ul li {
		background-color: #fff;
		border-radius: 5px;
		width: 90%;
		margin: 0 auto 15px;
	}

	#works_arc ul li a {
		width: 100%;
		text-align: center;
		padding: 30px 0;
		border-radius: 5px;
		background-size: cover;
		color: #fff;
		text-shadow: 1px 1px 2px #292929;
		font-weight: bold;
		font-size: 113%;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}

	#works_arc ul li a:hover {
		opacity: 0.5;
		transform: 1.5s;
	}

	.wbut_01 {
		background: url(../images/works/wbut_01.jpg) no-repeat center center;
	}

	.wbut_02 {
		background: url(../images/works/wbut_03.jpg) no-repeat center center;
	}

	.wbut_03 {
		background: url(../images/works/wbut_02.jpg) no-repeat center center;
	}

	.wbut_04 {
		background: url(../images/works/wbut_04.jpg) no-repeat center center;
	}

	#works_arc02 {
		background: url(../images/common/shiba_Bg.jpg) center center;
	}

	#works_arc h3 {
		text-align: center;
		margin: 0 0 30px;
		margin: 0 0 30px;
	}

	#works_arc h3 img {
		width: 100px;
	}

	#works_arc .text {
		margin: 0 0 30px;
		text-align: left;
	}

	#works_arc02 .flex_area {
		margin: 0 0 50px;
		justify-content: space-between;
	}

	.tax_h3 {
		text-align: center;
		margin: 0 0 30px;
		font-size: 16px;
		color: #003f98;
		border-top: 3px double;
		border-bottom: 3px double;
		padding: 5px 0;
		background: rgba(255, 255, 255, 0.5);
	}

	/*************************contact*************************/

	.contact_form {
		background: url(../images/index/news_bg.jpg);
	}

	.contact_form h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	.contact_form h3 img {
		width: 120px;
	}

	.contact_form .tel {
		font-size: 32px;
		font-weight: bold;
		background: url(../images/common/tel_foot.png) no-repeat left center;
		display: table;
		padding: 0 0 0 25px;
		margin: 0 auto;
		color: #003f98;
	}

	.contact_form .line a {
		background: url(../images/common/head_line.png) 20px center no-repeat #06c755;
		background-size: 12vw auto;
		width: 90%;
		margin: 20px auto 10px;
		padding: 5px 20px 8px 70px;
		box-sizing: border-box;
		color: #fff;
		font-size: 5.2vw;
		text-align: center;
		line-height: 1.35;
		font-weight: 700;
	}

	.contact_form .line a span {
		font-size: 4vw;
	}

	.contact_form .text {
		margin-bottom: 30px;
	}

	.contact_form table {
		width: 100%;
		margin: 0 auto 40px;
		background-color: #fff;
		border-bottom: 2px dotted #ccc;
		font-family: "Noto Sans JP", sans-serif;
	}

	.contact_form table,
	.contact_form table tbody,
	.contact_form table tr,
	.contact_form table th,
	.contact_form table td {
		display: block;
		text-align: center;
	}

	.contact_form table th,
	.contact_form table td {
		padding: 10px;
	}

	.contact_form table th {
		background-color: #ccc;
		color: #333;
		border-bottom: 2px dotted #fff;
	}

	/************************* ラジオボタンのcss *************************/
	/* custom02*/
	.radio {
		display: none;
	}
	label {
		position: relative;
		display: inline-block;
		padding: 3px 3px 3px 20px;
		cursor: pointer;
	}
	.radio + span::before,
	span::after {
		position: absolute;
		content: "";
		top: 50%;
		border-radius: 100%;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	.radio + span::before {
		left: 0;
		width: 14px;
		height: 14px;
		margin-top: -8px;
		background: #f3f3f3;
		border: 1px solid #ccc;
	}
	.radio + span:hover::before {
		background: #fff;
	}
	.radio + span::after {
		opacity: 0;
		left: 4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #de6b48;
		-webkit-transform: scale(2);
		transform: scale(2);
	}
	.radio:checked + span::before {
		background: #fff;
		border: 1px solid #de6b48;
	}
	.radio:checked + span::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	#input_but_area {
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}

	.tex_are {
		width: 97%;
		height: 200px;
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 15px;
		border-radius: 5px;
		font-family: "Noto Sans JP", sans-serif;
	}

	.tex_01,
	hasDatepicker {
		width: 100%;
		box-sizing: border-box;
	}

	.tex_02 {
		width: 100%;
		box-sizing: border-box;
	}

	.naiyo_sel {
		margin: 0 10px;
		box-sizing: border-box;
	}

	.input_but {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0;
		border: none;
		outline: 0;
		margin: 0;
		width: 100%;
		display: block;
		position: relative;
		text-align: center;
		cursor: pointer;
		-webkit-appearance: button;
		-webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
		-moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
		-ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
		transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
		cursor: pointer;
		-webkit-appearance: button;
		*overflow: visible;
	}

	input {
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 5px;
		font-size: 15px;
		font-family: "Noto Sans JP", sans-serif;
		box-sizing: border-box;
		width: 100%;
	}

	/**ボタンCSSのリセット**/

	.input_but {
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
	}

	.input_but {
		background-color: #de6b48;
		color: #fff;
		font-size: 106%;
		font-family: "メイリオ", "meiryo", "ＭＳ Ｐゴシック", sans-serif;
		padding: 10px 0;
		width: 200px;
		margin: 0 auto 15px;
		display: table;
		text-align: center;
		border-radius: 0px;
	}

	.input_but:hover {
		background-color: #ffc917;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.hissu {
		background-color: #de6b48;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		line-height: 200%;
		padding: 2px 10px;
		border-radius: 5px;
		margin: 0 0 0 5px;
	}

	.contact_form h4 {
		text-align: center;
		font-size: 100%;
		color: #fff;
		background-color: #003f98;
		width: 100%;
		margin: 0 auto 15px;
		padding: 5px 0;
		font-weight: normal;
		border-radius: 5px;
	}

	.contact_form .tekiyou {
		text-align: left;
	}

	.contact_form .tekiyou p {
		font-size: 95%;
		margin: 0 5px 10px;
		color: #555;
	}

	.contact_form .tekiyou a {
		display: inline;
		color: #de6b48;
		text-decoration: underline;
	}

	.contact_form .tekiyou a:hover {
		color: #ffc917;
	}

	.select {
		padding: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	/************************* works_single *************************/

	.works_bottom {
		background: url(../images/index/news_bg.jpg);
	}

	.works_bottom ul li {
		width: 90%;
		margin: 0 auto 15px;
	}

	.works_bottom ul li a {
		width: 100%;
		text-align: center;
		padding: 30px 0;
		border-radius: 5px;
		background-size: cover;
		color: #fff;
		text-shadow: 1px 1px 2px #292929;
		font-weight: bold;
		font-size: 113%;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}

	.works_bottom ul {
		justify-content: space-between;
	}

	.works_bottom ul li a:hover {
		opacity: 0.5;
		transform: 1.5s;
	}

	.w_sing01 figure {
		margin: 0 auto 15px;
	}

	.w_sing01 {
		background: url(../images/common/shiba_Bg.jpg);
	}

	.w_sing01 .center {
		background-color: #fff;
		padding: 30px 20px;
		border-radius: 10px;
	}

	.w_sing01 h3 {
		background-color: #003f98;
		box-sizing: border-box;
		padding: 5px 10px;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		font-size: 17px;
		margin: 0 0 30px;
	}

	.w_sing01 h4 {
		margin: 0 10px 20px;
	}

	.w_sing01 .right p {
		font-size: 13px;
		margin: 0 10px 15px;
	}

	.w_sing01 .clearfix {
		margin: 0 0 50px;
	}

	.single_b ul {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.single_b ul li {
		text-align: center;
		margin: 0 0 15px;
	}

	/************************* pp *************************/

	#pp {
		background: url(../images/index/news_bg.jpg);
		color: #333;
	}

	#pp h3 {
		text-align: center;
		color: #003f98;
		font-size: 23px;
		margin: 0 0 15px;
	}

	#pp h3 span {
		color: #3e95af;
		font-size: 15px;
		display: block;
	}

	.pp_area {
		margin: 0 auto;
	}

	.pp_area p {
		font-size: 93%;
	}

	#pp h4 {
		padding: 5px 15px;
		color: #003f98;
		font-size: 120%;
		margin: 25px 0 10px;
		background-color: #fff;
		border-bottom: 1px solid;
		border-left: 5px solid;
	}

	#pp p {
		margin: 0 15px 15px;
		font-family: "Noto Sans JP", sans-serif;
		color: #333;
	}

	#pp ul {
		margin: 0 15px 15px;
	}

	#pp .add_area p {
		font-size: 95%;
	}

	/************************* item  *************************/

	#item_01 {
		background: url(../images/index/news_bg.jpg);
	}

	#item_01 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#item_01 h3 img {
		width: 70px;
	}

	#item_01 .text {
		margin: 0 0 50px;
	}

	#item_01 .flex_area {
		justify-content: space-around;
	}

	#item_01 .flex_area img {
		margin: 0 0 10px;
	}

	#item_01 .flex_area a {
		margin: 0 0 40px;
		text-align: center;
		position: relative;
	}

	#item_01 .flex_area h4 {
		color: #333;
		font-size: 113%;
	}

	#item_01 .flex_area a:before {
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		width: 100%;
		height: 2px;
		display: block;
		content: "";
		bottom: -5px;
		background-color: #de6b48;
		position: absolute;
	}

	#item_01 .flex_area a:hover:before {
		transform: scaleX(1);
	}

	#item_02 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	#item_02 h3 img {
		width: 160px;
	}

	#item_02 .text {
		margin: 0 0 50px;
	}

	#item_02 .but_01 {
		margin: 30px auto 0;
	}

	#item_02 .cont_area h4 {
		color: #003f98;
		text-align: center;
		font-size: 140%;
		margin: 0 0 20px;
	}

	#item_02 .cont_area ul {
		display: flex;
		margin: 0 0 30px;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}

	#item_02 .cont_area ul li {
		margin: 0 10px 20px;
	}

	#item_02 .cont_area ul li img {
		border: 1px solid #ccc;
	}

	/************************* item　子ページ *************************/

	.baseball_bg {
		background-image: url(../images/item/yakyu_bg.jpg);
	}

	.football_bg {
		background-image: url(../images/item/football_bg.jpg);
	}

	.athletics_bg {
		background-image: url(../images/item/athletics_bg.jpg);
	}

	.tennis_bg {
		background-image: url(../images/item/tennis_bg.jpg);
	}

	.basketball_bg {
		background-image: url(../images/item/basketball_bg.jpg);
	}

	.volleyball_bg {
		background-image: url(../images/item/volleyball_bg.jpg);
	}

	.judo_bg {
		background: url(../images/item/judo_bg.jpg);
	}

	.softball_bg {
		background-image: url(../images/item/softball_bg.jpg);
	}

	.handball_bg {
		background-image: url(../images/item/handball_bg.jpg);
	}

	.grandgolf_bg {
		background-image: url(../images/item/grandgolf_bg.jpg);
	}

	.swimming_bg {
		background-image: url(../images/item/swimming_bg.jpg);
	}

	.badminton_bg {
		background-image: url(../images/item/badminton_bg.jpg);
	}

	.item_s1 {
		background: url(../images/index/news_bg.jpg);
	}

	.item_s1 h3 {
		font-size: 130%;
		color: #003f98;
		text-align: center;
		margin: 0 0 20px;
	}

	.item_s2 h3 img {
		width: 80px;
	}

	.item_s1 .text_area {
		width: 100%;
		margin: 0 auto 30px;
	}

	.item_s1 .text_area p {
		color: #333;
	}

	.item_s1 figure {
		margin: 20px 0 0;
	}

	.item_s1 figure img {
		border-radius: 5px;
	}

	.item_s2 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	.item_s2 {
		background: url(../images/index/bg_01.jpg) center center;
		background-size: cover;
	}

	.item_s2 ul {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 0 0 50px;
		align-items: center;
	}

	.item_list li {
		width: 49%;
		height: 45px;
		border-radius: 5px;
		background: url(../images/item/item_bg.jpg) no-repeat center center;
		background-size: cover;
		color: #fff;
		font-size: 93%;
		justify-content: center;
		display: flex;
		align-items: center;
		margin: 0 0 10px;
		text-shadow: 1px 1px 2px #000;
	}

	.bland_list li {
		margin: 0 10px 20px;
		width: 43%;
		text-align: center;
	}

	.bland_list li img {
		border: 1px solid #ccc;
	}

	.item_s3 {
		background-color: #fffdea;
	}

	.item_s3 h3 {
		text-align: center;
		margin: 0 0 30px;
	}

	.item_s3 h3 img {
		width: 65px;
	}

	.item_s3 ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.item_s3 ul li {
		margin: 0 0 20px;
		width: 49%;
	}

	.item_s3 ul li h4 {
		text-align: center;
		margin: 5px 0;
		color: #003f98;
	}

	.item_s3 ul li p {
		font-size: 90%;
		color: #333;
	}

	/************************* 202410追加　体操服注文ページとフォーム *************************/

	.gymsuit-sect {
		background: url(../images/index/news_bg.jpg);
		padding: 40px 20px;
	}
	.gymsuit-sect__ttl {
		text-align: center;
		padding-bottom: 40px;
	}
	.gymsuit-sect__ttl .en {
		font-size: 48px;
		font-weight: bold;
		color: #003f98;
	}
	.gymsuit-sect__ttl .jp {
		padding: 10px 0 0;
		font-weight: bold;
	}
	.gymsuit-sect__list {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin-bottom: 60px;
	}
	.gymsuit-sect__item {
		width: 100%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.gymsuit-sect__item a {
		display: block;
		padding: 15px 20px;
		color: #003f98;
		border: 1px solid #003f98;
		border-radius: 10px;
	}
	.gymsuit-sect__item a:hover {
		color: #fff;
		background: #003f98;
	}

	/********* 注文フォーム *********/

	.gymsuit-form__ttl {
		font-size: 24px;
		font-weight: bold;
	}
	.gymsuit-form form input,
	.gymsuit-form form textarea,
	.gymsuit-form form select {
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 7px;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
	}

	.gymsuit-form form input[type="radio"] {
		width: auto;
	}
	.gymsuit-form form input::placeholder,
	.gymsuit-form form textarea::placeholder,
	.gymsuit-form form select::placeholder {
		opacity: 0.5;
	}

	.gymsuit-form .data-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px;
	}
	.gymsuit-form .data-wrap .nen,
	.gymsuit-form .data-wrap .kumi,
	.gymsuit-form .data-wrap .ban {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.gymsuit-form .data-wrap .nen input,
	.gymsuit-form .data-wrap .kumi input,
	.gymsuit-form .data-wrap .ban input {
		width: 60px;
		box-sizing: border-box;
		text-align: center;
	}
	.gymsuit-form .data-wrap .gender {
		display: flex;
		align-items: center;
		width: 100%;
	}
	.gymsuit-form .data-wrap .gender label {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.form-row-wrap {
		margin: 0 auto 40px;
		background-color: #fff;
	}
	.form-row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px 15px;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		padding: 20px 15px;
		box-sizing: border-box;
		font-size: 14px;
	}
	.form-row:last-child {
		border-bottom: none;
	}
	.form-row .item {
		width: 100%;
		font-size: 17px;
		font-weight: bold;
	}
	.form-row .size {
		display: flex;
		align-items: center;
		gap: 10px;
		width: calc((100% - 15px) / 2);
	}
	.form-row .size select,
	.form-row .size .free {
		width: 70px;
		font-size: 16px;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 7px;
		text-align: center;
		font-family: "Noto Sans JP", sans-serif;
		min-width: auto;
	}
	.form-row .size .free {
		background: #f0f0f0;
	}
	.form-row .number {
		display: flex;
		align-items: center;
		gap: 10px;
		width: calc((100% - 15px) / 2);
	}
	.form-row .number input {
		width: 70px;
		font-size: 16px;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 7px;
		text-align: center;
		font-family: "Noto Sans JP", sans-serif;
		min-width: auto;
	}

	/********* パスワード制限 *********/

	.post-password-form {
		padding: 80px 20px;
	}
	.post-password-form label {
		padding: 10px 0px;
	}
	.post-password-form input {
		width: auto;
	}
}