@charset "utf-8";

*{}

#detail a:link, #detail a:visited{ color:#be9146; text-decoration:underline; outline:none; }
#detail a:hover, #detail a:active{ color:#cba76b; text-decoration:underline; }

@media screen and (min-width: 768px) {
#visual{ background-image:url(../img/img_main_pc.jpg); filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#detail .inr{ margin:0 auto; width:960px; }
#detail .shoulder{ margin-bottom:50px; }
#detail .heading{ margin:0 auto; margin-bottom:100px; width:960px; font-size:1.0em; line-height:2.0em; text-align:center; }

#detail .content .photo-unit{ margin-bottom:25px; }
#detail .content .photo-unit.last{ margin-bottom:0px; }
#detail .content p.photo{ margin-bottom:0px; }
#detail .content p.head{ margin-bottom:30px; padding-left: 20px; font-size:1.05em; line-height:2.0em; letter-spacing:-.05em; position: relative; }
#detail .content p.head::before{ margin-left: -20px; margin-bottom:30px; font-size:1.05em; line-height:2.0em; letter-spacing:-.05em;
position: absolute;
top: 11px;
z-index: 1;
content: '';
display: block;
width: 15px;
height: 1px;
background-color: #fff;
}
#detail .content p.lead{ margin-bottom:30px; font-size:1.05em; line-height:2.0em; letter-spacing:-.05em; }
#detail .content p.last{ margin-bottom:0px; }

#detail .section-01{ margin:0 auto; margin-bottom:70px; width:720px; }
#detail .section-01 .photo-item{ margin-bottom:30px; }
#detail .section-01 .text-item{ padding: 0 35px; }

#detail .section-02{ margin:0 auto; margin-bottom:70px; width:720px; }
#detail .section-02 .photo-item{ margin-bottom:30px; }
#detail .section-02 .text-item{ padding: 0 35px; }

#detail .section-03{ margin:0 auto; margin-bottom:70px; width:720px; }
#detail .section-03 .photo-item{ margin-bottom:30px; }
#detail .section-03 .text-item{ padding: 0 35px; }

#detail .section-04{ margin:0 auto; margin-bottom:70px; width:720px; }
#detail .section-04 .photo-item{ margin-bottom:30px; }
#detail .section-04 .text-item{ padding: 0 35px; }
#detail .section-04 .sep-line{ margin:0 auto; margin-bottom:50px; width:150px; height:1px; background-color:#3c3c3c; font-size:.1em; line-height:0; }
  
#detail .profile{  }
#detail .profile-inr{ border-top:solid 1px #3c3c3c; border-bottom:solid 1px #3c3c3c; padding:30px 90px; }
#detail .profile .text-item{  }
#detail .profile .name{ margin-bottom:10px; font-size:1.15em; line-height: 1.6em; }

}

@media screen and (max-width: 768px) {
#visual{ background-image:url(../img/img_main_sp.jpg); filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#detail .inr{ margin:0 auto; width:270px; }
#detail .shoulder{ margin-bottom:30px; width:258px; }
#detail .heading{ margin:0 auto; margin-bottom:30px; width:270px; font-size:.9em; line-height:2.0em; text-align:left; }

#detail .content .photo-unit{ margin-bottom:25px; }
#detail .content .photo-unit.last{ margin-bottom:0px; }
#detail .content p.photo{ margin-bottom:0px; }
#detail .content p.lead{ margin-bottom:30px; font-size:.9em; line-height:2.0em; }
#detail .content p.head{ margin-bottom:30px; padding-left: 15px; font-size:.9em; line-height:2.0em; position: relative; }
#detail .content p.head::before{ margin-left: -15px; margin-bottom:30px; font-size:.9em; line-height:2.0em;
position: absolute;
top: 10px;
z-index: 1;
content: '';
display: block;
width: 10px;
height: 1px;
background-color: #fff;
}
#detail .content p.last{ margin-bottom:0px; }
#detail .content .text-item{ margin-bottom:0px; }

#detail .section-01{ margin-bottom:50px; }
#detail .section-01 .photo-item{ margin-bottom:20px; }

#detail .section-02{ margin-bottom:50px; }
#detail .section-02 .photo-item{ margin-bottom:20px; }

#detail .section-03{ margin-bottom:50px; }
#detail .section-03 .photo-item{ margin-bottom:20px; }

#detail .section-04{ margin-bottom:50px; }
#detail .section-04 .photo-item{ margin-bottom:20px; }
#detail .section-04 .sep-line{ margin:0 auto; margin-bottom:30px; width:100px; height:1px; background-color:#3c3c3c; font-size:.1em; line-height:0; }

#detail .profile{  }
#detail .profile-inr{ border-top:solid 1px #3c3c3c; border-bottom:solid 1px #3c3c3c; padding:30px 0; }
#detail .profile .text-item{ margin-bottom:0px; }
#detail .profile .name{ margin-bottom:20px; font-size:1.0em; line-height: 1.4em; }
}