@charset "utf-8";
/* CSS Document */
/*==================================================================

どひくんCSS

================================================================== */

.no23 .txc,
.no25 .txc,
.no33 .txc
{ text-align: center;}

.no23 .bgwrap{ background: url(../upload/2017autumn/23/23_08.jpg) repeat-y -16px top;}
.no23 .bg{ background: white;} 
.no23 .gray{ background: url(../upload/2017autumn/23/23_44.jpg) repeat-y left top;padding-bottom: 30px; background-size: 100% 100%; letter-spacing: -.40em;}
.no23 .gray.bg2{ background: url(../upload/2017autumn/23/23_45.jpg) no-repeat left 30px; overflow: hidden; padding-top: 30px;}
.no23 .gray.bg2 div{ float: right;}
.no23 .gray.bg2 div:nth-child(1){ padding-top: 155px; }
.no23 .gray div{ width: 30%; display: inline-block;text-align: center; vertical-align: middle; letter-spacing: normal;}
.no23 .gray div.pro{ color: black; margin-top: -30px; margin-right:  1.5%; margin-left: 1.5%;}
.no23 .gray div:nth-child(2){ margin-left: 4%;}
.no23 .gray div:nth-child(3){ margin-right: 0;}
.no23 .gray div:nth-child(1){ width: 33%; }
.no23 .gray div.pro .en{ font-weight: 700; line-height: 1em; padding: 25px 0 10px 0;}

