@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------*/
/*	初期化
/*-------------------------------------------*/
* { margin: 0px; padding: 0px; font-size: 100%;box-sizing: border-box; }
ul, ol { list-style: none; }
body,h1, h2, h3, h4, h5,p,
ul, ol, li, dl, dt, dd,
table,
form, input {margin:0;padding:0; }
hr  { display: none; }
th	{ font-weight:lighter; }
img { border: none;}

/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/

body     { font-size:16px;color: #000000; text-align: center; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
a{color:#00b1eb;}
a:hover{opacity:0.5;}
/*-------------------------------------------*/
/*	共有
/*-------------------------------------------*/
#wrap{text-align:left;}

#wrap .inner:after{
content:".";
height:0px;
clear:both;
display:block;
visibility:hidden;
overflow:hidden;
}

.width235 p{
	margin-bottom:3px;
	color:#ffffff;
}
.width235 p::after {
    content: "";
	display:inline-block;
	vertical-align: super;
    background: #ffffff;
    height: 2px;
    width: 70px;
	margin-left:5px;
}

h2{
font-size:23px;
font-weight: normal;
letter-spacing: 0.3em;
}

.size16{font-size:16px;}
.size14{font-size:14px;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb75{margin-bottom:75px !important;}
#wrap p,#wrap li,#wrap dt,#wrap dd{letter-spacing: 0.05em;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.flex-wrap .col-sm-12.col-md-12,
.flex-wrap .col-sm-12.col-md-12.policy,
.flex-wrap .col-sm-12.col-md-12.policy iframe,
.center.contact-button-padding{width:100%;}

@media screen and (max-width: 680px){
	img {
		max-width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 768px) {
	#content01,#content03,
	#content04,#content07,
	#footer{min-width: 870px;}
	#wrap .inner{
		width:1000px;
		margin:0 auto;	
	}
	.contentLeft{float:left;}
	.contentRight{float:right;}

	.width235{width:235px;}
	.width665{width:665px;}
	.flex-wrap {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.flexLeft {
		width: 47%;
		margin: 0 3% 0 0;
	}
	.flexRight {
		width: 47%;
		margin: 0 0 0 3%;
	}

	.flex-wrap .col-sm-8.col-xs-12 {
		width: 53%;
		margin: 0 3% 0 0;
	}
	.flex-wrap .col-sm-4.col-xs-12 {
		width: 41%;
		margin: 0 0 0 3%;
	}
	.flex-wrap .col-sm-5.col-md-4{
		width:30%;
		margin: 0 2% 0 0;
	}
	.flex-wrap .col-sm-7.col-md-8{
		width:66%;
		margin: 0 0 0 2%;
	}
	.flex-wrap .col-sm-4.col-md-4{
		width:30%;
		margin: 0 2% 0 0;
	}
	.flex-wrap .col-sm-8.col-md-8{
		width:66%;
		margin: 0 0 0 2%;
	}

	.center.contact-button-padding button{width:400px;margin: 0 auto;}

}
@media screen and (max-width: 767px) {	
	.flex-wrap .col-sm-8.col-xs-12{
		margin-bottom:10px;
	}
	.flex-wrap .col-sm-4.col-xs-12 .title{
		margin-bottom:5px;
	}
	#contactScr_3 .tel{
		margin-bottom:50px;
	}
}



/*-------------------------------------------*/
/*	head
/*-------------------------------------------*/

#header h1{
text-align:center;
}
#header h1 span.zoom{
display:block;
margin-bottom:35px;
font-size:18px;
font-weight:normal;
letter-spacing: 0.3em;
text-align: left;
}

#header h1 span.zoom > span:first-child,
#header h1 span.zoom > span:first-child + span,
#header h1 span.zoom > span:first-child + span +span{
margin-right:0.5em;	
}
#header h1 span.zoom > span:first-child + span,
#header h1 span.zoom > span:first-child + span +span{
margin-left:0.5em;
}

body.en #header h1 span.zoom{
font-size:16px;
letter-spacing: 0em;
}

#header .name .en{
position:absolute;
top:0px;
right:0px;
}
#header .en{
width:190px;
}

