@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: GenJyuuGothicLP;
 }


@media screen and (min-width: 1000px){
  .br-pc { display:none; }
  .br-tb { display:block; }
}

@media screen and (max-width: 800px){
  .br-pc { display:block; }
  .br-tb { display:none; }
}

@media screen and (max-width: 600px){
  .br-pc { display:block; }
  .br-tb { display:block; }
}



@media screen and (min-width: 1000px){
  .none-pc { display:block; }
  .none-tb { display:none; }
}

@media screen and (max-width: 800px){
  .none-pc { display:none; }
  .none-tb { display:block; }
}

@media screen and (max-width: 600px){
  .none-pc { display:none; }
  .none-tb { display:none; }
}


 h2 {
	margin-top: 150px;
	object-fit: contain;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.89;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3b3b3b;
 }

 @media only screen and (max-width: 1000px) {
 h2 {
	margin-top: 70px;
	font-size: 26px;
	line-height: 0.76;
	letter-spacing: 2.2px;
 }
 }

 @media only screen and (max-width: 600px) {
 h2 {
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 24.6px;
 }
 }

h3{
	width: 200px;
	margin-top: 4px;
	margin-right: auto;
	margin-left : auto;
	object-fit: contain;
	font-size: 29px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: center;
	color: #707070;
	background: linear-gradient(transparent 70%, #ffd548 0%);
	border-radius: 3px;
	content: "";
 }

 @media only screen and (max-width: 1000px) {
h3{
	width: 130px;
	font-size: 20px;
	line-height: 1.15;
	letter-spacing: normal;
 }
 }

 @media only screen and (max-width: 600px) {
h3{
	margin-bottom: -30px;
	width: 128px;
	font-size: 18.6px;
 }
 }

h4{
	margin-top: 66px;
	margin-bottom: 28px;
	object-fit: contain;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: 1.8px;
	text-align: center;
	color: #00a0e9;
 }

 @media only screen and (max-width: 1000px) {
h4{
	margin-top: 36px;
	margin-bottom: 20px;
	object-fit: contain;
	font-size: 18px;
 }
 }

 @media only screen and (max-width: 600px) {
h4{
	margin-top: 68px;
	margin-bottom: 20px;
	object-fit: contain;
	font-size: 16px;
	letter-spacing: 1.2px;
 }
 }

.text{
	margin-right: auto;
	margin-left : auto;
	width : 50%;
	object-fit: contain;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.06;
	letter-spacing: 2.08px;
	text-align: left;
	color: #3b3b3b;
	word-wrap: break-all;
 }

 @media only screen and (max-width: 1000px) {
.text{
	width : 610px;
 }
 }

 @media only screen and (max-width: 600px) {
.text{
	width : 300px;
	font-size: 15.6px;
 }
 }


/*PC ヘッダ */
.site-logo img{
	height: auto;
	width: 300px;
	padding: 10px 0 0 0;
 }

 @media only screen and (max-width: 1000px) {
.site-logo img{
	float: left;
	height: auto;
	width: 280px;
	padding: 0;
 }
 }

 @media only screen and (max-width: 600px) {
.site-logo img{
	width: 200px;
 }
 }


nav{
	width: 100%;
	height: 100px;
	position: fixed;
	background-color: #fff;
 }

@media screen and (max-width: 1000px) {
nav{
	height: 80px;
	padding: 10px 0 -10px 0;
 }
 }

@media screen and (max-width: 600px) {
nav{
	height: 60px;
	padding: 10px 0 -10px 0;
 }
 }

.drawer{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 100px;
	padding: 0 1em;
 }

@media screen and (max-width: 1000px) {
.drawer{
	height: 80px;
 }
 }

@media screen and (max-width: 600px) {
.drawer{
	height: 60px;
 }
 }

.navbar_toggle{
	z-index:9999;
 }

.navbar_toggle_icon {
	position: relative;
	display: block;
	height: 2px;
	width: 30px;
	background: #5c6b80;
	-webkit-transition: ease .5s;
	transition: ease .5s;
 }

.navbar_toggle_icon:nth-child(1) {
	top: 0;
 }

.navbar_toggle_icon:nth-child(2) {
	margin: 8px 0;
 }

.navbar_toggle_icon:nth-child(3) {
	top: 0;
 }

.menu.open {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
 }

.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
 }

