body {
	font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;
}

p {
	color:#666;
}
body.sub {

}
body#top #title-area {
	min-height:700px;
	background-attachment:fixed;
	background-image: url(/common/images/top/top_bg1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

body#top #title-area2 {
	min-height:377px;
	background-image: url(/common/images/top/top_bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}


 body.sub #title-area {
	background-image: url(/common/images/sub_top_bg.jpg);


	background-repeat: repeat-x;
	background-position: center top;
}
body#top #title-container {
	width:100%;
		background-color:#fff;
	padding:25px;
}
	
body.sub #title-container {
	background-image: url(/common/images/sub_top_bg.jpg);


	background-repeat: repeat-x;
	background-position: center top;
	width:100%;
		background-color:#fff;
	padding:25px;
	padding-top:66px;

}

body.sub #category_title {
	width:100%;
	height:277px;
	text-align:center;
	background-repeat: no-repeat,repeat-x;
	background-position: center top;
}
body.sub #category_title2 {
	width:100%;
	height:277px;
	text-align:center;
	background-repeat: no-repeat,repeat-x;
	background-position: center -20px;

}


body#works #category_title {
	background-image:url(/common/images/title_bg.jpg);
}
body#works #category_title2 {
	background-image: url(/common/images/title_works.png);
	opacity:0;
}



body#news #category_title {
	background-image:url(/common/images/title_bg.jpg);
}
body#news #category_title2 {
	background-image: url(/common/images/title_news.png);
	opacity:0;
}

body#flow #category_title {
	background-image:url(/common/images/title_bg.jpg);
}
body#flow #category_title2 {
	background-image: url(/common/images/title_flow.png);
	opacity:0;
}


body#contents #category_title {
	background-image:url(/common/images/title_bg.jpg);
}
body#contents #category_title2 {
	background-image: url(/common/images/title_news.png);
	opacity:0;
}





body#professional #category_title {
	background-image: url(/common/images/title_bg.jpg);
}
body#professional #category_title2 {
	background-image: url(/common/images/title_professional.png);
		opacity:0;
}

body#professional p.greet {
	line-height:190%;
}

body#company #category_title {
	background-image: url(/common/images/title_bg.jpg);
}
body#company #category_title2 {
	background-image: url(/common/images/title_company.png);
		opacity:0;
}

body#works #category_title {
	background-image: url(/common/images/title_bg.jpg);
}
body#works #category_title2 {
	background-image: url(/common/images/title_works.png);
		opacity:0;
}

body#question #category_title {
	background-image: url(/common/images/title_bg.jpg);
}
body#question  #category_title2 {
	background-image: url(/common/images/title_question.png);
		opacity:0;
}


body#service #category_title {
	background-image: url(/common/images/title_bg.jpg);
}
body#service  #category_title2 {
	background-image: url(/common/images/title_service.png);
		opacity:0;
}


body#service  .image {
	margin-top:2em;
}



body#privacy #category_title {
	background-image: url(/common/images/title_privacy.png),url(/common/images/title_bg.jpg);
}


	
#contents_sub {
	padding-top:100px;
}


#flow p.comment {
	color:#626464;
}


#flow .block {
	margin-bottom:40px;
	text-align:center;
}


.gaga #menu_wide {
	background-color:#fff;
	opacity:1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);    
	
}
.row-eq-height {
  display: flex;
  flex-wrap: wrap;

}


#menu_wide {
	width:100%;
	background-color:#fff;

	z-index:999;
	

background: rgba(255,255,255,0.75);
}

	
#sp_menu {
	
		padding:0px;
	width:100%;
	background-color:#fff;
	opacity:0.15;
	z-index:999;
	font-family: 'Calisto MT', sans-serif;
}


.panel {
		border-radius: 0px;
}
	


p.tel {
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	border-radius: 3px;
	color:#515151;
	padding:4px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid #515151;
	margin-top:10px;
}

	
p.tel a {
	color:#515151;
}



