/*****************************************************/
/*    固定ページ用 CSS                                   */
/*****************************************************/
body{
/*
	font-family:'Helvetica', Meiryo, 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック ProN','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
*/	/*'メイリオ',Meiryo,*/
	letter-spacing:0em;
}
/*******************/
/*  Top comittment */
/*******************/
#topcommitment{
display:block;
position:relative;
max-width:1100px;
	width:100%;
	display:block;
	text-align:center;
	/*	background-color:rgba(1,255,1,0.5);*/
}
#topcommitment ul li a{
	text-decoration:none;
}
#topcommitment .topImg,
#topcommitment .contents{
display:inline-block;
position:relative;
max-width:100%;
	width:100%;
	overflow:hidden;
	text-align:center;
}
#topcommitment .contents .linkmenu{
display:inline-block;
position:relative;
	margin:0 auto;
/*	left:50%;*/
/*	float:left;
	border:1px dotted #0f0;*/
}
#topcommitment .contents ul.linkmenu li{
position:relative;
margin:0;
padding:0;
float:left;
/*left:-50%;*/
list-style: none;
}
#topcommitment .contents .linkmenu li a{
/*background-color:rgba(255,255,255,1);*/
}
#topcommitment .contents .linkmenu li a:hover{
opacity: 0.8;
}
.fb_link_contents{
	margin: 0 auto;
	max-width: 890px;
}
.fb_link_contents .icon_fb{
	margin-bottom: 4px;
	width: 25px;
	height: auto;
}
a.fb_link{
	display: inline-block;
	text-decoration: none;
}
a.fb_link:hover{
	opacity: 0.7;
}

@media screen and (max-width: 640px) {
	.fb_link_contents{
		font-size: 14px;
		margin: 0 10px;
		max-width: 890px;
	}
}

/*******************/
/*  goaisatu       */
/*******************/
/* of top commitment*/
#goaisatu {
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#goaisatu .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#goaisatu .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#goaisatu .flag .center{
	position:relative;
	width:220px;
}
#goaisatu .contents{
	position :relative;
	display:inline-block;
	margin-top: 0em;
	background-image:url(../img/top_commitment_i.png);
	background-repeat: no-repeat;
	/*height : 1000px;*/
	max-width : 890px;/*890px;*/
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
		/*border:1px dotted #f00;*/
	text-align:center;
	padding-top:40px;
	/*
	filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;*/
}
#goaisatu .opacymask{
	background:rgba(255,255,255,0.5);
	width:100%;
	text-align:left;
/*height:1000px;*/
}
#goaisatu .title{
	max-width:100%;
	width:60%;
	padding-left:10%;
	text-align:center;
	color: #552a21;
	font-size: 18px;
}
#goaisatu .contents .msg{
	display:inline-block;
	position :relative;
	padding-top:20px;
	color: #552a21;
	max-width : 100%;
	width:72%;
}
#goaisatu .contents .msg>div{
	position :relative; /*absolute;*/
	top : 10px;
	/*left :130px;*/
	padding-left:10%;
	font-size: 15px;
	font-weight:bold;
		/*border:1px dotted #0f0;*/
}
#goaisatu .contents .msg p{
	font-size:14px  ;
	color: #552a21;
	line-height : 33px;
	margin-top : 0;
	margin-bottom : 14px;
	text-align:left;
}
#goaisatu .contents .img{
	position :absolute;
	display : block;
	right :0px;
}
#goaisatu .contents .img1{	top :  53px;}
#goaisatu .contents .img2{	top : 185px;}
#goaisatu .contents .img3{	top : 317px;}
#goaisatu .contents .img4{	top : 449px;}
#goaisatu .contents .img5{	top : 581px;}
#goaisatu .contents .img6{	top : 713px;}
#goaisatu #apDiv1 {
	display:inline-block;
	position: relative;
	max-width: 100%;
	width:90%;
	text-align:right;
	margin-top:50px;
			/*border:1px dotted #0f0;*/
}
#goaisatu #apDiv1 a:hover{
opacity:0.7;
}

