/*
 * CSS for PC
 * @date     2018
 */
/* ------------------------------------------

------------------------------------------ */
.sp {
  display: none !important;
}
#contentsArea a:hover{opacity: 0.8;}
#keyvisual{text-align: center;background: url(../images/kv_pc.png);height: 480px; background-size: cover;display: flex;align-items: center; justify-content: center;}
.shinlogo{text-align: center;padding:16px 0;}
nav{background: url(../images/navibg.png);}
nav ul{width: 1020px;display: flex;padding: 24px; margin: 0 auto;justify-content: space-around;}

#part1{background: url(../images/bg01.png);padding: 96px 0;}
#part1 .ttl01::before{content: url(../images/ttl01_lft.png);top: 0;left: 126px;position: absolute;}

#part1 .ttl01::after{content: url(../images/ttl01_rgt.png);position: absolute;right: 100px;top: -20px;}
#part1 h3{font-size: 24px;text-align: center;line-height: 1.5;position: absolute;width: 100%;top: -100px;right: 0;}

#part1 h3 b{font-size: 28px;}
#part1 .waku .inner>ul{background-color: #fff;border-radius: 8px;padding: 40px 100px;display: flex; justify-content: space-around;margin-bottom: 40px;position: relative;align-items: flex-end;}
#part1 ul .icon{position: absolute;top: -50px;right: 20px;background-color: #FFFF59;text-align: center;border-radius: 100px;width:136px;height:136px;color: #7A2D01;font-size: 20px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
#part1 ul li:nth-child(2) img{height:198px ;}
#part1 ul li:nth-child(3) img{height:183px ;}
#part1 ul .icon b{color: #EB0000;}
#part1 ul .icon b em{font-style: normal;font-size: 28px;}
.w1220{width: 1224px; margin: 0 auto;}
.ttl{text-align: center;padding: 32px 0;position: relative;}
.waku .inner{position: relative;background: url(../images/wakubg.png) top center repeat-y;padding: 0 120px;}


#part1 .ss-button-white{border:none;background-color: #EAEAEA;border-radius: 4px;box-shadow: none;padding: 15px !important;font-weight: normal;position: relative;margin: 0 5px;}
#part1 .ss-button-white.newwindow:after{border: none;content: url(../images/popicon.svg);transform: none;position: absolute;right: -20px;}
#part1 .ss-button-white.jss_entryPopUp:after{display: none;}
#part1 .cpntime{width: 500px;margin: 20px auto 0;line-height: 1.5;font-size: 16px;padding-bottom: 40px;}


#part1 .ttl02::before{content: url(../images/ttl02_lft.png);top: -150px;left: 126px;position: absolute;}

#part1 .ttl02::after{content: url(../images/ttl02_rgt.png);position: absolute;right: 100px;top: -20px;}
#part1 .steps{display: flex; justify-content: space-between;}
#part1 .steps li{width: 384px;height: 120px;background: url(../images/stepbg.png); display: flex; align-items: center; justify-content: center;position: relative;}
#part1 .steps li img{position: absolute;top: 5px;}
#part1 .steps li p{padding-top: 20px;}


#part2{background: url(../images/bg02.png);padding: 96px 0;}
#part2 .ttl03::before{content: url(../images/ttl03_lft.png);left: 100px;position: absolute;bottom: -120px;z-index:10;}
#part2 .waku {position: relative;}
#part2 .waku::after{content: url(../images/part2_deco.png);position: absolute;right: 10px;bottom:-60px;}
#part2 .waku .inner{position: relative;background: url(../images/wakubg01.png) top center repeat-y;padding: 0 120px;}
#part2 dl{border-bottom: 3px dotted #FAC25D;padding-bottom: 40px;line-height: 1.5;}
#part2 .waku .inner dl:first-child{position: absolute;top: -80px;width: calc(100% - 240px);right:120px;}
#part2 .waku .inner dl:last-child{border-bottom: none;}
#part2 dl dt{font-weight: bold;font-size: 22px;text-align: center;color: #EA6200;}
#part2 dl dt span{position: relative;}
#part2 dl dt span::before{content: url(../images/ttl_deco_or.png);position: absolute;left: -50px;bottom: 0;}
#part2 dl dt span::after{content: url(../images/ttl_deco_or.png);position: absolute;right: -50px;bottom: 0;transform: scaleX(-1); }

#part2 dl dd.cpntime{font-size: 16px;text-align: center;padding-top: 20px;}
#part2 dl:last-child{padding-top: 100px;}
#part2 dl:last-child dd ul{width: 80%; margin: 20px auto;display: flex;flex-wrap: wrap;}
#part2 dl:last-child dd ul li{width: 50%;padding-bottom: 20px;font-size: 14px;}
#part2 dl:last-child dd ul li b{display: block;font-size: 16px;}
#part2 dl:last-child dd ul li b img{padding-right: 10px;}
.atn{font-size: 12px !important;padding: 10px 0 !important;font-weight: normal !important;text-align: left !important; }


#part3{background: url(../images/bg03.png);padding: 96px 0;}
#part3 .ttl04::before{content: url(../images/ttl04_lft.png);left: 200px;position: absolute;bottom: 0px;z-index:10;}
#part3 .waku .inner{position: relative;background: url(../images/wakubg02.png) top center repeat-y;padding: 0 120px;}
#part3 .waku {position: relative;}
#part3 .waku::after{content: url(../images/part3_deco.png);position: absolute;right: 60px;bottom:-60px;}
#part3 dl{border-bottom: 3px dotted #C5CD23;padding-bottom: 40px;line-height: 1.5;}
#part3 dl dt{font-weight: bold;font-size: 22px;text-align: center;color: #859B00;padding-top: 20px;margin-bottom: 15px;}
#part3 dl dt span{position: relative;}
#part3 dl dt span::before{content: url(../images/ttl_deco_green.png);position: absolute;left: -50px;bottom: 0;}
#part3 dl dt span::after{content: url(../images/ttl_deco_green.png);position: absolute;right: -50px;bottom: 0;transform: scaleX(-1); }
#part3 dl dd{text-align: center;font-size: 16px;font-weight: bold;}
#part3 dl:last-child{border-bottom: none;}
#part3 dl:first-child{position: absolute;top: -80px;}
#part3 dl:nth-child(2){padding-top:350px;}

.shinbnr p{font-size: 12px;padding: 10px 0;text-align: center;}
.shinbnr a{display: block;padding: 40px 0;}
.shinbnr{text-align: center;}
.cpntime .con{display: flex;}
.cpntime .con span{display: block;font-size: 12px; border-radius: 4px;border:1px solid #333;padding: 5px;margin: 5px;}