@charset "UTF-8";

/* ============ prof */
/* ====== main visual */


#set1 section#prof1 {
    margin: 0;
    padding: 0;
    background: url(/assets/images/about/ddf_about1_bg.png) #000b0c no-repeat right bottom;
    background-size: contain;
}
/* ====== prof */

.text{
    font-size: 1.0rem;
}
.small {
    
}

#set1 section:nth-child(2n-1) {
    background: #eeeeee;
}

#prof1 .content_box .h2 {
    display: block;
    background: #0d1b38;
    line-height: 1.0;
    font-size: 1.0rem;
    padding: 12px 0;
    margin: 0 0 20px;
}

#prof1 .content_box .h2 span{
    color: #ffffff;
    font-size: 2.0rem;
    font-weight: 300;
    vertical-align: middle;
}



#prof1 .hgroup_wrap h1 span {
    color: #ffffff;
    border-bottom-color: #ffffff;
}

#prof1 .hgroup_wrap p,
#prof1 .hgroup_wrap p span {
    color: #ffffff;
}

#prof1 .hgroup_wrap p > span{
}
#prof1 .hgroup_wrap p > span > span{
    /* display: block; */
    /* font-size: 1.2rem; */
    position: relative;
}
#prof1 .hgroup_wrap p > span > span > sup{
	position: absolute;
	right: 0;
	bottom: 100%;
	font-size: 0.8rem;
}

#prof1 .content_box {
    padding: 60px 45px;
}

#prof1 .content_box .text {
    text-align: left;
}

#prof1 .content_box .text p {
    font-size: 1.145rem;
}

#prof1 .content_box .text p.point {
	margin: 10px 0 0;
	font-size: 1.0rem;
}
/* 
#prof1 .section_wrap,
#prof2 .section_wrap,
#prof3 .section_wrap,
#prof4 .section_wrap,
#prof5 .section_wrap {
    padding: 100px 0 150px;
} */

#prof1 h2 {
    display: block;
/*    background: #0d1b38;*/
    line-height: 1.0;
    font-size: 1.0rem;
    padding: 12px 0;
    margin: 0 0 20px;
    text-align: center;
}
#prof1 h2 span.new {
    color: #ffffff!important;
    font-size: 2.0rem;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: 4px solid #fff;
    padding-bottom: 10px!important;
}

#prof1 .content_box {
    text-align: center;
}

#prof1 .content_box > p {
    font-size: 1.4rem;
}

.prof_box {
    margin: 50px 0 0;
    text-align: center;
}

.prof_blk {
    margin: 30px;
    width: calc((100% - (60px * 5)) / 3);
    display: inline-block;
    vertical-align: top;
}

.prof_blk h3 {
    margin: 0 0 30px;
    color: #1c2952;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: 0.16rem;
}

.prof_blk .img {
    margin: 0 0 30px;
    width: 100%;
    height: 120px;
    position: relative;
}
.prof_blk .img > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
}

.prof_blk p{
	font-size: 1.0rem;
	line-height: 1.4;
}


.prof_blk:nth-child(4),
.prof_blk:nth-child(5){
	margin-bottom: 0;
}

#prof3 .content_box {
    padding: 60px 0;
    text-align: left;
}

#prof3 .content_box .text {}

#prof3 .content_box .text p{
    font-size: 1.6rem;
    line-height: 2.0;
}
#prof3 .content_box .text p > span{
    margin: 0;
    display: block;
    color: #b20000;
}

table.prof_table {}



.prof_table {
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #1c2952;
    margin-bottom: 30px;
    line-height: 1.8em;
}

.prof_table th {
    border-bottom: 3px solid #1c2952;
    width: 220px;
    vertical-align: middle;
    font-weight: 300;
}

.prof_table td {
    border-bottom: 1px solid #1c2952;
    vertical-align: middle;
    padding: 25px 0 25px 3em;
    /* line-height: 2em; */
    width: calc(100% - 220px);
}
.prof_table td a {
  color: #2d519e;
  margin-left: 5px;
}

.prof_table th {
    /* padding: 35px 0; */
}

.prof_table table {
    width: 100%;
    margin-bottom: 40px;
}
.prof_appendix1 {
    font-size: 16px;
    /* font-weight: bold; */
/*    line-height: 2em;*/
}


#prof2 h4 {
    margin: 20px 0;
    font-size: 1.1rem;
}

.prof_access_map {
    color: #666666;
    overflow: hidden;
}