@media screen and (max-width: 640px) {
	#goaisatu .contents .title{width:40%;}
	#goaisatu .contents .msg{width:62%;}
}
@media screen and (max-width: 520px) {
	#goaisatu .contents .title{width:32%;}
	#goaisatu .contents .msg{width:49%;}
}


/*******************/
/*  kansu          */
/*******************/
/* of top commitment*/
#kansu {
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#kansu .contents{
	display:inline-block;
	max-width:750px;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
}
#kansu .contents .bttn-link{
	display:block;
	text-align:center;
	margin:0 auto;
	padding-top:80px;
}
#kansu .contents .bttn-link >div{
	display:block;
	margin:0 auto;
	padding:0;
}
#kansu .contents .kansu-link{
float:left;
margin:2px;
}
#kansu .contents .img2{
display:inline-block;
float:none;
margin-top:50px;
}
#kansu .contents .message{
max-width:720px;
width:100%;
text-align:left;
padding: 0 0 20px 0;
margin: 0 auto;

}

/*******************/
/*  media          */
/*******************/
/* of top commitment*/
#media {
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#media .contents{
	position:relative;
	max-width:1100px;
	width:100%;
	margin:0 auto;
	margin-bottom:40px;
	text-align:center;
}
#media .contents #left-side,
#media .contents #right-side{
position:relative;
}
#media .contents #left-side{
	width: 60%;
}
#media .contents #right-side{
	padding: 0;
	text-align:center;
	margin: 0 auto;
	width: calc(40% - 10px);
}
#media .contents #right-side div{
/*display:inline-block;*/
position:relative;
}
#media .contents #right-side img{
	padding-bottom: 5px;
}
#media .contents #right-side .txt{
	display:inline-block;
	position:absolute;
	top:5px;
	left:10px;
	font-size:62%;
	text-align:left;
	color:#555;
}
#media .contents #right-side .txtbox{
	display:inline-block;
position:relative;
padding-top:5px;
line-height:1.8em;
}
#media .contents #right-side .txt1{
width:65%;
}
.media_ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 10px;
}
.media_ul li{
	height: 100%;
	align-items: center;
	background-color: #FFF;
	border-right: 1px solid #494949;
	border-bottom: 1px solid #494949;
	display: flex;
	font-size: 12px;
	justify-content: space-between;
	line-height: 1.6em;
	padding: 20px;
}
.media-r_contents{
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.media-r_contents_item{
	width: 120px;
}
.media-r_contents_item a{
	transition: all 0.3s
}
.media-r_contents_item a:hover{
	opacity: 0.6;
	transition: all 0.3s
}
.media-r_contents_text{
	text-align: left;
	width: calc(100% - 140px);
}
.media-r_journey_text{
	width: calc(100% - 100px);
}
.media-r_contents_text a{
	display: inline-block;
}
.media-r_journeybg{
	background-size: 134px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

@media screen and (max-width: 890px) {
	#media .contents #left-side,
	#media .contents #right-side{
		margin: 0 auto;
		max-width: 550px;
		width: 100%;
	}
}
@media screen and (max-width: 425px) {
	.media-r_contents{
		display: inline-block;
	}
	.media-r_contents_text{
		margin-bottom: 20px;
		width: 100%;
	}
	.media_ul{
		grid-template-columns: 1fr ;
	}
}



/*******************/
/*  publish        */
/*******************/
/* of top commitment*/
#publish{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#publish .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#publish .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#publish .flag .center{
	position:relative;
	width:220px;
}
#publish h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}
#publish .contents{
max-width:100%;
width:100%;
text-align:center;
}
#publish .contents .book2,
#publish .contents .books{
display:inline-block;
position:relative;
text-align:center;
margin:0 auto;
max-width:800px;
width:100%;

}

#publish .contents .book{
position:relative;
font-size: 14px;
line-height:1.5em;
display:inline-block;
}
#publish .contents .book .right,
#publish .contents .book .right img{
	max-width:300px;
	width:100%;
}