.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
 }

.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
	top: -10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
 }

.menu{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition:ease .5s;
	transition:ease .5s;
	z-index:1000;
	background-color: #fff;
 }


.menu ul li{
	padding: 2em;
	border-bottom: 1px solid #ccc;
 }

.menu ul li a{
	text-decoration: none;
 }

.menu ul li :hover{
	color: #00a0e9;
	text-decoration: none;
 }


.about_navi{
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	padding: 0 1em;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #333;
 }

 @media only screen and (max-width: 1000px) {
.about_navi{
	height: 10px;
	width: auto;
 }
 }

.about_navi a{
	color: #333;
	text-decoration: none;
 }

.about_navi :hover{
	color: #00a0e9;
	text-decoration: none;
 }

.about_navi a::after {
	position: absolute;
	bottom: -8px;
	content: '';
	width: 90px;
	height: 4.6px;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
 }

.about_navi a:hover::after {
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	margin: 0px 0px 24px -93px;
 }


 @media only screen and (max-width: 1000px) {
.about_navi a:hover::after {
	opacity: 0;
 }
 }


.recruit_navi{
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	padding: 0 1em;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #333;
 }

 @media only screen and (max-width: 1000px) {
.recruit_navi{
	height: 10px;
	width: auto;
 }
 }

.recruit_navi a{
	color: #333;
	text-decoration: none;
 }

.recruit_navi :hover{
	color: #00a0e9;
	text-decoration: none;
 }

.recruit_navi a::after {
	position: absolute;
	bottom: -8px;
	content: '';
	width: 90px;
	height: 4.6px;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
 }

.recruit_navi a:hover::after {
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	margin: 0px 0px 24px -76px;
 }


 @media only screen and (max-width: 1000px) {
.recruit_navi a:hover::after {
	opacity: 0;
 }
 }


.news_navi{
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	padding: 0 1em;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #333;
 }

 @media only screen and (max-width: 1000px) {
.news_navi{
	height: 10px;
	width: auto;
 }
 }

.news_navi a{
	color: #333;
	text-decoration: none;
 }

.news_navi :hover{
	color: #00a0e9;
	text-decoration: none;
 }

.news_navi a::after {
	position: absolute;
	bottom: -8px;
	content: '';
	width: 90px;
	height: 4.6px;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
 }

.news_navi a:hover::after {
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	margin: 0px 0px 24px -76px;
 }


 @media only screen and (max-width: 1000px) {
.news_navi a:hover::after {
	opacity: 0;
 }
 }


.contact_navi{
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	padding: 0 1em;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #333;
 }

 @media only screen and (max-width: 1000px) {
.contact_navi{
	height: 10px;
	width: auto;
 }
 }

.contact_navi a{
	color: #333;
	text-decoration: none;
 }

.contact_navi :hover{
	color: #00a0e9;
	text-decoration: none;
 }

.contact_navi a::after {
	position: absolute;
	bottom: -8px;
	content: '';
	width: 90px;
	height: 4.6px;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
 }

.contact_navi a:hover::after {
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	margin: 0px 0px 24px -93px;
 }


 @media only screen and (max-width: 1000px) {
.contact_navi a:hover::after {
	opacity: 0;
 }
 }


.tour_navi{
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	padding: 0 1em;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffd548;;
	color: #333;
 }

 @media only screen and (max-width: 1000px) {
.tour_navi{
	width: auto;
	height: 10px;
 }
 }

.tour_navi a{
	color: #333;
	text-decoration: none;
 }

.tour_navi :hover{
	color: #00a0e9;
	text-decoration: none;
 }

.tour_navi a::after {
	position: absolute;
	bottom: -8px;
	content: '';
	width: 90px;
	height: 4.6px;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
 }

.tour_navi a:hover::after {
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	margin: 0px 0px 24px -70px;
 }

 @media only screen and (max-width: 1000px) {
.tour_navi a:hover::after {
	opacity: 0;
 }
 }


.joboffer_navi{
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	padding: 0 1em;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fc0057;
	color: #fff;
 }

 @media only screen and (max-width: 1000px) {
.joboffer_navi{
	height: 10px;
	width: auto;
 }
 }

.joboffer_navi a{
	color: #fff;
	text-decoration: none;
 }

.joboffer_navi :hover{
	color: #00a0e9;
	text-decoration: none;
 }

