@charset "utf-8";

/* common
============ =======================*/
.sp {
  display: none;
}

.dc_contents-wrap{
  font-size: 0.875rem;
	line-height: 1.85714;
  letter-spacing: 1.4;
	font-family: "Hiragino Kaku Gothic Pro","Hiragino Sans","メイリオ",Meiryo,"Verdana","Osaka","ＭＳ Ｐゴシック",sans-serif;
}

.dc_contents-wrap h1,
.dc_contents-wrap h2,
.dc_contents-wrap h3,
.dc_contents-wrap p,
.dc_contents-wrap dl,
.dc_contents-wrap dd{
	margin-bottom: 0;
}

.dc_contents-wrap ol,
.dc_contents-wrap ul{
  list-style: none;
  padding: 0;
  margin: 0;
}


.dc_contents-wrap a{
	color: #038AD0;
	text-decoration: underline;
}

.dc_contents-wrap a:hover{
	text-decoration: none;
}

.dc_contents-wrap section{
  width: 600px;
  margin:0 auto 60px;
}

.dc_contents-wrap .fullcontents{
  background-color: #F9F7EA;
  width: 100%;
}

.dc_contents-wrap .fullcontents__inner{
	width: 600px;
	margin:0 auto;
}

.dc_contents-wrap .heading-first{
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 1.5;
  letter-spacing: 3;
}

.dc_contents-wrap .heading-first span{
	vertical-align: middle;
}

