@charset "UTF-8";
body {
	font-family: "Sawarabi Gothic";
	color:#333;
}

h1,h2,h3,h4,h5,h6,p,a,caption,li{
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}

a{text-decoration:none;}
a:hover{transition: 0.5s;}
h1,h2,h3,h4{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}

h1{font-size:2.0em;}
h2{font-size:1.6em;}
h3{font-size:1.2em;}
h4{font-size:1.0em;}
h3 a{font-weight:bold;}

.p_large{font-size:1.2rem;font-weight:bold;}

/* FORM部品 リセット */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* COMMON */
.img-right{float:right;}
.fukidasi-orange{
	color:#F39700;
	text-align:center;
	padding:20px 30px;
	background-image:url("img_common/left_orange.svg"),url("img_common/right_orange.svg");
	background-repeat:no-repeat,no-repeat;
	background-position:center left,center right;
}

.fukidasi-white{
	color:#FFFFFF;
	text-align:center;
	padding:20px 30px;
	background-image:url("img_common/left_white.svg"),url("img_common/right_white.svg");
	background-repeat:no-repeat,no-repeat;
	background-position:center left,center right;
}



ul#pankuzu {
	margin: 1rem;
	list-style:none;
	text-align:right;
}

ul#pankuzu li{display:inline;}

#pankuzu li:not(:last-child):after {
	content: " > ";
	margin: 0 0.4rem;
}
#pankuzu a:link,
#pankuzu a:visited{color:#06C;}
#pankuzu a:hover{color:#F93;}


