@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
/* header, footer, nav, section, aside, article {
	display: block;
} */

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #175bb7;
	font-weight: 400;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, input, textarea {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

input, textarea {
	margin: 0;
	font-size: 100%;
}

label {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset, img {
	border: 0;
}

img {
	vertical-align: top;
	max-width: 100%;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:after, q:before {
	content: '';
}

a, input {
	/* outline: none; */
}

abbr, acronym {
	border: 0;
}


input, button, textarea {
	outline: none;
	border: none;
	/* background: none; */
	border-radius: 0;
	font-size: 12px;
	padding: 10px 0;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html {
	overflow-y: scroll;
}

body {}

@media print {

	html,
	html body {
		zoom: 0.65;
	}
}

/* !Base Fonts
---------------------------------------------------------- */
a {
	color: #175bb7;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important;
	/* Firefox */
	-webkit-transition: all 0.5s !important;
	/* Chrome&Safari */
}

a:hover {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important;
	/* Firefox */
	-webkit-transition: all 0.5s !important;
	/* Chrome&Safari */
}

.op,
.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.op:hover,
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)";
	/* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.fwn {
	font-weight: normal;
}

.fwb {
	font-weight: bold;
}


/* !Floats
---------------------------------------------------------- */
.fll {
	float: left;
}

.flr {
	float: right;
}

.ftbox {
	overflow: hidden;
	zoom: 1;
}


/* !JavaScript
---------------------------------------------------------- */
.over {
	/* ロールオーバー呼び出し用 */
}


.visiblePC {
	display: block;
}

.visibleTS {
	display: none;
}

@media screen and (max-width: 767px) {
	.visibleTS {
		display: block;
	}

	.visiblePC {
		display: none;
	}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {}

.inner {
	max-width: 790px;
	margin: 0 auto !important;
	padding: 0 15px;
}


@media screen and (max-width: 767px) {
	.inner {
		padding: 0 15px;
	}
}


/* !header
---------------------------------------------------------- */
#header {
	background: #fff;
	padding: 30px 8%;
}

@media screen and (max-width: 767px) {
	#header {
		padding: 15px;
	}

	#header .headerlogo {
		max-width: 40%;
	}
}



/* !contents
---------------------------------------------------------- */
#contents {
	padding-right: 420px;
}

#main {
	position: relative;
}

/*
#main:before {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 15px;
	height: 100%;
	z-index: 2;
	-webkit-box-shadow: inset -15px 0px  20px -10px rgba(0,0,0,0.1);
	-moz-box-shadow: inset -15px 0px  20px -10px rgba(0,0,0,0.1);
	-ms-box-shadow: inset -15px 0px  20px -10px rgba(0,0,0,0.1);
	-o-box-shadow: inset -15px 0px  20px -10px rgba(0,0,0,0.1);
	box-shadow: inset -15px 0px  20px -10px rgba(0,0,0,0.1);
}
*/

@media screen and (max-width: 1080px) {
	#contents {
		padding-right: 0;
	}

	#main:before {
		left: 0;
		right: inherit;
		top: inherit;
		bottom: 0;
		width: 100%;
		height: 15px;
		z-index: 2;
		-webkit-box-shadow: inset 0 -15px 20px -10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 -15px 20px -10px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: inset 0 -15px 20px -10px rgba(0, 0, 0, 0.1);
		-o-box-shadow: inset 0 -15px 20px -10px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 -15px 20px -10px rgba(0, 0, 0, 0.1);
	}
}

