@charset "utf-8";




/*花龍さん名刺*/
#contents-namecardArea {
	width: 100%;
	clear: both;
	background-color: #F463CF;
	background-image: url(../namecard/img/bg-namecard.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-bottom: 70px;
	box-shadow: 0 0 3px 5px rgba(220, 71, 189, .4);
	overflow: hidden;
}
.contents-namecard {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}
.contents-namecard h3 {
	font-size: 2.4rem!important;
	color: #fff!important;
}
.contents-namecard .namecardSample {
	width: 710px;
	margin-bottom: 30px;
}
.contents-namecard .namecardSample img {
	width: 100%;
}
.contents-namecard p a {
	color: #fff;
	text-decoration: underline;
}

.contents-namecard ul.namecard-tate-list {
	margin-top: 40px;
	clear: both;
}
.contents-namecard ul.namecard-tate-list li {
	margin-right: 10px;
	float: left;
}
.contents-namecard ul.namecard-tate-list li img {
	width: 180px;
	height: auto;
	border: 5px solid #FFF;
}
.contents-namecard ul.namecard-tate-list li p {
	font-size: 1.6rem;
	line-height: 1.35em;
	margin-top: 5px;
}

.contents-namecard ul.namecard-yoko-list {
	margin-top: 40px;
	clear: both;
}
.contents-namecard ul.namecard-yoko-list li {
	margin-right: 10px;
	float: left;
}
.contents-namecard ul.namecard-yoko-list li img {
	width: 250px;
	height: auto;
	border: 5px solid #FFF;
}
.contents-namecard ul.namecard-yoko-list li p {
	font-size: 14px;
	line-height: 1.35em;
	margin-top: 5px;
}
.contents-namecard .name-voice {
	color: #D927A4;
	background-color: #FECFE5;
	padding: 7px;
	margin-bottom: 25px;
}
.contents-namecard .name-voice span {
	color: #FECFE5;
	background-color: #D927A4;
	margin-right: 3px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.contents-namecard .campain {
	color: #FFFFFF;
	background-color: #D927A4;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	border: 2px solid #FFFFFF;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}

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


/*花龍さん名刺*/
#contents-namecardArea {
	background-position: 40px bottom;
	background-size: 400px auto;
	background-image: url(../img/bg-namecard-sp.png);
	padding-bottom: 240px;
}
.contents-namecard {
	width: 94%;
}
.contents-namecard .namecardSample {
	width: 100%;
}
.contents-namecard .namecardSample img {
	width: 100%;
	height: auto;
}
.contents-namecard ul.namecard-tate-list li {
	margin-right: 0px;
	float: none;
	clear: both;
	margin-bottom: 15px;
}
.contents-namecard ul.namecard-tate-list li img {
	width: 70%;
}
.contents-namecard ul.namecard-yoko-list li {
	margin-right: 0px;
	float: none;
	clear: both;
	margin-bottom: 15px;
}
.contents-namecard ul.namecard-yoko-list li img {
	width: 80%;
}



.sp{ display: block!important; }
.pc{ display: none!important; }
#contents { font-size: 16px; line-height: 1.5em; width: 100%; }
#contents #pankuzu p{ padding-left: 10px; padding-right: 10px; }
#page main img{ max-width: 100%; }
#navi-title{ height: auto; }
#navi-title .navi-name{ padding: 10px; }
#h1Block { min-height: 60px; width: auto; padding-top: 20px; padding-bottom: 20px;}
#h1Block-subArea { width: auto;}
.outlineArea { width: auto; }






.contentBlock h2 { padding-left: 20px!important; padding-right: 20px!important; }
.contentsArea{ width: 94%; }
.contentArea1200{ width: 100%; margin-right: auto; margin-left: auto; }
.contentBlock{ width: 100%; margin-right: auto; margin-left: auto; }
.contentArea1200Block{ width: 94%; margin-right: auto; margin-left: auto; }
/*写真エリア*/
.imagesArea {
	width: 100%;
}
.imagesArea img {
	width: 100%;
}
/*フルサイズ写真エリア*/
.imagesArea1200 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.photoBlock{ width: 100%; margin-right: auto; margin-left: auto; }
.photoBlock img{ width: 100%; }
.contentBlock-inBox1{ width: auto; margin-right: 20px; margin-left: 20px; }
.personBlock1{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.personBlock2{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.personBlock-outline{ width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.personBlock-imageRight{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; }
.personBlock-imageLeft{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; float: none; width: auto;}
.imageBlock-imageLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; float: none; width: 100%;}
.imageBlock-imageLeft img { width: 100%; }
.imageBlock-imageRight { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; float: none; width: 100%; }
.imageBlock-imageRight img { width: 100%;}
.personBlock-name{ padding-bottom: 20px; }
.personBlock-katagaki p{ font-size: 14px; line-height: 1.5; }
.personBlock-career p{ font-size: 14px; line-height: 1.5; }
.notes-area{ width: 94%; }
.notes-area p { font-size: 14px; }
.btn-area{ width: 94%; max-width: 380px; }
.btn-area a{ font-size: 1rem; }

/*2022.01 追加*/
.table7{ border-top: 1px solid #AFB2CB; }
.table7 th{ display: block; }
.table7 td{ display: block; }
.table7 td.bgC-Gray02{ display: block; border-top: none; border-bottom: 0; }

.scrollTable table{ width:100%; }
.scrollTable{ overflow: auto; white-space: nowrap; }
.scrollTable::-webkit-scrollbar{ height: 5px; }
.scrollTable::-webkit-scrollbar-track{ background: #F1F1F1; }
.scrollTable::-webkit-scrollbar-thumb { background: #BCBCBC; }

.imageBlock-outline{ width: 100%; }

.contentBlock-inBox2{ padding: 0 20px; }
.contentBlock-inBox2>div{ width: 100%; height: 6em; }
.contentBlock-inBox2>div:nth-of-type(n+2){ margin-top: 15px; }
.contentBlock-inBox2>div a{ padding: 15px; }

.contentBlock-inBox3{ padding: 0 20px; }
.contentBlock-inBox3>div{ width: 100%; margin-right: 0; }
.contentBlock-inBox3>div:nth-of-type(n+2){ margin-top: 15px; }
.contentBlock-inBox3>div a{ height: 8em; padding: 15px; }

.contentBlock-inBox4{ padding: 0 20px; }
.contentBlock-inBox4>div{ width: 100%; margin-right: 0; }
.contentBlock-inBox4>div:nth-of-type(n+2){ margin-top: 15px; }
.contentBlock-inBox4>div a{ height: 7em; padding: 15px; }

.openBlock{ margin: 0 20px; }
.openBlock div dt{ font-size: 16px; }
.openBlock div dd{ font-size: 14px; }

.btn-on,.btnBrown-on,.btn-off{ width: 84%; }
}