@charset "UTF-8";

@media screen and (min-width: 768px){
*{
	margin:0;
	padding:0;
}

body { 
	color: #000000;
	margin:0;
	padding:0;
	font-family: "Noto Sans Japanese","メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	width:100%;
	webkit-text-size-adjust: 100%;
	font-size:16px;
	line-height:22px;
}

img{
	border:0;
	margin:0;
}

table,tr,td {
	border-collapse: collapse; 
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

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

#style01{
	width:100%;
}

.pc_none{
	display:none;
}

.header01{
	background-color:#0457B3;
}

.header01 h1{
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:30px;
}

.header_area{
	width:1000px;
	margin:0 auto;
}

.logo{
	width:333px;
	float:left;
	margin:8px 0 7px 0;
}

.header_right{
	width:230px;
	float:right;
	margin:10px 0 0 0;
}

.header_tel{
	width:230px;
	margin:0 0 10px 0;
}

.header_mail{
	width:230px;
}

.menu_area{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:18px 0;
}

.menu_area ul{
	width:1000px;
	margin:0 auto;
}

.menu_area li{
	list-style-type:none;
	float:left;
	border-right:1px #CCCCCC solid;
	font-size:14px;
	line-height:14px;
}

.menu_area_subwrap{
	position: relative;
}

.menu_area li:last-of-type{
	border-right:none;
}

.menu_area li > a{
	display:block;
	text-decoration:none;
	color:#000000;
	padding:0 35px;
}

.menu_area li a:hover{
	color:#0457B2;
}

.menu_area_sub{
	position: absolute;
	top: 70%;
	box-sizing: border-box;
	width: 100%;
	padding-top: 10px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease-in-out;
	z-index: 10000;
}

.menu_area_subwrap:hover .menu_area_sub,
.menu_area_sub:hover{
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.menu_area_sub a{
	display:block;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}

.main_area{
	position: relative;
	width:100%;
}

.main_area .bx-wrapper{
	position: absolute;
	z-index: 490;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.main_area .bx-viewport{
	height: 100% !important;
}

.main_img{
	height: 100%;
}

.main_img li{
	height: 100%;
}

.main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main_area02{
	position: relative;
	z-index: 500;
	width:1000px;
	height:650px;
	margin:0 auto;
	position:relative;
}

.main_catchcopy{
	width:845px;
	position:absolute;
	top:70px;
	position:center;
}

.main_text_area{
	width:1000px;
	background-image:url("./img/main_text_bg01.png");
	position:absolute;
	bottom:0;
	left:0;
	padding:50px 0;
}

.main_text_area p{
	font-size:25px;
	line-height:30px;
	color:#FFFFFF;
	width:860px;
	margin:0 auto;
}

.top_content01{
	padding:0 0 100px 0;
}

.top_title01{
	width:100%;
	height:115px;
	background-image:url("./img/top_title01.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:0 0 55px 0;
}

.top_title01 h2{
	background-color:#0457B3;
	text-align:center;
	color:#FFFFFF;
	line-height:90px;
	font-size:35px;
	height:90px;
	font-weight:bold;
}

.style02{
	width:1000px;
	margin:0 auto;
}

.top_content01 p{
	width:920px;
	margin:0 auto 30px auto;
	line-height:1.8;
}

.top_content01 span{
	font-size:22px;
}

.top_content01_copy p{
	width:640px;
	margin:0 auto 30px auto;
	line-height:1.5;
}

.top_content01_copy span{
	font-size:20px;
	line-height:1.8;
}

.top_banner_left{
	margin:30px 0 0 0;
	float:left;
	width:465px;
	height:260px;
	border:10px #FFCC00 solid;
}

.top_banner_left a{
	display:block;
	width:465px;
	height:260px;
    overflow: hidden;
	position:relative;
	text-align:center;
	color:#000000;
}

.top_banner_left a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.top_banner_left h3{
	background-image:url("./img/top_banner_title.png");
	background-repeat:no-repeat;
	width:465px;
	height:100px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	font-size:25px;
	padding:25px 0 0 0;
}


.top_banner_right{
	margin:30px 0 0 0;
	float:right;
	width:465px;
	height:260px;
	border:10px #FFCC00 solid;
}

.top_banner_right a{
	display:block;
	width:465px;
	height:260px;
    overflow: hidden;
	position:relative;
	text-align:center;
	color:#000000;
}

.top_banner_right a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.top_banner_right h3{
	background-image:url("./img/top_banner_title02.png");
	background-repeat:no-repeat;
	width:465px;
	height:100px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	font-size:25px;
	padding:25px 0 0 0;
}

.top_content02{
	width:100%;
}


.top_bg01{
	width:100%;
	background-image:url("./img/top_content_bg01.jpg");
	background-size:cover;
	background-position:center 80px;
}

.style03{
	padding:82px 0 100px 0;
	width:1000px;
	margin:0 auto;
	height:480px;
}

.top_content02 p{
	width:920px;
	margin:0 auto 80px auto;
	color:#FFFFFF;
}


.top_banner_left02{
	float:left;
	width:465px;
	height:260px;
	border:10px #FFCC00 solid;
	position:relative;
}

.top_banner_left02 a{
	display:block;
	width:465px;
	height:260px;
    overflow: hidden;
	text-align:center;
	color:#000000;
}

.top_banner_left02 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.top_banner_left02 h3{
	background-image:url("./img/top_banner_title03.png");
	background-repeat:no-repeat;
	width:465px;
	height:45px;
	position:absolute;
	bottom:0;
	right:0;
	text-align:center;
	font-size:25px;
	padding:80px 0 0 0;
}


.top_banner_right02{
	float:right;
	width:465px;
	height:260px;
	border:10px #FFCC00 solid;
	position:relative;
}

.top_banner_right02 a{
	display:block;
	width:465px;
	height:260px;
    overflow: hidden;
	text-align:center;
	color:#000000;
}

.top_banner_right02 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.top_banner_right02 h3{
	background-image:url("./img/top_banner_title04.png");
	background-repeat:no-repeat;
	width:465px;
	height:45px;
	position:absolute;
	bottom:0;
	right:0;
	text-align:center;
	font-size:25px;
	padding:80px 0 0 0;
}


.top_content03{
	width:100%;
	height:600px;
	background-image:url("./img/top_content_bg02.jpg");
	background-size:cover;
	background-position:center top;
	padding:90px 0 0 0;
}

.top_title02{
	text-align:center;
	margin:0 400px 70px 0;
}

.top_title02 h2{
	font-size:35px;
}

.top_message{
	width:680px;
	margin:0 0 0 11px;
}

.top_message p{
	margin:0 0 30px 0;
	line-height:28px;
}

.top_name{
	text-align:right;
	padding-right:80px;
}

.top_contact_area{
	width:692px;
	border:5px #0457B3 solid;
	margin:50px auto 10px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.top_contact_title{
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	background-color:#0457B3;
	line-height:66px;
}

.top_contact01{
	padding:25px 0 33px 0;
}

.top_contact01 p{
	text-align:center;
	text-decoration:underline;
	font-size:18px;
	width:692px;
	margin:0 auto 20px auto;
}

.top_contact_banner{
	width:620px;
	margin:0 auto;
}

.top_contact_left{
	width:300px;
	float:left;
}


.top_contact_right{
	width:300px;
	float:right;
}

.footer_area{
	border-top:5px #0457B3 solid;
	background-color:#F2F2F2;
}

.page_top{
	width:75px;
	margin:-25px auto 0 auto;
}


.page_top a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.footer_area02{
	padding:46px 0 40px 0;
	width:1000px;
	margin:0 auto;
}

.footer_left{
	width:307px;
	float:left;
}

.footer_logo{
	margin:0 0 25px 0;
}

.footer_left p{
	font-size:14px;
	line-height:18px;
}


.footer_right{
	width:600px;
	float:right;
}

.footer_right ul{
	width:294px;
	float:left;
	margin:46px 0 0 6px;
}

.footer_right li{
	list-style-image:url("./img/footer_list.png");
	font-size:14px;
	line-height:20px;
}

.footer_right a{
	color:#000000;
	text-decoration:none;
}


.footer_right a:hover{
	text-decoration:underline;
}

.footer_copyright{
	background-color:#0457B3;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	line-height:70px;
}

.content_title01{
	background-color:#0457B3;
}

.content_title01 h2{
	font-size:35px;
	text-align:center;
	line-height:120px;
	color:#FFFFFF;
}

.pankuzu{
	width:1000px;
	margin:0 auto 55px auto;
	font-size:14px;
	line-height:35px;
}

.pankuzu a{
	color:#000000;
	text-decoration:none;
}


.pankuzu a:hover{
	text-decoration:underline;
}

.hosoku{
	width:692px;
	margin:2em auto 2em 3%;
	font-size:0.8em;
}

.contact_area{
	width:692px;
	margin:70px auto 100px auto; 
	border:5px #0457B3 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.section_content01{
	width:1000px;
	margin:50px auto 70px auto;
}

.content_title02{
	border-left:10px #0457B3 solid;
	padding:0 0 0 23px;
	margin:0 0 50px 0;
}

.content_title02 h3{
	font-size:30px;
	line-height:40px;
}

.content_title02 a{
	color:#0457B2;
}

.content_title02 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


.content_textarea01{
	margin:0 0 70px 0;
}

.content_textarea01 p{
	margin:0 0 16px 0;
	line-height:1.5;
}

.content_textarea01 p span{
	font-weight:bold;
	margin:0 0 16px 0;
	font-size:18px;
	line-height:1.5;
	color:#0457B3;
}


.about_left01{
	width:600px;
	float:left;
	margin:0 0 50px 0;
}

.about_left01 p{
	margin:0 0 16px 0;
}

.about_left01 p span{
	font-weight:bold;
	margin:0 0 16px 0;
	font-size:18px;
	line-height:1.5;
	color:#0457B3;
}


.about_right01{
	width:370px;
	float:right;
	margin:0 0 50px 0;
}


.about_left02{
	width:370px;
	float:left;
}

.about_right02{
	width:600px;
	float:right;
}

.about_right02 p{
	margin:0 0 16px 0;
}

.section_about01{
	background-image:url("./img/about_bg01.jpg");
	padding:23px 0;
	margin:0  0 70px 0;
}

.about_area01{
	background-color:rgba(255,255,255,0.8);
	width:1000px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:30px 0;
	margin:0 auto;
}

.about_title01{
	color:#0457B3;
	font-size:30px;
	margin:0 0 30px 0;
	text-align:center;
	font-weight:bold;
}

.about_area01 ul{
	list-style-type:none;
	margin:0 80px 0 100px;
}

.about_area01 li{
	font-size:25px;
	line-height:42px;
	padding:0 0 0 60px;
	margin:10px 0;
}

.about_list01{
	background-image:url("./img/about_list01.png");
	background-repeat:no-repeat;
}

.about_list02{
	background-image:url("./img/about_list02.png");
	background-repeat:no-repeat;
}

.about_list03{
	background-image:url("./img/about_list03.png");
	background-repeat:no-repeat;
}

.about_list04{
	background-image:url("./img/about_list04.png");
	background-repeat:no-repeat;
}

.about_list05{
	background-image:url("./img/about_list05.png");
	background-repeat:no-repeat;
}

.about_list06{
	background-image:url("./img/about_list06.png");
	background-repeat:no-repeat;
}

.about_list07{
	background-image:url("./img/about_list07.png");
	background-repeat:no-repeat;
}

.about_list08{
	background-image:url("./img/about_list08.png");
	background-repeat:no-repeat;
}

.about_box01{
	width:100%;
	font-size:16px;
	line-height:1.5;
	margin:0  0 70px 0;
}

.about_box01 tr{
	border-bottom:1px #1F87FA dotted;
}

.about_box01 th{
	text-align:left;
	width:230px;
	background-color:#F3F6F8;
	padding:20px 0 20px 40px;
	font-weight:normal;
}

.about_box01 td{
	width:580px;
	padding:20px 75px;
}

.about_box01 ul{
	margin:0 0 0 20px;
}

.about_box01 a{
	color:#0457B2;
}

/*20211222*/
.about_box01_table{
	width: 310px!important;
}

.about_box01_table tr{
	font-size: 14px;
	border-bottom:none;
}

.about_box01_table th{
	padding: 0 0;
	width: 280px;
	background-color: #fff;
}

.about_box01_table td{
	width:30px;
	padding: 0 0;
	text-align:right;
}
/*20211222_END*/


.about_box_textarea{
	width:676px;
	margin:0 auto;
}


.works_left01{
	width:600px;
	float:left;
}

.works_left01 p{
	margin:0 0 16px 0;
}

.works_right01{
	width:370px;
	float:right;
}

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

.works_right02{
	width:550px;
	float:right;
}

.works_left02{
	width:370px;
	float:left;
	margin:0 40px 0 0;
}

.works_right03{
	width:370px;
	margin:0 40px 0 0;
	float:right;
}

.works_left03{
	width:550px;
	float:left;
}

.works_title01{
	background-image:url("./img/works_icon01.png");
	background-repeat:no-repeat;
	color:#FF9900;
	line-height:32px;
	font-size:25px;
	padding:0 0 0 40px;
	font-weight:bold;
	margin:0 0 26px 0;
}


.works_left04{
	width:370px;
	float:left;
}

.works_right04 p{
	margin:0 0 16px 0;
}

.works_right04{
	width:600px;
	float:right;
}

.works_btn_area{
	margin:0 0 50px 0;
}

.works_btn_area li{
	width:247px;
	float:left;
	margin:0 4px 0 0;
	list-style-type:none
}

.works_btn_area li:last-of-type{
	margin:0 0 0 0;
}

.works_btn_area a{
	display:block;
	background-color:#0457B3;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	padding:20px 0 20px 0;
	height:50px;
}


.works_btn_area a:hover{
	background-color:#FF9900;
	color:#FFFFFF;
}

.beginner_area01{
	margin:0 0 50px 0;
}


.beginner_left01{
	width:370px;
	float:left;
}

.beginner_right01{
	width:600px;
	float:right;
	height:190px;
	background-image:url("./img/beginner_arrow.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}

.beginner_right0102{
	width:600px;
	float:right;
}

.beginner_title01{
	color:#0457B2;
	font-size:22px;
	margin:0 0 22px 0;
	font-weight:bold;
}

.faq_list01{
	margin:0 0 70px 0;
}

.faq_list01 dt{
	margin:0 0 25px 0;
}


.faq_list01 dd{
	margin:0 0 45px 0;
}

.faq_list01_q{
	background-color:#0457B2;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	width:45px;
	height:45px;
	text-align:center;
	line-height:45px;
	float:left;
	margin:0 27px 0 0;
}

.faq_list01_text01{
	width:900px;
	float:left;
	color:#0457B2;
	font-size:20px;
	font-weight:bold;
	line-height:45px;
}


.faq_list01_a{
	background-color:#F6BA09;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	width:45px;
	height:45px;
	text-align:center;
	line-height:45px;
	float:left;
	margin:0 27px 0 0;
}

.faq_list01_text02{
	width:900px;
	float:left;
	font-size:16px;
	line-height:20px;
}


.faq_list01_text03{
	width:900px;
	float:left;
	font-size:16px;
	line-height:45px;
}

.family_box01{
	list-style-type:none;
}

.family_box01 li{
	width:240px;
	float:left;
	margin:0 13px 0 0;
}

.family_box01 li:last-of-type{
	margin:0 0 0 0;
}

.family_box_img{
	margin:0 0 10px 0;
}

.family_title01{
	color:#0457B2;
	font-size:22px;
	line-height:30px;
	margin:0 0 20px 0;
	font-weight:bold;
}

.family_box01 p{
	width:230px;
	height:90px;
	font-size:14px;
	line-height:20px;
}


.family_box02{
	list-style-type:none;
}

.family_box02 li{
	width:320px;
	float:left;
	margin:0 20px 0 0;
}

.family_box02 li:last-of-type{
	margin:0 0 0 0;
}


.family_box02 p{
	width:310px;
	font-size:14px;
	line-height:20px;
}

.information_title01{
	font-size:20px;
	font-weight:bold;
	border-bottom:3px #0457B2 solid;
	padding:6px 0;
}

.information_box01{
	width:100%;
	margin:50px 0 80px 0;
	line-height:25px;
}

.information_box01 tr{
	border-bottom:1px #0457B3 solid;
}

.information_box01 th{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width:116px;
	padding:15px 0;
}

.information_box01 td{
	padding:15px 60px;
}

.information_box01 ul{
	margin:0 0 0 23px;
}

.information_contact_area{
	list-style-type:none;
	margin:0 0 84px 0;
}

.information_contact_area li{
	width:500px;
	float:left;
}


.gallery01{
	list-style-type:none;
}

.gallery01 li{
	width:245px;
	float:left;
	margin:0 6px 0 0;
}


.gallery01 li:last-of-type{
	margin:0 0 0 0;
}


.gallery01 img{
	width:245px;
	height:188px;
}

.gallery01 a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50);  
}  

.gallery01 a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
}

.gallery_content01{
	width:100%;
	background-image:url("./img/gallery_bg01.jpg");
	background-size:cover;
	background-position:center top;
	padding:50px 0;
}

.gallery02{
	background-color:rgba(255,255,255,0.8);
	padding:30px 40px 30px 60px;
	margin:25px 0 0 0;
}


.gallery_textarea01{
	margin:0 0 25px 0;
}


.gallery_textarea02{
	margin:0 0 0 0;
}

.gallery02_left{
	width:320px;
	float:left;
}

.gallery02_right{
	width:550px;
	float:right;
}

.gallery02_text{
	margin:0 0 20px 0;
}

.voice_area{
	margin:30px auto 20px auto;
}

.voice_area p{
	text-align:center;
}

/*採用動画*/
.voice_movie01{
	width:780px;
	margin:20px auto 70px auto;
}

.voice_movie01 iframe{
	width:780px;
	height:439px;
}
/*採用動画*/



.font_color01{
	color:red;
	font-weight:bold;
}

.font_size{
	font-size:30px;
}

.font_color01 a{
	color:red;
	text-decoration:none;
}


.font_color02{
	color:red;
	font-weight:bold;
}

.entry_textarea01{
	margin:0 0 30px 0;
	border-bottom:1px #0457B3 solid;
}


.entry_textarea01 p{
	margin:0 0 15px 0;
}

.entry_box01{
	width:815px;
	margin:0 auto 70px auto;
}

.entry_box01 th{
	font-weight:normal;
	text-align:left;
	width:205px;
	padding:5px 0;
	vertical-align:top;
}

.entry_box01 th a{
	color:#0033FF;
}


.entry_box01 td{
	font-weight:normal;
	width:610px;
	padding:5px 0;
}

.entry_box01 ul{
	list-style-type:none;
}

.entry_box01 li{
	float:left;
	width:180px;
	font-size:16px;
}

.entry01{
	width:500px;
	padding:5px 20px;
	margin:5px 0;
	background-color:#F2F2F2;
	border:1px #CCCCCC solid;
	color:#666666;
	font-family: "Noto Sans Japanese","メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:16px;
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.entry02{
	width:100px;
	padding:5px 20px;
	margin:5px 0;
	background-color:#F2F2F2;
	border:1px #CCCCCC solid;
	color:#666666;
	font-family: "Noto Sans Japanese","メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:16px;
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.entry03{
	width:500px;
	height:200px;
	padding:5px 20px;
	margin:5px 0;
	background-color:#F2F2F2;
	border:1px #CCCCCC solid;
	color:#666666;
	font-family: "Noto Sans Japanese","メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:16px;
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.entry04{
	margin:0 22px 0 0;
	width:18px;
	height:18px;
    vertical-align: middle;
}


.form_button01,.contact_back{
	text-align: center;	
}

.form_button01 button,.contact_back a{
	box-sizing: border-box;
	display: inline-block;
	width: 270px;
	padding: 30px 0;
	margin-right: 20px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}

.form_button01 button:last-child,.contact_back a:last-child{
	margin-right: 0;
}

.form_button02{
	color: #FFFFFF;
	background: #FF9900;
	border:1px #FF9900 solid;
}


.form_button03{
    background: #f3f6f8;
    color: #0457b2;
	border:1px #0457b2 solid;
}

.information_btn_area{
	margin:0 0 50px 0;
}

.information_btn_area li{
	width:195px;
	float:left;
	margin:0 6px 0 0;
	list-style-type:none
}

.information_btn_area li:last-of-type{
	margin:0 0 0 0;
}

.information_btn_area a{
	display:block;
	background-color:#0457B3;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	text-decoration:none;
	padding:10px 0;
}


.information_btn_area a:hover{
	background-color:#FF9900;
	color:#FFFFFF;
}

.careerplan_area01{
	padding:60px 25px;
	width:950px;
	margin:0 auto;
	background-image:url("./img/careerplan_bg01.png");
}

.careerplan_area01 table{
	width:100%;
}

.careerplan_area01 th{
	background-color:#99CCFF;
	font-size:18px;
}

.careerplan01{
	width:220px;
	text-align:center;
	vertical-align:top;
	line-height:55px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;

}

.careerplan0102{
	width:220px;
	text-align:center;
	vertical-align:top;
	line-height:60px;
	color:#FFFFFF;
	background-image:url("./img/careerplan_arrows02.png");
	background-repeat:no-repeat;
	background-position:top;
}

.careerplan0103{
	width:220px;
	vertical-align:top;
	color:#FFFFFF;
	background-image:url("./img/careerplan_arrows03.png");
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0 0 0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.careerplan0103 p{
	width:130px;
	margin:20px auto 0 auto;
	text-align:left;
}

.careerplan0103_new{
	width:220px;
	vertical-align:top;
	color:#FFFFFF;
	background-image:url("./img/careerplan_arrows03_02.png");
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0 0 0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.careerplan0103_new p{
	width:130px;
	margin:10px auto 0 auto;
	text-align:left;
}



.careerplan02{
	width:280px;
	padding:0 25px;
	vertical-align:top;
}


.careerplan03{
	width:350px;
	display: inline-block;
	border: solid 1px #666666;
	position: relative;
	padding:26px 24px;
	background-color:#FFFFFF;
	font-size:16px;
	line-height:24px;
}

.careerplan03:after{
  content: "";
  border: solid 1px #666666;
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}



.careerplan02_position{
	background-color:#FF9900;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFFFFF;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	line-height:55px;
}

.careerplan02_arrows{
	padding:17px 0;
	text-align:center;
}

.careerplan_catchcopy{
	font-size:33px;
	line-height:45px;
	font-weight:bold;
	width:1000px;
	margin:0 auto 50px auto;
}

.careerplan05{
	font-size:30px;
	color:#FFFFFF;
	line-height:55px;
	font-weight:bold;
	background-color:#FF9900;
	text-align:center;
}

.careerplan05_arrows{
	text-align:center;
	margin:5px 0 0 0;
}

.careerplan05_textarea{
	background-color:#DCDFED;
	margin:30px 0;
	padding:20px 0;
}

.careerplan05_textarea p{
	width:742px;
	margin:0 auto;
	font-size:18px;
	line-height:25px;
}

.careerplan06{
	font-size:45px;
	text-decoration:underline;
	color:#0457B3;
	font-weight:bold;
	line-height:54px;
	text-align:center;
	margin:0 0 30px 0;
}

.careerplan04_left{
	width:495px;
	float:left;
	background-color:#DCDFED;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:40px 0 50px 0;
}

.careerplan04_right{
	width:495px;
	float:right;
	background-color:#DCDFED;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:40px 0 50px 0;
}

.careerplan04_left p{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}


.careerplan04_right p{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}

.careerplan04_left table{
	width:445px;
	margin:0 auto;
	font-weight:bold;
}

.careerplan04_box01{
	width:34px;
	background-color:#0457B3;
	color:#FFFFFF;
	font-size:30px;
	padding:0 18px;
	line-height:36px;
}

.careerplan04_box02{
	width:250px;
	background-color:#FF9999;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	line-height:60px;
	border-left:26px #DCDFED solid;
	border-right:26px #DCDFED solid;
}

.careerplan04_box04{
	text-align:center;
	padding:5px 0;
	border-left:26px #DCDFED solid;
	border-right:26px #DCDFED solid;
}

.careerplan04_box03{
	width:34px;
	background-color:#0457B3;
	color:#FFFFFF;
	font-size:30px;
	padding:0 18px;
	line-height:36px;
}

.careerplan04_right ul{
	width:360px;
	margin:0 auto;
	list-style-type:none;
}

.careerplan04_right li{
	width:30px;
	line-height:36px;
	padding:110px 27px;
	vertical-align:middle;
	height:120px;
	float:left;
	margin:0 45px 0 0;
	background-color:#FF9999;
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.careerplan04_right li:last-of-type{
	margin:0 0 0 0;
}

.careerplan07{
	margin:65px 0;
	list-style-type:none;
}

.careerplan07 li{
	width:300px;
	height:300px;
	float:left;
	margin:0 49px 0 0;
}

.careerplan07 li:last-of-type{
	margin:0 0 0 0;
}

.careerplan07_01{
	background-image:url("./img/careerplan07_01.png");
}

.careerplan07_02{
	background-image:url("./img/careerplan07_02.png");
}

.careerplan07_03{
	background-image:url("./img/careerplan07_03.png");
}

.careerplan07 p{
	text-align:center;
	font-size:45px;
	font-weight:bold;
	padding:95px 0 0 0;
}

.careerplan08{
	font-size:14px;
	line-height:22px;
}

.careerplan08 ul{
	list-style-type:none;
}

.careerplan08_left{
	float:left;
	width:100px;
}

.careerplan08_right{
	float:left;
	width:900px;
}

.careerplan08_left02{
	float:left;
	width:115px;
}

.careerplan08_right02{
	float:left;
	width:885px;
}

.policy001{
	width:96%;
	height:200px;
	padding:2%;
	overflow:scroll;
	font-size: 14px;
	line-height:18px;
	font-weight:thin;
	margin-top: 10px;
	border:#ccc 1px solid;
	color:#333;
}

.policy001 h3{
	font-size: 18px;
	margin-bottom: 10px;
	padding:2% 0 2% 0;
	border-bottom:1px #666 solid;
}

.policy001 h4{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
#f_sp_menu001 {
	display:none;
}

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

.footer_yashio_logo01{
	width:310px;
	margin:0 auto;
	padding:50px 0 0 0;
}

/* privacy */

.content_textarea01 ul li{
	position: relative;
	padding-left: 20px;
	margin-left: 15px;
	list-style:none
}

.content_textarea01 ul li:before{
	position: absolute;
	top: 9px;
	left: 0;
	content: "";
	border-left: 10px #ff6600 solid;
	border-top: 5px transparent solid;
	border-bottom: 5px transparent solid;
}
/* privacy */

.btn_box01{
	width:280px;
	border: #0457B3 1px solid; /*境界線の指定*/
	background:#0457B3; /*背景色の指定*/
	padding:10px;
	color:#fff;
	margin:0 auto;
}

.btn_box01 p {
	margin:0;
	padding:0 auto;
}

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

.btn_box01 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*20230725*/
.about02_box01{
	list-style-type:none;
}

.about02_box01 li{
	width:480px;
	float:left;
	margin:0 20px 0 0;
}

.about02_box01 li:last-of-type{
	margin:0 0 0 0;
}


.about02_box01 p{
	width:490px;
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
}

.about02_box01_img{
	margin:0 0 10px 0;
}

.about02_title01{
	color:#0457B2;
	font-size:22px;
	line-height:30px;
	margin:0 0 20px 0;
	font-weight:bold;
}

.content_title{
	padding:0 0 0 0;
	margin:0 0 50px 0;
}

.content_title h3{
	color:#0457B2;
	font-size:35px;
	line-height:40px;
}

}