@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

@media print, screen and (min-width: 737px) {

.requirement {}
.telnum-info {
	font-size: 15pt;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}
.telnum-info span {
	font-size: 12pt;
	font-weight: 600;
}
.yokohaba {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 12pt!important;
	margin-left: 0px!important;
	display: inline-block;
	min-width: 125px;
	font-weight: normal!important;
}
.recruit_table {
	box-sizing: border-box;
	font-size: 12pt;
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 27px;	
}
.recruit_table th, .cp_table  td {width: 100%;}
.recruit_table div {}
.recruit_table div {padding-top: 25px;}
.recruit_table th {
	padding: 25px;
	font-size: 12pt;
	border: 1px solid #E8E8E8;
	font-weight: 500;
	background-color: #E8E8E8;
	box-sizing: border-box;
	width: 280px!important;
	color: #000;
}
.recruit_table tr {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.recruit_table td {
	width: 820px!important;
	border: 1px solid #E8E8E8;
	margin-bottom: 10px;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 25px;
}
.three-box {}
.three-box li {
	margin: 0.5%;
	float: left;
	width: 32.33%;	
}


.fours-box {padding-top: 40px;}
.fours-box li {
	margin: 0.5%;
	float: left;
	width: 24%;	
}
.box-button img {margin-bottom: 10px;}
.box-button {
	display: block;
	margin-right: auto;
	margin-left: auto;	
	padding: 10%;
}
.box-button::before,
.box-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.box-button,
.box-button::before,
.box-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box-button {
	color: #000;
	background-color: #FFF;
}
.box-button:hover {
	color: #4b4b4b;
	background-color: #E5E5E5;	
}

.telnum3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26pt;
	line-height: 40px;
	font-weight: 600;
}

.formbutton1 {
	display: block;
	width: 48%;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
	font-size: 11pt;
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
}
.formbutton1::before,
.formbutton1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.formbutton1,
.formbutton1::before,
.formbutton1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.formbutton1 {
	background-color: #3d3d3d;
	color: #FFF;
}
.formbutton1:hover {
	color: #FFF;
	background-color: #000;
}

.formbutton2 {
	display: block;
	width: 48%;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
	font-size: 11pt;
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
}
.formbutton2::before,
.formbutton2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.formbutton2,
.formbutton2::before,
.formbutton2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.formbutton2 {
	background-color: #e50038;
	color: #FFF;
}
.formbutton2:hover {
	color: #FFF;
	background-color: #B6002D;	
}

.btmicon p {
	width: 100%!important;
	box-sizing: border-box;
	font-size: 11pt;
	line-height: 22px;
	padding: 10px;
	margin-bottom: 7px;
	border: 2px solid #FFF;
	display: inline-block!important;
}
.mysvg2 {
	width: 25px;
	display: inline-block!important;
	vertical-align: -25%;
	fill: #FFF;
	margin-right: 15px;
}
.mysvg1 {
	width: 25px;
	display: inline-block!important;
	vertical-align: -25%;
	fill: #009FE8;
	margin-right: 15px;
	
}
.todown {margin-bottom: 20px;}
.towbox {
	min-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	
}
.imagebk-space {
	width: 50%;
	line-height: 0px;
}
.imagebk-space img {
	line-height: 0px;
	height: 520px;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
.comennt-space {width: 50%;}
.comennt-space li {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15%;
}
.comennt-space2 {width: 50%;}
.comennt-space2 li {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12%;
	padding-right: 13%;
	padding-bottom: 5%;
	padding-left: 13%;
}
.comennt-space3 {width: 50%;}
.comennt-space3 li {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 9.5%;
	padding-right: 13%;
	padding-bottom: 5%;
	padding-left: 13%;
}
.left-image {
	float: left;
	width: 40%;
	margin-right: 6%;
}

.right-image {
	float: right;
	width: 40%;
	margin-left: 6%;
}
.left40 {
	float: left;
	width: 40%;
	margin-right: 3%;
}
.right40 {
	float: right;
	width: 40%;
	margin-left: 3%;
}
.left50 {
	float: left;
	width: 50%;
}
.right45 {
	float: right;
	width: 45%;
}
.right50 {
	float: right;
	width: 50%;
}
.spacer20 {
	min-width: 500px;
	padding-top: 5%;
	padding-left: 80px;
	padding-right: 50px;
}
.dangumi1 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#page1,#page2,#page3,#page4,#page5,#page6,#page7  {
	margin-top: -180px;
	padding-top: 180px;
}
#access  {
	margin-top: -180px;
	padding-top: 180px;
}

