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


	Site Name   UD Style
	File Name   21.css

	Create Date 2014/5/14
	Update Date 2014/5/14


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

/*----------------------------------------------------------

	Structure

-----------------------------------------------------------*/

					body.plus div#contents div#issue_titleread{
						padding: 33px 0;
						background-color: #f0f0f0;
						text-align: center;
					}
						body.plus div#contents div#issue_titleread p.photo_cap2 a{
							color: #000;
							text-decoration: none;
						}
					body.plus div#contents div#issue_titleread p.photo_cap2{
						padding-left:  5px;
						font-size: 85%;
						text-align: left;
						position: relative;
						top: -50px;
						color: #000;
						z-index: 10;
					}
					body.plus div#contents div#issue_titleread p.text{
					}
					body.plus div#contents h2{
						margin: 40px 0;
					}

					body.plus div#contents div.photo p{
						font-size: 85.72%;
						margin-top: 10px;
					}
					body.plus div#contents div#section_bottom{
						margin-bottom: 20px;
					}


					.mb30{
						margin-bottom: 30px !important;
					}
					.mt30{
						margin-top: 30px !important;
					}
					.mb60{
						margin-bottom: 60px !important;
					}
					.mb15{
						margin-bottom: 15px !important;
					}
@media screen and (max-width: 663px) {
					body.plus div#contents span.photo_cap{
						width: 100%;
						display: block;
						font-size: 85%;
						position: relative;
						top: 0;
						left: 0;
						color: #999;
						z-index: 10;
						padding: 2px 5px;
						border-bottom: 1px solid #ccc;
						margin-bottom: 10px;
					}
					body.plus div#contents div#issue_titleread{
						padding: 30px 10px 15px 10px;
						background-color: #f0f0f0;
						text-align: left;
						width: 100%;
					}
					body.plus div#contents div#issue_titleread p.photo_cap2{
						display: none;
					}
					body.plus div#contents h2{
						margin: 40px 0;
					}
					body.plus div#contents div#issue_titleread p.text{
						width: 96%;
						margin: 20px auto 0 auto;
					}
					body.plus div#contents div#issue_titleread div.photo{
						width: 90%;
						margin: 0 auto;
						text-align: left;
					}
					body.plus div#contents div#issue_titleread div.photo img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div.photo p{
						font-size: 90%;
						margin-top: 10px;
					}
					body.plus div#contents div#section_photo{
						margin-bottom: 20px;
					}

					body.plus div#contents div#section_photo p{
						font-size: 90%;
						margin-top: 10px;
					}
					body.plus div#contents div#section_photo img{
            max-width: 100%;
            height: auto;
          }

					body.plus div#contents div#section_bottom{
						margin-bottom: 20px;
					}


					.mb30{
						margin-bottom: 30px !important;
					}
					.mt30{
						margin-top: 30px !important;
					}
					.mb60{
						margin-bottom: 60px !important;
					}
					.mb15{
						margin-bottom: 15px !important;
					}
					/* photo_right */
					body.plus div#contents div#section02 div.section_main,
					body.plus div#contents div#section02 div.photo_area,
					body.plus div#contents div#section03 div.section_main,
					body.plus div#contents div#section03 div.photo_area,
					body.plus div#contents div#section05 div.section_main,
					body.plus div#contents div#section05 div.photo_area {
						float: none;
					}
					body.plus div#contents div#section04{
						margin-bottom: 20px;
					}
					.postBlock{
						width: 96%;
						margin: 0 auto;
					}
					.postscript{
						padding: 15px;
						border: 3px solid #f2f2f2;
						margin-bottom: 30px
					}
					.postscript span{
						display: block;
					}
					.postscript span.title{
						font-weight: bold;
						padding-bottom: 10px;
						margin-bottom: 10px;
						border-bottom: 1px solid #f2f2f2;
					}
					.postscript span.signature{
						text-align: right;
						margin-top: 10px;
					}
					h2{
						display: none;
					}
					p.titleCont01{
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
					}
}
/* 20180209*/


body.plus div#contents div.section_prof{
	overflow: hidden;
	float: none;
	clear: both;
}
  body.plus div#contents div.section_prof .profbox{
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  border-right: 1px solid #ccc;
	  overflow: hidden;
	  height: 177px;
}
  body.plus div#contents div.section_prof .profbox.last{
	  border-bottom: 1px solid #ccc;
}
body.plus div#contents div.section_prof .profbox p.text{
	width: 770px;
	padding: 30px 50px 0 50px;
	float: left;
}
body.plus div#contents div.section_prof .profbox p.text span{
	font-weight: bold;
	display: block;
}
body.plus div#contents div.section_prof .profbox p.img{
	width: 140px;
	float: right;
}

@media screen and (max-width: 663px) {
	
  body.plus div#contents div.section_prof .profbox{
	  height: auto;
	  border-left: none;
	  border-right: none;
	}
  body.plus div#contents div.section_prof .profbox.last{
	  border-bottom: none;
}
body.plus div#contents div.section_prof .profbox p.text{
	width: 60%;
	padding: 15px 0 5px 10px;
	float: left;
	font-size: 85%;
}
body.plus div#contents div.section_prof .profbox p.text span{
	font-weight: bold;
	display: block;
	font-size: 120%;
}
body.plus div#contents div.section_prof .profbox p.img{
	width: 35%;
	float: right;
}
}

					/* b */

					body.plus div#contents div.section_b {
						overflow: hidden;
					}
					body.plus div#contents div.section_b div.photo_l{
						width: 595px;
						float: left;
					}
					body.plus div#contents div.section_b div.photo_r{
						width: 270px;
						float: right;
					}
					body.plus div#contents div.section_b div.photo_l p,
					body.plus div#contents div.section_b div.photo_r p{
						margin-top: 10px;
						font-size: 90%;
					}