#header .en a{
background-image:url(../img/menu_icon_right.png);
background-repeat:no-repeat;
background-position:left 15px top 10px;
width:100%;
display:inline-block;
padding:6px 10px;
background-color:#A26582;
text-decoration:none;

}
#header .en a span{
color:#ffffff;
padding-left:40px;
font-size:21px;
}
#header .en a:hover{
background-color:#00B1EB;	
}

@media screen and (min-width: 768px) {	
	#header .name{
		position:relative;
		margin:20px 0 45px;
	}
}
@media screen and (max-width: 767px) {	

}

/*-------------------------------------------*/
/*	shared
/*-------------------------------------------*/

#content02 h2,
#content03 h2,
#content04 h2{
margin-bottom:30px;	
}

#content05 h2{
margin-bottom:50px;	
}

#content02 p,
#content03 p,
#content04 p,
#content05 p{
	line-height:2em;	
}
@media screen and (min-width: 768px) {	
	#content02 .inner{
	position:relative;
	}
	#content02 .inner,
	#content03 .inner,
	#content04 .inner,
	#content05 .inner,
	#content06 .inner,
	#content07 .inner{
		padding:75px 0;
	}
	#content05 .inner{
		padding:50px 0 75px;
	}
}

@media screen and (max-width: 767px) {	
	#content01 .inner,
	#content02 .inner,
	#content03 .inner,
	#content04 .inner,
	#content05 .inner,
	#content06 .inner,
	#content07 .inner,
	#header .name{
		padding:30px 20px;
	}
	#content03 .flexLeft,
	#content04 .flexLeft,
	#content05 .flexLeft{margin-bottom:25px;}
}





/*-------------------------------------------*/
/*	content01
/*-------------------------------------------*/
#content01{
background:#d8e400;
background-image:url(../img/top/rudj-top-bk01.jpg);
background-repeat:no-repeat;
background-position:right;
}

#content01 .inner{
padding-top:20px;	
}

#content01 h2{
color: #000000;
padding:20px 0;
}
#content01 .news_list .news{
display:table;	
}
#content01 .news_list .news .date,
#content01 .news_list .news .text{
display:table-cell;	
color:#000000;
}
#content01 .news_list .news .text{
padding-left:15px;	
}

#content01 .menu_list li{
margin-bottom:7px;
}
#content01 .menu_list li a{
}
#content01 .menu_list li a{
background-image:url(../img/menu_icon_down.png);
background-repeat:no-repeat;
background-position: left 0px top 2px;
padding-left: 1.5em;
color:#ffffff;
text-decoration:none;
}
#content01 .menu_list li.mail a{
background-image:url(../img/menu_icon_mail.png);
}
#content01 .menu_list li a:hover{
opacity:0.5;
}
@media screen and (min-width: 768px) {
	#content01{
		height:243px;
	}
}
@media screen and (max-width: 767px) {
	#content01 .contentLeft{
		margin-bottom:30px;
	}
}

/*-------------------------------------------*/
/*	content02
/*-------------------------------------------*/

#content02{
background-image:url(../img/top/rudj-top-bk02.jpg);
background-size:cover;
background-repeat:no-repeat;
}



/*-------------------------------------------*/
/*	content03
/*-------------------------------------------*/

#content03{
background-image:url(../img/top/rudj-top-bk03.png);
background-size:cover;
background-repeat:no-repeat;
}
@media screen and (min-width:1128px){
	#content03{
		background-size:100%;
	}
}

#content03 .inner *{
	color:#ffffff;	
}

/*-------------------------------------------*/
/*	content04
/*-------------------------------------------*/
#content04{
background:#E3EBEF;
}
@media screen and (min-width: 768px) {
}

/*-------------------------------------------*/
/*	content05
/*-------------------------------------------*/
#content05 .bk-content{
    background: url(../img/top/rudj-top-bk05.jpg) no-repeat fixed center center/ cover;
    /*background: url(../img/top/rudj-top-bk04.png) no-repeat fixed center center/ cover;*/
	/*background: url(../img/top/rudj-top-bk04.png) no-repeat center center/ cover;*/
    width: 100%;
    position: relative;
	height:250px;
}

/*-------------------------------------------*/
/*	content06
/*-------------------------------------------*/

#content06{
border-top:3px solid #90b21f;
}

