@charset "utf-8";

.greeting{}
.greeting .g_img{text-align:center;padding-bottom:30px;}
.greeting .g_img img{border:solid 1px #ccc;padding:10px;}

.greeting .g_txt{text-align:center;}
.greeting .g_txt strong{display:block;font-size:18px;padding-bottom:20px;}
.greeting .g_txt strong span{color:#484394;}
.greeting .g_txt p{font-size:16px;padding-bottom:15px;}

.greeting2 .tt{padding-bottom:20px;font-weight:300;}
.greeting2 strong{font-size:17px;}
.greeting2 strong .fc_red{color:#f26522;}
.greeting2 strong .fc_blue{color:#2e4792;}
.greeting2 strong .fc_green{color:#409636;}
.greeting2 p{font-size:16px;padding-bottom:15px;}

/*조직도*/
.organization{margin-bottom:40px;}
.organization:after{display:block;content:"";clear:both;}
.organization ul{text-align:center;}
.organization li span{display:inline-block;border-radius:6px;color:#fff;padding:10px 0;font-size:20px;width:250px;font-size:16px;margin-bottom:30px;}
.organization .org01{position:relative;}
.organization .org01:before{content:"";display:block;width:1px;height:135px;background:#ccc;margin:0 auto;position:absolute;left:50%;top:0;z-index:-1}

.organization .org02{position:relative;}
.organization .org02:before{content:"";display:block;width:50%;height:1px;background:#ccc;margin:0 auto;position:absolute;top:60px;left:0;right:0;z-index:-1;}

.organization .org03{position:relative;float:left;width:50%;padding:0 10px;}
.organization .org03:after{display:block;content:"";clear:both;}
.organization .org03 span{width:100%;}
.organization .org03:before{content:"";display:block;width:1px;height:40px;background:#ccc;margin:0 auto;position:absolute;left:50%;top:-14px;z-index:-1}

.organization .org01 span{background:#484394;}
.organization .org02 span{background:#2e4792;}
.organization .org03 span{background:#409636;margin-bottom:5px;}
.organization .org04 span{background:#fff;border:solid 1px #409636;color:#000}


.tel_box p strong{display:block;font-size:25px;}

.ddo{padding:0 0 10px 0;}
.ddo li{margin-bottom:20px;text-align:center;border:solid 2px;border-radius:20px;padding:30px 10px;}
.ddo li strong{font-size:20px;}
.ddo li span{display:block;font-size:16px;font-weight:300;padding:15px 0;}
.ddo li:nth-child(1){border-color:#409636;background:#f0f7ef;}
.ddo li:nth-child(1) strong,
.ddo li:nth-child(1) span{color:#409636;}
.ddo li:nth-child(2){border-color:#2e4792;background:#eff1f6;}
.ddo li:nth-child(2) strong,
.ddo li:nth-child(2) span{color:#2e4792;}
.ddo li:nth-child(3){border-color:#f26522;background:#fef3ee;}
.ddo li:nth-child(3) strong,
.ddo li:nth-child(3) span{color:#f26522;}

.safe_box{text-align:center;}
.safe_box h5{background:none;padding:0;}
.safe_box .safe_top{display:inline-block;background:#2e4792;color:#fff;border-radius:200px;padding:30px 30px 20px 30px;}
.safe_box .safe_top p{padding-bottom:10px;}
.safe_box ul{padding:30px 0;}
.safe_box ul:after{display:block;content:"";clear:both;}
.safe_box li{position:relative;float:left;width:calc(100% / 2 - 10px);padding-top:100px;margin:10px 5px;color:#580e9a;font-weight:600;}
.safe_box li:after{display:block;content:"";background:url("/resource/1388/sub/sub02/icon01.png") no-repeat center top;width:100%;height:95px;position:absolute;top:0;left:0;}
.safe_box li:nth-child(2):after{background-position:center -100px}
.safe_box li:nth-child(3):after{background-position:center -200px}
.safe_box li:nth-child(4):after{background-position:center -300px}
.safe_box li:nth-child(5):after{background-position:center -400px}
.safe_box li:nth-child(6):after{background-position:center -500px}
.safe_box li:nth-child(7):after{background-position:center -600px}
.safe_box li:nth-child(8):after{background-position:center -700px}
.safe_box li span{display:block;color:#555;font-weight:300;}


.step01{}
.step01 ol{text-align:center;}
.step01 li{position:relative;text-align:center;margin-bottom:20px;}
.step01 li span{display:block;padding:30px;border:solid 2px #2e4792;border-radius:30px;}
.step01 li:after{display:block;content:"";width:100%;height:12px;background:url("/resource/1388/common/basic_step1.png") no-repeat center top;position:absolute;bottom:-18px;left:0;right:0;}
.step01 li:last-child:after{display:none;}
.step01 li i{display:inline-block;width:72px;height:85px;background:url("/resource/1388/sub/sub02/step1_img.png") no-repeat center top;}
.step02 li i{display:inline-block;width:72px;height:85px;background:url("/resource/1388/sub/sub02/step1_img2.png") no-repeat center top;}
.step03 li i{display:inline-block;width:72px;height:85px;background:url("/resource/1388/sub/sub02/step1_img3.png") no-repeat center top;}
.step01 li:nth-child(1) i{background-position:center 0}
.step01 li:nth-child(2) i{background-position:center -100px}
.step01 li:nth-child(3) i{background-position:center -200px}
.step01 li:nth-child(4) i{background-position:center -300px}
.step01 li:nth-child(5) i{background-position:center -400px}
.step01 li strong{display:block;font-size:16px;font-weight:300}


.sd_box{text-align:center;}
.sd_box li{border-radius:20px;box-shadow:0 5px 10px 3px #efefef;background:#fff;padding:40px 0;margin-bottom:20px;}
.sd_box li i{display:inline-block;width:70px;height:90px;background:url("/resource/1388/sub/sd_icon.png") no-repeat center top;}
.sd_box li:nth-child(1) i{background-position:center 0px;}
.sd_box li:nth-child(2) i{background-position:center -100px;}
.sd_box li:nth-child(3) i{background-position:center -200px;}
.sd_box li:nth-child(4) i{background-position:center -300px;}
.sd_box li strong{display:block;font-size:20px;padding-bottom:20px;}
.sd_box li span{display:block;}




@media all and (min-width:768px) {

	.greeting2 .tt{font-size:18px;}
	.greeting2 strong{font-size:24px;}

	.organization{width: 700px;margin:0 auto 40px auto;}
	.organization li span{padding:20px 0;font-size:18px;}

	.organization .org01:before{height:200px;}
	.organization .org02:before{top:102px;}
	.organization .org02 span{margin-bottom:70px;}
	.organization .org03{padding: 0 50px;}
	.organization .org03 br{display:none;}
	.organization .org03:before{top:-35px;}
	.organization .org03 span{margin-bottom:5px;}
	.organization .org04 span{padding:10px 0;}

	.tel_box{position:relative;}
	.tel_box:before{display:block;content:"";width:61px;height:66px;position:absolute;top:20px;left:20px;background:url("/resource/1388/sub/sub01/tel_icon.png") no-repeat left center;}
	.tel_box p{padding:0 0 0 90px;}

	.map_box{position:relative;}
	.map_box:before{display:block;content:"";width:61px;height:66px;position:absolute;top:20px;left:20px;background:url("/resource/1388/sub/sub01/map_icon.png") no-repeat left center;}
	.map_box ul{padding:0 0 0 90px;}
  
  	.ddo{display:flex;}
	.ddo:after{display:block;content:"";clear:both;}
	.ddo li{/*float:left;*/width:calc(100% / 3 - 10px);margin:0 5px 20px 5px;}


	.step01{}
	.step01 ol{background:url("/resource/1388/sub/sub02/step1_bg.png") no-repeat center top / 728px;background-size:100%;margin-top:20px;}
	.step02 ol{background:url("/resource/1388/sub/sub02/step1_bg2.png") no-repeat center top / 850px;background-size:100%;margin-top:20px;}
	.step03 ol{background:url("/resource/1388/sub/sub02/step1_bg3.png") no-repeat center top / 728px;margin-top:20px;}
	.step01 ol:after{display:block;content:"";clear:both}
	.step01 li{float:left;width:calc(100% / 4);}
	.step02 li{float:left;width:calc(100% / 5);}
	.step01 li span{border:none;padding:38% 20% 20%;}
  	.step02 li span{border:none;padding:38% 10% 20%;}
	.step01 li i{background:none;/*height:120px;*/height:95px;}
 	.step02 li i{height:60px;}
	.step01 li:after{display:none;}

	.sd_box:after{display:block;content:"";clear:both;}
	.sd_box li{float:left;width:calc(100% / 2 - 10px);margin:5px;min-height:265px;}

	.safe_box li{width:calc(100% / 4 - 10px);}
}

@media all and (min-width:900px) {
  .step01 li strong{margin-top:20%;}
  .step02 li strong{margin-top:10%;}
}


@media all and (min-width:1024px) {
  .sd_box li{margin:5px;min-height:272px;}
  .step01 li strong{margin-top:0;}
  .step02 li strong{margin-top:0;}
}

/* Desktop */
@media all and (min-width:1110px) {
	.greeting:after{display:block;content:"";clear:both}
	.greeting .g_img{float:left;width:20%;}
	.greeting .g_txt{float:right;width:77%;text-align:left;}
	.greeting .g_txt strong{font-size:30px;}

	.organization{width:800px;}
	.organization .org03{position:relative;margin-bottom:100px;padding:0 80px;}
	.organization .org04{position:absolute;top:90px;left:-105px;width:150%;text-align:center;}
	.organization .org04 li{display:inline-block;width:140px;}

	.ddo li{width:calc(100% / 3 - 20px);margin:0 10px 20px 10px;padding:40px 25px;min-height:240px;}
	.ddo2 li{min-height:150px;padding:30px 35px;}


	.step01 ol{background-size:100%;max-width:900px;margin:20px auto;padding-bottom:20px;}
	.step02 ol{background-size: 100%;max-width: 950px;}
	.step03 ol{background-size: 100%;max-width: 950px;}
	.step01 li i{height:140px;}
	.step02 li i{height:110px;}
	.step03 li i{height:170px;}
  	.step01 li span{padding:30px;}
  	.step02 li span{padding:30px 20px;}
	.step03 li span{padding:30px 20px;}
 	
	.sd_box li{float:left;width:calc(100% / 4 - 10px);margin:5px;min-height:290px;}

}

@media all and (min-width:1200px) {
  .step01 li i{height:170px;}
  .step02 li i{height:120px;}
}