.joboffer_navi a::after {
	position: absolute;
	bottom: -8px;
	content: '';
	width: 90px;
	height: 4.6px;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
 }

.joboffer_navi a:hover::after {
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	margin: 0px 0px 24px -76px;
 }

 @media only screen and (max-width: 1000px) {
.joboffer_navi a:hover::after {
	opacity: 0;
 }
 }


/*レスポンシブ*/
@media screen and (min-width: 1000px) {
nav{
	display: flex;
	flex-direction: row;
 }

.navbar_toggle{
	display: none;
 }

.menu{
	width: 100%;
	-webkit-transform: translateX(0);
	transform: translateX(0);
 }

.menu ul{
	height: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
 }

.menu ul li{
	padding: 0 1em;
	border-bottom: none;
 }
 }



/*PC メイン */
.wrapper {
	margin: 0 auto;
 }



/*メイン画像 */
section.fullscreen {
	height: 100vh;
	width:auto;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
 }

 @media only screen and (max-width: 500px) {
section.fullscreen {
	height: 70vh;
 }
 }

@media (min-width: 801px) {
.img01{
    background-image: url("../images/seiikuen_main_pics.png");
 }
 }

 @media only screen and (max-width: 800px) {
.img01{
    background-image: url("../images/seiikuen_main_tb_pics.png");
 }
 }

 @media only screen and (max-width: 500px) {
.img01{
    background-image: url("../images/seiikuen_main_sp_pics.png");
 }
 }


/*タブレット用見学会 */
div#rec_tb_left {
	float: left;
	width: 50%;
	height: 56px;
        background: #ffd548; 
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
 }

div#rec_tb_left a{
	color: #333;
	text-decoration: none;
 }
 
div#rec_tb_left :hover{
	color: #00a0e9;
	text-decoration: none;
}

div#rec_tb_right {  
	height: 56px;
        background: #fc0057;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
 }

div#rec_tb_right a{
	color: #fff;
	text-decoration: none;
 }
 
div#rec_tb_right :hover{
	color: #00a0e9;
	text-decoration: none;
}


/*当院について */
.content{
	margin-right: auto;
	margin-left : auto;
 }

table.about{
	margin: 46px auto 0;
	width : 620px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
 }

 @media only screen and (max-width: 1000px) {
table.about{
	width : 520px;
	font-size : 14px;
 }
 }

table.about th,table.about td{
	padding: 10px 15px;
	border: 1px solid #888;
 }
 
table.about th{
	background-color: #fff
 }

table.about td{
  	width: 75%;
	text-align: left;
 }



@media screen and (max-width: 600px) {
table.about{
	width : 300px;
	font-size : 13px;
 }

table.about th {
	display: block;
	border-top: none;
	border-bottom: none;
	width: auto;
	border: 1px solid #888;
 }

table.about td {
	display: block;
	text-align: center;
	width: auto;
	border: 1px solid #888;
 }
 }



/*当院の特徴 */
.features_arrow{
    	margin-top: 78px;
	background: #f7f7f7;
	padding: 60px;
	text-align: center;
	color: #666666;
	font-size: 20px;
	font-weight: bold;
 }

 @media only screen and (max-width: 600px) {
.features_arrow{
	padding: 0;
    	padding: 40px 0 10px;
 }
 }

.features_arrow:after,.features_arrow:before{
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	bottom: 100%;
	left: 50%;
 }

.features_arrow: after{
	border-top-width: 20px;
	border-bottom-width: 50px;
	border-left-width: 50px;
	border-right-width: 50px;
	margin-left: -50px;
	border-bottom-color: #f7f7f7;
 }
 
.features_arrow: before{
	border-top-width: 60px;
	border-bottom-width: 24px;
	border-left-width: 12px;
	border-right-width: 12px;
	margin-left: -12px;
	margin-bottom: 2px;
 }

.features_caption{
	margin-top: 160px;
	object-fit: contain;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.89;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f7b2a3;
 }

 @media only screen and (max-width: 1000px) {
.features_caption{
	margin-top: 70px;
	font-size: 26px;
	line-height: 0.76;
	letter-spacing: 2.2px;
 }
 }

 @media only screen and (max-width: 600px) {
.features_caption{
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 24.6px;
 }
 }

