@charset "UTF-8";
/* CSS Document */

/*ボタンホバー*/
.page-goods .block-goods-detail a:hover{opacity: 0.7;}


/*商品コメント1の下*/
@media screen and (max-width: 767px) {
.page-goods .block-goods-comment1{margin-bottom: 0;}
}


/*全体フォントの太さ*/
.block-goods-comment1,
.block-goods-comment2{font-weight: 600;}

/*PC用ページ全体表示サイズ*/
@media (min-width: 768px){
.block-goods-comment1,
.block-goods-comment2{font-size: 20px; font-weight: 600;}
}

/*価格ボックスのスライダー*/
.block-goods-detail-line-item img{border: 1px solid #000;}


/*申し込みボタン（２個ならび）*/
.order_btn{display: flex; justify-content: space-around; width: 1200px; margin:40px auto 80px;}
.order_btn .btn1,
.order_btn .btn2{width: 580px; display: block; filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.40));}

@media screen and (max-width: 767px) {
.order_btn{display: block; width: 95%; margin: 20px auto 0;}
.order_btn .btn1{width: 100%; margin: 0px;}
.order_btn .btn2{width: 100%; margin: 0 0 20px;}
}

/*追従ボタン*/
.purchase_fixed_dmt {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 4px solid #db844e;
    background: #f9f5e8;
    width: 100%;
    z-index: 99;
    padding: 10px 0;}
.dmt_add_btn_f{display: flex; width: 980px; margin: auto; justify-content: space-around;}
.dmt_add_btn_f li{width: 425px; display: block; filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.40)); }

.dmt_add_btn_f li{ filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.40));}
.dmt_add_btn_f_sp li{ filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.40));}