.prof_access_map > div span {
    font-weight: bold;
}

.prof_access_map > div {
    float: left;
}
.prof_access_map > div:first-child {
    max-width:600px;
    width: 600px;
    margin-right: 40px;
}

.ddh_map_right {
    /* float: right; */
}

.ddh_map_right p {
/*    line-height: 2em;*/
}

.prof_access_map > div:last-child p:first-child {
    margin-bottom: 50px;
}

.ddh_company .ddh_2ndpage_ttl_under p {
    text-align: left;
    margin-bottom: 50px;
    color: #666666;
}

.ddh_company .ddh_2ndpage_ttl_under p:last-child {
    margin: 0;
}
.ddh_company_service_logo p {
    font-size: 45px;
    color: #fff;
    text-align: center;
}

.ddh_company_service_logo {
    background: #EEEEEE;
    border-radius: 4px;
    margin-bottom: 40px;
}

.corp_sc_wrap {
    font-size: 0;
    /*! vertical-align: top; */
    /* max-width: 1120px; */
    margin: 0 auto;
}

.corp_box {
    display: inline-block;
    margin-right: 70px;
    margin-bottom: 50px;
    /*! width: calc((100% - 73px * 2) / 3); */
    vertical-align: top;
    max-width: 320px;
}

.corp_box a{
  text-align: left;
  display: block;
}

.corp_box:nth-child(3n) {
    margin-right: 0;
}

.corp_box img {
  display: inline-block;
  margin: 0 0 20px;
  height: 95px;
}
.caption {
}
.caption p {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: -0.005em;
  text-align: left;
}
.caption p:last-child {
    font-size: 0.8rem;
    line-height: 1.8;
    margin: 10px 0 0;
}

.corp_box.point {
  margin-top: 30px;
}
.corp_box.point .caption {
}
.corp_box.point .caption p {
  font-size: 14px;
  margin-left: 2em;
}
.corp_box.point .caption p span {
  display: block;
  float: left;
  text-indent: -2em;
}









@media (max-width:600px) {
    .prof_table {
    }

      .prof_table {
          margin: 0;
      }

      .prof_table th {
          display: block;
          border: none;
          min-width: auto;
          padding: 0 30px;
          margin: 15px 0 5px;
          font-size: 12px;
          width: auto;
      }

      .prof_table td {
          display: block;
          padding: 0 30px 20px;
          font-size: 12px;
          line-height: 1.6em;
          width: auto;
      }

      .prof_table tr {
          padding: 0;
          width: auto;
          min-width: auto;
      }

      .prof_table td a {
          display: block;
          margin: 0;
      }

      .prof_table p {padding: 0 30px;font-size: 12px;}

      .ddh_map_wrap {
          margin-top: 60px;
      }

      .ddh_map_left {
          float: none;
          width: 100%;
          max-width: none;
      }

      .ddh_map_left iframe {
          height: 230px;
      }

      .ddh_map_right {
          float: none;
          width: auto;
          text-align: left;
          padding: 0 30px;
          margin: 20px 0;
      }

      .ddh_map_right p {
          font-size: 12px;
      }

      #ddh_company_sec2 h3 {
          font-size: 20px;
          margin: 40px 0;
      }

      .ddh_company_service_wrap {}

      .ddh_company_service {
          margin: 0 0 50px;
      }

      .ddh_company_service img {
          width: 200px;
      }

      .ddh_company_service_cap p {
          text-align: left;
          font-size: 13px;
          line-height: 1.8em;
      }

      .ddh_company_service.point {
          margin: 0;
      }

      .ddh_company_service.point .ddh_company_service_cap p {
          font-size: 10px;
      }
    #prof2 .section_wrap {
        padding: 40px 0;
    }
    .prof_access_map > div:last-child p:first-child,
    .prof_access_map > div:last-child p:last-child {
        margin-bottom: 0px;
        width: auto;
        padding: 20px;
        text-align: left;
    }
    .prof_access_map > div {
        float: none;
    }
    .corp_box {
        width: 100%;
        margin-right: 0;
        /*! margin: 0 auto; */
        max-width: none;
    }
    .corp_sc_wrap {
        text-align: center;
    }
    .corp_box img {
        margin: 0 auto;
        display: block;
        height: auto;
        width: 220px;
    }
    .corp_box.point {
        display: none;
    }
    p {
    }
    .caption p:last-child {
        font-size: 1.0rem;
    }
    .corp_box:nth-child(5) {
        margin-bottom: 0;
    }
}