/* */
a.contents-point-btn{
	border:1px solid #F09EC1;
	padding:5px 20px;
	border-radius:3px;
}
a.contents-point-btn:link,
a.contents-point-btn:visited{color:#F09EC1;}
a.contents-point-btn:hover{background:#F09EC1;color:#FFF;}

a.normal_link:link,
a.normal_link:visited{color:#069;}
a.normal_link:hover{color:#F63;}


br.br_sp{display:none;}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* */
.col3{display:flex;justify-content: space-between;}

.row_1{width:880px;margin:auto;}

/* */
header{background:#00A0E8;text-align:center;padding:40px 0 20px 0;}

nav span{
	font-size:1.8em;
	font-family: 'Francois One', sans-serif;
	font-weight:bold;
}

header nav ul,
header nav li{margin:0;padding:0;list-style:none;}


.nav_for-sp{display:none;}


#header-logo{margin-bottom:30px;}
#header-logo h1 span{font-size:0.7em;margin-right:10px;}

header a{color:#333;}

header nav ul{display:inline-block;}
header nav li{font-size:1em;display:inline-block;margin:0 10px;font-weight:bold;}
header nav li a{color:#FFF;font-size:0.85rem;}
header nav li a span{font-size:1.5em;display:block;}
header nav li a:hover{color: #FC6;}




p.to_houjin_btn-a,
p.top_btn-a{
	position: absolute;
	right: 140px;
	display:inline-block;
}
p.to_houjin_btn-a{top: 40px;}
p.top_btn-a{top: 90px;}



.to_houjin_btn-a a,
.top_btn-a a{background:#7DCDF3;color:#fff;padding:5px 10px;border:2px solid #fff;}
.to_houjin_btn-b a{background:#00B5EB;color:#fff;padding:10px;}

.to_houjin_btn-a a:hover,
.top_btn-a a:hover,
.to_houjin_btn-b a:hover{background-color: #FFCC66;}


/* */
footer{
	color: #FFF;
	background: #7DCDF3;
	padding: 40px 0;
	text-align: center;
}

/*-----------*/
#footer-inner{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
	width:auto;
	margin:0 auto;
}
#footer-left,
#footer-center,
#footer-right{display:inline-block;margin:0 20px;bottom:0;text-align:left;}
#footer-center{text-align:center;}

/*-----------*/
#footer_info{background:#fff;color:#36BDEF;border-radius:10px;padding:10px 20px;display:inline-block;text-align:left;}
#footer_info span{font-size:1.6em;font-weight:bold;}

#footer-left p{text-align:center;line-height:140%;}
#footer-left ul{margin-top:20px;}
#footer-left span{font-weight:bold;font-size:1.5em;margin-left:10px;}

#footer-left ul a:link,
#footer-left ul a:visited{color:#FFF;}
#footer-left ul a:hover{color:#FFCC66;}

#footer-center h3{display:inline-block;}
#footer-right .to_houjin_btn-b a{display:block;text-align:center;}

#footer-left ul.custom_marker {list-style-type: none;margin-left:14px;}
#footer-left ul.custom_marker li:before {content: '＞';margin-left:-14px;}

small{font-size:0.8em;line-height:150%;display:block;margin-top:10px;}

#backtotop{font-size:2em;}
#backtotop a{display:inline-block;text-decoration:none;padding:10px 15px;border-radius:30px;}
#backtotop a:link,
#backtotop a:visited{color:#666;background-color: rgba(255,255,255,0.8);}
#backtotop a:hover{color:#666;background-color: rgba(200,0,0,0.8);}

/*    */
#main_visual{text-align:center;position:relative;margin:50px auto;}
#main_visual h2{
	background-color: rgba(255,255,255,0.4);  
	position:absolute;
	z-index:99;
	top: 60%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height:40px;
}
#main_visual ul{margin:0;padding:0;}
.slider img {width: 100%;max-width: 100%;height: auto;}

/*    */
#contents-wrap{width:1000px;margin:10px auto;}
#pankuzu{text-align:right;}

#contents-info{
	float: left;
	width: 580px;
	/*
	background-image: url(img_common/bk_info.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	*/
}
#contents-info p{line-height:200%;margin-bottom:20px;}
#contents-info h3{color:#63BFAA;}


#top-contents-info{
	background: #f5f5f5;
	text-indent: 1rem;
	padding:20px;
	margin-bottom:40px;
}

#index_ninsho{
	background-image: url(img_common/bk_info.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#index_ninsho p{margin:30px 0;}
#index_ninsho p:first-letter{color:#F09EC1;}


/*    */
#contents-news{
	float: right;
	width: 380px;
	margin-bottom:50px;
}
/*    */

#contents-point{
	float: right;
	width: 380px;
	background-image: url(img_common/bk_point.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#contents-point h3{
	color: #F09EC1;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin:20px 0 5px 0;
}

#contents-point h3 span{
	font-family: 'Francois One', sans-serif;
	display:inline-block;
	text-align:center;
	line-height:100%;
	font-size:0.6em;
	margin-right:20px;
}
#contents-point h3 span span{font-size:4.4em;display:block;margin:0;}

#contents-point p a:link,
#contents-point p a:visited{font-weight:bold;color:#043AC9;color:#693;}
#contents-point p a:hover{color:#F60;}

#contents-point a.contents-point-btn{float:right;}


/*    */
#contents-koe{
	position:relative;
	text-align: center;
	padding: 60px 0;
	background-color: #F2F1EF;
	background-image: url(img_index/bk_koe.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:auto 100%;
	margin-top:50px;
}
#contents-koe a{margin:40px;}
#contents-koe a span{margin:0 10px;}
#contents-koe a:link,
#contents-koe a:visited{display:inline-block;color:#FFF;background:#221814;padding:10px 20px;}
#contents-koe a:hover{background:#F93;}

#contents-koe p:nth-child(1){position:absolute;left:10%;top:-5%;}
#contents-koe p:nth-child(2){margin-bottom:30px;}
#contents-koe p:nth-child(3){position:absolute;right:10%;top:-10%;}

#contents-koe .fukidasi-orange{display:inline-block;}

/*    */
[id$="-btn_area"]{text-align:center;padding:30px 0;}
[id$="-btn_area"] a{display:inline-block;padding:20px 40px;margin:40px;font-weight:bold;}
[id$="-btn_area"] a:link,
[id$="-btn_area"] a:visited{color:#333;}
[id$="-btn_area"] a:hover{color:#F33;}

[id$="-btn_area"]{
	background-image:url("img_common/hana.png"),url("img_common/hana.png");
	background-repeat:no-repeat,no-repeat;
	background-position:10% 100%,90% 50%;
	background-size:10%,10%;
}
#side-btn_area{background-image:none;}
#side-btn_area a{padding:20px;margin:10px 0;width:240px;}




[class*="bk-stripe_"] {background-size: 20px 20px;}
.bk-stripe_green{background-image: linear-gradient(-45deg,#D9E6A7 25%,#F5F7DB 25%,#F5F7DB 50%,#D9E6A7 50%,#D9E6A7 75%,#F5F7DB 75%,#F5F7DB);}
.bk-stripe_yellow{background-image: linear-gradient(-45deg,#FEF5AE 25%,#FFFCDC 25%,#FFFCDC 50%,#FEF5AE 50%,#FEF5AE 75%,#FFFCDC 75%,#FFFCDC);}
.bk-stripe_blue {
    background-image: linear-gradient(-45deg,#BADCDB 25%,#E4F2F0 25%,#E4F2F0 50%,#BADCDB 50%,#BADCDB 75%,#E4F2F0 75%,#E4F2F0);
}



/* JOBページ */
.kakomi-pink_bk span,
.kakomi-pink_line span{width:370px;text-align:center;}

.kakomi-pink_bk span{border:1px solid #F09EC1;background:#F09EC1;color:#fff;}
.kakomi-pink_line span{border:1px solid #F09EC1;}
.kakomi-blue_bk span{background:#7DCDF3;color:#fff;letter-spacing: 0.3rem;}
[class^="kakomi-"] span{display:inline-block;border-radius:8px;padding:5px 10px;margin-right:10px;}

#job_col3{text-align:center;margin:80px auto;}
#job_col3 table{margin:10px auto;}
#job_col3 td{text-align:left;padding:2px 10px;}
#job_col3 span{display:block;font-family: 'Francois One', sans-serif;color:#EB6DA5;}
#job_col3 h2{color:#EB6DA5;font-size:1.2rem;font-weight:normal;}
#job_col3 h2 img{vertical-align:middle;margin:0 10px;}
#job_col3 img{margin:10px auto;}

.job-kakomi{
	position:relative;
	width: 920px;
	margin: 50px auto;
	border: 2px solid #ACDDF7;
	border-radius: 10px;
	padding:20px;
}
.job-kakomi_sub{width:100%;}
.job-kakomi-top{
	position:absolute;
	top:-30px;
	left:30px;
}
.job-kakomi p{margin:10px 0;}
#job-kakomi_2{
	border-top: 1px solid #ACDDF7;
	border-bottom: 1px solid #ACDDF7;
}

.job-kakomi p.sisetu_info{text-align:center;margin:20px auto;}

#job_col3 a.contents-point-btn{border:none;}



/* JOB 下層ページ */

.col2-page{display:flex;flex-direction:row-reverse;justify-content: space-between;}
.col2-page-text{width:640px;line-height:200%;}
.col2-page-pict{width:280px;}
.col2-page-pict img{width:100%;border-radius:10px;margin-bottom:5px;}

.col2-page-text h2{font-size:1.0rem;}
.col2-page-text h3 span{
	color:#eb6da5;
	font-size:1.8rem;
	font-family: 'Francois One', sans-serif;
	font-weight:bold;}
.col2-page-text caption{color:#eb6da5;}
.col2-page-text p{margin:40px auto;}

.col2-page td{padding:2px 10px;}
.col2-page-text td p{margin:0;}

#main_visual_job,
#main_visual_pv{width:100%;max-width:1500px;margin:auto;}

#main_visual_job img,
#main_visual_pv img{width:100%;height:auto;}


/* person,voice */
#main_visual_pv{
    position: relative;
    height: auto;
}
#main_visual_pv:before{
    content: "";
    display: block;
    padding-top: 30%;
}
.on_picture {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}


#main_visual_person_on_1 img{position:absolute;width:50%;right:7%;bottom:15%;}
#main_visual_person_on_2 img{position:absolute;width:18%;left:8%;top:6%;}



#main_visual_voice_on_1 img{position:absolute;width:24%;left:42%;bottom:8%;}
#main_visual_voice_on_2 img{position:absolute;width:30%;right:18%;bottom:50%;}

#main_visual_voice_on_3 img{position:absolute;width:10%;left:10%;bottom:50%;}
#main_visual_voice_on_4 img{position:absolute;width:10%;right:9%;bottom:3%;}
#main_visual_voice_on_5 img{position:absolute;width:10%;right:29%;bottom:-15%;}


#page-person .col2-page-text p{margin:20px auto;}
#page-person .col2-page-text p.qa_q{margin-top:50px;}
.qa_q,.qa_a{font-size:1.2rem;font-weight:bold;}


.qa_q span,
.qa_a span{padding:0 10px 0 0;font-size:1.8rem;font-family: 'Francois One', sans-serif;font-weight:bold;}
.qa_q span{color:#7ECEF4;}
.qa_a span{color:#F39800;}

.qa_midashi:first-letter{font-size:1.2rem;padding:2px 8px;margin-right:5px;background:#F93;color:#FFF;}
/* tour */

#main_visual_tour_on_1 img{position:absolute;width:50%;left:20%;bottom:15%;z-index:99;}
#main_visual_tour_on_1 img#tour{width:66%;}
#main_visual_tour_on_2 img{position:absolute;width:23%;right:10%;bottom:-1%;transform:rotate(-4deg);}

#page-tour table{width:auto;margin:auto;}
#page-tour caption{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 100%;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #00A0E8;
}
#page-tour th,#page-tour td{padding:10px 20px;border-bottom:1px dotted #ccc;}
#page-tour th{text-align:center;background:#F5F5F5;}

#page-tour .gmap{margin-top:20px;}

/* INFO */
#page-info{}
#page-info table{border:2px solid #ccc;margin-bottom:40px;}
#page-info caption{padding-left:5px;border-left:10px solid #F96;line-height:100%;font-size:1.4rem;font-weight:normal;margin-bottom:10px;}
#page-info th,
#page-info td{border:1px solid #ccc;padding:10px;}
#page-info th{background:#F9F9F9;white-space:nowrap;text-align:center;}

#menu-cb,#menu-icon{display:none;}



/* CONTACT_ENTRY */
#contact-form {width: 960px;margin: 20px auto;text-align: center;}
#contact-form form dt{padding-top:10px;float:left;width:7em;text-align:left;}
#contact-form form dd{padding:10px 0 10px 7em;text-align:left;}

#form_area{padding:50px;display:inline-block;width:70%;background: rgba(250,250,250, 0.7);}
#form_area input[type=text],
#form_area textarea{border:1px solid #DDD;font-size:1.2em;background:#fff;}

#form_area input[type=text]{width:60%;}
#form_area textarea{width:100%;height:200px;}

#form_area input[type=text]:focus{background:#FFe;}
#form_area textarea:focus{background:#FFe;}


#form_area input[type=submit],
#form_area input[type=button]{font-size:1.2em;padding:5px 20px;background:#9dcddd;color:#fff;}
#form_area input[type=submit]:hover,
#form_area input[type=button]:hover{cursor:pointer;background:#FC6;}








input[type=radio] {
  display: none;
}
.check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 42px;
  vertical-align: middle;
  cursor: pointer;
}
.check_css:hover:after {
  border-color: #0171bd;
}
.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=radio]:checked + .check_css:before {
  opacity: 1;
}

label.check_css{margin-bottom:10px;}


.formTable{width:98%;margin:10px auto;border:1px solid #000;}
.formTable th{
	text-align: center;
	font-weight: bold;
	background-color: #FEFFF1;
}
.formTable td{text-align:left;}
.formTable td,
.formTable th{border:1px dotted #999;padding:10px;}


/* 育成体制 */
#page-training h2{color:#fff;background:#7DCCF3;color:#fff;text-align:center;border-radius:30px;padding:10px 0;}
#page-training h2,
#page-training h3{margin:40px 0 15px 0;}
#page-training h2{font-size:1.6rem;}
#page-training h3{}

#page-training i{color:#7DCCF3;}

#page-training p{margin-bottom:20px;}

@media screen and (max-width:959px) { 
	header{padding: 20px 0 10px 0;}
	#header-logo {margin-bottom: 5px;}
	
	header h1{color:#fff;}
	
	br.br_hidden{display:none;}
	br.br_show{display:inline-block;}
	br.br_sp{display:inline-block;}
	
	.col3{display:block;}
	.row_1{width:90%;margin:auto;}
	
	a.contents-point-btn{float:none;display:inline-block;text-align:center;margin:20px auto;}
	#main_visual h2{position:relative;margin-top:10px;font-size:1.2em;}
	
	#contents-wrap{width:100%;margin:10px auto;}
	#contents-info {float: none;width: 90%;margin: 20px auto;background-image: none;}
	#contents-info h3{margin-top:40px;}
	#contents-point {
		float: none;
		width: 90%;
		margin:20px auto 40px auto;
		background-image: url(img_common/bk_point.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
	
	#contents-news {
		float: none;
		width: 90%;
		margin:20px auto;
	}
	#contents-news img{width:100%;height:auto;}
	
	.to_houjin_btn-a a{}
	p.to_houjin_btn-a,
	p.top_btn-a{
		display:none;
		/*
		position: fixed;
		right: 10px;
		display:inline-block;
		z-index:100;
		font-size:0.9rem;
		
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
		font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial,Helvetica,sans-serif;font-weight:bold;
		*/
	}

	p.to_houjin_btn-a{top: 100px;}
	p.top_btn-a{top: 260px;}
	
	
	#contents-koe{background-color: #F2F1EF;background-image: none;}
	
	#contents-koe p:nth-child(1),
	#contents-koe p:nth-child(2),
	#contents-koe p:nth-child(3) {
		position:relative;
		display:block;
		top:auto;
		right:auto;
		left:auto;
		background:none;
		padding:10px 0;
		margin-bottom:0;
	}
	
	#index_ninsho{background:none;}
	
	/* ----- */
	#side-btn_area{display:none;}
	
	/* ----- */
	#footer-inner{display:block;}
	
	#footer-left,
	#footer-center,
	#footer-right{display:block;margin:0 auto;text-align:center;}
	
	#footer_info{border-radius:0;padding:20px;margin-bottom:20px;text-align:center;}

	#footer-left ul{margin:20px 0;padding:0;}
		
	#footer-left ul.custom_marker {list-style:none;margin-left:0;}
	#footer-left ul.custom_marker li:before {content: '';margin-left:0;}
		
	#footer-left ul.custom_marker li {
		display:inline-block;
		border:1px solid #EEE;
		padding:10px;
		margin:10px;
	}
	
	#footer-right .to_houjin_btn-b a{display:inline-block;}
	
	small{font-size:0.8em;display:block;margin-top:20px;}
	
	
	/*----- job -----*/

	.job-kakomi{
		position:relative;
		width: 80%;
		margin: 50px auto;
	}
	
	[id^="job-kakomi_"]{
		padding:2%;
		display:block;
	}
	
	[class^="kakomi-"] span{
		display:block;
		margin: 5px auto;
    	width: 98%;
		padding:5px 1%;
	}
	
	.kakomi-blue_bk span{letter-spacing: 0;width:auto;padding:2px 10px;}
	
	
	/*----- job下層 -----*/
	.col2-page{display:block;margin:10px auto;text-align:center;}
	.col2-page-text{width:80%;margin:auto;}
	.col2-page-text p{text-align:left;}
	.col2-page table{width:auto;margin:auto;}
	.col2-page td{padding:5px 10px;text-align:left;}
	
	.col2-page-pict{width:80%;margin:auto;}
	.col2-page-pict img{width:80%;margin:10px auto;}
	
	/* INFO */
	#page-info{width:90%;margin: auto;margin-top:20px;}
	#page-info caption{
		padding: 10px 0;
		border-left: none;
		line-height: 100%;
		font-size: 1.2rem;
		margin-bottom: 10px;
		text-align: center;
		background:#399;
		color:#FFF;
	}
	#page-info th,
	#page-info td{display:block;}
	
	/* TOUR */
	#page-tour table{width:90%;margin:auto;}
	#page-tour th,#page-tour td{display:block;border:none;}
	
	
	/* CONTACT */
	#contact-form {width: 95%;}
#contact-form form dt{
	padding: 0;
	float: none;
}
#contact-form form dd{
	padding:0;
	text-align:left;

}

#form_area{padding:50px;display:inline-block;width:auto;background: rgba(255,255,255, 0.5);}

	.formTable td,
.formTable th{display:block;padding:5px;}



	/* traning */
#page-training{width:80%;margin:auto;}

#page-training h2{color:#333;background:#FFF;text-align:left;border-radius:none;padding:10px 0;}


	/* ----- */
	
	nav#ham-menu li{display:block;margin:0 10px;border-bottom:1px dotted #ccc;padding:10px 0;}
	nav#ham-menu li a{color:#555;}
	nav#ham-menu li a:hover{color:#F63;}
	
	nav#ham-menu li span{display:none;}
	
	
	
	
#ham-menu {
    background-color: #f0f0f0; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 5px; /*メニュー余白*/
    position: fixed;
    right: -350px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 350px; /*メニュー横幅*/
    z-index: 1000;
	font-size:0.9rem;
}
#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}
#menu-icon {
    background-color: #f0f0f0; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px; /*アイコン縦高さ*/
    line-height: 50px; /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-350px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}





}
/* --171102-- */

#ham-menu li {position: relative;z-index:999;}
#ham-menu li ul{display:none;position: absolute;top: 100%;left: 0;margin:0;padding: 0;}
#ham-menu li:hover ul{display: block;transition: .2s;}
#ham-menu li ul li{width: 100%;background-color:#7CCDF3;margin:0;padding:5px;white-space:nowrap;text-align:left;}
#ham-menu li ul li i{color:#00A0E8;}
@media screen and (max-width:959px) {
#ham-menu li ul{position:static;}
#ham-menu li ul li{background:none;border:none;}
#ham-menu {
    right: -280px; /*メニュー横幅 width と合わせる*/
    width: 280px; /*メニュー横幅*/
}
#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-280px); /*メニュー本体横幅 width と合わせる*/
}

}
@media print{
	#main_visual{display:none;}
}