.dc_contents-wrap .heading-second{
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.5;
  letter-spacing: 2.4;
  padding-bottom: 25px;
  background: linear-gradient(113.42869deg, #3AB5D2 0%, #3AB5D2 16.66667%, #D8D8D8 16.66667%, #D8D8D8 100%) no-repeat left bottom;
	background-size: 100% 3px;
  margin-bottom: 30px;
}

.dc_contents-wrap .heading-third{
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.5;
  letter-spacing: 2;
  margin-bottom: 20px;
}

.dc_contents-wrap .strong{
	font-weight: bold;
}

.dc_contents-wrap .notes{
  color: #6E6E6E;
  font-size: 0.75rem;
}

.dc_contents-wrap .mt40{
  margin-top: 40px !important;
}

/* index
===================================*/

/* headline */
.dc_contents-wrap .headline{
	padding:40px 0 50px;
	margin-bottom: 30px;
}

.headline p{
	font-weight: 600;
	font-size: 1rem;
	color: #3AB5D2;
  margin-bottom: 5px;
}

.headline .logo{
  display: inline-block;
  width: 118px;
  height: 30px;
  background: url(/dc_contents/idecoplus/common/01/img/logo_ideco.png) no-repeat;
  background-size: contain;
  text-indent: 100%;
  overflow:hidden;
  margin-right: 5px;
}

/* lead-area */
.lead-area{
	width:600px;
	margin: 0 auto;
}

/* information-area */
.information-area{
	padding: 30px;
	border: 1px solid #C9C9C9;
	border-radius: 10px;
}

.information-area dl{
	display: flex;
	flex-wrap: wrap;
}

.information-area dt{
	color: #3AB5D2;
	width: 15%;
}

.information-area dd{
	width: 85%;
  margin-bottom: 10px;
}

.information-area dd:last-child{
	margin-bottom:  0px;
}

/* txt-area-odd */
.txt-area-odd{
  display: flex;
  justify-content: space-between;
}

/* txt-area-even */
.txt-area-even{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.txt-area__img{
  width: 170px;
}
.txt-area__txt{
  width: 400px;
}

.txt-area p + p{
  margin-top: 1em;
}

.txt-area p + ul{
  margin-top: 1em;
}

.txt-area ul + p{
  margin-top: 1em;
}

.txt-area ul li{
  text-indent: -1em;
  padding-left: 1em;
}

.txt-area ul li:before{
  content: '・';
}

/* txt-area__table */
.txt-area__table dl{
  display: flex;
  border: 1px solid #D8D8D8;
}

.txt-area__table dl:first-child{
    margin-top: 40px;
}

.txt-area__table dt{
  background: #F1F1F1;
  width: 200px;
  border-right: 1px solid #D8D8D8;
  padding: 15px;
}

.txt-area__table dd{
  width: 400px;
  padding: 15px;
}

.txt-area__noarrow-table dl + dl{
  border-top: none;
}

.txt-area__noarrow-table dl:last-child{
  margin-bottom: 40px;
}

.txt-area__arrow-table dl{
  position: relative;
  margin-bottom: 40px;
}

.txt-area__arrow-table dl::after{
  position: absolute;
  content: '';
  width: 34px;
  height: 22px;
  background: url(/dc_contents/idecoplus/common/01/img/arrow_bottom.png) no-repeat;
  background-size: contain;
  bottom: -32px;
  left: calc((100% - 34px ) / 2);
}

.txt-area__arrow-table dl:last-child::after{
  background: none;
}

/* link_btn */
.link_btn{
  margin-top: 30px;
  display: inline-block;
}

.link_btn a{
  text-decoration: none;
}

.link_btn p {
  font-weight: 600;
	position: relative;
	display: block;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #fff;
	background: #3AB5D2;
	overflow: hidden;
  border-radius: 2px;
  border-bottom: 2px solid #149CBD;
}

.link_btn p:hover{
  background: #239ABF;
}

.link_btn span {
  position: relative;
	display: block;
	padding: 20px 60px 20px 20px;
}

.link_btn span::after {
  position: absolute;
	display: inline-block;
  content: '';
  width: 15px;
  height: 15px;
  background: url(/dc_contents/idecoplus/common/01/img/icon_blank.png) no-repeat;
  background-size: contain;
  top: calc((100% - 15px) / 2);
  right: 14px;
}

/* profile-area */
.dc_contents-wrap .profile-area{
  padding: 60px 0 120px;
  margin-bottom: 0;
}


/* header
===================================*/
header#header.header-global {
  padding: 12px 0 16px;
  border-bottom: 1px solid #dcdde9;
}
header#header .container-fluid {
  max-width: 1550px;
}
header#header .logos .logo {
  width: 284px;
  margin: 12px 0 0;
}
header .nav-header p {
  font-size: 0.875rem;
  letter-spacing: 0;
  margin-bottom: 13px;
}
header .nav-header p a {
  text-decoration: underline;
}
header .nav-header p a:hover {
  text-decoration: none;
  opacity: 1;
}
header .nav1 {
  overflow: hidden;
  text-align: right;
  font-size: 0;
  margin-bottom: 6px;
  margin-top: -3px;
}
header .nav1 li {
  display: inline-block;
  text-align: left;
  border-radius: 4px;
  margin-left: 4px;
  min-width: 148px;
}
header .nav1 li.blue {
  background: #7fd0e3;
}
header .nav1 li.red {
  background: #ff9999;
}
header .nav1 li.green {
  background: #b9dc7e;
}
header .nav1 li a:hover {
  opacity: 1;
}
header .nav1 li.blue:hover {
  background: #d9f1f7;
}
header .nav1 li.red:hover {
  background: #fbd3d3;
}
header .nav1 li.green:hover {
  background: #daeeb8;
}
header .nav1 li a {
  display: block;
  padding: 10px 35px 8px 14px;
  color: #333333;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  position: relative;
  background: url(/fileadmin/open/special/dc_contents/img/arrow1.png) no-repeat right 8px center;
}
header .nav1 li.green a {
  padding-right: 87px;
}

/* footer
===================================*/
.footer-global {
  padding: 14px 0;
  font-size: 1rem;
  border-top: 1px solid #dcdde9;
  letter-spacing: 0.2px;
}
.footer-global address {
  font-size: 0.688rem;
  font-weight: bold;
}