.eng-tittle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	line-height: 33px;
	font-weight: 600;
	letter-spacing: 5px;
	margin-bottom: 25px;
	color: #ff0000;
}
.topi-midashi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50pt;
	line-height: 50px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #000;
	margin-top: -30px;
	margin-left: 15px;
}
.topi-midashi span {
	font-size: 13pt;
	line-height: 23px;
	font-weight: 600;
	display: block;
	margin-left: 5px;
	padding-top: 20px;
	letter-spacing: 5px;
}
.komidashi {
	font-size: 12pt;
	line-height: 23px;
	margin-bottom: 80px;
	text-align: center;
	letter-spacing: 3px;
}
.komidashi1s {
	font-size: 12pt;
	line-height: 23px;
	margin-bottom: 60px;
	text-align: center;
	letter-spacing: 3px;
}
.midashi1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36pt;
	line-height: 55px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
	color: #008dd7;
}
.midashi1  span{
	background-color: #008dd7;
	height: 50px;
	width: 3px;
	display: block;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.fourbox {
	display: flex;
	margin-right: auto;
	margin-left: auto;
}

.fourbox li {margin: 1%;}
.fourbox span {
	width: 276px;
	margin-bottom: 20px;
	display: block;
}
.fourbox2 {
	width: 74%;
	display: flex;
	margin-right: auto;
	margin-left: auto;
}
.fourbox2 li {margin: 1.5%;}
.fourbox2 span {
	width: 276px;
	margin-bottom: 20px;
	display: block;
}
.komidashi2 {
	font-size: 13pt;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 20px;
}

.komidashi1 {
	font-size: 12pt;
	line-height: 23px;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 3px;
	color: #FFF;
}
.midashi1w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36pt;
	line-height: 55px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
	color: #FFF;
}
.midashi1w  span{
	background-color: #FFF;
	height: 50px;
	width: 3px;
	display: block;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

.midashi2 {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 20pt;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 45px;
	letter-spacing: 3px;
}
.midashi2v {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 20pt;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 45px;
}

.midashi2s {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 20pt;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 45px;
	letter-spacing: 3px;
	text-align: center;
}

.midashi3 {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 18pt;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 25px;
	letter-spacing: 2px;
}

.midashi3s {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 18pt;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 15px;
}

.shirowaku {
	text-align: center;
	background-color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8%;
	padding-right: 3%;
	padding-bottom: 8%;
	padding-left: 3%;
	background-color: rgba(255, 255, 255,.8);
}

.geetbk {
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-top: 120px;
	padding-bottom: 120px;
	background-image: url(../img/body/greet-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.recimage {
	padding-top: 270px;
	padding-bottom: 270px;
	background-image: url(../img/body/rec-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.comennt2 {
	font-size: 12pt;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
}
.comennt2s {
	font-size: 12pt;
	line-height: 35px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 25px;
}

.comennt {
	font-size: 11pt;
	line-height: 22px;
	font-weight: normal;
}

.comennt1 {
	font-size: 12pt;
	line-height: 30px;
	font-weight: normal;
}

.comennt3 {
	font-size: 12pt;
	line-height: 28px;
	font-weight: normal;
}

.comennt4 {
	font-size: 11pt;
	line-height: 23px;
	font-weight: normal;
}
.link-banner {}
.link-banner a {display:block;}
.banner-image {
	line-height: 0px;
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.hero-banner {
	line-height: 0px;
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.banner2 {
	margin: 1%;
	float: left;
	width: 31.3%;
}

.banner {
	margin: 2%;
	float: left;
	width: 46%;
}

.banner-image2 {
	margin: 1%;
	float: left;
	width: 31.3%;
}
.map-space {
	position: relative;
	padding-bottom: 57%;/*←高さを変更する*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}
.map-space iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.shops {
	padding: 20px;
	border: 1px solid #D6D6D6;
	margin-bottom: 15px;
}

.shops2 {
	width: 31.3%;
	border: 1px solid #D6D6D6;
	float: left;
	box-sizing: border-box;
	margin: 1%;
}
.add-text2 {
	padding: 23px;
}
.gaikan2 {
	height: 250px;
	width: 300px;
	position: relative;
	border: 1px solid #CCC;
	margin-right: auto;
	margin-left: auto;
}
.line4 {
	width: 50px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-bottom: 15px;
	margin-left: 18px;
}
.gaikan2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	
}
.comname2 {
	padding-top: 20px;
	font-size: 13pt;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 10px;
	
	padding-left: 18px;
}

.btm-shop {
	padding-top: 10px;
	padding-bottom: 50px;
	width: 1130px;
	margin-right: auto;
	margin-left: auto;
}

.btm-shop li {
	margin: 1%;
	float: left;
	width: 31.3%;
}


.telnum4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-top: 5px;
}

.comname {
	padding-top: 20px;
	font-size: 13pt;
	line-height: 25px;
	font-weight: 500;
	margin-bottom: 10px;
	
	
}

.comname span {
	
	font-size: 11pt;
	line-height: 25px;
	font-weight: 500;
	margin-bottom: 10px;
	
	
}



.line3 {
	width: 70px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-bottom: 15px;
}
.add-text {
	float: left;
	padding-left: 30px;
	width: 350px;
	position: relative;
	z-index: 5;
}

.gaikan {
	float: left;
	height: 250px;
	width: 300px;
	position: relative;
	border: 1px solid #CCC;	
}

.gaikan img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	
}


.map-space2 {
	position: relative;
	padding-bottom: 23.5%;
	
	height: 0;
	overflow: hidden;
	width: 350px;
	
	margin-right: auto;
	margin-left: auto;
	float: right;	
}
.map-space2 iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
 

ul.pointcheck {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

ul.pointcheck li{
	
	padding-left: 0.7em;
}
 
 
ul.pointcheck li:before {
	content: "\・";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	font-size: 12pt;
	color: #000;
}
.pointcheck li {
	position: relative;
	font-size: 11pt;
	line-height: 22px;
	text-align: left;
}




ul.pointcheck1 {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 20px;	
}

ul.pointcheck1 li{
	
	padding-left: 0.7em;
}
 
 
ul.pointcheck1 li:before {
	content: "\●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #008DD7;
	font-size: 11pt;
	padding-top: 2px;
}
.pointcheck1 li {
	position: relative;
	font-size: 13pt;
	line-height: 27px;
	text-align: left;
}



ul.pointcheck4 {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 10px;
}

ul.pointcheck4 li{
	padding-left: 0.7em;
}
 
 
ul.pointcheck4 li:before {
	content: "\f058";
	font-family: "Font Awesome\ 5 Free";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #CC6666;
}
.pointcheck4 li {
	position: relative;
	font-size: 10pt;
	line-height: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


ol.pointcheck3 {
	counter-reset: my-counter;
	padding-left: 10px;
	list-style: none;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	
}

ol.pointcheck3 li{
	padding-top: 5px;
	margin-bottom: 2px;
	padding-left: 20px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
}
 
 
ol.pointcheck3 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #FF9702;
	color: #FFF;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -20px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 9pt;
	margin-top: 1px;
	margin-right: 10px;
}
.pointcheck3 li {
	position: relative;
	font-size: 11pt;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	
}

ol.pointcheck3s {
	counter-reset: my-counter;
	padding-left: 10px;
	margin-bottom: 10px;
	list-style: none;
	margin-right: auto;
	margin-left: auto;
}

ol.pointcheck3s li{
	padding-top: 5px;
	margin-bottom: 2px;
	padding-left: 20px;
	position: relative;
}
 
 
ol.pointcheck3s li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #8FC012;
	color: #FFF;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 9pt;
	margin-top: 0px;
	margin-right: 10px;
}
.pointcheck3s li {
	position: relative;
	font-size: 11pt;
	line-height: 22px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
}

.koumoku1 {
	min-width: 250px;
	font-size: 12pt;
	float: left;	
}

.koumoku2 {
	min-width: 250px;
	font-size: 12pt;
	float: left;	
}

.gaiyo-text {
	font-size: 12pt;
	overflow: hidden;	
}
.gaiyo-text2 {
	font-size: 12pt;
	overflow: hidden;
	
}


.line-text {
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDB6C0;
}

.topics-tittle {
	line-height: 0px;
	width: 380px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 20px;
}

.line-text-cat {
	font-size: 11pt;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.topics-list {position: relative;}

.whbk{
	background-color: #FFF;
	position: relative;
}
.tobk {background-color: #f4f4f4;}
.tobk2{background-color: #ccc;}

.tobk3{
	background-color: #008dd7;
	color: #FFF;
}

.topicsbk {
	background-color: #f4f4f4;
	padding-bottom: 50px;
}

.topicsbk2 {
	background-color: #f4f4f4;
	padding-bottom: 50px;
	padding-top: 50px;
}


.recbk{
	color: #FFF;
	text-align: center;
	position: relative;
	background: rgb(0,141,215);
	background: linear-gradient(90deg, rgba(0,141,215,1) 0%, rgba(130,194,232,1) 100%);
}

.recbk2{
	color: #FFF;
	text-align: center;
	position: relative;
	background-image: url(../img/body/recbk.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.normal10 {
	font-size: 9pt;
	line-height: 17px;
	padding-top: 5px;
}


.arrow_box {
	position: absolute;
	text-align: center;
	color: #FFF;
	background-color: #1f529b;
	margin-top: -30px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left: 240px;
}
.arrow_box:after {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #1f529b;
	border-width: 5px;
	margin-left: -5px;
}


.textbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;	
	
}

.textbox-full {
	margin-right: auto;
	margin-left: auto;
	padding-top: 140px;
	padding-bottom: 80px;
	position: relative;	
	
}
.textbox-bottom {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 160px;
	position: relative;	
	
}

.textbox1 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 70px;
	
	position: relative;		
}


.textbox1s {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 20px;
	position: relative;		
}
.textbox1sc {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;		
}
.textbox1s2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 80px;
	position: relative;		
}




.textbox2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;	
}

.textbox3 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 150px;
	position: relative;	
}



.textbox-space {
	overflow: hidden;
}



.dangumi2 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}


.main-image {
	position: relative;
	margin-top: 0 !important;
	height: 950px;
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../img/body/main-image.jpg);
}

.slidecomennt {
	width: 65%;
	position: absolute;
	z-index: 10;
	margin-left: 10%;
	left: 0px;
	right: 0px;
	top: 0px;
	margin-bottom: 10%;
}

.main-comennt {
	font-size: 32pt;
	line-height: 90px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
	margin-top: 300px;
	letter-spacing: 5px;
}
.main-comennt span {
	font-size: 45pt;
	line-height: 75px;
	display: block;
}
.logoimage a {display: block;}

#logo {
	width: 240px;
	float: left;
	
	background-image: url(../img/body/logo2.svg);
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}

#logo2 {
	width: 240px;
	float: left;
	
	background-image: url(../img/body/logo.svg);
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}

/*#logo img {
	width: 245px;
	line-height: 0px;
	
}
*/
.change-color #logo {
	width: 240px;
	float: left;
	
	background-image: url(../img/body/logo.svg);
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}




#header {
	
}


.header {   
    transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.header__inner {   
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__nav ul {
    display: flex;
}

.header__nav ul li {
    margin-left: 30px;
}

.header.change-color {
    background-color: #FFF;
	color: #000;
	-webkit-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-o-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	box-shadow: 3px 5px 5px rgba(0,0,0,.1);
}





.header2 {
	transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
	
}




.header2.change-color {
    background-color: #FFF;
	color: #000;
	-webkit-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-o-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	box-shadow: 3px 5px 5px rgba(0,0,0,.1);
}









/*.header.change-color a {
	color: #000;
}*/




.hed-right {
	float: right;
	margin-right: 1%;
}

/*.hed-info {
	padding-top: 15px;
	
}*/
.hed-space {
	width: 95%;
	min-width: 1150px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 5px;
}
.telnum span {
	font-size: 13pt;
	font-weight: 600;
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: 10%;
	margin-right: 5px;
	
}



.telnum {
	
	font-size: 15pt;
	line-height: 33px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	
}


.telnum1 {
	font-size: 20pt;
	line-height: 35px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	padding-top: 20px;
}

.telnum1 span {
	font-size: 13pt;
	display: inline-block;
	
	margin-right: 3px;
}


.telnum2 {
	font-size: 16pt;
	line-height: 30px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}

.telnum2 span {
	font-size: 13pt;
	display: inline-block;
	
	margin-right: 3px;
}


.telnum3 {
	padding-top: 10px;	
	font-family: 'YakuHanMP','Noto Serif JP', sans-serif;
	font-size: 20pt;
	line-height: 30px;
	font-weight: 600;
}

.telnum3 span {
	width: 25px;
	display: inline-block;
	vertical-align: -6%;
	margin-right: 5px;
}

.telnum4 {
	padding-top: 10px;	
	font-family: 'YakuHanMP','Noto Serif JP', sans-serif;
	font-size: 25pt;
	line-height: 30px;
	font-weight: 700;
}

.telnum4 span {
	font-size: 14pt;
	margin-right: 5px;
}



.banner-link {}

.banner-link a {display:block;}

.banner-link2 {float: right;}

.banner-link2 a {display:block;}



ul.thisnone {
	display: none;
}

#gnavi {
	margin-left: auto;
	clear: both;
	position: relative;
	z-index: 50;
	padding-top: 10px;
	
}

#gloval_menu {
	margin-right: 0px;
	margin-right: auto;
	clear: both;
	display: table;
}


#contents_bar {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;	
}
#contents_bar > ul {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	z-index: 100;
}
#contents_bar > ul > li {
	min-height: 50px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;	
}
#contents_bar > ul > li:not(:last-child) {
}
#contents_bar ul li {
	position: relative;
}
#contents_bar li li {
	
}

#contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar li	{
	float: left;
}
#contents_bar a:hover {
	text-decoration: none;
}
#contents_bar > ul > li > a {
	padding-right: 0;
}
#contents_bar > ul > li > a.active {
}


#contents_bar .level1 {
	width: 100%;
	position: absolute;
	z-index: 55;
	margin-left: -65px;
}

#contents_bar .level1 a  {
	font-size: 12pt;
	color: #FFF;
	text-align: left;
	width: 180px!important;
	background-color: #294ab1;
	text-decoration: none!important;
	border: 0px solid #294ab1!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10pt;
}

#contents_bar .level1 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #2d004d;
}
#contents_bar .level1 a:hover::after {transform: scale(1, 1);}
#contents_bar .level1 .active {
	color: #294ab1;
	background-color: #FFFFFF;
}
#contents_bar .level1 .mysvg a  {
	display: block;
}

#contents_bar .level1 {
	top: 100%;
	left: 0;
}

#contents_bar a .mysvg {
	vertical-align: -10%;
	display: inline-block;
	width: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	fill: currentColor;
}

#contents_bar a:hover .mysvg {
	color: #2d004d;
	fill: currentColor;
}




#contents_bar	{	
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 5px;
}

#contents_bar a	{
	display: block;
	overflow: hidden;
	text-align: center;
	color: #FFF;
	font-size: 13pt;
	height: 40px;
	font-weight: 700;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
#contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar li	{
	float: left;
	list-style: none;	
}
#contents_bar .c-menu01 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar .c-menu02 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar .c-menu03 a	{
	display: inline-block;
	position: relative;
}
#contents_bar .c-menu04 a	{
	display: inline-block;
	position: relative;
}
#contents_bar .c-menu05 a	{
	display: inline-block;
	position: relative;
}
#contents_bar .c-menu06 a	{
	display: inline-block;
	position: relative;
	
}







#contents_bar a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#contents_bar a:hover::after {
  transform: scale(1, 1);
}

#contents_bar .current	{
	color: #6FF;	/*height: 38px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
}






/*下層用*/

#contents_bar2 {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;	
}
#contents_bar2 > ul {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	z-index: 100;
}
#contents_bar2 > ul > li {
	min-height: 50px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;	
}
#contents_bar2 > ul > li:not(:last-child) {
}
#contents_bar2 ul li {
	position: relative;
}
#contents_bar2 li li {
	
}

#contents_bar2:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar li	{
	float: left;
}
#contents_bar2 a:hover {
	text-decoration: none;
}
#contents_bar2 > ul > li > a {
	padding-right: 0;
}
#contents_bar2 > ul > li > a.active {
}


#contents_bar2 .level1 {
	width: 100%;
	position: absolute;
	z-index: 55;
	margin-left: -65px;
}

#contents_bar2 .level1 a {
	
	font-size: 12pt;
	color: #FFF;
	text-align: left;
	width: 180px!important;
	background-color: #294ab1;
	text-decoration: none!important;
	border: 0px solid #294ab1!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10pt;
}

#contents_bar2 .level1 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #2d004d;
}
#contents_bar2 .level1 a:hover::after {transform: scale(1, 1);}
#contents_bar2 .level1 .active {
	color: #FFF;
	background-color: #000;
}
#contents_bar2 .level1 .menu10 a  {display: block;}

#contents_bar2 .level1 {
	top: 100%;
	left: 0;
}

#contents_bar2 a .mysvg {
	vertical-align: -10%;
	display: inline-block;
	width: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	fill: currentColor;
}

#contents_bar2 a:hover .mysvg {
	color: #FFF;
	fill: currentColor;
}


#contents_bar2	{	
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 5px;
}

#contents_bar2 a	{
	
	display: block;
	overflow: hidden;
	text-align: center;
	color: #000;
	font-size: 13pt;
	height: 40px;
	font-weight: 700;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
#contents_bar2:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar2 li	{
	float: left;
	list-style: none;	
}
#contents_bar2 .c-menu01 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar2 .c-menu02 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar2 .c-menu03 a	{
	display: inline-block;
	position: relative;
}
#contents_bar2 .c-menu04 a	{
	display: inline-block;
	position: relative;
}
#contents_bar2 .c-menu05 a	{
	display: inline-block;
	position: relative;
}
#contents_bar2 .c-menu06 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar2 .c-menu07 a	{
	display: inline-block;
	position: relative;
	margin-left: 25px;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	background-color: #2d004d;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-top: -10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents_bar2 .c-menu07 a:hover {
	color: #FFF;
	background-color: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents_bar2 .c-menu07 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #37A1DB;
}
#contents_bar2 .c-menu07 a:hover::after	{
	transform: scale(1, 1);
	
}


#contents_bar2 a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #37A1DB;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#contents_bar2 a:hover::after {
  transform: scale(1, 1);
}

#contents_bar2 a.current	{
	color: #37A1DB;
	
}



/*下層用*/

.change-color #contents_bar {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;	
}
.change-color #contents_bar > ul {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	z-index: 100;
}
.change-color #contents_bar > ul > li {
	min-height: 50px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;	
}
.change-color #contents_bar > ul > li:not(:last-child) {
}
.change-color #contents_bar ul li {
	position: relative;
}
.change-color #contents_bar li li {
	
}

.change-color #contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
.change-color #contents_bar li	{
	float: left;
}
.change-color #contents_bar a:hover {
	text-decoration: none;
}
.change-color #contents_bar > ul > li > a {
	padding-right: 0;
}
.change-color #contents_bar > ul > li > a.active {
}
.change-color #contents_bar .level1 {
	width: 100%;
	position: absolute;
	z-index: 55;
	margin-left: -65px;
}

.change-color #contents_bar .level1 a {
	
	font-size: 12pt;
	color: #FFF;
	text-align: left;
	width: 180px!important;
	background-color: #294ab1;
	text-decoration: none!important;
	border: 0px solid #294ab1!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10pt;
}

.change-color #contents_bar .level1 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #294ab1;
}
.change-color #contents_bar .level1 a:hover::after {transform: scale(1, 1);}
.change-color #contents_bar .level1 .active {
	color: #FFF;
	background-color: #000;
}
.change-color #contents_bar .level1 .menu10 a  {display: block;}

.change-color #contents_bar .level1 {
	top: 100%;
	left: 0;
}

.change-color #contents_bar a .mysvg {
	vertical-align: -10%;
	display: inline-block;
	width: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	fill: currentColor;
}

.change-color #contents_bar a:hover .mysvg {
	color: #FFF;
	fill: currentColor;
}


.change-color #contents_bar	{	
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 5px;
}