#publish .contents .book .left{
	max-width:470px;
	width:60%;
}
#publish .contents .book p{
	padding:10px;
}
#publish .contents .book >div{
float:right;
text-align:left;
}
#publish .contents .caution{
line-height: 110%;
font-size: 80%;
text-align:left; 
padding:0 20px;
padding-top:10px;
}
#publish .ranking-left,
#publish .ranking-right{
	float:left;
	width:46%;
	margin:2%;
}

@media screen and (max-width: 780px) {
#publish .contents .book .left, #publish .contents .book .right{float:none;display:inline;width:100%;max-width:100%;}
#publish .contents .book .right{text-align:center;}
#publish .contents .book .right img{width:100%;max-width:70%;}
}
@media screen and (max-width: 410px) {
#publish .ranking-left,
#publish .ranking-right{
	clear:both;
	float:none;
	width:96%;
	margin:2%;
}
#publish .contents .book .right img{width:100%;max-width:95%;}

}

/*******************/
/*  kenkyu         */
/*******************/
/* of top commitment*/
#kenkyu {
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#kenkyu .contents{
	display:inline-block;
	max-width:750px;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
}
#kenkyu .contents .bttn-link{
	display:block;
	text-align:center;
	margin:0 auto;
	padding-top:80px;
	margin-left:1.8%;
}
#kenkyu .contents .bttn-link >div{
	display:block;
	margin:0 auto;
	padding:0;
}
#kenkyu .contents .kansu-link{
float:left;
margin:2px;
}
#kenkyu .contents .box{
display:inline-block;
	/*border:1px dotted #f00;*/
margin: 0 auto;
padding:0;
max-width:750px;
width:100%;
text-align:center;
margin-left:1.5%;
}
#kenkyu .contents .img2,
#kenkyu .contents .imgfl,
#kenkyu .contents .img3{
display:inline-block;
position:relative;
float:left;
/*margin:15px;*/
	/*border:1px dotted #0f0;*/
}
#kenkyu .contents .img2{
margin-right:0.4%;
margin-left:0.4%;
padding-top:6px;
}
#kenkyu .contents .imgfl{
padding: 5% 1.28%;
	/*border:1px dotted #0f0;*/
}
#kenkyu .contents .img3{
/*margin:0 auto;*/
margin-left:0.5%;
margin-right:0;
}
#kenkyu .contents .img3 >div{
padding:5.5px 0; 
}
@media screen and (max-width: 780px) {
	#kenkyu .contents {text-align:center;}
	#kenkyu .contents .img2,#kenkyu .contents .imgfl,#kenkyu .contents .img3{display:inline;float:none;}
	#kenkyu .contents .imgfl{display:none;}
	#kenkyu .contents .box{margin-top:20px;}
}


/*******************/
/*  CSR            */
/*******************/
#csr{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#csr section{
	display:inline-block;
	position:relative;
	max-width:850px;
	width:100%;
	text-align:center;
}
#csr .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#csr .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#csr .flag .center{
	position:relative;
	width:220px;
}
#csr h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}
#csr #csr_video{
max-width:720px;
width:100%;
margin:0 auto;
background-size: cover;
background-attachment: fixed;
}
#csr h4{
	font-size:18px;
	padding-top : 1.5em;
	padding-bottom : 1.5em;
	line-height : 1.4em;
	color : #552a21;
}
#csr .contents{
	display:inline-block;
	max-width:720px;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:left;
}
#csr .fl_R{
	float :right;
	margin-left :1em;
	margin-top : 0;
}
#csr .fl_R p{
	margin-top : 0;
	margin-bottom:15px;
}

@media screen and (max-width: 500px) {
	#csr .fl_R{display:inline-block;float:none;margin-left:0;max-width:500px;width:100%; text-align:center;}
	#csr .fl_R p img1{max-width:500px;width:100%;}
	#csr .fl_R p{margin-bottom:10px;max-width:500px;width:100%;}
}

