@charset "UTF-8";


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

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

/* --------------------------------
 * base
 * -------------------------------- */
html {
	font-size: 62.5%;
}

body {
	background-color: #fff;
	color: #000;
	text-align: center;
	font-size: 1.4rem;
	font-family: Raleway, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.hidden {
	display: none;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

a:hover {
	opacity: 0.8;
}

img a:hover {
	opacity: 0.8;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 20px;
}

.pagetop a {
	background-color: #95CE17;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 50%;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.8;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* --------------------------------
 * header
 * -------------------------------- */
.header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #000;
	position: fixed;
	top: 0;
	z-index: 1;
}

.header_inner {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 1% 0;
}

.pho_1 {
	width: auto;
	display: inline-block;
	margin-top: 5px;
}

.pho_2 {
	width: auto;
	display: inline-block;
	margin: 0 3% 0.6% 15%;

}

.pho_3 {
	width: auto;
	display: inline-block;
	margin-bottom: 1px;
}

.pho_3_box {
	display: none;
}

/* --------------------------------
 * box_1
 * -------------------------------- */
.box_1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 5% 0 0 0;
	text-shadow: 1px 1px 1px #999;
}

.pho_4 {
	width: 100%;
}

.pho_4s {
	display: none;
}

/* --------------------------------
 * contents
 * -------------------------------- */
.contents {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.contents_1 {
	width: 100%;
	height: auto;
	margin: 8% auto;
	padding: 0;
}

/* .contents_1s {
	display:none;
} */


/* css 追加 */
.contents_1s {
	display: block;
	width: 100%;
	padding: 0;
	border: 3px solid #100864;
	border-radius: 10px;
	margin: 0 0 4%;
	background-color: #F6F6F6;
}

.contents_flex {
	display: flex;
	justify-content: space-around;
	margin-bottom: 3%;
}


.moji {
	display: block;
	font-size: 2.8rem;
	color: #fff;
	padding: 1%;
	margin: 0 auto;
	background-color: #100864;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 2px;
}

.moji_2 {
	font-size: 2.2rem;
	color: #E60012;
}

.moji_2 strong {
	font-size: 3.8rem;
	margin-left: 23px;
}

.moji_3 {
	font-size: 1.9rem;
	text-align: left;
	padding: 0 2%;
}

.pho_24 {
	width: 43%;
	margin: 0 4% 2% 0;
}

.season-text {
	padding: 0 0 10px 17px;
	border-bottom: dashed 1px;
	display: block;
}

.season-text-title {
	font-size: 2.5rem;
	font-weight: bold;
}

.text-conetnts {
	display: block;
}

/* ここまで */



.pho_23 {
	display: none;
}

/* .pho_24 {
	width: 95%;
	margin: 0 auto;
} */

.pho_5,
.pho_6,
.pho_10,
.pho_15 {
	width: 100%;
	margin: 0 0 3%;
}

.pho_5s,
.pho_6s,
.pho_10s,
.pho_15s {
	display: none;
}


.contents .text {
	font-size: 1.5rem;
	line-height: 1.8;
	text-align: left;
	margin: 0 auto;
}

.pho_7,
.pho_8,
.pho_9 {
	width: 30%;
	display: inline-block;
	margin: 0 1.5% 0;
}

.pho_19 {
	width: 100%;
	margin: 0 0 3%;
}

.pho_11 {
	width: auto;
	float: left;
}

.pho_12 {
	width: auto;
	float: right;
}

/* --------------------------------
 * soudan
 * -------------------------------- */
.soudan {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #F5F5F5;
}

.soudan_inner {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 3% 3% 2%;
}

.soudan .text_1 {
	font-size: 3rem;
	color: #fff;
	display: block;
	padding: 1% 0;
	background-color: #000;
	border-radius: 30px;
}

.inner_left {
	width: 60%;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.soudan .text_2 {
	font-size: 1.5rem;
	text-align: left;
	padding: 0 0 0 8%;
}

.pho_21 {
	width: 100%;
	margin: 0 0 3%;
}

.pho_13,
.pho_14 {
	width: auto;
	margin: 1% 0 0;
}

.inner_right {
	width: 38%;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.pho_20 {
	width: auto;
	float: left;
	display: block;
	content: "";
	clear: both;
	padding-top: 5%;
}

.pho_17 {
	width: auto;
	float: left;
}

.pho_18 {
	width: auto;
	float: right;
}
.container {
	margin: 3% 0;
	border: 1px solid #000;
}
.soudan .text_3 {
    font-size: 1.5rem;
    border-bottom: 1px solid #000;
    padding: 0.5% 0;
}
.address-container {
    display: flex;
    justify-content: space-between;
	padding: 1% 5%;
}

.address {
    max-width: 50%;
	text-align: left;
	padding: 0 30px;
}

.address p {
    margin: 5px 0;
}
@media (max-width: 768px) {
    .address-container {
        flex-direction: column;
    }

    .address {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .address:last-child {
        margin-bottom: 0;
    }
}

/* --------------------------------
  * toiawase
  * -------------------------------- */
.toiawase {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 8% 0;
}

.toiawase_inner {
	max-width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 0 10%;
	border: 1px solid #CCC;
}

.pho_22 {
	width: 100%;
	margin: 0 0 3%;
}

.pho_22s {
	display: none;
}

.toiawase .text_14 {
	font-size: 2rem;
	color: #fff;
	letter-spacing: 1px;
	padding: 3% 0;
}

.toiawase .text_15 {
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: #000;
	margin: 5% 0 2%;
	text-align: left;
}

.toiawase span {
	color: #FF173B;
}

#name,
#kana,
#kaisya,
#tel,
#mail,
#kibou,
#sonota,
#yubin,
#jyusyo,
#select {
	width: 100%;
	font-size: 2rem;
}

.toiawase .botton {
	width: 50%;
	color: #fff;
	background-color: #95CE17;
	font-size: 20px;
	padding: 10px;
	margin: 3% auto 5%;
}

.toiawase .botton:hover {
	opacity: 0.8;
}

.toiawase .text_16 {
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: #000;
	margin: 6% 0 3%;
}

/* --------------------------------
 * footer
 * -------------------------------- */
.footer {
	font-size: 1.2rem;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #4B4B4B;
}

.footer p,
.footer a {
	color: #fff;
}

.footer_inner {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 1% 0;
}

.footer .text_3 {
	font-size: 1.3rem;
	color: #fff;
	display: inline-block;
	float: left;
}

.footer .text_4 {
	font-size: 1.3rem;
	color: #fff;
	display: inline-block;
	float: right;
}

@media (max-width: 768px) {

	/* --------------------------------
 * base
 * -------------------------------- */
	.pagetop {
		display: none;
		position: fixed;
		bottom: 55px;
		right: 15px;
	}

	.pagetop a {
		background-color: #95CE17;
		text-align: center;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
		padding: 12px 15px;
		border-radius: 50%;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.8;
	}

	.wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0 2%;
	}

	/* --------------------------------
 * header
 * -------------------------------- */
	.header {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1% 0;
		background-color: #000;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0.8;
	}

	.header_inner {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1% 0;
	}

	.pho_1 {
		width: 30%;
		display: inline-block;
		margin-top: 5px;
	}

	.pho_2 {
		width: 55%;
		display: inline-block;
		margin: 0;

	}

	.pho_3 {
		display: none;
	}

	.pho_3_box {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: #000;
		opacity: 0.8;
		position: fixed;
		bottom: 0;
		left: 0;
	}

	.pho_3s {
		width: 80%;
		display: block;
		margin: 0 auto;
		padding: 2% 0;
	}


	/* --------------------------------
 * box_1
 * -------------------------------- */
	.box_1 {
		width: 100%;
		height: auto;
		margin: 13% auto 0;
		padding: 0;
		text-shadow: 1px 1px 1px #999;
	}

	.pho_4 {
		display: none;
	}

	.pho_4s {
		display: block;
		width: 100%;
	}

	/* --------------------------------
 * contents
 * -------------------------------- */
	.contents {
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}

	/* 追加 */
	.contents_flex {
		display: block;
	}

	.pho_24 {
		width: 95%;
		margin: 0 auto;
	}

	.moji {
		border-radius: 0;
	}

	.season-text {
		border-bottom: none;
		padding: 0 0 20px 0;
	}

	.season-text:last-child {
		padding: 0;
	}

	.season-text-title {
		font-size: 1.6rem;
	}

	.moji_2 strong {
		margin-left: 0;
	}


	/* ここまで */

	.contents_1 {
		width: 100%;
		height: auto;
		margin: 8% auto;
		padding: 0;
	}

	.contents_1s {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: #F6F6F6;
	}

	.moji {
		display: block;
		font-size: 1.8rem;
		color: #fff;
		padding: 1%;
		margin: 0 auto;
		background-color: #100864;
	}

	.moji_2 {
		font-size: 1.3rem;
		color: #F00;
	}

	.moji_2 strong {
		font-size: 1.8rem;
	}

	.moji_3 {
		font-size: 1.3rem;
		text-align: left;
		padding: 0 2%;
	}

	.moji_4 {
		font-size: 1.3rem;
		padding: 0 2%;
	}


	.pho_23 {
		display: block;
		width: 45%;
		margin: 3% auto 0;
	}

	.pho_5,
	.pho_6,
	.pho_10,
	.pho_15 {
		display: none;
	}

	.pho_5s,
	.pho_6s,
	.pho_10s,
	.pho_15s {
		display: block;
		width: 100%;
		margin: 0 0 3%;
		font-size: 1.8rem;
		border-bottom: 1px solid #100964;
		text-align: left;
	}


	.contents .text {
		font-size: 1.3rem;
		line-height: 1.5;
		text-align: left;
		margin: 0 auto;
	}

	.pho_7,
	.pho_8,
	.pho_9 {
		width: 45%;
		display: inline-block;
		margin: 2% 2% 0;
	}

	.pho_19 {
		display: none;
	}

	.pho_11 {
		width: 100%;
		float: none;
		margin: 3% auto;
	}

	.pho_12 {
		width: 100%;
		float: none;
	}

	.pho_21 {
		display: none;
	}

	/* --------------------------------
 * soudan
 * -------------------------------- */
	.soudan {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 2%;
		background-color: #F5F5F5;
	}

	.soudan_inner {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 3% 0 2%;
	}

	.soudan .text_1 {
		font-size: 1.8rem;
		color: #fff;
		display: block;
		padding: 1% 0;
		background-color: #000;
		border-radius: 30px;
	}

	.inner_left {
		width: 100%;
		display: inline-block;
		margin: 0 auto;
		padding: 0;
	}

	.soudan .text_2 {
		font-size: 1.3rem;
		text-align: left;
		padding: 0;
	}

	.pho_21 {
		width: 100%;
		margin: 0 0 3%;
	}

	.pho_13,
	.pho_14 {
		width: 80%;
		margin: 1% 0 0;
	}

	.inner_right {
		width: 100%;
		display: inline-block;
		margin: 0 auto;
		padding: 0;
	}

	.pho_20 {
		display: none;
	}

	.pho_17 {
		width: 100%;
		float: none;
		margin: 3% auto;
	}

	.pho_18 {
		width: 100%;
		float: none;
	}
	.container {
		margin: 6% 0;
		font-size: 1.3rem;
	}
	.address-container {
		padding: 1%;
	}
	
	.address {
		padding: 0 3% 0 3%;
	}

	/* --------------------------------
  * toiawase
  * -------------------------------- */
	.toiawase {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 8% 0;
	}

	.toiawase_inner {
		max-width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0 2%;
		border: 1px solid #CCC;
	}

	.pho_22 {
		display: none;
	}

	.pho_22s {
		display: block;
		width: 100%;
		margin: 0 0 3%;
		font-size: 1.8rem;
		border-bottom: 1px solid #100964;
		text-align: left;
	}

	.toiawase .text_14 {
		font-size: 1.5rem;
		color: #fff;
		letter-spacing: 1px;
		padding: 3% 0;
	}

	.toiawase .text_15 {
		font-size: 1.3rem;
		letter-spacing: 1px;
		color: #000;
		margin: 5% 0 2%;
		text-align: left;
	}

	.toiawase span {
		color: #FF173B;
	}

	#name,
	#kana,
	#kaisya,
	#tel,
	#mail,
	#kibou,
	#sonota,
	#yubin,
	#jyusyo {
		width: 100%;
		font-size: 1.5rem;
	}

	.toiawase .botton {
		width: 50%;
		color: #fff;
		background-color: #95CE17;
		font-size: 15px;
		padding: 10px;
		margin: 3% auto 5%;
	}

	.toiawase .botton:hover {
		opacity: 0.8;
	}

	.toiawase .text_16 {
		font-size: 1.3rem;
		letter-spacing: 0;
		color: #000;
		margin: 6% 0 3%;
	}

	/* --------------------------------
 * footer
 * -------------------------------- */
	.footer {
		width: 100%;
		height: auto;
		margin: 0 auto 14% auto;
		padding: 0;
		background-color: #4B4B4B;
	}

	.footer_inner {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 2%;
	}

	.footer .text_3 {
		font-size: 1rem;
		color: #fff;
		display: block;
		float: none;
	}

	.footer .text_4 {
		font-size: 1rem;
		color: #fff;
		display: block;
		float: none;
	}
}

/* --------------------------------
 * form
 * -------------------------------- */
@media screen and (max-width: 959px) {
	.out {
		padding-top: 90px;
		margin-top: -90px;
	}
}

#form1 {
	width: 100%;
	padding: 5% 0;
}

#form1 #tel {
	width: 43%;
}