.change-color #contents_bar a	{
	display: block;
	overflow: hidden;
	text-align: center;
	color: #000;
	font-size: 13pt;
	height: 40px;
	font-weight: 600;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
.change-color #contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
.change-color #contents_bar li	{
	float: left;
	list-style: none;	
}
.change-color #contents_bar .c-menu01 a	{
	display: inline-block;
	position: relative;
	
}
.change-color #contents_bar .c-menu02 a	{
	display: inline-block;
	position: relative;
	
}
.change-color #contents_bar .c-menu03 a	{
	display: inline-block;
	position: relative;
}
.change-color #contents_bar .c-menu04 a	{
	display: inline-block;
	position: relative;
}
.change-color #contents_bar .c-menu06 a	{
	display: inline-block;
	position: relative;
	
}
.change-color #contents_bar .c-menu07 a	{
	display: inline-block;
	position: relative;
	margin-left: 25px;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	background-color: #2d004d;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-top: -10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.change-color #contents_bar .c-menu07 a:hover {
	color: #FFF;
	background-color: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.change-color #contents_bar .c-menu07 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #008dd7;
}
.change-color #contents_bar .c-menu07 a:hover::after	{
	transform: scale(1, 1);
	
}

.change-color #contents_bar a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #008dd7;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.change-color #contents_bar a:hover::after {
  transform: scale(1, 1);
}




.change-color #contents_bar .current	{
	color: #008DD7;	/*height: 38px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
}








body {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
	font-family: 'YakuHanJP','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #202020;
}



.pankuzu-space {
	width: 93%;
	margin-right: auto;
	margin-left: auto;
	
}

.pankuzu {
	background-size: cover;
	margin-right: auto;
	margin-left: auto;
	padding-top: 170px;
	padding-bottom: 20px;
	/*background-image: url(../img/body/pankuzu-image.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
}



.pankuzu-tittle {
	color: #FFF;
	font-weight: 600;
	font-size: 43pt;
	line-height: 65px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: table;
	padding-top: 85px;
	font-family: Arial, Helvetica, sans-serif;
}

.pankuzu-comennt {
	color: #FFF;
	font-weight: 600;
	font-size: 13pt;
	line-height: 33px;
	text-align: center;
	padding-bottom: 100px;
	letter-spacing: 5px;
	padding-top: 10px;
}

.niku img {
	vertical-align: -10%;
	display: inline-block;
	width: 40px;
	margin-right: 5px;
}

.pages {
	color: #FFF;
	margin-bottom: 5px;
	font-size: 10pt;
	line-height: 18px;
	padding-right: 5%;
	padding-left: 5%;
	display: table;
	margin-right: 0px;
	margin-left: auto;
}
.pages li {
	float: left;
	margin-right: 4px;
	margin-left: 4px;
}

.page-engtittle {
	font-size: 13pt;
	line-height: 26px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
}




#wrapper {}

.bicho-r5 {padding-right: 5px;}
.bicho-l5 {padding-left: 5px;}





.sponly {display: none;}
.pconly {}
.pcdown10 {padding-bottom: 10px;}
.pcdown20 {padding-bottom: 20px;}
.pcdown25 {padding-bottom: 24px;}
.pcdown30 {padding-bottom: 30px;}
.pcdown30s {padding-bottom: 30px;}
.pcdown40 {padding-bottom: 40px;}
.pcdown50 {padding-bottom: 50px;}
.pcdown60 {padding-bottom: 60px;}
.pcdown70 {padding-bottom: 70px;}
.pcdown80 {padding-bottom: 80px;}
.pcdown90 {padding-bottom: 90px;}
.pcdown100 {padding-bottom: 100px;}
.pcup10 {padding-top: 10px;}
.pcup20 {padding-top: 20px;}
.pcup30 {padding-top: 30px;}
.pcup40 {padding-top: 40px;}
.pcup50 {padding-top: 50px;}
.pcup60 {padding-top: 60px;}
.pcup70 {padding-top: 70px;}
.down30 {margin-bottom: 30px;}




.kaigyo {display: block;}

.pckaigyo {display: block;}
.pckaigyo2 {
	display: block;
	padding-left: 43px;
}




.button1 {
	display: block;
	width: 290px;
	text-align: center;
	text-decoration: none;
	line-height: 55px;
	outline: none;
	font-size: 12pt;
	height: 55px;
	-webkit-border-radius: 43px;
	-moz-border-radius: 43px;
	border-radius: 43px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 3px;
}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1 {
	background-color: #294ab1;
	color: #FFF;
	
}
.button1:hover {
	color: #FFF;
	background-color: #000;
	
}


.button2 {
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	font-size: 14pt;
	height: 60px;
	
	margin-right: auto;
	margin-left: auto;
	float: right;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button2 {
	background-color: #294ab1;
	color: #FFF;	
}
.button2:hover {
	color: #FFF;
	background-color: #000;
}




.button3 {
	display: block;
	text-decoration: none;
	line-height: 22px;
	outline: none;
	font-size: 11pt;
	text-transform: uppercase;
	width: 200px;
	
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button3 {
	color: #FFF;
	padding-top: 15px;	
	
}
.button3:hover {
	color: #FFF;
	background-color: #000;
	padding: 18px;
	
}





.balloon1 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	font-size: 13pt;
	height: 60px;
	text-transform: uppercase;
	width: 100%;
	color: #FFF;
	position: relative;
	background: #000;
}

.balloon1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #000;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.btm-free {
	
}

.button4 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 43px;
	outline: none;
	font-size: 22pt;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -100px;
	padding-top: 80px;
	padding-bottom: 80px;
	font-weight: 600;
	letter-spacing: 3px;
	position: absolute;
	width: 85%;
	left: 0px;
	right: 0px;
	bottom: 0px;	
	
}
.button4::before,
.button4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button4,
.button4::before,
.button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button4 {
	color: #FFF;
	
	background-color: #294ab1;	
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
	-o-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
	box-shadow: 0px 0px 0px rgba(0,0,0,.1);
}
.button4:hover {
	color: #FFF;
	background-color: #008DD7;
	-webkit-box-shadow: 0px 8px 16px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 8px 16px rgba(0,0,0,.4);
	-o-box-shadow: 0px 8px 16px rgba(0,0,0,.4);
	box-shadow: 0px 8px 16px rgba(0,0,0,.4);
}




.button4s {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	font-size: 13pt;
	height: 60px;
	text-transform: uppercase;
	width: 100%;	
}
.button4s::before,
.button4s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button4s,
.button4s::before,
.button4s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button4s {
	color: #000;
	border: 2px solid #000;	
}
.button4s:hover {
	color: #FFF;
	border: 2px solid #000;	
	background-color: #000;
}




.btm-space {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}

.btm-space2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}



footer {
	background-color: #f4f4f4;
	
	
}





.foot-text {
	font-size: 11pt;
	line-height: 26px;
	margin-bottom: 10px;
}

.footcontena {
	margin-right: auto;
	margin-left: auto;
	padding-top: 200px;
	padding-bottom: 100px;
	background-position: center;
}
.footcontena1 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	background-position: center;
}

.foot-space {
	width: 83%;
	margin-right: auto;
	margin-left: auto;
}

.foot-left {
	float: left;
}

.foot-right {
	float: right;
}



.footlogo {
	width: 275px;
	line-height: 0px;
	text-align: center;
	
	margin-bottom: 25px;
	
}

.foot-menu {
	padding-top: 25px;
	
}

.foot-menu li {
	font-size: 11pt;
	line-height: 22px;
	color: #FFF;
	float: left;
	margin-left: 15px;
}


.copy {
	font-size: 9pt;
	line-height: 10px;
	padding-top: 25px;
	
	clear: both;
	text-align: right;
}


.space1000 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	
}


.space1100 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	
}

.space1200 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
}


.space900 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	
}



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 30;
	
}

.page-top {
	text-align: center;
	display: block;
	font-size: 20pt;
	width: 85px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.page-top::before,
.page-top::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.page-top,
.page-top::before,
.page-top::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.page-top {
	color: #FFF;
	background-color: #294AB1;
}
.page-top:hover {
	color: #FFF;
	background-color: #000;	
}


}






@media screen and (min-width: 0px) and (max-width: 736px) {

.requirement {}
.telnum-info {
	font-size: 15pt;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}
.telnum-info span {
	font-size: 12pt;
	font-weight: 600;
}
.yokohaba {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 11pt!important;
	margin-left: 0px!important;
	display: block;
	/*min-width: 125px;*/
	font-weight: normal!important;
	padding-top: 12px;
	margin-bottom: 3px;
}
.recruit_table {
	box-sizing: border-box;
	font-size: 11pt;
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 22px;	
}
.recruit_table th, .cp_table  td {width: 100%;}
.recruit_table div {}
.recruit_table div {padding-top: 25px;}
.recruit_table th {
	padding: 15px;
	font-size: 11pt;
	border: 1px solid #E8E8E8;
	font-weight: 500;
	background-color: #E8E8E8;
	box-sizing: border-box;
	display: block;
	color: #000;
}
.recruit_table tr {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.recruit_table td {
	display: block;
	border: 1px solid #E8E8E8;
	margin-bottom: 10px;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 15px;
}
.three-box {}
.three-box li {
}


.fours-box {padding-top: 40px;}
.fours-box li {
	margin: 0.5%;
	float: left;
	width: 24%;	
}
.box-button img {margin-bottom: 10px;}
.box-button {
	display: block;
	margin-right: auto;
	margin-left: auto;	
	padding: 10%;
}
.box-button::before,
.box-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.box-button,
.box-button::before,
.box-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box-button {
	color: #000;
	background-color: #FFF;
}
.box-button:hover {
	color: #4b4b4b;
	background-color: #E5E5E5;	
}

.telnum3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26pt;
	line-height: 40px;
	font-weight: 600;
}