/* 

#sider {
	position: fixed;
	top: 0;
	right: 0;
	width: 375px;
	max-height: 100%;
	overflow-y: auto;
	padding: 30px 20px 10px;
	background: #fff;
	z-index: 2;
}
@media screen and (max-width: 1080px) {
#sider {
	position: relative;
	top: inherit;
	right: inherit;
	width: auto;
	max-height: 100%;
	overflow-y: inherit;
	padding: 30px;
}
}

.sidercap li+li {
	margin-top: 5px;
}
.sidercap li {
	background: #ffda48;
	line-height: 1;
	font-size: 18px;
	font-weight: 700;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.sidertit {
	font-size: 21px;
	text-align: center;
	font-weight: 700;
	margin: 10px 0;
}
.sidertit span {
	color: #d10000;
}
.siderform {
	width: 100%;
}
.siderform td {
	padding: 5px 0;
	font-size: 14px;
	color: #000;
}
.siderform td .formcap {
	margin-bottom: 5px;
	font-size: 13px;
}
.siderform input {
	border: 1px #c7d3d9 solid;
	width: 100%;
	height: 30px;
	padding: 0 45px 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.siderform td .forminput {
	position: relative;
}
.siderform td .forminput:before {
	position: absolute;
	content: "必須";
	font-size: 14px;
	color: #db3e3e;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.siderform td .forminput.nomust:before {
	display: none;
}
.siderform td .forminput.formarea:before {
	top: 15px;
	transform: translateY(0);
}
.siderform td textarea {
	border: 1px #c7d3d9 solid;
	width: 100%;
	height: 60px;
	padding: 10px 45px 10px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.formbtn {
	margin-top: 10px;
}
.formbtn input {
	width: 100%;
	height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	background: -moz-linear-gradient(top, #f7677d, #b71730);
	background: -webkit-gradient(linear, top, from(#f7677d), to(#b71730));
	background: -webkit-linear-gradient(top, #f7677d, #b71730);
	background: -o-linear-gradient(top, #f7677d, #b71730);
	background: -ms-linear-gradient(top, #f7677d, #b71730);
	-pie-background: linear-gradient(top, #f7677d, #b71730);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer;
	-webkit-box-shadow: 5px 10px 10px rgba(45,76,136,0.2);
	-moz-box-shadow: 5px 10px 10px rgba(45,76,136,0.2);
	-ms-box-shadow: 5px 10px 10px rgba(45,76,136,0.2);
	-o-box-shadow: 5px 10px 10px rgba(45,76,136,0.2);
	box-shadow: 5px 10px 10px rgba(45,76,136,0.2);
}
.formtel {
	text-align: center;
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-top: 20px;
	line-height: 1.3;
}
.formtel span {
	display: block;
	font-size: 30px;
	color: #175bb7;
}
.formteldet {
	text-align: center;
	font-size: 14px;
	color: #000;
}

.formcheck label {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}
.formcheck label input[type=checkbox]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
}
.formcheck label input[type=checkbox]+span {
	display:inline-block;
	background:url(../img/checkbox_no.png) 0 center no-repeat;
	background-size:24px 24px;
	padding:5px 0 5px 35px;
	color: #000;
	font-size: 14px;
}
.formcheck label input[type=checkbox]:checked+span{
	background:url(../img/checkbox_on.png) 0 center no-repeat;
}
 */


/* !footer
---------------------------------------------------------- */
#footer .footerin {
	background: #69b644;
	padding: 15px 8%;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
}

#footer .footername {
	float: left;
	margin-right: 20px;
}

#footer .footermess li {
	float: left;
	overflow: hidden;
}

#footer .footermess li+li {
	margin-left: 30px;
}

#footer a {
	color: #fff;
	pointer-events: none;
}

#footer .copyright {
	text-align: center;
	padding: 15px 8% 10px;
	color: #69b644;
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	#footer .footerin {
		padding: 15px;
	}

	#footer .footername {
		float: left;
		margin-right: 0;
		width: 60px;
	}

	#footer .footermess li {
		float: none;
	}

	#footer .footermess li+li {
		margin-left: 0;
	}

	#footer a {
		color: #fff;
		pointer-events: inherit;
	}

	#footer .copyright {
		padding: 15px 15px 10px;
	}
}



/* !H
---------------------------------------------------------- */

.hdl {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.hdl {
		font-size: 20px;
	}
}



/* !new sider
---------------------------------------------------------- */

#side {
	position: fixed;
	width: 420px;
	box-sizing: border-box;
	height: 100%;
	background: #f1f8ff;
	color: #444;
	right: 0;
	top: 0;
	z-index: 10;
	box-shadow: 0 0 10px rgba(171, 171, 171, 0.5019607843137255);
	overflow-y: auto;
	overflow-x: hidden;
}

.sidewrap {
	position: relative;
	display: table;
	width: 400px;
	padding: 105px 15px 0;
	box-sizing: border-box;
	height: 100%;
}

p.side01 {
	margin-bottom: 10px;
	text-align: center;
}

p.side {
	margin-bottom: 10px;
	text-align: center;
}

.form {
	width: 260px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
}

.formBox {
	border: 1px solid #d3d3d3;
	margin: 15px 0;
	border-radius: 5px;
	font-size: 14px;
}

/* .item.txtarea {
	height: 70px;
} */
.item.txtarea textarea {
	width: 100%;
	padding: 5px 0;
	display: block;
	height: 40px;
	background: #fbecec;
}

.formBox .title {
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0;
	border-bottom: 1px solid #e8e8e8;
}

.form .tit {
	font-size: 17px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}

.form .input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 6px;
	background: #fff;
	font-size: 14px;
	line-height: 1;
	height: 40px;
}

.formBox {
	border: 1px solid #d3d3d3;
	margin: 10px 0;
	border-radius: 3px;
	background: #fff;
}