#menu_main_block {margin-top:0rem;}
#menu_main_block ul#menu_main{
	font-family: 'Calisto MT', sans-serif;
	border-bottom:0px solid #eee;
	
	
}
	#menu_main_block ul#menu_main li{
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.5rem;

	line-height:100%;
}


#menu_main li img {
	margin-bottom:4px;
	height:12px;
}

#menu_main li.question img {
	height:15px;
}


	#menu_main_block ul#menu_main li.active{
	background-color:#fff;

}

#menu_main_block ul#menu_main a {
	font-family:"Calisto MT";

		padding:40px;
		padding-top:10px;
		padding-bottom:10px;
display:block;
color:#515151;
font-weight:100;
height:100%;
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 40px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}

#menu_main_block ul#menu_main a:hover {
	text-decoration:none;
	opacity: 0.45;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}



#menu_main_block ul#menu_main a span.japanese{
}

#menu_main_block ul#menu_main a span.roman{
color:#555;
font-weight:normal;
font-size:68%;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;

}




#top #contents {
	padding-top:80px;
	padding-bottom:80px;
	background-color:#23a7be;
	width:100%;
	
}
#top #contents .row-eq-height .panel{
	margin-bottom:0px;
}



#top_works {
	padding-top:80px;
	padding-bottom:80px;
	background-color:#e5dcbc;
	width:100%;
	
}

#works .row-eq-height .panel{
	margin-bottom:0px;
}

#works  .row .col-lg-4 {
	padding:5px;

}

#works  .row .col-lg-3 {
	padding:5px;
}
#works  .row .col-xs-3 {
	padding:5px;
}
#works .panel .panel-body {
	padding:7px;
}



#contents .panel {
	padding:0px;
}
#contents .panel .panel-body {
	padding:7px;
}
#contents  .row-eq-height .col-lg-4 {
	padding:5px;
}

#contents  .row-eq-height .col-lg-3 {
	padding:5px;
}
#contents  .row-eq-height .col-xs-3 {
	padding:5px;
}


#footer {
	padding-top:40px;
	padding-bottom:40px;
	color:#515151;
}

p.copyright {
	font-size:1.3rem;
	margin-top:14px;
}

@media (max-width: 991px) {
	#menu_wide-sticky-wrapper {
		display:none;
	}
	#sp_menu {
		display:inline;
	}
	#bird1,#bird2 {
		display:none;
		border:1px solid red;
	}
}


@media (min-width: 992px) {
	#menu_wide-sticky-wrapper {
		display:inline;
	}
	#sp_menu {
		display:none;
	}
}

.panel h4 {
	font-weight:600;
	border:0px solid red;
	margin-bottom:3px;
}
.panel a {
	color:#515151;
}


#bird1,#bird2 {
	position: absolute;
	top:77px;
	left:0px;
	z-index:110;
	
}

body#question h3 {
	border-bottom:3px solid #beac7e;
	padding-bottom:5px;
	margin-bottom:10px;
}

body#question .block {
	
	margin-bottom:50px;
}

body#question .block p{
	text-align:center;
}

body#question .block p.number{
font-family: 'Montserrat', sans-serif;
	text-align:center;
	color:#beac7e;
	font-size:3.5rem;
}


body#question .block .point{
	margin-bottom:10px;
}




body#works .thumbnail {
	   border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  
}  
body#works .thumbnail img {
	margin-bottom:10px;
}  


body#top .view_more {
	margin-top:50px;
}
















body#top #title-area-new {
	min-height:700px;
	background-image: url(/common/images/top/top_bg1.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}


@media all and (max-width: 780px) {
	
body#top #title-area-new {
	min-height:510px;
	background-image: url(/common/images/top/top_bg1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-size:cover;
}
body#top #contents_title {
	width:100%;
	margin-bottom:10px;
	
}
	
	
	
}