/*******************/
/*  Money Ball     */
/*******************/
#moneyball{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#moneyball section{
	display:inline-block;
	position:relative;
	max-width:850px;
	width:100%;
	text-align:center;
}
#moneyball .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#moneyball .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#moneyball .flag .center{
	position:relative;
	width:220px;
}
#moneyball h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}
#moneyball #moneyball_video{
max-width:720px;
width:100%;
margin:0 auto;
background-size: cover;
background-attachment: fixed;
}
#moneyball h4{
	font-size:18px;
	padding-top : 1.5em;
	padding-bottom : 1.5em;
	line-height : 1.4em;
	color : #552a21;
}
#moneyball .contents{
	display:inline;
	max-width:100%;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:left;
}
#moneyball .contents >div{
	display:inline-block;
	position:relative;
	margin-top:20px;
}
/*******************/
/*  Infographics   */
/*******************/
#infographics{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#infographics section{
	display:inline-block;
	position:relative;
	max-width:850px;
	width:100%;
	text-align:center;
}
#infographics .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#infographics .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#infographics .flag .center{
	position:relative;
	width:220px;
}
#infographics .contents{
	display:inline;
	max-width:500px;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
}
#infographics .title {
	display:inline-block;
	position:relative;
	margin: 0 auto;
	background-color:rgba(10,32,146,1);
padding: 3% 15%;
}
#infographics .title >div{
	display:inline-block;
	position:relative;
max-width:400px;
width:100%;
}
#infographics .title >div div{
	text-align:center;
max-width:400px;
width:100%;
	font-size:20px;
	font-weight:bold;
	color : #fff;
}
#infographics .contents img{
	display:inline-block;
	position:relative;
	margin-top:20px;
}
#infographics .contents p{
	font-weight:bold;
}
#infographics .infog_msg{
	text-align:left;
	margin: 0 10%;
}

/*******************/
/*  3D DDD         */
/*******************/
#ddd{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#ddd section{
	display:inline-block;
	position:relative;
	max-width:850px;
	width:100%;
	text-align:center;
}
#ddd .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
	text-align:center;
}
#ddd .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#ddd .flag .center{
	position:relative;
	width:220px;
}
#ddd h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}
#ddd #ddd_video{
max-width:720px;
width:100%;
margin:0 auto;
background-size: cover;
background-attachment: fixed;
}
#ddd h4{
	font-size:18px;
	padding-top : 0;
	padding-bottom : 1.5em;
	line-height : 1.4em;
	color : #552a21;
	font-weight:bold;
}
#ddd .contents{
	display:inline-block;
	position:relative;
	max-width:100%;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
}
#ddd .contents .box{
	display:inline-block;
	position:relative;
max-width:720px;
width:100%;
margin-top:50px;
margin-bottom:30px;
	text-align:left;
	text-align:center;
}
#ddd .contents .box .left{
float:left;
max-width:46%;
width:96%;
margin:0 2%;
	text-align:left;
}

#ddd .contents .box .right{
float:left;
max-width:46%;
width:96%;
margin:0 2%;
	text-align:left;
}
@media screen and (max-width: 640px) {
	#ddd .contents .box{}
	#ddd .contents .box .left,#ddd .contents .box .right{max-width:100%;float:none;} 
	#ddd .contents .box .left{position:relative;text-align:center;}
	#ddd .contents .box .left p{text-align:left;}
	#ddd .contents .box .left h4,#ddd .contents .box .left .img{display:inline;margin:0 auto;text-align:left;}
}

/*******************/
/*  Profile        */
/*******************/
#profile{
max-width:100%;
	width:100%;
	text-align:center;
	display:block;
}
#profile .flag{
padding:0;
margin:0;
	margin-bottom:5%;
border-bottom:2px solid #40220f;
}
#profile .flag img{
max-width:100%;
width:100%;
height:20px;
padding:0;
margin:0;
}
#profile .flag .center{
position:relative;
width:220px;
}

#profile figure{
	margin: 0 auto;
}
#profile figure img{
	max-width:100%;
	width:100%;
}
#profile #pa_contents{
	display:block;
	width:80%;
	margin:0 auto;
	font-size:14px;
}
#profile #pa_contents ul{
	clear:left;
}
#profile #pa_contents ul li{
	float:left;

}
#profile #pa_contents .th{
	max-width:20%;
	width:100%;
	text-align:left;
	padding:1%;
}
#profile #pa_contents .dt{
	max-width:75%;
	width:100%;
	text-align:left;
	padding:1%;
}
#profile #pa_contents .map{
text-align:center;
	max-width:100%;
	width:100%;
	padding:1%;
}
#profile #pa_contents iframe{
	max-width:100%;
	width:100%;
	margin:0 auto;
	margin-top: 40px;
}

