/*---------------------------------------*/
body {
	font-family: "ヒラギノ角ゴシック","Hiragino Sans" sans-serif ;
}
img {
    image-rendering: -webkit-optimize-contrast;
}

ul {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
/*--------------------------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

.page_wrapper_HDB {
  max-width: 1088px;
	margin: 0 auto;
}
/*.page_wrapper img{
	width: 100%;
}
.main_wrapper_HDB img {
	width: 100%;
}
*/

.main_wrapper_HDB {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.main_wrapper_HDB p {
    margin: 70px 0px 70px 0px;
    text-align: left;
    font-size: 16px;
    line-height: 29px;
    font-weight: 500;
}
.credit__txt {
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1.6px;
}

/*----------見出し----------------------*/
.main_wrapper_HDB h2 {
    margin: 70px 0px 20px 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 1.8px;
}

.main_wrapper_HDB h2 + p {
	margin-top: 24px;
	margin-bottom: 57px;
	text-align: center;
	font-size: 14px;
    letter-spacing: 2pt;
}

.main_wrapper_HDB h3{
	margin: 100px 0px 58px 0px;
	font-size: 21px;
	line-height: 31px;
	letter-spacing: 1.26px;
	font-weight: bold;
}

.txt_b {
	display: block;
	font-weight: bold;
	margin: 50px 0 0 0;
	font-size: 16px;
	line-height: 29px;
	letter-spacing: 1.6px;

}
.txt_s {
	display: block;
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 1.4px;
	
}
.txt_b + p {
	margin-top: 10px;
}
.txt_name {
	font-weight : bold;
}
/*--------profilebox------------------------*/
.box__txt {
	display: flex;
	width: auto;
	height: 251px;
	background-color: #EAEAEA;
	justify-content: space-between;
	box-sizing: border-box;
	padding : 3%;
	margin-top: 5%;
}
.box__txt img {
	display: block;
  vertical-align: top;
  height: 100%;
}
.box__wrap--left {
	display: block;
	width: auto;
}
.box__wrap--right {
	display: block;
	padding-left: 3%;
	width: 81%;
}

/*------1024px以下の表示設定----------------------------------*/

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



}/*これ消しちゃだめ*/

/*------599px以下の表示設定----------------------------------*/

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

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    .pc { display: none !important; }
    .sp { display: block !important; }

.main_wrapper_HDB h2 {
	margin: 40px 0px 20px 0px;
	font-size: 27px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 1.8px;
	text-align: left;
}

.main_wrapper_HDB h2 + p {
	margin-top: 44px;
	font-size: 16px;
	letter-spacing: 1.6px;
    text-align: left;
}

.box__txt {
	background-color: #EAEAEA;
	display: block;
	box-sizing: border-box;
	padding : 7%;
	margin-top: 8%;
	width: 100%;
	height: auto;
}

.box__wrap--left {
	display: block;
	width: 100%;
}

.box__txt img {
	display: block;
  width: 58%;
  height: auto;
  vertical-align: top;
  margin: 0 auto;
}
.box__wrap--right {
	display: block;
	padding-left: 0;
}

.txt_b + p {
	margin-top: 25px !important;
}

.main_wrapper_HDB {
	width: 88%;
	margin: 0 auto;
}

.main_wrapper_HDB p {
	margin: 36px 0px 50px 0px;
}

.box__wrap--right {
	padding-left: 0%;
	width: 100%;
}


.photo__margin {
	margin-bottom: 3px !important;
}
.box__wrap--right  ul li:first-of-type{
  margin-top: 6%;
}
.box__wrap--right  ul li:nth-of-type(1){
  text-align: center;
}
.box__wrap--right  ul li:nth-of-type(2){
  text-align: center;
}
.box__wrap--right  ul li:nth-of-type(3){
  text-align: center;
}

}/*これ消しちゃだめ*/
/*------<end>599px以下の表示設定----------------------------------*/



.photo__margin {
	margin-bottom: 18px;
}