.form .sub {
	font-size: 14px;
	line-height: 24px;
	margin: 6px 0 25px;
}

.form .item {
	margin: 0;
	border-bottom: 1px solid #d3d3d3;
	padding: 0px 10px 3px;
}

.form .item:last-child {
	margin: 0;
	border-bottom: none;
	padding: 3px 10px 3px 10px;
}

.form .input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 0px;
	background: #fbecec;
	font-size: 12px;
	line-height: 1;
	height: 30px;
}

.form .input_nini {
	background: #fff;
}

.form .input::-webkit-input-placeholder, .form .input2::-webkit-input-placeholder {
	color: #a4a4a4;
}

.form .input:-moz-placeholder, .form .input2:-moz-placeholder {
	color: #a4a4a4;
}

.form .input:-ms-input-placeholder, .form .input2:-ms-input-placeholder {
	color: #a4a4a4;
}

.form .name {
	font-size: 11px;
	line-height: 1;
	font-weight: bold;
	color: #2c71b8;
}

.import .name {
	margin: 0 0 10px;
}

.form .checkbox {
	display: inline-block;
	width: 30px;
	/*height: 20px;*/
}

.tool {
	padding: 0 0 0 26px;
	margin: 5px 0;
	vertical-align: middle;
}

.checboxkitem {
	margin: 0 0 12px;
}

.checboxkitem label {
	font-size: 13px;
	letter-spacing: -1px;
}

.checboxkitem a {
	color: #444;
}

.name+.checboxkitem {
	margin: 0;
}

.privacy {
	margin: 10px 0 0;
}

.privacy .name {
	margin: 5px 0 0px;
}

.form .input2 {
	position: relative;
	display: inline-block;
	width: 90%;
	padding: 0 4px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
	vertical-align: middle;
	top: -2px;
}

.privacy .text {
	margin: 5px 0 0;
	width: 100%;
	height: 50px;
	font-size: 12px;
	line-height: 20px;
	box-sizing: border-box;
	overflow-y: scroll;
	padding: 5px;
	border: 1px solid #acacac;
	background: #fff;
	border-radius: 3px;
}

.submit {
	margin: 10px 0;
}

.submit input {
	display: block;
	width: 100%;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 2.8;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #d6264e;
	border-radius: 4px;
	cursor: pointer;
	-webkit-appearance: none;
}

.submit input:hover {
	opacity: 0.8;
	transition: 0.8s;
}

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

	#side {
		width: 100%;
		padding: 5vw;
		min-height: auto;
	}

	.form {
		position: initial;
		width: 100%;
		padding: 0;
		margin: 0;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}

	.form .tit {
		font-size: 18px;
	}

	.form .sub {
		font-size: 12px;
		line-height: 21px;
		margin: 6px 0 10px;
	}

	.form .item {
		margin: 0;
	}

	.form .input {
		border: 1px solid #acacac;
		border-radius: 2px;
		padding: 8px 6px;
		background: #fff;
		font-size: 14px;
		line-height: 1;
		height: 40px;
	}

	.form .name {
		font-size: 14px;
	}

	.import .name {
		margin: 0 0 10px;
	}

	.checboxkitem label {
		font-size: 14px;
	}

	.form .input2 {
		width: 88%;
		padding: 0 4px;
		font-size: 14px;
		top: -2px;
	}

	.submit {
		margin: 30px 0 30px;
	}

	.submit button {
		font-size: 15px;
		line-height: 60px;
		border-radius: 3px;
	}

	.submit button:hover {
		opacity: 0.8;
		transition: 0.8s;
	}

	#side {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		min-height: auto;
		background: #f1f8ff;
		color: #444;
		left: 0;
		top: 0;
		z-index: 10;
	}

	.sidewrap {
		position: relative;
		display: table;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		padding: 30px 0;
	}

	.form .input {
		border: none;
		border-radius: 2px;
		padding: 8px 6px;
		background: #fbecec;
		font-size: 14px;
		line-height: 1;
		height: 40px;
	}

	.form .input_nini {
		background: #fff;
	}

	.formContact {
		text-align: center;
	}
}


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

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



.tit {
	margin: 10px 0;
}

.sidercap li+li {
	margin-top: 5px;
}

.sidercap li {
	background: #ffda48;
	color: #175bb7;
	width: 66%;
	display: inline-block;
	line-height: 1;
	font-size: 13px;
	font-weight: 700;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.sidercap li:last-child {
	background: #ffda48;
	color: #175bb7;
	width: 32%;
	display: inline-block;
	line-height: 1;
	font-size: 13px;
	font-weight: 700;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


footer a {
	color: #333;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important;
	/* Firefox */
	-webkit-transition: all 0.5s !important;
	/* Chrome&Safari */
}

footer {
	color: #333;
}

@media screen and (min-width: 1500px) {
	footer #sitemap .base {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
		width: 920px;
		margin-left: 120px;
	}
}

footer #sitemap .base {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	position: absolute;
	left: 20px;
	width: 920px;
}