/*******************/
/*  About us       */
/*******************/
#aboutus{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#aboutus .flag{
	padding:0;
	margin:0;
	margin-bottom:5%;
	border-bottom:2px solid #40220f;
}
#aboutus .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#aboutus .flag .center{
	position:relative;
	width:220px;
}
#aboutus .contents{
	display:inline-block;
	max-width:800px;
	width:100%;
	margin:0;
	margin-bottom:100px;
}
#aboutus .contents .txt{
	float:left;
	margin: 0 1%;
	text-align:left;
	max-width:60%;
	width:100%;
}
#aboutus .contents .topImg{
	float:left;
	margin: 0;
	max-width:36%;
	width:100%;
}

/*******************/
/*  recruitement   */
/*******************/
#recruitment{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#recruitment .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#recruitment .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#recruitment .flag .center{
	position:relative;
	width:220px;
}
#recruitment .contents{
	display:inline-block;
	max-width:720px;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:left;
}
#recruitment .contents .txt{
	float:left;
	margin: 0 1%;
	max-width:60%;
	width:100%;
}
#recruitment .contents .topImg{
	float:left;
	margin: 0;
	max-width:36%;
	width:100%;
}
#recruitment .imglist {
max-width:720px;
width:100%;
display: box;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: -ms-box;
box-pack: justify;
-moz-box-pack: justify;
-webkit-box-pack: justify;
-o-box-pack: justify;
-ms-box-pack: justify;
}

#recruitment table{
max-width:720px;
width:100%;
border-collapse: collapse;
}
#recruitment table td,
#recruitment table th{
border: 1px #000000 solid;
padding: 10px;
}
#recruitment table th{
	width:20%;
}
#recruitment table ul li{
	float:left;
	margin: 0.2%;
	text-align:center;
}


#recruitment .wk{
	display:block;
	max-width:720px;
	width:100%;
	text-align:right;
	margin:10px 0;
	/*background-color:rgba(255,1,1,0.5);*/
}
#recruitment a.working{
	display:inline-block;
	width  : 230px;
	height :  31px;
	right  :   0px;
	position : relative;
	background-image:url(../img/recuruitment_p.png);
	/*background-color:rgba(1,255,1,0.5);*/
}
#recruitment a.working:hover {
	background-image:url(../img/recuruitment_q.png);
}
#recruitment a.apply{
margin-top:30px;
	width  : 160px;
	height :  32px;
	display : inline-block;
	background-image:url(../img/recuruitment_r.png);
}
#recruitment a.apply:hover {
	background-image:url(../img/recuruitment_s.png);
}
#recruitment h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}
#recruitment h5{
	font-size:14px;
	width : 100%;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color:#DDDDDD;
}

/* スライド change */
#recruitment_ani{
display:block;
	position:relative;
	max-width : 720px ;
	width:100%;
	max-height:256px;
	height: 100%;
	overflow:hidden;
	margin : 0 auto;
}
#recruitment_ani:before{
content:"";
display:block;
padding-top: 36.2%;
}
#recruitment_ani .base{
	position:absolute;
	top:0;
	left :0;
	padding : 0;
	margin : 0;
	max-width : 720px ;
	width:100%;
	max-height:256px;
	height: 98%;
	position:absolute;
	overflow:hidden;
}

.ani1img{
	position:absolute;
	top	:0;
	left :0;
	opacity:0;
 	animation: fade-ani 12s infinite  ; 
	-webkit-animation: fade-ani 50s infinite  ;
}

#img2{
	animation-delay:4.0s;
	-webkit-animation-delay:16.0s;
}

#img3{
	animation-delay:8.0s;
	-webkit-animation-delay:32.0s;
}

@-webkit-keyframes fade-ani {
	   0% {	opacity:    0;	}
	  12% {	opacity:    1;	}
	  35% {	opacity:    1;	}
	  44% {	opacity:    0;	}
	 100%{	opacity:    0;	}
}