.formbutton1 {
	display: block;
	width: 48%;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
	font-size: 11pt;
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
}
.formbutton1::before,
.formbutton1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.formbutton1,
.formbutton1::before,
.formbutton1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.formbutton1 {
	background-color: #3d3d3d;
	color: #FFF;
}
.formbutton1:hover {
	color: #FFF;
	background-color: #000;
}

.formbutton2 {
	display: block;
	width: 48%;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
	font-size: 11pt;
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
}
.formbutton2::before,
.formbutton2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.formbutton2,
.formbutton2::before,
.formbutton2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.formbutton2 {
	background-color: #e50038;
	color: #FFF;
}
.formbutton2:hover {
	color: #FFF;
	background-color: #B6002D;	
}

.btmicon p {
	width: 100%!important;
	box-sizing: border-box;
	font-size: 11pt;
	line-height: 22px;
	padding: 10px;
	margin-bottom: 7px;
	border: 2px solid #FFF;
	display: inline-block!important;
}
.mysvg2 {
	width: 25px;
	display: inline-block!important;
	vertical-align: -25%;
	fill: #FFF;
	margin-right: 15px;
}
.mysvg1 {
	width: 25px;
	display: inline-block!important;
	vertical-align: -25%;
	fill: #009FE8;
	margin-right: 15px;
	
}
.todown {margin-bottom: 20px;}
.towbox {
	
	margin-right: auto;
	margin-left: auto;
	
}
.imagebk-space {
	/*width: 50%;*/
	line-height: 0px;
}
.imagebk-space img {
	line-height: 0px;
	height: 300px;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
.comennt-space {width: 50%;}
.comennt-space li {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15%;
}
.comennt-space2 {}
.comennt-space2 li {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12%;
	padding-right: 13%;
	padding-bottom: 5%;
	padding-left: 13%;
}
.comennt-space3 {}
.comennt-space3 li {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 9.5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
}
.left-image {
	float: left;
	width: 40%;
	margin-right: 6%;
}

.right-image {
	float: right;
	width: 40%;
	margin-left: 6%;
}
.left40 {
	float: left;
	width: 40%;
	margin-right: 3%;
}
.right40 {
	float: right;
	width: 40%;
	margin-left: 3%;
}
.left50 {
	float: left;
	width: 50%;
}
.right45 {
	float: right;
	width: 45%;
}
.right50 {
	float: right;
	width: 50%;
}
.spacer20 {
	min-width: 500px;
	padding-top: 5%;
	padding-left: 80px;
	padding-right: 50px;
}
.dangumi1 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#page1,#page2,#page3,#page4,#page5,#page6,#page7  {
	margin-top: -100px;
	padding-top: 100px;
}
#access  {
	margin-top: -100px;
	padding-top: 100px;
}