#form1 .text {
	font-size: 28px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 959px) {
	#form1 .text {
		font-size: 1.8rem;
	}
}

#form1 .text_1 {
	padding: 1% 0 3%;
	line-height: 1.5;
}

#form1 .container {
	max-width: 970px;
	margin: auto;
	padding: 3%;
	background-color: #fff;
}

@media screen and (max-width: 959px) {
	#form1 .container {
		width: 95%;
	}
}

#form1 dl {
	border-bottom: solid 1px #e0e0e0;
	text-align: left;
}

#form1 dt {
	display: block;
	vertical-align: middle;
	width: 35%;
	padding: 2%;
	font-size: 1.5rem;
}

@media screen and (max-width: 959px) {
	#form1 dt {
		width: 100%;
	}
}

#form1 dt:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#form1 dt span {
	float: right;
}

#form1 dt em {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 30px;
	height: 18px;
	background: #d7000f;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

#form1 dd {
	display: contents;
	vertical-align: middle;
	width: 70%;
	padding: 2%;
	font-size: 1.5rem;
}

@media screen and (max-width: 959px) {
	#form1 dd {
		width: 100%;
		font-size: 1.3rem;
		padding: 0 2% 2%;
	}
}

#form1 dd p {
	margin: 10px 0 0;
}

