@charset 'UTF-8';

/*INDEX-----------------*/
#pd_int_index {width:90%;margin:0 auto;}
#pd_int_index h3 {margin-top:40px;}

#pd_int_index section {text-align:center;display:inline-block;margin:15px 10px;}
#pd_int_index section img {border:1px solid #ccc;padding:5px;}
#pd_int_index section a:hover img{
filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    }
#pd_int_index section p {line-height:135%;margin-top:7px;font-size:1.1em;}
#pd_int_index section p span {font-size:0.9em;}
#pd_int_index section p a:link, 
#pd_int_index section p a:visited {color:#33475E;}
  


/*DETAIL---------------------*/
#pd_int {width:80%;margin:0 auto;}

#pd_int h3 {
color:#33465e;
font-size:26px;
margin-bottom:0px;
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
}

#pd_int h3 span {
font-size:75%;
border-bottom:1px solid #33475E;
padding-bottom:5px;
display:block;
margin-bottom:7px;
}


p.case {
padding:0;
margin:0;
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
font-size:23px;
color:#0aa68a;}

#pd_int .nameH3 {font-size:23px;margin-bottom:20px;}

#pd_int h3.titleH3_2{margin-bottom:0px;}
#pd_int h3.nameH3_2 {font-size:23px;margin-bottom:70px;}

#pd_int h4 {
margin:30px 0 8px 0;
/*border:1px solid #036;*/
color:#0aa68a;
padding:0px;
font-size:16px;
}

.profile {background-color:#eee;padding:15px;margin-bottom:50px;}

.profile .profile_img {float:left;margin:0 20px 0 0;width:180px;}
.profile .profile_img img {width:100%;}
.profile .profile_txt {width:480px;float:right;}

.profile_img2 {float:right;margin:0 0 0 30px;}

p.pd_q {font-size:1.2em;font-weight:bold;margin-bottom:20px;padding:2px 0 2px 10px;border-left:2px solid #33465e;line-height:150%;}
div.pd_a {line-height:250%;}

.pd_a dt {display:inline-block;width:45px;vertical-align:top;line-height:250%;}
.pd_a dd {display:inline-block;width:740px;vertical-align:top;line-height:250%;}

div.pd_a strong.theme {font-size:1.1em;line-height:180%!important;display:block;margin-bottom:12px;}

dl.type2 dt {width:30px;line-height:200%;}
dl.type2 dd {width:750px;line-height:200%;margin-bottom:10px;}

.fig {text-align:center;margin:12px 0 0 0;}
.fig img {width:90%;}

.fig_left, .fig_left2 {float:left;margin:12px 20px 12px 0;}
.fig_right {float:right;margin:12px 0 12px 20px;}

.fig_w1 {width:35%;}
.fig_w2 {width:180px;}
.fig_w3 {width:200px;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
font-size:0.1em;
line-height:0;
}

.clearfix {
  min-height: 1px;
}

*html .clearfix {
  height: 1px;
  /*\?*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media (max-width: 1000px) {
#pd_int {width:90%;margin:0 auto;}
.profile .profile_img {margin:0 20px 0 0;width:30%;}
.profile .profile_txt {width:66%;}

}


@media (max-width: 768px) {
.profile .profile_img {margin:0 10px 0 0;width:40%;}
.profile .profile_txt {width:52%;}
.profile_img2 {float:right;margin:0 0 10px 30px; width:40%;}
.profile_img2 img {width:100%;}
#pd_int h3 {font-size:2em;}
#pd_int .nameH3 {font-size:1.6em;margin-bottom:20px;}
.pd_a dt {display:inline-block;width:8%;line-height:250%;}
.pd_a dd {display:inline-block;width:91%;line-height:250%;}
dl.type2 dt {width:4%;line-height:200%;}
dl.type2 dd {width:95%;line-height:200%;margin-bottom:10px;}

.fig_left2 {float:left;}
.fig_w1 {width:40%;}
.fig_w2 {width:30%;}
.fig_w3 {width:35%;}
}

@media (max-width: 400px) {
#pd_int h3 {font-size:1.4em;}
#pd_int .nameH3 {font-size:1.2em;margin-bottom:20px;}
.pd_a dt {display:block;width:90%;vertical-align:top;line-height:250%;}
.pd_a dd {display:block;width:100%;vertical-align:top;line-height:250%;}
.fig_right {float:none;margin:12px auto 12px auto; display:block;}
.fig_left {float:none;margin:12px auto; display:block;}
dl.type2 dt {display:inline-block;width:4%;line-height:200%;}
dl.type2 dd {display:inline-block;width:93%;ine-height:200%;margin-bottom:10px;}
.fig_left, .fig_right, .fig_left2 {float:none;display:block;margin:12px auto;}
.fig_w1 {width:80%;}
.fig_w2 {width:40%;}
.fig_w3 {width:80%;}
}