.eng-tittle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	line-height: 33px;
	font-weight: 600;
	letter-spacing: 5px;
	margin-bottom: 25px;
	color: #ff0000;
}
.topi-midashi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50pt;
	line-height: 50px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #000;
	margin-top: -30px;
	margin-left: 15px;
}
.topi-midashi span {
	font-size: 13pt;
	line-height: 23px;
	font-weight: 600;
	display: block;
	margin-left: 5px;
	padding-top: 20px;
	letter-spacing: 5px;
}
.komidashi {
	font-size: 11pt;
	line-height: 22px;
	margin-bottom: 40px;
	text-align: center;
	
}
.komidashi1s {
	font-size: 11pt;
	line-height: 22px;
	margin-bottom: 40px;
	text-align: center;
	
}
.midashi1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
	color: #008dd7;
}
.midashi1  span{
	background-color: #008dd7;
	height: 40px;
	width: 3px;
	display: block;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.fourbox {
	width: 80%;
	/*display: flex;*/
	margin-right: auto;
	margin-left: auto;
}

.fourbox li {
	margin-bottom: 10%;
	display: block;
}
.fourbox span {
	width: 100%;
	margin-bottom: 20px;
	display: block;
	padding-top: 10px;
}
.fourbox2 {
	width: 80%;
	/*display: flex;*/
	margin-right: auto;
	margin-left: auto;
}
.fourbox2 li {
	margin-bottom: 10%;
	display: block;
}
.fourbox2 span {
	width: 100%;
	margin-bottom: 20px;
	display: block;
	padding-top: 10px;
}
.komidashi2 {
	font-size: 12pt;
	line-height: 23px;
	font-weight: 600;
	margin-bottom: 20px;
}

.komidashi1 {
	font-size: 12pt;
	line-height: 23px;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 3px;
	color: #FFF;
}
.midashi1w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
	color: #FFF;
}
.midashi1w  span{
	background-color: #FFF;
	height: 50px;
	width: 3px;
	display: block;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

.midashi2 {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 13pt;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 25px;
	
}
.midashi2v {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 15pt;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 25px;
}

.midashi2s {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 13pt;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 25px;
	/*text-align: center;*/
}

.midashi3 {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 15pt;
	line-height: 35px;
	font-weight: 600;
	margin-bottom: 25px;
	letter-spacing: 2px;
}

.midashi3s {
	font-family: 'YakuHanJP','Noto Sans JP', sans-serif;
	font-size: 15pt;
	line-height: 35px;
	font-weight: 600;
	margin-bottom: 15px;
}

.shirowaku {
	
	background-color: #FFF;
	width: 92p%;
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 10%;
	padding-right: 7%;
	padding-bottom: 10%;
	padding-left: 7%;
	background-color: rgba(255, 255, 255,.8);
}

.geetbk {
	/*margin-right: 15px;*/
	/*margin-bottom: 15px;*/
	/*margin-left: 15px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/body/greet-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.recimage {
	padding-top: 170px;
	padding-bottom: 170px;
	background-image: url(../img/body/rec-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.comennt2 {
	font-size: 12pt;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
}
.comennt2s {
	font-size: 11pt;
	line-height: 29px;
	font-weight: normal;
	margin-bottom: 10px;
}

.comennt {
	font-size: 11pt;
	line-height: 22px;
	font-weight: normal;
}

.comennt1 {
	font-size: 12pt;
	line-height: 30px;
	font-weight: normal;
}

.comennt3 {
	font-size: 11pt;
	line-height: 22px;
	font-weight: normal;
}

.comennt4 {
	font-size: 11pt;
	line-height: 23px;
	font-weight: normal;
}
.link-banner {}
.link-banner a {display:block;}
.banner-image {
	line-height: 0px;
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.hero-banner {
	line-height: 0px;
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.banner2 {
	margin: 1%;
	float: left;
	width: 31.3%;
}

.banner {
	margin: 2%;
	float: left;
	width: 46%;
}

.banner-image2 {
	margin: 1%;
	float: left;
	width: 31.3%;
}
.map-space {
	position: relative;
	padding-bottom: 87%;/*←高さを変更する*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}
.map-space iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.shops {
	padding: 20px;
	border: 1px solid #D6D6D6;
	margin-bottom: 15px;
}

.shops2 {
	width: 31.3%;
	border: 1px solid #D6D6D6;
	float: left;
	box-sizing: border-box;
	margin: 1%;
}
.add-text2 {
	padding: 23px;
}
.gaikan2 {
	height: 250px;
	width: 300px;
	position: relative;
	border: 1px solid #CCC;
	margin-right: auto;
	margin-left: auto;
}
.line4 {
	width: 50px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-bottom: 15px;
	margin-left: 18px;
}
.gaikan2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	
}
.comname2 {
	padding-top: 20px;
	font-size: 13pt;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 10px;
	
	padding-left: 18px;
}

.btm-shop {
	padding-top: 10px;
	padding-bottom: 50px;
	width: 1130px;
	margin-right: auto;
	margin-left: auto;
}

.btm-shop li {
	margin: 1%;
	float: left;
	width: 31.3%;
}


.telnum4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-top: 5px;
}

.comname {
	padding-top: 20px;
	font-size: 13pt;
	line-height: 25px;
	font-weight: 500;
	margin-bottom: 10px;
	
	
}

.comname span {
	
	font-size: 11pt;
	line-height: 25px;
	font-weight: 500;
	margin-bottom: 10px;
	
	
}



.line3 {
	width: 70px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-bottom: 15px;
}
.add-text {
	float: left;
	padding-left: 30px;
	width: 350px;
	position: relative;
	z-index: 5;
}

.gaikan {
	float: left;
	height: 250px;
	width: 300px;
	position: relative;
	border: 1px solid #CCC;	
}

.gaikan img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	
}


.map-space2 {
	position: relative;
	padding-bottom: 23.5%;
	
	height: 0;
	overflow: hidden;
	width: 350px;
	
	margin-right: auto;
	margin-left: auto;
	float: right;	
}
.map-space2 iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
 

ul.pointcheck {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

ul.pointcheck li{
	
	padding-left: 0.7em;
}
 
 
ul.pointcheck li:before {
	content: "\・";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	font-size: 12pt;
	color: #000;
}
.pointcheck li {
	position: relative;
	font-size: 11pt;
	line-height: 22px;
	text-align: left;
}




ul.pointcheck1 {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 20px;	
}

ul.pointcheck1 li{
	
	padding-left: 0.7em;
}
 
 
ul.pointcheck1 li:before {
	content: "\●";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #008DD7;
	font-size: 11pt;
	
}
.pointcheck1 li {
	position: relative;
	font-size: 11pt;
	line-height: 23px;
	text-align: left;
}



ul.pointcheck4 {
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 10px;
}

ul.pointcheck4 li{
	padding-left: 0.7em;
}
 
 
ul.pointcheck4 li:before {
	content: "\f058";
	font-family: "Font Awesome\ 5 Free";
	padding-right: 0.3em;
	position: absolute;
	left: -0.5em;
	color: #CC6666;
}
.pointcheck4 li {
	position: relative;
	font-size: 10pt;
	line-height: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


ol.pointcheck3 {
	counter-reset: my-counter;
	padding-left: 10px;
	list-style: none;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	
}

ol.pointcheck3 li{
	padding-top: 5px;
	margin-bottom: 2px;
	padding-left: 20px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
}
 
 
ol.pointcheck3 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #FF9702;
	color: #FFF;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -20px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 9pt;
	margin-top: 1px;
	margin-right: 10px;
}
.pointcheck3 li {
	position: relative;
	font-size: 11pt;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	
}

ol.pointcheck3s {
	counter-reset: my-counter;
	padding-left: 10px;
	margin-bottom: 10px;
	list-style: none;
	margin-right: auto;
	margin-left: auto;
}

ol.pointcheck3s li{
	padding-top: 5px;
	margin-bottom: 2px;
	padding-left: 20px;
	position: relative;
}
 
 
ol.pointcheck3s li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #8FC012;
	color: #FFF;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 9pt;
	margin-top: 0px;
	margin-right: 10px;
}
.pointcheck3s li {
	position: relative;
	font-size: 11pt;
	line-height: 22px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
}

.koumoku1 {
	min-width: 250px;
	font-size: 12pt;
	float: left;	
}

.koumoku2 {
	min-width: 250px;
	font-size: 12pt;
	float: left;	
}

.gaiyo-text {
	font-size: 12pt;
	overflow: hidden;	
}
.gaiyo-text2 {
	font-size: 12pt;
	overflow: hidden;
	
}


.line-text {
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDB6C0;
}

.topics-tittle {
	line-height: 0px;
	width: 380px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 20px;
}

.line-text-cat {
	font-size: 11pt;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.topics-list {position: relative;}

.whbk{
	background-color: #FFF;
	position: relative;
}
.tobk {background-color: #f4f4f4;}
.tobk2{background-color: #ccc;}

.tobk3{
	background-color: #008dd7;
	color: #FFF;
}

.topicsbk {
	background-color: #f4f4f4;
	padding-bottom: 50px;
}

.topicsbk2 {
	background-color: #f4f4f4;
	padding-bottom: 50px;
	padding-top: 50px;
}


.recbk{
	color: #FFF;
	/*text-align: center;*/
	position: relative;
	background: rgb(0,141,215);
	background: linear-gradient(90deg, rgba(0,141,215,1) 0%, rgba(130,194,232,1) 100%);
}

.recbk2{
	color: #FFF;
	text-align: center;
	position: relative;
	background-image: url(../img/body/recbk.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.normal10 {
	font-size: 9pt;
	line-height: 17px;
	padding-top: 5px;
}


.arrow_box {
	position: absolute;
	text-align: center;
	color: #FFF;
	background-color: #1f529b;
	margin-top: -30px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left: 240px;
}
.arrow_box:after {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #1f529b;
	border-width: 5px;
	margin-left: -5px;
}


.textbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;	
	
}

.textbox-full {
	margin-right: auto;
	margin-left: auto;
	padding-top: 140px;
	padding-bottom: 40px;
	position: relative;	
	
}
.textbox-bottom {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 80px;
	position: relative;	
	
}

.textbox1 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	
	position: relative;		
}


.textbox1s {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	position: relative;		
}
.textbox1sc {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;		
}
.textbox1s2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	position: relative;		
}




.textbox2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;	
}

.textbox3 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 150px;
	position: relative;	
}



.textbox-space {
	overflow: hidden;
}



.dangumi2 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}


.main-image {
	position: relative;
	margin-top: 0 !important;
	height: 600px;
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../img/body/main-image.jpg);
}

.slidecomennt {
	width: 80%;
	position: absolute;
	z-index: 10;
	margin-left: 10%;
	left: 0px;
	right: 0px;
	top: 0px;
	margin-bottom: 10%;
}

.main-comennt {
	font-size: 20pt;
	line-height: 40px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
	margin-top: 170px;
	letter-spacing: 2px;
}
.main-comennt span {
	font-size: 45pt;
	line-height: 75px;
	display: block;
}
.logoimage a {display: block;}

#logo {
	width: 240px;
	float: left;
	
	background-image: url(../img/body/logo2.svg);
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}

#logo2 {
	width: 240px;
	float: left;
	
	background-image: url(../img/body/logo.svg);
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}

/*#logo img {
	width: 245px;
	line-height: 0px;
	
}
*/
.change-color #logo {
	width: 240px;
	float: left;
	
	background-image: url(../img/body/logo.svg);
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}




#header {
	
}