@media screen and (max-width: 767px) {
.dmt_add_btn_f_sp{display: flex; justify-content: space-between; width: 98%; margin: auto;}
.dmt_add_btn_f_sp li{width: calc(50% - 2px);}

.dmt_add_btn_f_sp .btn1,
.dmt_add_btn_f_sp .btn2{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  border-radius: 15px;
  width: 100%;
  height: 60px;
  border: 2px solid #fff;
  transition: 0.3s;
  
  font-size: 4.5vw;
  letter-spacing: -0.1em;
  color: #fff;
  font-weight: 900;
  text-align: center;
  
  position: relative;}
  
  
.dmt_add_btn_f_sp .btn1 .btnicon{position: absolute; width: 16vw; top: -10px; left: 0px;}
.dmt_add_btn_f_sp .btn2 .btnicon{position: absolute; width: 16vw; top: -10px; left: -5px;}

.dmt_add_btn_f_sp .btn1 {
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.5);
  background-color: #FB0200;
  background-image: linear-gradient(180deg, #FB0200, #9D0100);
}

.dmt_add_btn_f_sp .btn1:hover {
  background-image: linear-gradient(180deg, #9D0100, #FB0200);
}

.dmt_add_btn_f_sp .btn1 .btn_txt{color: #ff0; text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, 1px 0px 2px #000, -1px 0px 2px #000, 0px 2px 5px rgba(0, 0, 0, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.8);}

.dmt_add_btn_f_sp .btn1 .btn_txt span{color: #fff; font-size: 3.8vw; letter-spacing: 0em; padding: 0 0 5px 1em;}

.dmt_add_btn_f_sp .btn2 {
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.5);
  background-color: #49d705;
  background-image: linear-gradient(180deg, #49d705, #358505);
}
.dmt_add_btn_f_sp .btn2:hover {
  background-image: linear-gradient(180deg, #358505, #49d705);
}
.dmt_add_btn_f_sp .btn2 .btn_txt{color: #ff1815; text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, 1px 0px 2px #fff, -1px 0px 2px #fff, 0px 2px 5px rgba(0, 0, 0, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.8);}
.dmt_add_btn_f_sp .btn2 .btn_txt span{color: #0c0c75; font-size: 3.8vw; text-align:right;  padding: 0 0 5px;}

.dmt_add_btn_f_sp .btn_txt span{display: block;}

}
/*元の追従隠し*/
.page-goods .pane-goods-fixed-footer{display: none;}



/*　*/
.pagetop_color{margin-bottom: 40px;}
@media screen and (max-width: 767px) {
.pagetop_color{width: 100%; margin-bottom: 20px;}
}

#mv{}
#mv .mv_noties{}
#mv .mv_noties{padding: 20px 0 0; font-size: 12px; font-weight: 400;}
#mv .mv_noties li{position: relative; padding-left: 1.3em;}
#mv .mv_noties li::before{position: absolute; left: 0; content: '※'; }
@media screen and (max-width: 767px) {
#mv .mv_noties{display: none;}
}

#block01_pc,
#block01{margin: 30px 0; background: #FFF0C0; padding:0 0 20px;}
#block01_pc .color_type,
#block01 .color_type{display: flex; justify-content: space-between;}
#block01_pc .clr001,#block01_pc .clr002,
#block01 .clr001,#block01 .clr002{width: calc((100% - 5px)/2);}

.order_btn_cl{}
.order_btn_cl .btn1,.order_btn_cl .btn2 {
font-feature-settings: "palt";
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  border-radius: 15px;
  width: 97%;
  height: auto;
  border: 3px solid #fff;
  transition: 0.3s;
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(180deg, #FB0200, #9D0100);
  
  font-size: 45px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  
  padding: 15px 0;
  
}


.clr_img{padding: 30px 0 10px;}

.color_type .clr002{position: relative;}
.color_type .clr002 .color_type_mrk{position: absolute; width: 25vw; top:0px; left: -30px;}

  @media (min-width: 768px){
  /*PC用*/
  .color_type .clr002 .color_type_mrk{position: absolute; width: 200px; top:10px; left: -20px;}
  #block01_pc .color_type{justify-content: space-around; padding: 20px 0 0;}
  #block01_pc .clr001,#block01_pc .clr002{width: calc((100% - 100px)/2); }
  }

.order_btn_cl .btn1{color: #ffff00; position: relative;
/*text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, 1px 0px 2px #000, -1px 0px 2px #000, 0px 2px 5px rgba(0, 0, 0, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.8);*/
text-shadow: 
1px 1px 2px rgba(0, 0, 0, 0.5), 
-1px -1px 2px rgba(0, 0, 0, 0.5), 
-1px 1px 2px rgba(0, 0, 0, 0.5), 
1px -1px 2px rgba(0, 0, 0, 0.5), 
1px 0px 2px rgba(0, 0, 0, 0.5), 
-1px 0px 2px rgba(0, 0, 0, 0.5), 
0px 2px 5px rgba(0, 0, 0, 0.5);
}
.order_btn_cl .btn2 {color: #ff0000; font-weight: 900; position: relative;
text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, 1px 0px 2px #fff, -1px 0px 2px #fff, 0px 2px 5px rgba(0, 0, 0, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.8);
  background-image: linear-gradient(180deg, #49d705, #358505);
}

.order_btn_cl .btn1:hover {
  background-image: linear-gradient(180deg, #9D0100, #FB0200);
}


.order_btn_cl .btn2:hover {
  background-image: linear-gradient(180deg, #358505, #49d705);
}

.order_btn_cl .btn_txt span{display: block; font-size: 35px; margin: 0 0 5px; color: #fff;}
.order_btn_cl .btn2 .btn_txt span{display: block; font-size: 35px; margin: 0 0 5px; color: #0c0c75; text-align: right;}



.order_btn_cl .btn1 .btn_icon{position: absolute; width: 16vw; top: -10px; left: -2vw;}
.order_btn_cl .btn2 .btn_icon{position: absolute; width: 16vw; top: -10px; left: -2.5vw;}


@media screen and (max-width: 767px) {

.order_btn_cl{padding-left: 3%;}
.order_btn_cl .btn1,.order_btn_cl .btn2 {font-size: 4vw; height: 65px; padding: 0px 0; border: solid 2px #fff;}
.order_btn_cl .btn_txt span{display: block; font-size: 3.5vw; margin: 0 0 5px; color: #fff; padding-left: 1.5em;}
.order_btn_cl .btn2 .btn_txt span{display: block; font-size: 3.5vw; margin: 0 0 5px; color: #0c0c75; letter-spacing: -0.01em;}

.order_btn_cl .btn1,
.order_btn_cl .btn2{letter-spacing: 0.1em;}

}

/*色別申し込みボタン画像タイプ　order_btn_clはテキストベース*/
.order_btn_cl_p{width: 100%;}


#block02{margin: 30px 0;/* display: flex; flex-wrap: wrap; align-items:flex-end;*/}

#block02 .h2_title1{background: #f39801; width: 100%;}
#block02 .h2_title1 h2{width: 700px; margin: auto;}



#block02 .lead{padding-bottom: 2em; padding: 10px; margin: 0 0 20px;}
#block02 .lead_caption{font-size: 14px; padding-top: 2em;}

#block02 .blk02_btm_pict{display: flex; justify-content: space-between;}
#block02 .blk02_btm_pict li{width: calc((100% - 10px)/2);}

/*#block02 .blk02_btm_pict{width: 45%;}*/

@media screen and (max-width: 767px) {
#block02{margin: 30px 0; display: block;}
#block02 .h2_title1 h2{width: 100%;}
#block02 .lead{
background-image: url(https://mail-u-can-2.img.webcas.net/cococimo-lp/dgf/blk02_bg.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom;
line-height: 1.75;

/*width: 50%;*/
}

#block02 .blk02_btm_pict{display: block;}
#block02 .blk02_btm_pict li{width: 90%; margin: auto;}
#block02 .blk02_btm_pict li:last-child{width: 100%;}
#block02 .lead_caption{font-size: 3vw;}
}




#ytbm{margin: 60px 0; text-align: center;}
#ytbm h2{ font-size: 50px; font-weight: 900;}
#ytbm h2 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
#ytbm h2:before,
#ytbm h2:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 65px;
  height: 2px;
  background-color: black;}

#ytbm h2:before {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#ytbm h2:after {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

#ytbm h2:before {
  left:0;
}
#ytbm h2:after {
  right: 0;
}



@media screen and (max-width: 767px) {
#ytbm{margin: 30px 0 0;}
#ytbm h2{font-size: 7vw; padding: 0 25px;}
#ytbm h2:before{left: -20px;}
#ytbm h2:after{right: -20px;}
}

 /*PC用*/
  @media (min-width: 768px){
.wrapper .video-area.video-area-w800{width: 1000px;}
}



#block03{background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(187, 218, 238, 1) 20%, rgba(197, 223, 240, 1) 59%, rgba(255, 255, 255, 1) 100%);
margin: 0 0 20px;}
/*#block03 .blk03_txt_1{float: left;}
#block03 .blk03_pict_2{width: 40vw;}*/

#block03 .blk03_pict_2 img,
#block03 .btm_pict img{border-radius: 20px;}

#block03 .btm_pict{display: flex; justify-content: center; align-items:center; clear: both; 
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);}






#block03 .lead {
width: 95%; margin: 20px auto 0;
font-feature-settings: "palt";
letter-spacing: 0.01em;
/*  display: flex;
  overflow: hidden;*/
}

#block03 .blk03_txt_1 {
/*  text-align: justify;
  margin-bottom: 1em;
  display: block;
   flex-direction:row;*/
   
   display: flex;
   margin: 1em 0;
   align-items: center;
   justify-content: space-between;
   }
   
#block03 .blk03_txt_1t{/*width: 100%;*/ width: calc(100% - 40.5vw);}

#block03 .blk03_pict_2 {
/*  float: right;
  height: 100%;
  margin-left: 15px;
  display: flex;
  align-items: flex-end;
  shape-outside: inset(calc(100% - 40vw) 0 0);*/
  width: 40vw;
}

#block03 .bnt_blk03{/*width: 90%;*/ padding: 0 5%; background: #fff;}
#block03 .btm_pict{justify-content: space-between; padding: 10px;}

#block03 .btm_pict li:first-child{width: 40vw;}
#block03 .btm_pict li:last-child{width: 42vw; font-feature-settings: "palt"; color:#3f51b5; font-weight: 800;}


 /*PC用*/
  @media (min-width: 768px){
  #block03{width: 100%; margin: auto;}
  #block03 .blk03_pict_1{width: 900px; margin: 30px auto;}
  
  
  
#block03 .bnt_blk03{width: 600px; margin: auto;}
#block03 .lead{width: 900px; margin: auto; font-size: 22px; line-height: 2em; text-align: center; font-weight: 700;}
#block03 .blk03_txt_1{ display: flex; flex-direction: row-reverse; align-items: center;}
/*#block03 .blk03_txt_1t{width: calc(100% - 450px);}*/
#block03 .blk03_txt_1t{width: 100%; /*font-size: 22px; line-height: 2em; text-align: center; font-weight: 700;*/}
/*#block03 .blk03_pict_2{width: 400px;}*/
#block03 .blk03_pict_2{display: none;}

#block03 .btm_pict{width: 900px; margin: auto; font-size: 24px; font-weight: 800; background: none;}
/*#block03 .btm_pict li:first-child{width: 400px; padding-right: 20px;}*/
#block03 .btm_pict li:first-child{display: none;}
/*#block03 .btm_pict li:last-child{width: 400px;}*/
#block03 .btm_pict li:last-child{width: 100%; font-size: 28px; line-height: 2em; text-align: center; font-weight: 900; margin: 30px 0 0; color:#3f51b5;}

#block03 .btm_pict_pc ul{display: flex; justify-content: space-between; width:810px; margin: auto;  }
#block03 .btm_pict_pc li{width: 45%;}
#block03 .btm_pict_pc li img{border-radius: 20px;}

  }





#block04{border: 3px solid #f39801; flex-wrap:wrap; justify-content: space-between; align-items: center; margin: auto}
#block04 .h2_title1{background: #f39801; width: 100%; text-align: center;}
#block04 .h2_title1 h2{font-size: 6vw; font-weight: bold; color: #fff; font-feature-settings: "palt"; padding-bottom: 5px;}

 #block04 .blk04_list{width: 80%; margin:20px auto 0; padding-left: 0;}
 #block04 .blk04_list li span{border-bottom: 3px solid #f00; font-size: 5vw; padding: 5px 0px 5px 0px;}
 #block04 .blk04_list li{position: relative; padding: 0px 0 0px 35px; margin: 0 0 10px;}


#block04 .blk04_list li{position: relative; padding: 0px 0 0px 35px; margin: 0 0 10px;}
#block04 .blk04_list li:after {
  position: absolute;
  content: '';
  top: 0;
  left:0;
  display: block;
  height: 30px; width: 30px;
  
  background-image: url(https://mail-u-can-2.img.webcas.net/cococimo-lp/dgf/ch_mrk.png);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
  
#block04 .blk04_pict{display: flex; justify-content: space-around; width: 95%; margin: 0 auto 10px;}
#block04 .blk04_pict img{width: calc((100% - 10px)/2);}
  

 
 /*PC用*/
  @media (min-width: 768px){
#block04{width: 1000px; margin: 60px auto 0; display: flex;}
#block04 .h2_title1 h2{font-size: 45px;}

#block04 .blk04_list{width: 50%; padding-left: 30px; margin: 20px 0;}
#block04 .blk04_list li span{border-bottom: 3px solid #f00; font-size: 22px; padding: 5px 0px 5px 0px;}
/*#block04 .blk04_list li:last-child span{border-bottom: none;}*/

#block04 .blk04_pict{width: 50%;}
#block04 .blk04_pict img{width: calc((100% - 10px)/2);}
  }
 
 
 #block05{margin: 30px 0;}

/*PC用*/
  @media (min-width: 768px){
#block05{background: #fee7d7; text-align: center; margin: 60px auto 30px;}
 #block05 img{width: 700px; margin: auto; }
 }

 #block06{}
 #block06 .h2_title1{background: #8e0909; text-align: center; padding: 10px 0;}
 #block06 .h2_title1 h2{color: #fff; font-size: 7vw; font-family:"Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 800; letter-spacing: 0.01em;}
 #block06 .h2_title1 h2 span{color: #ffff27;}
 #block06 .goods_detail_voice_list_txt{padding: 0 20px 0;}
 #block06 .goods_detail_voice_list_txt::before{content: '●'; color: #f39801;}
 #block06 .goods_detail_voice_noties{padding: 20px 0 0; font-weight: 400;}
 #block06 .goods_detail_voice_noties p{position: relative; padding-left: 1.3em;}
 #block06 .goods_detail_voice_noties p::before{position: absolute; left: 0; content: '※'; }
 #block06 .btm_pict{margin: 20px auto;}
 
 /*PC用*/
  @media (min-width: 768px){
   #block06 .h2_title1 h2{font-size: 45px;}
    #block06 #txt_slider li:last-child{position: relative; height: 300px;}
   #block06 .btm_pict{width: 580px; margin: 0px auto; position: absolute; top: 0; right: -600px; height: 300px; overflow: hidden;}
   #block06 .goods_detail_voice_list_txt{font-size: 22px;}
  }
 
 
#block07{}
 #block07 .h2_title1{background: #ff632c; text-align: center; padding: 10px 0;}
 #block07 .h2_title1 h2{color: #ffff27; font-size: 8vw; font-weight: bold; font-feature-settings: "palt"; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); padding: 0 0 5px;}
  #block07 .h2_title1 h2 span{font-size: 5.5vw; color: #fff;}
 #block07 .blk07_pict1{margin: 10px auto;}
#block07 h3{color: #8e0909; font-size: 6vw; font-weight: 800; text-align: center; font-feature-settings: "palt";}
#block07 h4{background: #8e0909; text-align: center; color: #fff; font-size: 7vw; font-weight: 900; margin: 10px 0 0;}
 #block07 .blk07_pict2{margin: 0 0 30px;}

 /*PC用*/
  @media (min-width: 768px){
  #block07 .h2_title1 h2 span{font-size: 45px;}
   #block07 .h2_title1 h2{font-size: 65px; line-height: 1em; padding-bottom: 20px;}
   #block07 h3{font-size: 45px;}
   #block07 h4{font-size: 45px;}
   
   #block07 .blk07_pict{display: flex; justify-content:center; align-items: center; margin: 0 0 50px;}
   #block07 .blk07_pict1{width: 500px; margin:20px 0;}
   #block07 .blk07_pict2{width: 500px; margin: 0;}
   
   
  }






#block14{font-feature-settings: "palt";}
#block14 .blk14_chk{background: #fff;}
#block14 .blk14_subtitle{background: #fffaca;}

/*#block14 .blk14_txtbox{display: flex; flex-direction: row-reverse;}*/
#block14 .blk14_prf{background: #fff; font-weight: 400; line-height: 1.4em;}
#block14 .blk14_prf_name{ font-family:"Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}


#block14 .chumoku{color: #06259e; border: 1px solid #06259e; display: inline-block; padding: 0px 5px; margin: 0 0 10px; font-size: 4vw; font-weight: 800;}
#block14 .wmontype .chumoku{color: #bc4124; border: 1px solid #bc4124;}
/*#block14 .blk14_subtitle{padding: 15px; font-size: 4vw; font-weight: 800;}*/
/*#block14 .blk14_caption{padding: 10px 20px;}*/

#block14 h3{font-size: 5vw; font-weight: 800; text-align: center; margin: 1.2em 0;}
#block14 .blk14_chk{width: 90%; margin: auto; font-size: 3.5vw; padding: 15px;}
#block14 .blk14_chk i{font-style: normal; font-size: 3vw;}
#block14 .blk14_chk span{font-size: 3vw;}
#block14 .blk14_subtitle{width: 90%; margin: 10px auto; font-size: 4.5vw; font-weight: 800; padding: 10px 0px 10px 10px;}
#block14 .blk14_prf{display: flex; align-items:flex-start; padding: 10px;}
#block14 .blk14_prf li:first-child{width: 40vw;}
#block14 .blk14_prf li:last-child{width: 40vw; font-size: 3vw; padding: 10px 0px 10px 10px;}
#block14 .blk14_prfbox{display: block; width: 90%; margin: auto;}
#block14 .blk14_txtbox{display: block;}
#block14 .blk14_prf_txt{padding: 10px 20px; font-size: 4vw; line-height: 1.8em;}

#block14 .blk14_prf_name{font-size: 6vw;}
#block14 .blk14_prf_name span{font-size: 4vw;}
#block14 .blk14_caption{font-size: 3vw; padding: 10px 20px;}
  
   #block14 .wmontype .blk14_pict{}
      #block14 .wmontype .blk14_pict p:first-child{width: 65%; margin: 20px auto;}






 
  /*PC用*/
  @media (min-width: 768px){
  #block14 h3{font-size: 45px; margin: 20px 0;}
  
  #block14 .chumoku{font-size: 24px; }
  #block14 .blk14_chk{font-size: 24px; font-weight: 600;}
  #block14 .blk14_chk i{font-size: 16px;}
  #block14 .blk14_chk span{font-size: 16px;}
  #block14 .blk14_subtitle{font-size: 36px;}
  
  
  #block14 .blk14_txtbox{padding:0; width: 90%; margin: 20px auto;}
  
  #block14 .wmontype .blk14_txtbox{display: flex; /*flex-direction: row-reverse;*/ justify-content: space-between; padding:0; width: 90%; margin: 20px auto;}
  #block14 .wmontype .blk14_txtbox .blk14_pict{width: calc(100% - 330px);}
  #block14 .wmontype .blk14_txtbox .blk14_prf_txt{width: 310px;}
  #block14 .wmontype .blk14_pict p:first-child{width: 45%; margin: 20px auto;}
  
  
  #block14 .mantype .blk14_txtbox{display: flex; /*flex-direction: row-reverse;*/ justify-content: space-between; padding:0; width: 90%; margin: 20px auto;}
  #block14 .mantype .blk14_txtbox .blk14_pict{width: calc(100% - 330px);}
  #block14 .mantype .blk14_txtbox .blk14_prf_txt{width: 310px;}
  #block14 .mantype .blk14_pict p:first-child{width: 45%; margin: 20px auto;}
   
  #block14 .blk14_txtbox .blk14_prf_txt{padding: 0;}
  #block14 .blk14_prf{display: block; width: 250px;}
  
  #block14 .blk14_prfbox{display: flex; justify-content: space-between;}
#block14 .blk14_chk{padding: 15px;}
#block14 .blk14_prf_txt{font-size: 20px; padding:10px 0px 0; }
#block14 .blk14_caption{font-size: 12px;}
#block14 .blk14_prf_name{font-size: 30px; margin-bottom: 10px;}
#block14 .blk14_prf_name span{font-size: 25px;}
#block14 .blk14_prf li:first-child{width: auto;}
#block14 .blk14_prf li:first-child img{width: 100%;}
#block14 .blk14_prf li:last-child{font-size: 16px; line-height: 1.4; width: auto;}


#block14 .blk14_prfbox .blk14_prf_txt{width: calc(100% - 280px);}

#block14 .blk14_caption{font-size: 16px; padding: 0 0 20px; width: 90%; margin: auto;}


  }
 
 


/*タブ切り替え全体のスタイル*/
.dgf_tabs {
  margin-top: 50px;
 
  background-color: #fff;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.dgf_tab_item {
  width: calc(100%/2);
  height: 50px;
  /*border-bottom: 3px solid #5ab4bd;*/
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  
  border-radius:15px 15px 0 0;
}
.dgf_tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="dgf_tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.dgf_tab_content {
  display: none;
  /*padding: 40px 40px 0;*/
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える　男性*/
.dgf_tabs input:checked + .dgf_tab_item {
  background-color: #bed4fc;
  color: #06259e;
}

/*選択されているタブのスタイルを変える 女性*/
.dgf_tabs input:checked + .dgf_tab_item.wm {
  background-color: #f8bad0;
  color: #a32b59;
}

.dgf_tabs input:checked + .dgf_tab_item .sankaku{color: #4661c9; padding-right: 5px;}
.dgf_tabs input:checked + .dgf_tab_item.wm .sankaku{color: #f5005e; padding-right: 5px;}

.dgf_tab_item.mn{background: #bed4fc;}
.dgf_tab_item.wm{background: #f8bad0;}

.mantype{background: #bed4fc;}
.wmontype{background: #f8bad0;}

  /*PC用*/
@media (min-width: 768px){
.dgf_tabs{width: 1000px; margin: auto;}
.dgf_tab_item{font-size: 36px; font-weight: 800; height: 70px; line-height: 70px;}

}




.h2_title1_faq{background: #f39801; color: #fff; padding: 10px; }
.h2_title1_faq h2 {display: flex; align-items: center; font-weight: 900; font-size: 6vw; color: #fff;}
.h2_title1_faq h2 span{width: 30%; display: block;}
.h2_title1_faq h2 p{text-align: center;}

 @media screen and (max-width: 767px) {
 
 }
 
 
   /*PC用*/
  @media (min-width: 768px){
  .h2_title1_faq h2{ font-size: 48px; justify-content: center;}
  .h2_title1_faq h2 span{width: 160px;; display: block;}
  }