.features_caption1{
	width: 200px;
	margin-top: 4px;
	margin-right: auto;
	margin-left : auto;
	object-fit: contain;
	font-size: 29px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: center;
	color: #707070;
	background: linear-gradient(transparent 70%, #f7f7f7 0%);
	border-radius: 3px;
	content: "";
 }

 @media only screen and (max-width: 1000px) {
.features_caption1{
	width: 130px;
	font-size: 20px;
	line-height: 1.15;
	letter-spacing: normal;
 }
 }

 @media only screen and (max-width: 600px) {
.features_caption1{
	margin-bottom: -30px;
	width: 128px;
	font-size: 18.6px;
 }
 }

.features_content {
	display: inline-block;
	/* background-color: #fff; */ 
	width: 250px;
	margin :  -30px 2px 0;
	padding: 12px;
	vertical-align: top;
 }

 @media only screen and (max-width: 1000px) {
.features_content {
	margin: 0 12px 30px;
 }
 }

 @media only screen and (max-width: 800px) {
.features_content {
	margin: 0 7px 30px;
 }
 }

 @media only screen and (max-width: 600px) {
.features_content {
	width: 300px;
	margin: 0 7px -10px;
 }
 }


.features_text{
	margin-top: 18px;
	object-fit: contain;
	font-size: 17px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 3.25px;
	text-align: center;
	color: #3b3b3b;
 }

.features_text_2{
	margin-top: 18px;
	object-fit: contain;
	font-size: 17px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 3.25px;
	text-align: center;
	color: #3b3b3b;
 }

 @media only screen and (max-width: 1000px) {
.features_text{
	margin-top: 8px;
	font-size: 18.6px;
 }
 }

 @media only screen and (max-width: 1000px) {
.features_text_2{
	margin-top: 8px;
	font-size: 18.6px;
 }
 }

 @media only screen and (max-width: 600px) {
.features_text{
	margin-top: -64px;
	font-size: 19px;
 }
 }

 @media only screen and (max-width: 600px) {
.features_text_2{
	margin-top: -79px;
	font-size: 19px;
 }
 }

.features_text1{
	margin-right: auto;
	margin-left : auto;
	margin-top: 20px;
	width : 240px;
	font-size: 15.6px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: 1.94px;
	text-align: left;
	vertical-align: text-top;
	color: #3b3b3b;
	word-wrap: break-all;
 }

 @media only screen and (max-width: 1000px) {
.features_text1{
	margin-top: 14px;
	font-size: 14px;
	height: 240px
 }
 }

 @media only screen and (max-width: 600px) {
.features_text1{
	margin: 36px 0 10px;
	width : 300px;

 }
 }

.features_position{
	display: inline-block;
 }

/* PC */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマホ */
@media only screen and (max-width: 600px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.features_position1{
	position: absolute;
	top: -86px;
	left: -42px;
	max-width: 100%;
	max-height: 100%;
	padding: 30px;
	font-size: 76px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.42;
	letter-spacing: 12.48px;
	text-align: left;
	color: #f7b2a3;
 }



/*採用情報 */
 @media only screen and (max-width: 600px) {
.recruit{
	margin-bottom: -36px;
 }
 }

.recruit_arrow{
	margin-right: auto;
	margin-left : auto;
    	margin-top: -30px;
	padding: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
 }

.recruit_content{
	display: inline-block;
	/* background-color: #fff; */ 
	margin :  16px 2px 0;
	padding: 0 46px;

 }

.recruit_text{
	margin-top: 30px;
	margin-bottom: 36px;
	padding: 16px 24px;
	width : 282px;
	font-size: 15.6px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: 1.94px;
	vertical-align: text-top;
	background-color: #ffd548;
	text-align: center;
	color: #3b3b3b;
	font-size: 20px;
	font-weight: bold;
	border-radius: 3px;
	word-wrap: break-all;
 }

.recruit_text a{
	color: #333;
	text-decoration: none;
 }
 
 .recruit_text :hover{
	color: #00a0e9;
	text-decoration: none;
}


.recruit_text1{
	margin-top: -60px;
	margin-bottom: 36px;
	padding: 16px 24px;
	width : 282px;
	font-size: 15.6px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: 1.94px;
	vertical-align: text-top;
	background-color: #fc0057;
	text-align: center;
	color: red;
	font-size: 20px;
	font-weight: bold;
	border-radius: 3px;
	word-wrap: break-all;
 }

.recruit_text1 a{
	color: #fff;
	text-decoration: none;
 }
 
 .recruit_text1 :hover{
	color: #00a0e9;
	text-decoration: none;
}



/*お知らせ */
.news_content {
	display: inline-block;
	padding: 0 26px;
	margin: 22px 0;
	vertical-align: middle;
 }

.news_arrow{
    	margin-top: 38px;
	background: #f7f7f7;
	padding: 20px;
	text-align: center;
	color: #666666;
	font-size: 20px;
	font-weight: bold;
 }

.news_title {
	object-fit: contain;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.89;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3b3b3b;
 }

 @media only screen and (max-width: 600px) {
.news_title {
	margin-bottom: 10px;
 }
 }

 @media only screen and (max-width: 1000px) {
.news_title {
	margin-top: 18px;
	font-size: 26px;
	line-height: 0.76;
	letter-spacing: 2.2px;
 }
 }

.news_titlee{
	width: 200px;
	margin-top: 4px;
	margin-right: auto;
	margin-left : auto;
	object-fit: contain;
	font-size: 29px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: center;
	color: #707070;
	background: linear-gradient(transparent 70%, #ffd548 0%);
	border-radius: 3px;
	content: "";
 }

 @media only screen and (max-width: 1000px) {
.news_titlee{
	width: 130px;
	font-size: 20px;
	line-height: 1.15;
	letter-spacing: normal;
 }
 }

.news_text{
	padding: 0 24px;
	width : 280px;
	vertical-align: text-top;
	text-align: center;
	border-radius: 3px;
	word-wrap: break-all;
 }

 @media only screen and (max-width: 600px) {
.news_text{
	padding: 0;
 }
 }

.news_text1{
	padding: 0px 24px;
	width : 680px;
	vertical-align: text-top;
	text-align: left;
	color: #3b3b3b;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: 1.6px;
	border-radius: 3px;
	word-wrap: break-all;
 }

 @media only screen and (max-width: 1000px) {
.news_text1{
	padding: 0px 22px;
	width : 648px;
	font-size: 14.6px;
	letter-spacing: 1.4px;
 }
 }

 @media only screen and (max-width: 800px) {
.news_text1{
	padding: 0px 22px;
	width : 600px;
	font-size: 14.6px;
 }
 }

 @media only screen and (max-width: 700px) {
.news_text1{
	padding: 0px 22px;
	width : 520px;
	font-size: 14.6px;
 }
 }

 @media only screen and (max-width:600px) {
.news_text1{
	margin-bottom: 22px;
	padding: 0 10px;
	width : 270px;
	font-size: 13.2px;
 }
 }
 
.news{
    	margin-top: 100px;
	background: #f7f7f7;
	text-align: center;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
 }

.news  li{
	display:block;
	padding: 6px 0 14px;
 }

.news  li a{
	color: #333;
	text-decoration: none;
 }
 
.news  li :hover{
	color: #00a0e9;
	text-decoration: none;
}



/*お問い合わせ*/
@media screen and (max-width:600px) {
.contact{
	width: 100%;
	margin-bottom: -46px;
 }
 }

.contact-box{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 70px;
 }

.contact_iptxt {
	width: 560px;
	margin: 0 0 20px;
 }

@media screen and (max-width:600px) {
.contact_iptxt {
	width: 294px;
 }
 }

.contact_iptxt input[type=text] {
	font: inherit;
	box-sizing: border-box;
	width: 100%;
	margin: 3px 0;
	padding: 0.8em;
	transition: 0.3s;
	border: 1px solid #707070;
	border-radius: 3px;
	outline: none;
 }

.contact_iptxt input[type=text]:focus {
	border-color: #6676ac;
 }
.contact_iptxt input[type=text] {
	padding-left: 20px;
 }

.contact_iptxt input[type=text]:focus + i {
	color: #6676ac;
 }

select {
  /* styling */
	width: 560px;
	background-color: #fff;
	border: thin solid #707070;
	border-radius: 3px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	color: #767777;

@media screen and (max-width:600px) {
select {
	width: 360px;
 }
 }

  /* reset */
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0.8em;
 }

/* arrows */
select.contact {
	background-image:
	linear-gradient(45deg, transparent 50%, #fff 50%),
	linear-gradient(135deg, #fff 50%, transparent 50%),
	linear-gradient(to right, #00a0e9, #00a0e9);
	background-position:
	calc(100% - 20px) calc(1.3em + 2px),
	calc(100% - 15px) calc(1.3em + 2px),
	100% 0;
	background-size:
	5px 5px,
	5px 5px,
	2.5em 3.3em;
	background-repeat: no-repeat;
 }

select.contact: focus {
	background-image:
	linear-gradient(45deg, white 50%, transparent 50%),
	linear-gradient(135deg, transparent 50%, white 50%),
	linear-gradient(to right, #00a0e9, #00a0e9);
	background-position:
	calc(100% - 15px) 1.3em,
	calc(100% - 20px) 1.3em,
	100% 0;
	background-size:
	5px 5px,
	5px 5px,
	2.5em 3.3em;
	background-repeat: no-repeat;
	border-color: #00a0e9;
	outline: 0;
 }


.contact_textarea {
	border: 1px solid #707070;
	border-radius: 3px;
	margin: 26px  0 0;
	padding: 16px;
	width: 526px;
	height: 200px;
	font: inherit;
 }

 @media only screen and (max-width: 600px) {
 .contact_textarea {
 	margin: 36px  0 -12px;
	width: 260px;
	height: 200px;
 }
 }

contact_textaret:focus {
	border-color: #00a0e9;
	outline: 0;
 }


.button {
	text-align: right;
 }


button.button1 {
	margin-top: 28px;
	padding: 12px 60px;
	font: inherit;
	font-size: 24px;
	font-weight: bold;
	background-color: #00a0e9;
	color: #fff;
	border-style: none;
	border-radius: 3px;
 }


 @media only screen and (max-width: 1000px) {
button.button1 {
	padding: 6px 50px;
 }
 }

 @media only screen and (max-width: 600px) {
button.button1 {
	width: 100%;
	padding: 6px 0;
	font-size: 16px;
 }
 }



/*マップ*/
.map{
	margin-top: 160px;
	height: 456px;
 }

 @media only screen and (max-width: 1000px) {
.map{
	margin-top: 100px;
 }
 }

 @media only screen and (max-width: 800px) {
.map{
	height: 559px;
 }
 }

 @media only screen and (max-width: 600px) {
.map{
	height: 250px;
 }
 }


/*PC フッダ */
.site-footer{
	margin-top: -18px;
	background: #00a0e9;
	width: 100%;
 }

.site-flogo img{
	height: auto;
	width: 240px;
 }

 @media only screen and (max-width: 1300px) {
.site-flogo img{
	margin-top: -20px;
	width: 220px;
 }
 }

 @media only screen and (max-width: 1000px) {
.site-flogo img{
	width: 196px;
 }
 }

 @media only screen and (max-width: 500px) {
.site-flogo img{
	margin-top: 26px;
	width: 180px;
 }
 }


.footer_arrow{
	position:  relative;
    	margin-top: -7px;
	background: #00a0e9;
	padding: 60px;
	text-align: center;
	color: #666666;
	font-size: 20px;
	font-weight: bold;
 }

  @media only screen and (max-width: 400px) {
.footer_arrow{
	padding: 20px;
 }
 }

.footer_content {
	display: inline-block;
	/* background-color: #fff; */ 
	margin :  16px 2px 0;
	padding: 12px;
 }

  @media only screen and (max-width: 1000px) {
.footer_content {
	margin-top: -30px;
	width : auto;
 }
 }

.footer_text1{
	margin-right: 12px;
	margin-top: -10px;
	width : auto;
 }

p.footer1 {
	padding-bottom: 10px;
	margin-right: -10px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
 }

  @media only screen and (max-width: 1300px) {
p.footer1 {
	margin-right: 0;
	font-size: 15px;
	text-align: left;
 }
 }

  @media only screen and (max-width: 1000px) {
p.footer1 {
	margin-top: 20px;
	width : auto;
	font-size: 14px;
	text-align: center;
 }
 }

  @media only screen and (max-width: 600px) {
p.footer1 {
	margin-top: 10px;
	font-size: 8.6px;
 }
 }
 
 
p.footer2 { 
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.83;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
 }

 @media only screen and (max-width: 1300px) {
p.footer2 { 
	margin-bottom: 10px;
	font-size: 17px;
	text-align: center;
 }
 }

  @media only screen and (max-width: 1000px) {
p.footer2 {
	margin-bottom: 10px;
	width : auto;
	font-size: 22px;
	text-align: center;
 }
 }

  @media only screen and (max-width: 600px) {
p.footer2 {
	margin: 6px 0 20px;
	font-size: 13px;
 }
 }


p.footer3 { 
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.25;
	letter-spacing: 1.56px;
	text-align: right;
	color: #ffffff;
 }

 @media only screen and (max-width: 1300px) {
p.footer3 { 
	font-size: 10px;
	text-align: right
 }
 }

 @media only screen and (max-width: 1200px) {
p.footer3 { 
	font-size: 10px;
	text-align: center;
 }
 }

 @media only screen and (max-width: 1000px) {
p.footer3 { 
	font-size: 9px;
	text-align: center;
 }
 }

  @media only screen and (max-width: 600px) {
p.footer3 { 
	font-size: 6.4px;
	text-align: center;
 }
 }

  @media only screen and (max-width: 1300px) {
p.footer3 img{
	width: 200px;
	text-align: right;
	vertical-align: middle;
 }
 }


  @media only screen and (max-width: 1000px) {
p.footer3 img{
	width: 180px;
	text-align: right;
	vertical-align: middle;
 }
 }

  @media only screen and (max-width: 800px) {
p.footer3 img{
	width: 160px;
	text-align: right;
	vertical-align: middle;
 }
 }

  @media only screen and (max-width: 600px) {
p.footer3 img{
	height: auto;
	width: 110px;

 }
 }

a {
color: #00a0e9;
text-decoration: underline;
 
}

table.oc{
	margin: 24px auto 0;
	width : 620px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
 }

 @media only screen and (max-width: 1000px) {
table.oc{
	width : 520px;
	font-size : 14px;
 }
 }

table.oc th,table.oc td{
	padding: 10px 0;
	border: 1px solid #888;
 }
 
table.oc th{
	background-color: #fff
 }

table.oc td{
  	width: 30%;
 }



@media screen and (max-width: 600px) {
table.oc{
	width : 300px;
	font-size : 13px;
 }

table.oc th {
	display: block;
	border-top: none;
	border-bottom: none;
	width: auto;
	border: 1px solid #888;
 }

table.oc td {
	display: block;
	text-align: center;
	width: auto;
	border: 1px solid #888;
 }
 }



table.guide{
	margin: 46px auto 0;
	width : 620px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
 }

 @media only screen and (max-width: 1000px) {
table.guide{
	width : 520px;
	font-size : 14px;
 }
 }

table.guide th,table.guide td{
	padding: 10px 0;
 }
 
table.guide th{
  	vertical-align : top;
	background-color: #fff
 }

table.guide td{
	padding: 10px;
  	width: 65%;
  	vertical-align : top;
	text-align: left;
 }
table.guide2 td{
	padding: 10px;
	text-align: right;
 }



@media screen and (max-width: 600px) {
table.guide{
	width : 300px;
	font-size : 13px;
 }

table.guide th {
	display: blguidek;
	border-top: none;
	border-bottom: none;
	width: auto;
 }

table.guide td {
	display: blguidek;
	text-align: left;
	width: auto;
 }
table.guide2 td{
	display: blguidek;
	text-align: right;
	width: auto;
	border: 1px solid #888;
 }
 }


table.disclosure{
	margin: 20px auto 0;
	width : 620px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
 }

 @media only screen and (max-width: 1000px) {
table.disclosure{
	width : 520px;
	font-size : 14px;
 }
 }

table.disclosure th,table.disclosure td{
	padding: 10px 0;
 }
 
table.disclosure th{
	background-color: #fff
 }

table.disclosure td{
	padding: 10px;
  	width: 100%;
  	vertical-align : top;
	text-align: left;
 }

@media screen and (max-width: 600px) {
table.disclosure{
	width : 300px;
	font-size : 13px;
 }

table.disclosure th {
	display: blguidek;
	border-top: none;
	border-bottom: none;
	width: auto;
 }

table.disclosure td {
	display: blguidek;
	text-align: left;
	width: auto;
 }
 }
 
 
ul.disclosure li{
  	list-style-type: disc;
  	text-align: left;
 }


.center_box {
text-align: center;
}
.center_box p {
display: inline-block;
text-align: left;
}