@charset "utf-8";
/*////////////////////////////////////
contact
////////////////////////////////////*/
@media screen and (min-width: 768px){
#contact {
	position: relative;
	width: 100%;
	padding: 150px 0;
	background:rgba(233,233,233,1.00);
}
#contact_place {
	position: relative;
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
.form_area {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.form_title {
	position: relative;
	width: 20%;
	padding: 10px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.form_subtitle1 {
	position: relative;
	display: inline-block;
	padding: 10px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: rgba(178,29,31,1.00);
	color: #FFF;
	font-size: 1.4rem;
}
.form_subtitle2 {
	position: relative;
	display: inline-block;
	padding: 10px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background:rgba(21,53,84,1.00);
	color: #FFF;
	font-size: 1.4rem;
}
.form_place {
	position: relative;
	width: 70%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.form_place span {
	position: relative;
	width: 100%;
}
#privacy_area {
	position: relative;
	width: 100%;
	height: 350px;
	border: 1px solid #333;
	overflow: scroll;
	font-size: 1.2rem;
	padding: 10px;
}
#privacy_area h3 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 1em;
}
#privacy_area p {

	margin-bottom: 1em;
}
#privacy_area ul {
	list-style: circle;
	margin-left: 1em;
	padding: 0;
}
#privacy_check {
	position: relative;
	text-align: center;
	padding: 10px 0;
}
.formbtn_place {
	text-align: center;
	padding: 10px 0;
}
#contact_atten {
	position: relative;
	text-align: center;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 1.6rem;
	font-family: "Noto Serif JP", serif;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#contact {
	position: relative;
	width: 100%;
	padding: 80px 0;
	background:rgba(233,233,233,1.00);
}
#contact_place {
	position: relative;
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
.form_area {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.form_title {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.form_subtitle1 {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: rgba(178,29,31,1.00);
	color: #FFF;
	font-size: 1.4rem;
}
.form_subtitle2 {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background:rgba(21,53,84,1.00);
	color: #FFF;
	font-size: 1.4rem;
}
.form_place {
	position: relative;
	width: 100%;
}
#privacy_area {
	position: relative;
	width: 100%;
	height: 350px;
	border: 1px solid #333;
	overflow: scroll;
	font-size: 1.2rem;
	padding: 10px;
}
#privacy_area h3 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 1em;
}
#privacy_area p {

	margin-bottom: 1em;
}
#privacy_area ul {
	list-style: circle;
	margin-left: 1em;
	padding: 0;
}
#privacy_check {
	position: relative;
	text-align: center;
	padding: 10px 0;
}
.formbtn_place {
	text-align: center;
	padding: 10px 0;
}
#contact_atten {
	position: relative;
	text-align: center;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 1.6rem;
	font-family: "Noto Serif JP", serif;
}
}