@keyframes fade-ani {
	   0% {	opacity:    0;	}
	  12% {	opacity:    1;	}
	  35% {	opacity:    1;	}
	  44% {	opacity:    0;	}
	 100%{	opacity:    0;	}
}

/*******************/
/*  Contact        */
/*******************/
#contact{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#contact .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#contact .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#contact .flag .center{
	position:relative;
	width:220px;
}
#contact h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}

#contact .contents{
	display:inline-block;
	max-width:720px;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
}
#contact .formargs{
	max-width:100%;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
#contact .formargs ul{
	max-width:100%;
	width:100%;
	margin:0;
	padding:0;
	clear:left;
}
#contact .formargs ul li{
float:left;
	margin:5px 0;
	padding:0;
}
#contact .formargs ul li.th{
max-width:150px;
width:100%;
text-align:right;
	padding:2% 1%;
	line-height:0.7em;
}
#contact .formargs ul li.td{
max-width:73.5%;
width:100%;
text-align:left;
}
#contact .formargs input,
#contact .formargs textarea{
	background-color: #efefef;
	border: 1px solid #DDD;
	border-radius: 4px;
max-width:100%;
	width:98%;
	border:none;
	padding:2% 1%;
}
#contact .agree {
	text-align:center;
}
#contact .agree input{
	width:5%;
}
#contact .agree .kojin{
margin:15px 0;
margin-right:0;
 max-width:100%;
 width:100%;
 height:250px;
 overflow:auto;
 background-color: #fff;
 border:1px solid #666;
 text-align:left;
}
#contact .gosend{
	text-align:center;
}
#contact .gosend input,
#contact .gosend button{
margin:0 auto;
margin-top:15px;
	width:250px;
	border:2px solid #717070;
	background:#232388;
	color:#fff;
	padding:7px 60px;
	font-size:16px;
	/*background-color: rgba(255,255,255,0.5);*/
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#contact .gosend input:hover,
#contact .gosend button:hover{
	opacity:0.7;
}
#contact .formargs .sp{
display:none;
font-size:20px;
margin-right:5px;
}

@media screen and (max-width: 640px) {
	#contact .formargs ul li.th{max-width:100%;width:98%;text-align:left;}
	#contact .formargs ul li.td{max-width:100%;width:100%;}
	#contact .formargs .sp{display:inline-block;}
}


/*******************/
/*  Fuku mimi      */
/*******************/
#fukumimi{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#fukumimi .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#fukumimi .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#fukumimi .flag .center{
	position:relative;
	width:220px;
}
#fukumimi h2{
	font-size:28px;
	padding : 1em;
}
#fukumimi h3{
	text-align:center;
	font-size:20px;
	padding : 2em;
	color : #552a21;
	font-weight:bold;
}
#fukumimi h4{
	font-size:18px;
	padding-top : 1.5em;
	padding-bottom : 1.5em;
	line-height : 1.4em;
	color : #552a21;
}
#fukumimi .message{
	display:inline-block;
	text-align:left;
	padding:10px;
}
#fukumimi .contents{
	display:block;
	max-width:720px;
	width:100%;
	margin:0 auto;
	margin-top:1%;
	margin-bottom:5%;
	overflow:hidden;
	text-align:center;
}
#fukumimi .contents ul{
display:inline-block;
	max-width:100%;
	width:100%;
	margin:0 auto;
}
#fukumimi .contents ul li{
float:left;
margin:8px;
border:2px solid #afafaf;
}

/*******************/
/*  works          */
/*******************/
#works{
	max-width:100%;
	width:100%;
	text-align:center;
	display:block;
	font-size:14px;
}
#works .flag{
	padding:0;
	margin:0;
	margin-bottom:1%;
	border-bottom:2px solid #40220f;
}
#works .flag img{
	max-width:100%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
}
#works .flag .center{
	position:relative;
	width:220px;
}
#works #accordion{
text-align:left;
}
#works #accordion >ul >ul{
	padding-left:0px;
	padding-bottom:10px;
}
#works #accordion ul li:not(.cust){
    list-style: none;
    cursor:pointer;