footer #sitemap {
	background: #f4f4f4;
	padding: 40px 0 57px;
	position: relative;
	height: auto;
}

footer .copyright {
	color: #50b660;
	text-align: center;
	font-size: 12px;
	padding: 0.5em 0 0.5em 40px;
	margin: 0 auto;
	display: block;
	text-align: left;
}

footer .companyin .base {
	max-width: 1100px;
	margin: 0 auto;
	/*margin-left: 0px;*/
}

footer .companyin .base {
	max-width: 1240px;
}

footer .copyright {
	max-width: 1240px;
	padding: 10px 0;
}

footer #sitemap .base {
	display: -webkit-box;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	width: 1240px;
	/* margin-left: 20px; */
	margin: 0 auto;
	margin-right: 500px;
	position: unset;
}

footer #sitemap .base {
	max-width: 1240px;
	margin: 0 auto;
}


@media screen and (min-width: 1501px) {
	footer #sitemap .base {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
		width: 1100px;
		/*margin-left: 20px;*/
		margin: 0 auto;
		margin-left: 340px;
		position: unset;
	}
}

footer {
	margin-top: 0;
	padding-top: 0;
}

@media screen and (max-width: 640px) {
	footer #sitemap {
		background: #f4f4f4;
		padding: 40px 20px 57px;
		position: relative;
		height: auto;
	}

	footer #sitemap .base {
		width: 100%;
	}

	footer .copyright {
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	footer #sitemap div ul.map>li ul li a {
		display: block;
		font-size: 4vmin;
		padding-bottom: 0.5vh;
		margin-bottom: 0;
	}

	footer #sitemap .base {
		display: block;
		justify-content: space-between;
		/* flex-wrap: wrap; */
		align-items: stretch;
		position: unset;
		left: 20px;
		width: 920px;
	}
}


/*-- 追記220112 --*/
.item.txtarea textarea {
	height: 80px;
}

.item.txtarea p.chusyaku {
	font-size: 12px;
	line-height: 1rem;
	padding: 8px 0;
}

@media screen and (max-width: 640px) {
	.form .item {
		padding: 0px 0px 5px;
	}

	.form .item:last-child {
		padding: 5px 0px 5px 0px;
	}
}

p span.kaigyou {
	display: block;
}


/* 20220323 */
.bluebtn-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 80px;
}

.bluebtn {
	background: #185bb7;
	color: #fff;
	width: 248px;
	padding-left: 20px;
	/* 	padding-right: 15px; */
	height: 100px;
	margin: auto 0;
	display: flex;
}

.bluebtn__img {
	width: 20%;
	margin-right: 15px;
	margin-top: auto;
	margin-bottom: auto;
}

.bluebtn__img img {
	display: block;
}

.bluebtn__text__s {
	font-size: 12px;
}

.bluebtn__text {
	width: 66%;
	margin-top: auto;
	margin-bottom: auto;
}

.superdet-r {
	border-radius: 8px;
	box-shadow: 0px 3px 16px -4px rgba(0, 0, 0, 0.6);

}

.superdet-r .superdetin {
	font-size: 18px !important;
	line-height: 1.4 !important;
	display: block !important;
	text-align: left !important;
	font-weight: 400 !important;
	padding: 10px 20px;
}

.superdet-r .superdetin span {
	font-size: 14px;
	display: block;
	text-align: left;
	font-weight: 400;
	line-height: 1.4 !important;
	margin-top: 8px;
}

.superdet-r .superdetin span:nth-child(3) {
	font-size: 12px;
	display: block;
	text-align: right;
}

.superdet-r .superdetin span:nth-child(3):after {
	content: '\025b6';
	font-size: 8px;
}

.exampleright__title {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.examplecont_ dd {
	margin-bottom: 20px;
}

.examplecont_ .exampletit {
	margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
	.examplecont_ .exampletit {
		margin-bottom: 20px;
	}

	.bluebtn-container {
		margin-top: 40px;
	}

	.bluebtn {
		height: 90px;
	}

	.examplecont_ .exampletit {
		margin-bottom: 20px;
	}

	.superlist .superdet-r {
		padding: 15px 0 !important;
		margin-top: 10px !important;
	}

	.superdet-r .superdetin {
		font-size: 16px !important;
		padding: 0 20px;
	}
}