#form1 dd small {
	font-size: 1.3rem;
	line-height: 1.8;
}

#form1 dd textarea,
#form1 dd select,
#form1 dd input[type=email],
#form1 dd input[type=tel],
#form1 dd input[type=text] {
	font-size: 1.5rem;
	height: 50px;
	padding: 2%;
	margin: 0 0 5% 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #d6d6d6;
	box-shadow: 1px 1px 5px 0 #e6e6e6 inset;
	-webkit-box-shadow: 1px 1px 5px 0 #e6e6e6 inset;
}

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

	#form1 #tel,
	#form1 dd textarea,
	#form1 dd select,
	#form1 dd input[type=tel],
	#form1 dd input[type=text] {
		width: 100%;
		margin: 0 0 2%;
	}
}

#form1 dd textarea,
#form1 dd input[type=email],
#jyusyo_1,
#jyusyo_2 {
	width: 100%;
	padding: 2%;
	font-size: 1.5rem;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #d6d6d6;
	box-shadow: 1px 1px 5px 0 #e6e6e6 inset;
	-webkit-box-shadow: 1px 1px 5px 0 #e6e6e6 inset;
}

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

	#form1 dd textarea,
	#form1 dd input[type=email],
	#jyusyo_1,
	#jyusyo_2 {
		margin: 0 0 2%;
	}
}