@media (max-width: 575px) {
	.pc {
	  display: none;
	}
	body {
	  padding: 0;
	}

  .dc_contents-wrap section{
    width: 100%;
    padding:0 20px;
  }

  .dc_contents-wrap .fullcontents__inner{
  	width: 100%;
    padding: 0 20px;
  }

  .dc_contents-wrap .heading-first{
  	font-size: 1.75rem;
    letter-spacing: 2.8;
  }

  .dc_contents-wrap .heading-second{
    margin-bottom: 20px;
  }

  .dc_contents-wrap .heading-third{
    margin-bottom: 15px;
  }

  /* index
  ===================================*/

  /* headline */
  .dc_contents-wrap .headline{
  	padding:30px 0 40px;
  }

  /* lead-area */
  .lead-area{
  	width:600px;
  	margin: 0 auto;
  }

  /* information-area */
  .information-area{
    padding:25px 20px;
  }

  .information-area dt{
  	width: 100%;
  }

  .information-area dd{
  	width: 100%;
  }

  /* txt-area-odd */
  .txt-area-odd{
    flex-direction: column;
  }

  /* txt-area-even */
  .txt-area-even{
    flex-direction: column;
  }

  .txt-area__img{
    width: 50.74627%;
    margin:0 auto;
    padding-bottom: 20px;
  }

  .txt-area__txt{
    width: 100%;
  }

  /* txt-area__table */
  .txt-area__table dl{
    flex-direction: column;
  }

  .txt-area__table dl:first-child{
      margin-top: 30px;
  }

  .txt-area__table dt{
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #D8D8D8;
  }

  .txt-area__table dd{
    width: 100%;
  }

  /* link_btn */
  .link_btn{
    display: block;
  }

  /* profile-area */
  .dc_contents-wrap .profile-area{
    padding: 60px 0;
  }

	/* header
	===================================*/
	header#header.header-global {
	  padding:0;
	  position: static;
	  height: 59px;
	}
	header#header .container-fluid {
	  max-width: 100%;
	  padding: 0;
	  overflow: hidden;
	}
	header#header .logos {
	  width: 37.8%;
	  height: auto;
	  margin: 17px 0 0 15px;
	}
	header#header .logos .logo {
	  width: 100%;
	  margin: 0;
	}
	header#header .nav-header {
	  display: block;
	  width: 168px;
	}
	header .nav1 {
	  margin: 0;
	  padding: 0;
	  display: flex;
	}
	header .nav1 li {
	  display: inline-block;
	  text-align: center;
	  border-radius: 0;
	  margin-left: 1px;
	  min-width: 55px;
	  width: 55px;
	  height: 58px;
	}
	header .nav1 li.blue {
	  background: #7fd0e3;
	}
	header .nav1 li.red {
	  background: #ff9999;
	}
	header .nav1 li.green {
	  background: #b9dc7e;
	}
	header .nav1 li a:hover {
	  opacity: 1;
	}
	header .nav1 li.blue:hover {
	  background: #d9f1f7;
	}
	header .nav1 li.red:hover {
	  background: #fbd3d3;
	}
	header .nav1 li.green:hover {
	  background: #daeeb8;
	}
	header .nav1 li a {
	  display: block;
	  padding: 8px 5px 24px 5px;
	  font-size: 10px;
	  line-height: 1.3;
	  background: url(/fileadmin/open/special/dc_contents/img/arrow1_sp.png) no-repeat center bottom 10px;
	  background-size: 10px 10px;
	  height: 100%;
	}
	header .nav1 li.red a {
	  padding: 15px 5px 24px 5px;
	}
	header .nav1 li.green a {
	  padding: 15px 5px 24px 5px;
	}

	/* footer
	===================================*/
	.footer-global {
	  padding: 12px 0;
	}
	.footer-global address {
	  font-weight: 500;
	}
}