padding:5px 10px;
/*	background-image:url(../img/pulldown_arrow.png);
	background-repeat:no-repeat;
	background-position:-5px 0px;*/
}
#works #accordion ul li:not(.cust):hover,
#works #accordion ul li:not(.cust):active{
	color:#fff;
	background-color:rgba(46,1,24,0.7);
}
#works #accordion ul li.cust{
max-width:100%;
padding:0;
	border:none;
	padding-left: 120px !important;
	/*background-color:#dfdfdf;*/
	background-color:rgba(175,183,82,1);
}
#works #accordion ul li{
	position:relative;
	/*padding-left: 40px !important;*/
	padding-left: 0px !important;
	/*border-bottom:1px solid #eaeaea;*/
	border: 1px solid #666;
	color:#fff;
	/*background-color:rgba(162,139,89,1);
	background-color:rgba(209,134,113,1);
	background-color:rgba(222,186,150,1);*/
	background-color:rgba(46,1,24,1);
	background-color:rgba(67,61,60,1);
	/*background-color:rgba(112,128,144,1);*/
}
#works #accordion ul li div,
#works #accordion ul ul li div,
#works #accordion ul ul ul li div{
	padding-left: 40px !important;
	background-image:url(../img/pulldown_arrow.png);
	background-repeat:no-repeat;
	background-position:-5px -6px;
}
#works #accordion ul ul li{
	/*padding-left: 70px !important;*/
	padding-left: 30px !important;
	/*background-color:rgba(245,221,149,1);*/
	background-color:rgba(89,61,47,1);
	background-position:-25px -6px;
}
#works #accordion ul ul ul li{
	/*padding-left: 110px !important;*/
	padding-left: 60px !important;
	/*background-color:rgba(239,230,163,1);*/
	background-color:rgba(132,124,62,1);
	background-position:-45px -6px;
}
#works #accordion .wkclose{
    display: none;
}
#works #accordion .allaction{
    display: inline-block;
	margin-bottom:5px;
}
#works #accordion .allaction div{
    display: inline-block;
	margin: 2px 5px;
	padding:0px 7px 0px 0;
	font-size: 0.9em;
	/*border:1px solid #666;*/
	/*background-color:rgba(132,124,63,1);*/
    list-style: none;
    cursor:pointer;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border-radius: 8px;
}
#works #accordion .allaction div:hover{
    display: inline-block;
	/*background-color:rgba(175,183,80,0.6);*/
	background-color:#FFF;
}

#works .ex{
	width:100%;
	height:40px;
	display:block;
	position:relative;
	margin:0;
	font-size:0.8em;
	/*border:1px dotted #f00;*/
}
#works .ex >ul{
	max-height:40px;
	max-width:20%;
	width:100%;
	display:inline-block;
	/*border:1px dotted #0f0;*/
}
#works .ex >div{
	max-height:40px;
	max-width:100px;
	width:100%;
	display:inline-block;
	overflow:hidden;
}

#works .ex .openall,
#works .ex .closeall{
	display:inline;
	padding:5px;
    cursor:pointer;
	max-width:50px;
	width:50px;
}

#works .ex .cat1txt{
	/*background-color:rgba(162,139,89,1);
	background-color:rgba(222,186,150,1);*/
	background-color:rgba(46,1,24,1);
	background-color:rgba(67,61,60,1);
	color:#fff;
	border: 1px solid #666;
}
#works .ex .cat2txt{
	/*background-color:rgba(245,221,149,1);*/
	background-color:rgba(89,61,47,1);
	color:#fff;
	border: 1px solid #666;
}
#works .ex .cat3txt{
	/*background-color:rgba(239,230,163,1);*/
	background-color:rgba(132,124,62,1);
	color:#fff;
	border: 1px solid #666;
}
#works .ex .cat4txt{
	/*background-color:#dfdfdf;*/
	background-color:rgba(175,183,82,1);
	color:#fff;
	border: 1px solid #666;
}