.header {   
    transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.header__inner {   
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__nav ul {
    display: flex;
}

.header__nav ul li {
    margin-left: 30px;
}

.header.change-color {
    background-color: #FFF;
	color: #000;
	-webkit-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-o-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	box-shadow: 3px 5px 5px rgba(0,0,0,.1);
}





.header2 {
	transition: all .5s;
    position: fixed;
    width: 100%;
    z-index: 100;
	
}




.header2.change-color {
    background-color: #FFF;
	color: #000;
	-webkit-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	-o-box-shadow: 3px 5px 5px rgba(0,0,0,.1);
	box-shadow: 3px 5px 5px rgba(0,0,0,.1);
}









/*.header.change-color a {
	color: #000;
}*/




.hed-right {
	float: right;
	margin-right: 1%;
}

/*.hed-info {
	padding-top: 15px;
	
}*/
.hed-space {
	width: 95%;
	min-width: 1150px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 5px;
}
.telnum span {
	font-size: 13pt;
	font-weight: 600;
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: 10%;
	margin-right: 5px;
	
}



.telnum {
	
	font-size: 15pt;
	line-height: 33px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	
}


.telnum1 {
	font-size: 20pt;
	line-height: 35px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	padding-top: 20px;
}

.telnum1 span {
	font-size: 13pt;
	display: inline-block;
	
	margin-right: 3px;
}


.telnum2 {
	font-size: 16pt;
	line-height: 25px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	display: table;
	margin-right: auto;
	margin-left: auto;
}

.telnum2 span {
	font-size: 13pt;
	display: inline-block;
	
	margin-right: 3px;
}


.telnum3 {
	padding-top: 10px;	
	font-family: 'YakuHanMP','Noto Serif JP', sans-serif;
	font-size: 20pt;
	line-height: 30px;
	font-weight: 600;
}

.telnum3 span {
	width: 25px;
	display: inline-block;
	vertical-align: -6%;
	margin-right: 5px;
}

.telnum4 {
	padding-top: 10px;	
	font-family: 'YakuHanMP','Noto Serif JP', sans-serif;
	font-size: 25pt;
	line-height: 30px;
	font-weight: 700;
}

.telnum4 span {
	font-size: 14pt;
	margin-right: 5px;
}



.banner-link {}

.banner-link a {display:block;}

.banner-link2 {float: right;}

.banner-link2 a {display:block;}



ul.thisnone {
	display: none;
}

#gnavi {
	margin-left: auto;
	clear: both;
	position: relative;
	z-index: 50;
	padding-top: 10px;
	
}

#gloval_menu {
	margin-right: 0px;
	margin-right: auto;
	clear: both;
	display: table;
}


#contents_bar {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;	
}
#contents_bar > ul {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	z-index: 100;
}
#contents_bar > ul > li {
	min-height: 50px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;	
}
#contents_bar > ul > li:not(:last-child) {
}
#contents_bar ul li {
	position: relative;
}
#contents_bar li li {
	
}

#contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar li	{
	float: left;
}
#contents_bar a:hover {
	text-decoration: none;
}
#contents_bar > ul > li > a {
	padding-right: 0;
}
#contents_bar > ul > li > a.active {
}


#contents_bar .level1 {
	width: 100%;
	position: absolute;
	z-index: 55;
	margin-left: -65px;
}

#contents_bar .level1 a  {
	font-size: 12pt;
	color: #FFF;
	text-align: left;
	width: 180px!important;
	background-color: #294ab1;
	text-decoration: none!important;
	border: 0px solid #294ab1!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10pt;
}

#contents_bar .level1 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #2d004d;
}
#contents_bar .level1 a:hover::after {transform: scale(1, 1);}
#contents_bar .level1 .active {
	color: #294ab1;
	background-color: #FFFFFF;
}
#contents_bar .level1 .mysvg a  {
	display: block;
}

#contents_bar .level1 {
	top: 100%;
	left: 0;
}

#contents_bar a .mysvg {
	vertical-align: -10%;
	display: inline-block;
	width: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	fill: currentColor;
}

#contents_bar a:hover .mysvg {
	color: #2d004d;
	fill: currentColor;
}




#contents_bar	{	
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 5px;
}

#contents_bar a	{
	display: block;
	overflow: hidden;
	text-align: center;
	color: #FFF;
	font-size: 13pt;
	height: 40px;
	font-weight: 700;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
#contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar li	{
	float: left;
	list-style: none;	
}
#contents_bar .c-menu01 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar .c-menu02 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar .c-menu03 a	{
	display: inline-block;
	position: relative;
}
#contents_bar .c-menu04 a	{
	display: inline-block;
	position: relative;
}
#contents_bar .c-menu05 a	{
	display: inline-block;
	position: relative;
}
#contents_bar .c-menu06 a	{
	display: inline-block;
	position: relative;
	
}







#contents_bar a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#contents_bar a:hover::after {
  transform: scale(1, 1);
}

#contents_bar .current	{
	color: #6FF;	/*height: 38px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
}






/*下層用*/

#contents_bar2 {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;	
}
#contents_bar2 > ul {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	z-index: 100;
}
#contents_bar2 > ul > li {
	min-height: 50px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;	
}
#contents_bar2 > ul > li:not(:last-child) {
}
#contents_bar2 ul li {
	position: relative;
}
#contents_bar2 li li {
	
}

#contents_bar2:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar li	{
	float: left;
}
#contents_bar2 a:hover {
	text-decoration: none;
}
#contents_bar2 > ul > li > a {
	padding-right: 0;
}
#contents_bar2 > ul > li > a.active {
}


#contents_bar2 .level1 {
	width: 100%;
	position: absolute;
	z-index: 55;
	margin-left: -65px;
}

#contents_bar2 .level1 a {
	
	font-size: 12pt;
	color: #FFF;
	text-align: left;
	width: 180px!important;
	background-color: #294ab1;
	text-decoration: none!important;
	border: 0px solid #294ab1!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10pt;
}

#contents_bar2 .level1 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #2d004d;
}
#contents_bar2 .level1 a:hover::after {transform: scale(1, 1);}
#contents_bar2 .level1 .active {
	color: #FFF;
	background-color: #000;
}
#contents_bar2 .level1 .menu10 a  {display: block;}

#contents_bar2 .level1 {
	top: 100%;
	left: 0;
}

#contents_bar2 a .mysvg {
	vertical-align: -10%;
	display: inline-block;
	width: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	fill: currentColor;
}

#contents_bar2 a:hover .mysvg {
	color: #FFF;
	fill: currentColor;
}


#contents_bar2	{	
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 5px;
}

#contents_bar2 a	{
	
	display: block;
	overflow: hidden;
	text-align: center;
	color: #000;
	font-size: 13pt;
	height: 40px;
	font-weight: 700;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
#contents_bar2:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
#contents_bar2 li	{
	float: left;
	list-style: none;	
}
#contents_bar2 .c-menu01 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar2 .c-menu02 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar2 .c-menu03 a	{
	display: inline-block;
	position: relative;
}
#contents_bar2 .c-menu04 a	{
	display: inline-block;
	position: relative;
}
#contents_bar2 .c-menu05 a	{
	display: inline-block;
	position: relative;
}
#contents_bar2 .c-menu06 a	{
	display: inline-block;
	position: relative;
	
}
#contents_bar2 .c-menu07 a	{
	display: inline-block;
	position: relative;
	margin-left: 25px;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	background-color: #2d004d;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-top: -10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents_bar2 .c-menu07 a:hover {
	color: #FFF;
	background-color: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents_bar2 .c-menu07 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #37A1DB;
}
#contents_bar2 .c-menu07 a:hover::after	{
	transform: scale(1, 1);
	
}


#contents_bar2 a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #37A1DB;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#contents_bar2 a:hover::after {
  transform: scale(1, 1);
}

#contents_bar2 a.current	{
	color: #37A1DB;
	
}



/*下層用*/

.change-color #contents_bar {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;	
}
.change-color #contents_bar > ul {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	z-index: 100;
}
.change-color #contents_bar > ul > li {
	min-height: 50px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;	
}
.change-color #contents_bar > ul > li:not(:last-child) {
}
.change-color #contents_bar ul li {
	position: relative;
}
.change-color #contents_bar li li {
	
}

.change-color #contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
.change-color #contents_bar li	{
	float: left;
}
.change-color #contents_bar a:hover {
	text-decoration: none;
}
.change-color #contents_bar > ul > li > a {
	padding-right: 0;
}
.change-color #contents_bar > ul > li > a.active {
}
.change-color #contents_bar .level1 {
	width: 100%;
	position: absolute;
	z-index: 55;
	margin-left: -65px;
}

.change-color #contents_bar .level1 a {
	
	font-size: 12pt;
	color: #FFF;
	text-align: left;
	width: 180px!important;
	background-color: #294ab1;
	text-decoration: none!important;
	border: 0px solid #294ab1!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10pt;
}

.change-color #contents_bar .level1 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #294ab1;
}
.change-color #contents_bar .level1 a:hover::after {transform: scale(1, 1);}
.change-color #contents_bar .level1 .active {
	color: #FFF;
	background-color: #000;
}
.change-color #contents_bar .level1 .menu10 a  {display: block;}

.change-color #contents_bar .level1 {
	top: 100%;
	left: 0;
}