#form1 dd textarea {
	height: 100px;
}

#form1 dd .w280 {
	width: 280px;
}

#form1 dd .w400 {
	width: 400px;
}

#form1 p.submit {
	margin: 40px 0 0;
}

#form1 p.submit input[type=submit] {
	width: 250px;
	height: 56px;
	padding: 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background: #d7000f;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}

@media screen and (max-width: 959px) {
	#form1 p.submit input[type=submit] {
		width: 70%;
		height: auto;
		padding: 5%;
		margin: 0 auto 5%;
	}
}

/* --------------------------------
  * kakunin
  * -------------------------------- */
.kaku_b {
	margin: 5% auto 0;
	width: 50%;
}

@media screen and (max-width: 959px) {
	.kaku_b {
		margin: 10% auto 0;
		width: 80%;
	}
}

.kaku_b .btn {
	float: left;
	width: 40%;
	font-weight: bold;
	height: 100px;
}

@media screen and (max-width: 959px) {
	.kaku_b .btn {
		width: 48%;
	}
}

.kaku_b .btn a {
	display: block;
	font-size: 1.8rem;
	padding: 18px 0;
	border-radius: 5px;
	text-decoration: none;
	background-color: #f39800;
	color: #fff;
	transition: 0.7s;
}

.kaku_b .btn a:hover {
	opacity: 0.6;
}

.kaku_b input[type=submit] {
	float: right;
	width: 40%;
	padding: 2.5% 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background: #d7000f;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	transition: 0.7s;
}

@media screen and (max-width: 959px) {
	.kaku_b input[type=submit] {
		width: 48%;
		padding: 4.4% 0;
	}
}

.kaku_b input[type=submit]:hover {
	opacity: 0.6;
}

.privacy {
	margin: 17rem auto 10rem auto;
	width: 70%;
}

@media (max-width: 768px) {
	.privacy {
		margin: 10rem auto 9rem auto;
		width: 90%;
	}
}

.privacy h3 {
	font-size: 3rem;
}

@media (max-width: 768px) {
	.privacy h3 {
		font-size: 2rem;
	}
}

.privacy p {
	text-align: left;
}

.privacy span {
	display: block;
	font-weight: bold;
}