@media screen and (max-width: 663px) {
					body.plus div#contents div.section_b {
						overflow: hidden;
					}
					body.plus div#contents div.section_b div.photo_l{
						width: 100%;
						float: none;
						clear: both;
					}
					body.plus div#contents div.section_b div.photo_r{
						width: 80%;
						float: none;
						clear: both;
					}
					body.plus div#contents div.section_b div.photo_l img,
					body.plus div#contents div.section_b div.photo_r img{
						width: 100%;
						height: auto;
	}
					body.plus div#contents div.section_b div.photo_l p,
					body.plus div#contents div.section_b div.photo_r p{
						margin-top: 10px;
						font-size: 90%;
					}
}

					/* c */

					body.plus div#contents div.section_c .leftArea01 {
						width: 538px;
						float: left;
					}
					body.plus div#contents div.section_c {
						overflow: hidden;
					}
					body.plus div#contents div.section_c div.photo{
						width: 340px;
						float: right;
					}
					body.plus div#contents div.section_c .section_dl {
						width: 520px;
						overflow: hidden;
					}

					body.plus div#contents div.section_c .section_dl dt {
					    width: 100px;
						float: left;
						display: block;
						margin: 0 0 30px;
					}

					body.plus div#contents div.section_c .section_dl dd {
					    width: 420px;
						float: right;
						display: block;
						margin: 0 0 30px;
					}
.section_dl dd span{
	display: block;
}
.section_dl dd span.text{
	margin-bottom: 1.5em;
}
.section_dl dd span.small{
	font-size: 85%;
}

					.postscript{
						padding: 20px 40px 10px 40px;
						border: 3px solid #f2f2f2;
						margin-bottom: 30px
					}
					.postscript span{
						display: block;
					}
					.postscript span.title{
						font-weight: bold;
						padding-bottom: 10px;
						margin-bottom: 10px;
						border-bottom: 1px solid #f2f2f2;
					}
					.postscript span.signature{
						text-align: right;
						margin-top: 10px;
					}
					p.titleCont01{
						display: none;
					}
@media screen and (max-width: 663px) {
					/* c */

					body.plus div#contents div.section_c .leftArea01 {
						width: 96%;
						margin: 0 auto;
						float: none;
					}

					body.plus div#contents div.section_c {
						overflow: hidden;
					}
					body.plus div#contents div.section_c div.photo{
						width: 96%;
						margin: 0 auto;
						float: none;
					}
					body.plus div#contents div.section_c .section_dl {
						width: 96%;
						margin: 0 auto;
						float: none;
						overflow: hidden;
					}

					body.plus div#contents div.section_c .section_dl dt {
					    width: 25%;
						float: left;
						display: block;
						margin: 0 0 30px;
					}

					body.plus div#contents div.section_c .section_dl dd {
					    width: 75%;
						float: right;
						display: block;
						margin: 0 0 30px;
					}
					.postBlock{
						width: 96%;
						margin: 0 auto;
					}
					.postscript{
						padding: 15px;
						border: 3px solid #f2f2f2;
						margin-bottom: 30px
					}
					.postscript span{
						display: block;
					}
					.postscript span.title{
						font-weight: bold;
						padding-bottom: 10px;
						margin-bottom: 10px;
						border-bottom: 1px solid #f2f2f2;
					}
					.postscript span.signature{
						text-align: right;
						margin-top: 10px;
					}
					h2{
						display: none;
					}
					p.titleCont01{
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
					}
}

body.plus div#contents div.section_e .section_dl{
  width: 950px;
  overflow: hidden;
}
body.plus div#contents div.section_e .section_dl dt {
    width: 100px;
  float: left;
  display: block;
  margin: 0 0 30px;
}

body.plus div#contents div.section_e .section_dl dd {
    width: 850px;
  float: right;
  display: block;
  margin: 0 0 30px;
}
					body.plus div#contents p.q {
						margin: 0 0 30px;
						overflow: hidden;
					}
					body.plus div#contents p.q span{
						display: block;
					}
					body.plus div#contents p.q span.line{
						width: 55px;
						float: left;
					}
					body.plus div#contents p.q span.text{
						float: left;
						font-weight: bold;
					}
					body.plus div#contents p.q span.text2{
						width: 465px;
						float: left;
						font-weight: bold;
					}
					body.plus div#contents p.q span.text3{
						width: 620px;
						float: left;
						font-weight: bold;
					}
@media screen and (max-width: 663px) {
  body.plus div#contents div.section_e .section_dl{
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
  }
  body.plus div#contents div.section_e .section_dl dt {
      width: 25%;
    float: left;
    display: block;
    margin: 0 0 30px;
  }

  body.plus div#contents div.section_e .section_dl dd {
      width: 75%;
    float: right;
    display: block;
    margin: 0 0 30px;
  }
					body.plus div#contents p.q {
						margin: 0 0 30px;
					}
					body.plus div#contents p.q span{
						display: block;
					}
					body.plus div#contents p.q span.line{
						width: 15%;
						float: left;
					}
					body.plus div#contents p.q span.text{
						width: 85%;
						float: left;
						font-weight: bold;
					}
					body.plus div#contents p.q span.text2,
					body.plus div#contents p.q span.text3{
						width: 85%;
						float: left;
						font-weight: bold;
					}
}


					.itemArea01{
						
						padding: 30px 40px 20px 40px;
						margin-bottom: 30px;
						overflow: hidden;
						background: #f2f2f2;
					}
					.itemArea01 p.text{
					}
					.itemArea01 p.text span{
						display: block;
						margin-bottom: 5px;
						font-weight: bold;
					}

.section_dl dt {
	font-weight: bold;
}