.no25 .re{ position: relative; min-height: 890px;}
.no25 .headimage{ line-height: 0; }
.no25 .headimage img{ width: 100%; }
.no25 .pic,
.no25 .txArea{ position: absolute;}
.no25 .name{ text-align: right; font-weight: 700; margin-bottom: 35px;}
.no25 .pic{ width: 65%;}
.no25 .txBox{padding: 0 30px 40px 30px; margin-top: -5px;}
.no25 .div_1,
.no25 .div_2{ margin-bottom: 50px;}	
.no25 .div_2 .pic{ right: 0;}
.no25 .div_1 .txArea{ top:150px; right: 0; width: 50%;}
.no25 .div_2 .txArea{ top:150px; left: 0; width: 50%;}
.no25 .bg_1{ background: #ebf1f5;}
.no25 .bg_2{ background: #ecead5;}
.no25 .bg_3{ background: #f5ebf2;}
.no25 .bg_4{ background: #e4ecd5;}

.no26 .bg_1{ background: #ebf1f5;}
.no26 .bg_2{ background: #f5f3eb;}
.no26 .bg_3{ background: #f5ebee;}
.no26 .bg_4{ background: #f2f5eb;}
.no26 .bg_5{ background: #f5efeb;}
.no26 .bg_6{ background: #ebf5f4;}
.no26 .p_1{ padding: 0 100px 40px 100px; text-align: center;}
.no26 .p_2{ padding: 30px 100px 60px 100px;}
.no26 .img_wrap{ line-height: 0;}

.no31 .p_1 span{ margin-right: 10px; margin-left: 7px; font-weight: 700;}

.no33 .wrap{ overflow: hidden; position: relative; height: 811px;}
.no33 .tx{ position: absolute; width: 42%; z-index: 100; top:105px;}
.no33 .bg{ position: absolute; width: 90%; z-index: 10; right: 0; top:0;}
.no33 .dl_1,
.no33 .dl_2
{ overflow: hidden; margin-bottom: 50px; margin-top: -56px;}
.no33 .dl_1 dt,
.no33 .dl_1 dd
{ float: left;}
.no33 .dl_2 dt,
.no33 .dl_2 dd
{ float: right;}
.no33 .dl_1 dt{ width: 35%; margin-right: 5%;}
.no33 .dl_1 dd{ width: 60%; padding-top: 56px;}
.no33 .dl_2 dd{ width: 60%; margin-right: 5%;padding-top: 56px;}
.no33 .dl_2 dt{ width: 35%;}

/******************************************************************************

 * RESPONSIVE
 
*******************************************************************************/

@media (max-width: 1279px) {
    
}

@media (max-width: 1019px) {
}

@media (max-width: 767px) {
.no23 .bgwrap{ background: none;}
.no23 .gray{ background: none; padding-bottom: 0; background-color: #eeeeee; padding-bottom: 30px;}
.no23 .gray.bg2{ background: none;background-color: #eeeeee; padding-bottom: 0; padding-top: 0;}
.no23 .gray div{ width: auto; display: block;text-align: center; vertical-align: middle;}
.no23 .gray div.tit{ padding: 60px;}
.no23 .gray div.pro .en{ font-weight: 700; line-height: 1em; padding: 25px 0 10px 0;}

.no23 .gray div.pro{ color: black; margin-top: 0; margin-bottom: 30px;}
.no23 .gray div:nth-child(2){ margin-left: 0;}
.no23 .gray div:nth-child(3){ margin-right: 0;}
.no23 .gray div:nth-child(1){ width: auto; }

.no23 .gray.bg2 div{ float: none;}
.no23 .gray.bg2 div:nth-child(1){ padding-top: 60px; }

.mb_1{ margin-bottom: 20px!important;}
.mb_2{ margin-bottom: 0px!important;}


.no25 .re{ position: relative; min-height: 0;}
.no25 .headimage{ line-height: 0; }
.no25 .headimage img{ width: 100%; }
.no25 .pic,
.no25 .txArea{ position: relative;}
.no25 .name{ text-align: right; font-weight: 700; margin-bottom: 35px;}
.no25 .name.left{ text-align: left; }
.no25 .pic{ width: auto; margin-bottom: 20px;}
.no25 .txBox{padding: 0 30px 40px 30px;}
.no25 .div_1,
.no25 .div_2{ margin-bottom: 50px;}	
.no25 .div_2 .pic{ right: 0;}
.no25 .div_1 .txArea{ top:0; right: 0; width: auto;}
.no25 .div_2 .txArea{ top:0px; left: 0; width: auto;}
.no25 .bg_1{ background: #ebf1f5;}
.no25 .bg_2{ background: #ecead5;}
.no25 .bg_3{ background: #f5ebf2;}
.no25 .bg_4{ background: #e4ecd5;}


.no26 .p_1{ padding: 0 10px 20px 10px; text-align: center;}
.no26 .p_2{ padding: 20px 10px 20px 10px;}
.no26 .row.no-gutter.mb60{ margin-bottom: 30px!important;}

.no31 .p_1 span{ margin-right: 10px; margin-left: 0; font-weight: 700;}
.no31 .mb_1{ margin-bottom: 20px;}
.no31 .no-gutter.mb70{ margin-bottom: 30px!important;}
.no31 .no-gutter.mb70 .mb20{ margin-bottom: 10px!important;}
.no31 .row.mb40{ margin-bottom: 10px!important;}

.no33 .wrap{ overflow: hidden; position: relative; height: auto; margin-bottom: 30px;}
.no33 .wrap .mb40{ margin-bottom: 20px!important}
.no33 .tx{ position: relative; width: auto; z-index: 100; top:0; margin-bottom: 30px;}
.no33 .bg{ position: relative; width: auto; z-index: 10; right: 0; top:0;}
.no33 .dl_1,
.no33 .dl_2
{ overflow: hidden; margin-bottom: 20px; margin-top: 0; margin-bottom: 30px!important;}
.no33 .dl_1 dt,
.no33 .dl_1 dd,
.no33 .dl_2 dt,
.no33 .dl_2 dd
{ float: none;}
.no33 .dl_1 dt{ width: auto; margin-right: 0; margin-bottom:20px;}
.no33 .dl_1 dd{ width: auto; padding-top: 0;}
.no33 .dl_2 dd{ width: auto; margin-right: 0;padding-top: 20px;}
.no33 .dl_2 dt{ width: auto;}
.no33 .mb_1{ margin-bottom: 20px!important;}



}