.change-color #contents_bar a .mysvg {
	vertical-align: -10%;
	display: inline-block;
	width: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	fill: currentColor;
}

.change-color #contents_bar a:hover .mysvg {
	color: #FFF;
	fill: currentColor;
}


.change-color #contents_bar	{	
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 5px;
}

.change-color #contents_bar a	{
	display: block;
	overflow: hidden;
	text-align: center;
	color: #000;
	font-size: 13pt;
	height: 40px;
	font-weight: 600;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
.change-color #contents_bar:after	{ height:0; visibility: hidden;	content: "."; display: block; clear: both; }
.change-color #contents_bar li	{
	float: left;
	list-style: none;	
}
.change-color #contents_bar .c-menu01 a	{
	display: inline-block;
	position: relative;
	
}
.change-color #contents_bar .c-menu02 a	{
	display: inline-block;
	position: relative;
	
}
.change-color #contents_bar .c-menu03 a	{
	display: inline-block;
	position: relative;
}
.change-color #contents_bar .c-menu04 a	{
	display: inline-block;
	position: relative;
}
.change-color #contents_bar .c-menu06 a	{
	display: inline-block;
	position: relative;
	
}
.change-color #contents_bar .c-menu07 a	{
	display: inline-block;
	position: relative;
	margin-left: 25px;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	background-color: #2d004d;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-top: -10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.change-color #contents_bar .c-menu07 a:hover {
	color: #FFF;
	background-color: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.change-color #contents_bar .c-menu07 a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	background-color: #008dd7;
}
.change-color #contents_bar .c-menu07 a:hover::after	{
	transform: scale(1, 1);
	
}

.change-color #contents_bar a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #008dd7;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.change-color #contents_bar a:hover::after {
  transform: scale(1, 1);
}




.change-color #contents_bar .current	{
	color: #008DD7;	/*height: 38px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
}








body {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
	font-family: 'YakuHanJP','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #202020;
}



.pankuzu-space {
	width: 93%;
	margin-right: auto;
	margin-left: auto;
	
}

.pankuzu {
	background-size: cover;
	margin-right: auto;
	margin-left: auto;
	padding-top: 70px;
	padding-bottom: 20px;
	/*background-image: url(../img/body/pankuzu-image.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
}



.pankuzu-tittle {
	color: #FFF;
	font-weight: 600;
	font-size: 25pt;
	line-height: 35px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: table;
	padding-top: 85px;
	font-family: Arial, Helvetica, sans-serif;
}

.pankuzu-comennt {
	color: #FFF;
	font-weight: 600;
	font-size: 13pt;
	line-height: 33px;
	text-align: center;
	padding-bottom: 40px;
	letter-spacing: 5px;
	padding-top: 5px;
}

.niku img {
	vertical-align: -10%;
	display: inline-block;
	width: 40px;
	margin-right: 5px;
}

.pages {
	color: #FFF;
	margin-bottom: 5px;
	font-size: 10pt;
	line-height: 18px;
	padding-right: 5%;
	padding-left: 5%;
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.pages li {
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}

.page-engtittle {
	font-size: 13pt;
	line-height: 26px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
}




#wrapper {}

.bicho-r5 {padding-right: 5px;}
.bicho-l5 {padding-left: 5px;}





.sponly {}
.pconly {display: none;}
.pcdown10 {padding-bottom: 10px;}
.pcdown20 {padding-bottom: 20px;}
.pcdown25 {padding-bottom: 24px;}
.pcdown30 {padding-bottom: 30px;}
.pcdown30s {padding-bottom: 30px;}
.pcdown40 {padding-bottom: 40px;}
.pcdown50 {padding-bottom: 50px;}
.pcdown60 {padding-bottom: 60px;}
.pcdown70 {padding-bottom: 70px;}
.pcdown80 {padding-bottom: 80px;}
.pcdown90 {padding-bottom: 90px;}
.pcdown100 {padding-bottom: 100px;}
.pcup10 {padding-top: 10px;}
.pcup20 {padding-top: 20px;}
.pcup30 {padding-top: 30px;}
.pcup40 {padding-top: 40px;}
.pcup50 {padding-top: 50px;}
.pcup60 {padding-top: 60px;}
.pcup70 {padding-top: 70px;}
.down30 {margin-bottom: 30px;}




.kaigyo {display: block;}

.spkaigyo {display: block;}
.spkaigyo2 {
	display: block;
	padding-left: 43px;
}




.button1 {
	display: block;
	width: 70%;
	text-align: center;
	text-decoration: none;
	line-height: 55px;
	outline: none;
	font-size: 12pt;
	height: 55px;
	-webkit-border-radius: 43px;
	-moz-border-radius: 43px;
	border-radius: 43px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 3px;
}
.button1::before,
.button1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1 {
	background-color: #294ab1;
	color: #FFF;
	
}
.button1:hover {
	color: #FFF;
	background-color: #000;
	
}


.button2 {
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	font-size: 11pt;
	height: 45px;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	display: block;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button2 {
	background-color: #294ab1;
	color: #FFF;	
}
.button2:hover {
	color: #FFF;
	background-color: #000;
}




.button3 {
	display: block;
	text-decoration: none;
	line-height: 22px;
	outline: none;
	font-size: 11pt;
	text-transform: uppercase;
	width: 200px;
	margin-bottom: 20px;	
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button3 {
	color: #FFF;
	background-color: #000;
	padding: 15px;
	
}
.button3:hover {
	color: #FFF;
	background-color: #000;
	padding: 15px;
	
}





.balloon1 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	font-size: 13pt;
	height: 60px;
	text-transform: uppercase;
	width: 100%;
	color: #FFF;
	position: relative;
	background: #000;
}

.balloon1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #000;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.btm-free {
	
}

.button4 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 43px;
	outline: none;
	font-size: 13pt;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -50px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	width: 85%;
	left: 0px;
	right: 0px;
	bottom: 0px;	
}
.button4::before,
.button4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button4,
.button4::before,
.button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button4 {
	color: #FFF;
	
	background-color: #294ab1;	
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
	-o-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
	box-shadow: 0px 0px 0px rgba(0,0,0,.1);
}
.button4:hover {
	color: #FFF;
	background-color: #008DD7;
	-webkit-box-shadow: 0px 8px 16px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 8px 16px rgba(0,0,0,.4);
	-o-box-shadow: 0px 8px 16px rgba(0,0,0,.4);
	box-shadow: 0px 8px 16px rgba(0,0,0,.4);
}




.button4s {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	font-size: 13pt;
	height: 60px;
	text-transform: uppercase;
	width: 100%;	
}
.button4s::before,
.button4s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button4s,
.button4s::before,
.button4s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button4s {
	color: #000;
	border: 2px solid #000;	
}
.button4s:hover {
	color: #FFF;
	border: 2px solid #000;	
	background-color: #000;
}




.btm-space {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.btm-space2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}



footer {
	background-color: #f4f4f4;
	
	
}





.foot-text {
	font-size: 10pt;
	line-height: 20px;
	margin-bottom: 10px;
	display: table;
	margin-right: auto;
	margin-left: auto;
}

.footcontena {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 30px;
	background-position: center;
}
.footcontena1 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	background-position: center;
}

.foot-space {
	margin-right: 5%;
	margin-left: 5%;
}

.foot-left {
	
}

.foot-right {
	
}



.footlogo {
	width: 60%;
	line-height: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	
}

.foot-menu {
	padding-top: 25px;
	display: none;	
}

.foot-menu li {
	/*font-size: 11pt;
	line-height: 22px;
	color: #FFF;
	float: left;
	margin-left: 15px;*/
}


.copy {
	font-size: 9pt;
	line-height: 15px;
	padding-top: 25px;
	clear: both;
	text-align: center;	
}


.space1000 {
	margin-right: 15px;
	margin-left: 15px;
	
}


.space1100 {
	margin-right: 15px;
	margin-left: 15px;
	
}

.space1200 {
	margin-right: 15px;
	margin-left: 15px;
	position: relative;	
}


.space900 {
	margin-right: auto;
	margin-left: auto;
	
}



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 30;
	display: none;
}

.page-top {
	display: none;
}
.page-top::before,
.page-top::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.page-top,
.page-top::before,
.page-top::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.page-top {
	color: #FFF;
	background-color: #294AB1;
}
.page-top:hover {
	color: #FFF;
	background-color: #000;	
}


}