/*******************/
/*  DR Markething Menu  */
/*******************/
#DRmarketing{
	max-width:100%;
	width:96%;
	text-align:center;
	display:block;
	font-size:14px;
	padding-left:2%;
}
#DRmarketing .DRvideo{
position:relative;
max-width:720px;
width:100%;
height:400px;
margin:0 auto;
/*padding-left:2%;*/
}
@media screen and (max-width: 500px) {
	#DRmarketing .DRvideo{height:300px;}
}
@media screen and (max-width: 400px) {
	#DRmarketing .DRvideo{height:250px;}
}

#DRmarketing .DRvideo iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}

#DRmarketing  .contents{
	display:inline;
	max-width:100%;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
	color:#fff;
}
#DRmarketing  .contents .menutitle{
font-size:26px;
font-weight:bold;
	padding-top : 1.5em;
	padding-bottom : 1.5em;
	line-height : 1.4em;
}
#DRmarketing  .contents .linkmenu{
	display:inline-block;
	position:relative;
	margin-top:20px;
	border:1px solid #fff;
	max-width:80%;
	width:100%;
	padding: 20px;
	text-align:center;
	color:#fff;
	background:url(../img/nav_next.png) no-repeat;
	background-position:-100px -100px;
}
#DRmarketing  .contents .linkmenu a{
text-decoration:none;
}
#DRmarketing  .contents .linkmenu:hover{
background-color:#555;
	/*background-position:right top;*/
}
#DRmarketing  .contents .linkmenu .title{
	display:inline-block;
font-size:24px;
font-weight:bold;
max-width:100%;
width:100%;
}
#DRmarketing  .contents .linkmenu .txt{
	display:inline-block;
	/*visibility:hidden;*/
	color:#FFF;
font-size:16px;
max-width:85%;
width:100%;
}
#DRmarketing .staff{
display:inline-block;
	margin-top:40px;
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	max-width:600px;
	width:100%;
	text-align:left;
}
#ot_ani2{
display:inline-block;
	max-width:600px;
	width:100%;
	height :10em;
	overflow:hidden;/**/
	position: relative;
	text-align:center;
}
#ot_ani2 .txt{
	height : 600px;
	width  : 100%;
	position: absolute;
 	animation: scroll-ani 30s linear infinite; 
	-webkit-animation: scroll-ani 30s linear infinite;
}
.cell50{
	display : table-cell;
	width : 50%;
	padding : 1em;
	text-align:left;
}
@-webkit-keyframes scroll-ani {
	0% 	 {
		top: 11em;
	}
	100% {
		top: -600px;
	}
}
@keyframes scroll-ani {
	0% 	 {
		top: 11em;
	}
	100% {
		top: -600px;
	}
}

/*******************/
/*  Solution Menu  */
/*******************/
#Solution{
	max-width:100%;
	width:96%;
	text-align:center;
	display:block;
	font-size:14px;
	padding-left:2%;
}
#Solution .DRvideo{
max-width:720px;
width:100%;
margin:0 auto;
background-size: cover;
background-attachment: fixed;
}
#Solution  .contents{
	display:inline;
	max-width:100%;
	width:100%;
	margin:0;
	margin-bottom:100px;
	text-align:center;
	color:#fff;
}
#Solution .contents .menutitle{
font-size:26px;
font-weight:bold;
	padding-top : 1.5em;
	padding-bottom : 1.5em;
	line-height : 1.4em;
}
#Solution .contents .linkmenu{
	display:inline-block;
	position:relative;
	margin-top:20px;
	border:1px solid #fff;
	max-width:80%;
	width:100%;
	padding: 20px;
	text-align:center;
	color:#fff;
	background:url(../img/nav_next.png) no-repeat;
	background-position:-100px -100px;
}
#Solution .contents .linkmenu a{
text-decoration:none;
}
#Solution .contents .linkmenu:hover{
background-color:#555;
	/*background-position:right top;*/
}
#Solution  .contents .linkmenu .title{
	display:inline-block;
font-size:24px;
font-weight:bold;
max-width:100%;
width:100%;
}
#Solution .contents .linkmenu .txt{
	display:inline-block;
	/*visibility:hidden;*/
	color:#FFF;
font-size:16px;
max-width:85%;
width:100%;
}




/*******************/
/*                 */
/*******************/