@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   https://www.alistapart.com/articles/fluid-images/ 
*/

.ud {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
  font-style: normal;
}
.ud-bold {
  font-family: "Noto Serif SC", serif;
  font-weight: 700;
  font-style: normal;
}



img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}
.m1{background:#faf7f2;}
.fot{background:#000;}
div{margin:0; padding:0;}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

a{outline:none;}

ul#gnav li.smart_only {
	display: none;
}



body {
	font-family: 'Noto Sans SC', sans-serif;
	background-color: #faf7f2;
}
span.orange {
	color: #f7683e;
}

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 99.8%;
	padding-left: 0.1%;
	padding-right: 0.1%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

nav ul li a:link{text-decoration:none; color:#000;}
nav ul li a:hover{text-decoration:none; color:#000;}
nav ul li a:visited{text-decoration:none; color:#000;}

.jre_main{width:94%; max-width:1250px; margin:0 auto; padding:0 3% !important;}

.jre_maincon1,.jre_maincon2,footer,.jre_subcon2{width:90%; max-width:1000px; margin:0 auto; padding:0 5%;}

.jre_menu_l{float:left;}
.jre_menu_l img{width:100%; height:auto; display:block; margin:0 auto;}
.jre_main .jre_menu_r{float:right; margin: 0; padding: 45px 0 0;font-weight: bold;}
.jre_main ul{float:left;}
.jre_main ul li{display:inline-block; margin:1em; font-size:1.2em;}
.jre_main select{float:right; margin:1em;}

.jre_menu_r nav,.jre_menu_r ul{float:left;}
.jre_main1{width:100%; height:auto; display:block; margin:0 auto; background-size:contain;}

.jre_maincon1 h2{text-align:center; font-size:2.5em; padding:2em 0 1em 0; font-family: "Noto Sans SC"; border-bottom:2px solid #003b55;}
.jre_maincon1 h3{text-align:left; font-size:1.2em; padding:0.5em 0 0 0; font-family: "Noto Sans SC";}
.jre_mcp1{text-align:center; margin-left:auto; margin-right:auto; padding:0.4em 0 1.5em 0; font-size:1.2em; line-height:2.3em;display: block;}

.jre_langchange li{font-size:0.9em !important; margin:0 !important; padding:0 !important;}
.jre_langchange li a{text-decoration:none; color:#000; padding:0.5em 1em 0.3em 1em;}
.jre_langchange li+li{border-left:1px solid #000; padding-left:1em !important;}

.jre_langchange .jre_lca a{color:#fff !important; background:#C33;}

.jre_lcna a:hover{background:#f3f3f3;}

.jre_maincon2{margin-top:2em;}
.jre_subcon2{margin-top:4em;}

.jre_maincon3-1,.jre_maincon3-2,.jre_maincon3-3{background:#fff; border:1px solid #d6d6d6; margin:0; padding:0; padding:2em; margin-bottom:2em;}
.jre_maincon2-1 h3{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}
.jre_maincon3-1 h3{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}

.jre_maincon2-1 h2{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}
.jre_maincon2-3 h3{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}

.jre_maincon3-1 h2{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}
.jre_maincon3-2 h2{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}
.jre_maincon3-3 h2{border-left:5px solid #fd7a4e; padding:0.4em; padding-left:1em; font-size:1.6em; font-family: "Noto Sans SC";}

.jre_company a{text-decoration:none; color:#000;}
.jre_company a:link{text-decoration:none; color:#000;}
.jre_company a:hover{text-decoration:none; color:#000;}
.jre_company a:visited{text-decoraion:none; color:#000;}
.jre_company h3{padding:0; padding-left:1em; font-size:1.3em; position:relative; margin-left:30px; border:none;}
.jre_company h4{font-size:1.5em; position:relative; margin-left:30px;}
.jre_company p{font-size:1.1em; line-height:1.8em;}
.jre_company{width:85%; border:2px solid #f2f2f2; margin:0; padding:0; display:block; margin:0 auto; margin-left:auto; margin-right:auto; padding:0.5em 2em; margin-top:1em; margin-bottom:1em;}

.jre_company h4:before{
position: absolute;
content: "";
top: 8%;
left: -30px;
width: 16px;
height: 16px;
margin-top: 2px;
background:url(../../cn/image/jre_icon.png) top left no-repeat;
background-size: 16px 16px;	
}

.jre_company h3:before{
position: absolute;
content: "";
top: 8%;
left: -30px;
width: 16px;
height: 16px;
margin-top: -2px;
background:url(../../cn/image/jre_icon.png) top left no-repeat;
background-size: 16px 16px;	
}

.jre_cont{margin:0; padding:0;}
.jre_sum1{margin:2em 0 0 0; padding:0;}
.jre_sum2{margin:2em 0 3em 0; padding:0;}

.jre_sum1 img,.jre_sum2 img{width:100%; max-width:320px; height:auto; display:block; margin:0 auto; border:1px solid #d6d6d6;}

.jre_con1{width:100%; max-width:800px; height:auto; display:block; margin:0 auto;}

address{padding:1.4em 0; color:#fff; font-style:normal; text-align:center;}

.jre_process_table th{width:20%; padding:2em 0; vertical-align:top;}
.jre_process_table th img{width:100%; max-width:60px; height:auto; display:block;padding-left: 2em;}
.jre_process_table td{padding:2em 0; line-height:1.4em; font-size:1.2em;vertical-align: middle;}
.jre_process_table tr+tr{border-top:2px dotted #f2f2f2;}

.why_dlm dt,.why_dlm dd{margin:0; padding:0; clear:both;}
.why_dlm dt{font-size:1.3em; font-weight:bold; padding:1.4em 0;}
.why_dlm dd{font-size:1.2em; line-height:1.4em;}
.why_pho1,.why_pho2,.why_pho3{float: right; margin-left: 2em; margin-bottom: 1em;}


.why_pho2 img{width:100%; max-width:471px; height:auto; display:block; margin:0 auto;}
.why_pho3 img{width:100%; max-width:468px; height:auto; display:block; margin:0 auto;}
.wtta{font-size:1.2em; line-height:1.5em;}
.why_flow{
  font-size: 14px;
  letter-spacing: -.4em;
	margin:0; padding:0;
}
.why_flow li{
	width:23%;
  margin:0 5px 5px 0;
  background:#ddd;
  color:#000;
  line-height:100%;
  letter-spacing: normal; 
  display:inline-block;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.why_flow li:last-child{
  padding:12px 12px 12px 18px;
  color:#fff;
  background:#003b55;
}
.why_flow li a{
  padding:12px 12px 12px 18px;
  color:#000;
  display:block;
  position:relative;
  z-index:1;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
	outline:none;
	text-decoration:none;
}
.why_flow li:first-child a{
  padding-left:12px;
}

/* 三角部分 */
.why_flow li a::before{
  border: 14px solid transparent;
  border-left: 14px solid #fff;
  box-sizing: border-box;
  content: "";
  height: 28px;
  width: 14px;
  margin: -14px 0 0 0;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index:2;
}
.why_flow li a::after{
  border: 8px solid transparent;
  border-left: 8px solid #ddd;
  box-sizing: border-box;
  content: "";
  height: 16px;
  width: 8px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index:3;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

/* hover */
.why_flow li:hover{
  background:#890012;
}
.why_flow a:hover{
  color:#fff;
}
.why_flow li a:hover::after{
  border-left: 8px solid #890012;
}

.why-flow dt,.why-flow dd{margin:0; padding:0;}

.why-flow dt{font-size:1.2em; font-weight:bold; padding:0.6em 0.5em; background:#fbdacb;}

.why-flow dd{margin:1em 0; line-height:1.5em; font-size:1.2em;}

.jre_form{width:100%;}
.jre_form th,.jre_form td{padding:1em 0;font-size: 14px;}
.jre_form tr+tr{border-top:2px dotted #e2e2e2;}
.jre_form td input,.jre_form td textarea{width:100%;padding: 5px;margin-top: 5px;margin-bottom: 5px;}
.jre_form td textarea{height:100px;}
input.button1{width:40%; text-align:center; padding:1em; border:none; background:#dfdfdf; margin-left:auto; margin-right:auto; color:#000;font-weight: bold; display:block; margin:0 auto; margin-top:2em; margin-bottom:2em;box-shadow: 0 3px 3px #a4a4a4; }

.jre_company th,.jre_company td{padding:1.4em 1.6em; text-align:left;}
.jre_companyj th,.jre_companyj td{padding:0.8em 1.6em; text-align:left; line-height:1.8em; font-size:1.1em;}

.jre_maincon2-3_2 {
     position: relative;
     color: white;
     padding:2em 2.4em !important;
     background-color: #1b9c97;
	 border:1px solid #d6d6d6;
	 margin:0;
	 margin-bottom:3em;
	 text-align:center;
}

.jre_maincon2-3_2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin-top:1.4em;
}
 

.jre_maincon2-3_2{font-size:1.4em; color:#fff; font-weight:bold; font-family: "Noto Sans SC";}
.jre_maincon2-3_2 a{text-decoration:none; color:#fff;}
.jre_maincon2-3_2 a:link{text-decoration:none; color:#fff;}
.jre_maincon2-3_2 a:hover{text-decoration:none; color:#fff;}
.jre_maincon2-3_2 a:visited{text-decoration:none; color:#fff;}

p.indent {
padding-left:1em;
text-indent:-1em;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */ 

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 99.8%;
	padding-left: 0.1%;
	padding-right: 0.1%;
}
#LayoutDiv1 {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 99.8% !important;
	padding-left: 0.1% !important;
	padding-right: 0.1% !important;
	margin: auto;
}
#LayoutDiv1 {
	width: 100%;
	display: block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
}


.slicknav_menu {
 display:none;/*PC時は非表示*/
}

@media screen and (min-width: 896px) {

.jre_menu_l img{max-width:384px;}
.jre_langchange{margin-top: 55px;}
.jre_main{position:relative;}
.jre_langchange{position:absolute; top:0; right:4.5%;}
.jre_main .jre_menu_r{margin-top:3.5em;}

.jre_maincon2-1{width:64%; float:left; background:#fff; margin:0; padding:0; padding:2em; margin-bottom:5em; border:1px solid #d6d6d6;}
.jre_maincon2-3{width:64%; float:left;}
.jre_maincon2-3_1{width:100%; background:#fff; margin:0; padding:0; padding:2em; margin-bottom:2em; border:1px solid #d6d6d6;}

.jre_maincon2-2{width:28%; float:right; margin-bottom: 50px;}
.jre_company{width:92%; border:2px solid #f2f2f2; margin:0; padding:0; display:block; margin:0 auto; margin-left:auto; margin-right:auto; padding:0.5em 2em; margin-top:1em; margin-bottom:1em;}
.jre_maincon3{width:69.5%; float:left; margin:0; padding:0;}

.jre_companyj table,.jre_companyj th,.jre_companyj td{border:2px solid #fff;}
.jre_companyj th{width:25%; background:#afbfc2;}
.jre_companyj td{width:75%;}

.jre_form th{width:25%; padding:0.5em 1em; text-align:left;}

}

@media screen and (max-width: 895px) {


.jre_menu_l img{max-width:142px;}
.jre_langchange{margin-top:1.4em;}
.jre_maincon1,.jre_maincon2,footer,.jre_subcon2{width:94%; max-width:1000px; margin:0 auto; padding:0 3%; margin-top:2em;}

 #gnav {
 display:none;/*モバイル時は非表示*/
}
 .slicknav_menu {
 display:block;/*モバイル時は表示*/
}

 .slicknav_menu li {
	 padding:0.6em 0 !important;
 }

 .slicknav_menu li+li {
	 border-top:1px dotted #B3B3B3;
 }
.sml{float:left;}
/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.slicknav_icon {
    position: relative;
    width: 50px;
    height: 44px;
	background:#003b55;
}
.slicknav_menu .slicknav_icon-bar{
    position: absolute;
    left: 0;
}
.slicknav_icon span:nth-of-type(1) {
    top: 0;
}
.slicknav_icon span:nth-of-type(2) {
    top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
    bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
    opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

.jre_main{position:relative;}
.jre_langchange{position:absolute; top:2em; right:1em;}

.jre_maincon2-1{width:96%; clear:both; background:#fff; margin:0; padding:2%; margin-bottom:4em; border:1px solid #d6d6d6;}
.jre_maincon2-3{width:96%; clear:both; background:#fff; margin:0; padding:2%; margin-bottom:4em; border:1px solid #d6d6d6;}

.jre_maincon2-2{display:none;}
.jre_companyj{margin:0; padding:0; display:block; margin:0 auto; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em;}

.jre_maincon3{clear:both; margin:0; padding:0;}

.jre_companyj th,.jre_companyj td{width:86%; display:block;}
.jre_companyj th{background:#afbfc2;}

.jre_form th,.jre_form td{width:86%; display:block; padding:0.5em 1em; text-align:left;}

.jre_process_table th img{width:100%; max-width:60px; height:auto; display:block;margin-left: -1.5em}
.jre_process_table td{padding:2em 0; line-height:1.4em; font-size:1.2em;vertical-align: middle;}
.jre_process_table td{padding-left:4%;}
}

@media screen and (max-width: 690px) {

.why_flow li{
	width:21%;
}
}