#content06 h2{
margin-bottom:40px;	
}
.out-line-table{
	display: table;
    border: 1px solid;
    width: 100%;
	background: #fff;
	
}
.outline-list{
	display:flex;
	width:100%;
	border-bottom:1px solid #b2b2b2;
	padding:10px 0;
	align-items: center;
}
.outline-list:first-child{
	border-top:1px solid #b2b2b2;
}
.gmap-block{
	margin-top:20px;
}
.gmap-block iframe{
	width:100%;
}

@media screen and (min-width: 768px) {
	#content06{
		min-width:870px;
	}
	.outline-list .name{
		min-width:190px;
	}
}
@media screen and (max-width: 767px) {
	.outline-list .name{
		min-width:120px;
	}
}
/*-------------------------------------------*/
/*	content07
/*-------------------------------------------*/
#content07{
/*height:468px;
background-image:url(../img/nazoom_backimg04.png);*/
background: #edf5fa;
background: -moz-linear-gradient(top, #edf5fa 0%, #cce4f1 100%);
background: -webkit-linear-gradient(top, #edf5fa 0%,#cce4f1 100%);
background: linear-gradient(to top, #edf5fa 0%,#cce4f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

background-position:center;
background-repeat:no-repeat;
position:relative;
}

@media screen and (min-width:1120px){
#content07{
background-size:100%;
}
}

#content07 .inner{
height:100%;
}
#content07 .cloud{
position:absolute;
bottom:0;
left:0;
background-position:center bottom;
background-repeat:no-repeat;
background-size:100%;
width:100%;
height:100%;
z-index:0;
}
#content07 .width665{
position:absolute;
top:80px;
z-index:1;
}
#content07 h2{
margin-bottom:40px;	
}
#content07 h3{
font-size:18px;
font-weight:normal;
margin-bottom:30px;
}
#content07 p{
	line-height:2em;
}

.flex-wrap .col-sm-7.col-md-8 textarea{
	width:100%;
	max-width:660px;
	height: 12em;
}

.flex-wrap .col-sm-12.col-md-12.policy{
	height:250px;
}
#content07 {position: relative;z-index:99;}
#content07 .cloud-back01{
	background-image: url(../img/contact/cloud-back01.png);
	z-index:100;
}
#content07 .cloud-back02{
	background-image: url(../img/contact/cloud-back02.png);
	z-index:101;
}
#content07 .cloud-back03{
	background-image: url(../img/contact/cloud-back03.png);
	z-index:102;
}
#content07 .cloud-back01,
#content07 .cloud-back02,
#content07 .cloud-back03{
	width:100%;
	-moz-background-size:100% auto;
	background-size:100% auto;
    background-position:  bottom;
    background-repeat: no-repeat;
    position:  absolute;
	bottom:0;
}
#content07 .cloud-back01:before,
#content07 .cloud-back02:before,
#content07 .cloud-back03:before{
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}
#content07 .inner{position:relative;z-index:103;}





/*-------------------------------------------*/
/*	footer
/*-------------------------------------------*/
#footer{
border-top:3px solid #90b21f;
}
#footer .inner{
height:70px;

}

#footer .copy{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
color:#666666;
padding-top:50px;
}	

#footer #page-top{
	position:fixed;
	z-index:999;
}
@media screen and (max-width: 767px) {
	#footer .copy{
		text-align:center;
	}
}

/*-------------------------------------------*/
/*	en content
/*-------------------------------------------*/

/*body.en{
	font-family: Arial, Helvetica, sans-serif;
}*/
body.en #content04 dl dd > ul  li{
    text-indent: -1em;
    padding-left: 1em;
}
body.en #content04 dl dd > ul > li > ul{
padding-left:1em;	
}
body.en #content04 dl dt{
	color: #8B3F53;
	margin-bottom: 9px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

/*-------------------------------------------*/
/*	privacy
/*-------------------------------------------*/
#main.container.privacy{
	padding:15px;
	background-color:#ffffff;
}
#main.container.privacy h1{
	font-size:16px;
	margin-bottom:15px;
	font-weight:normal;
}
#contact .ex p{
	margin-bottom:20px;
	line-height:1.7em;
}

#main.container.privacy .content-block{
	margin-bottom:30px;
	line-height:1.5em;
}
#main.container.privacy h2{
	background-color: #cdd8dc;
	font-size: 16px;
	padding: 10px;
	margin-bottom:10px;
}

#main.container.privacy ul{
	padding-left:1.6em;
}
#main.container.privacy ul li{
	list-style-type:disc;
}