@media screen and (min-width: 768px){
#contact_sel {
	position: relative;
	width: 100%;
	padding: 100px 0;
}
#contact_sel_area {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.contact_item_area {
	position: relative;
	width: 45%;
	margin: 0 2.5% 50px;
}
.contact_item_title {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.contact_item_title h3 {
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	color: rgba(45,63,84,1.00);
	font-weight: 700;
	margin-bottom: 5px;
}
.contact_item_place {
	position: relative;
	width: 100%;
	height: 200px;
	background: rgba(241,232,222,1.00);
	padding: 30px;
}
.contact_item_word {
	position: relative;
	width: 100%;
	font-family: "Noto Serif JP", serif;
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 10px;
}
.contact_item_bt_area {
	position: absolute;
	width: 280px;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.contact_item_bt_area a {
	display: inline-block;
	background: rgba(52,82,118,1.00);
	color: #FFF;
	font-family: "Noto Serif JP", serif;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	transition: all 0.3s;
}
.contact_item_bt_area a i {
	margin-right: 5px;
	transition: all 0.3s;
}
.contact_item_bt_area a:hover {
	background: rgba(79,116,155,1.00);
}

#contact_tel {
	position: relative;
	width: 100%;
	padding: 100px 0;
}
#contact_tel_area {
	position: relative;
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.contact_tel_place {
	position: relative;
	width: 50%;
	font-family: "Noto Serif JP", serif;
	font-size: 1.6rem;
	line-height: 2;
}
.contact_tel_place span {
	font-size: 2rem;
}
.contact_tel_place a {
	text-decoration: none;
	font-size: 2rem;
	color: #333;
	font-weight: 700;
}
.contact_line_place {
	position: relative;
	width: 50%;
}
.contact_line_word {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.contact_line_qr {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
.contact_main_title {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
}
.contact_main_title h2 {
	font-family: "Noto Serif JP", serif;
	font-size: 3rem;
}
.spbr {
	display: none;
}
.form_area_title {
	position: relative;
	width: 100%;
	background: rgba(62,107,149,1.00);
	color: #FFF;
	font-size: 1.6rem;
	padding: 5px 10px;
	margin-bottom: 10px;
}

}
.mojired {
	color: rgba(232,36,39,1.00);
}
@media screen and (min-width: 0px) and (max-width: 767px){
.form_area_title {
	position: relative;
	width: 100%;
	background: rgba(62,107,149,1.00);
	color: #FFF;
	font-size: 1.6rem;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.pcbr {
	display: none;
}
.contact_main_title {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.contact_main_title h2 {
	font-family: "Noto Serif JP", serif;
	font-size: 1.8rem;
}
#contact_sel {
	position: relative;
	width: 100%;
	padding: 100px 0;
}
#contact_sel_area {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.contact_item_area {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.contact_item_title {
	position: relative;
	width: 100%;
	text-align: center;
}
.contact_item_title h3 {
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	color: rgba(45,63,84,1.00);
	font-weight: 700;
	margin-bottom: 5px;
}
.contact_item_place {
	position: relative;
	width: 100%;
	height: 200px;
	background: rgba(241,232,222,1.00);
	padding: 30px;
}
.contact_item_word {
	position: relative;
	width: 100%;
	font-family: "Noto Serif JP", serif;
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 10px;
}
.contact_item_bt_area {
	position: absolute;
	width: 280px;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.contact_item_bt_area a {
	display: inline-block;
	background: rgba(52,82,118,1.00);
	color: #FFF;
	font-family: "Noto Serif JP", serif;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	transition: all 0.3s;
}
.contact_item_bt_area a i {
	margin-right: 5px;
	transition: all 0.3s;
}
.contact_item_bt_area a:hover {
	background: rgba(79,116,155,1.00);
}

#contact_tel {
	position: relative;
	width: 100%;
	padding: 50px 0;
}
#contact_tel_area {
	position: relative;
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.contact_tel_place {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	font-family: "Noto Serif JP", serif;
	font-size: 1.6rem;
	line-height: 2;
}
.contact_tel_place span {
	font-size: 2rem;
}
.contact_tel_place a {
	text-decoration: none;
	font-size: 2rem;
	color: #333;
	font-weight: 700;
}
.contact_line_place {
	position: relative;
	width: 100%;
}
.contact_line_word {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.contact_line_qr {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
}
.form_place {
font-size:1.4rem;
}

@media screen and (min-width: 768px){
#onaoshi_photo_area {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#onaoshi_photo_area .onaoshi_photo_atten {
	position: relative;
	width: 100%;
	background: rgba(234,220,29,1.00);
	font-size: 1.4rem;
	padding: 20px;
	margin-bottom: 20px;
}
#onaoshi_photo_area .onaoshi_photo_item1 {
	position: relative;
	width: 32%;
	margin: 0 1% 0 0;
}
#onaoshi_photo_area .onaoshi_photo_item2 {
	position: relative;
	width: 32%;
	margin: 0 0.5% 0 0.5%;
}
#onaoshi_photo_area .onaoshi_photo_item3 {
	position: relative;
	width: 32%;
	margin: 0 0 0 1%!important;
}
.onaoshi_photo_name {
	position: relative;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.onaoshi_photo {
	position: relative;
	width: 100%;
}
.aten_contact {
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 80px;
	border: 2px solid #333;
	padding: 30px;
	font-size: 1.4rem;
	line-height: 2;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#onaoshi_photo_area {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#onaoshi_photo_area .onaoshi_photo_atten {
	position: relative;
	width: 100%;
	background: rgba(234,220,29,1.00);
	font-size: 1.4rem;
	padding: 20px;
	margin-bottom: 20px;
}
#onaoshi_photo_area .onaoshi_photo_item1 {
	position: relative;
	width: 32%;
	margin: 0 1% 0 0;
}
#onaoshi_photo_area .onaoshi_photo_item2 {
	position: relative;
	width: 32%;
	margin: 0 0.5% 0 0.5%;
}
#onaoshi_photo_area .onaoshi_photo_item3 {
	position: relative;
	width: 32%;
	margin: 0 0 0 1%!important;
}
.onaoshi_photo_name {
	position: relative;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.onaoshi_photo {
	position: relative;
	width: 100%;
}
.aten_contact {
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 80px;
	border: 2px solid #333;
	padding: 30px;
	font-size: 1.4rem;
	line-height: 2;
}
}