@charset "utf-8";
/* CSS Document */

/* special01
---------------------------------------------------------- */

/* 1 */
.html-frame--special01-01 span.text-sup01 {
	font-size: 11px;
}
.html-frame--special01-01 p.palaw {
	font-size: 10px;
}
.html-frame--special01-01 div.catch01 {
	margin-bottom: 50px;
}
.html-frame--special01-01 div.catch01 h3 {
	font-size: 24px;
	margin-bottom: 15px;
}
.html-frame--special01-01 div.catch01 h3 span {
	font-size: 16px;
	color: #a5ccd1;
}
.html-frame--special01-01 div.catch01 p {
	font-size: 14px;
}
.html-frame--special01-01 img.photo-main01 {
	margin-bottom: 50px;
}
.html-frame--special01-01 h4.title-main {
	font-size: 18px !important;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #2b9cd0;	
}
.html-frame--special01-01 h4.title01 {
	font-size: 18px !important;
	margin-bottom: 15px;
	color: #525898;
	font-weight: bold !important;
}
.html-frame--special01-01 h4.title01 span {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
.html-frame--special01-01 h4.title02 {
	font-size: 20px !important;
	color: #525898;
	padding-bottom: 5px;
	margin-bottom: 20px !important;
	border-bottom: 1px solid #525898;
}
.html-frame--special01-01 h5.title01 {
	font-size: 16px !important;
	margin-bottom: 15px;
}
.html-frame--special01-01 h5.title01 span {
	font-weight: normal;
	font-size: 12px;
}
.html-frame--special01-01 h5.title01.title01-mb5 {
	margin-bottom: 5px;
}
.html-frame--special01-01 img.photo-top {
	margin-bottom: 30px;
}
.html-frame--special01-01 div.img-box01 {
	float: right;
	width: 254px;
	margin: 0 0 24px 24px;
	font-size: 11px;
}
.html-frame--special01-01 div.img-box01 img {
	margin-bottom: 8px;
}
.html-frame--special01-01 div.text-box01 {
	margin-bottom: 40px;
	overflow: hidden;
}
.html-frame--special01-01 div.text-box01 p {
	float: left;
	width: 393px;
	margin: 0;
}
.html-frame--special01-01 div.text-box01 img {
	float: right;
}
.html-frame--special01-01 div.text-box02 {
	margin-bottom: 40px;
	overflow: hidden;
}
.html-frame--special01-01 div.text-box02 p {
	float: left;
	width: 571px;
	margin: 0;
}
.html-frame--special01-01 div.text-box02 p img {
	float: none;
	margin: 0 0 15px;
}
.html-frame--special01-01 div.text-box02 img {
	float: right;
}
.html-frame--special01-01 .photolist01 ul {
	font-size:0;
	letter-spacing: 0;
	margin: 40px -3px 60px;
	overflow: hidden;
}
.html-frame--special01-01 .photolist01 ul li{
	width: 198px;
	display:inline-block;
	margin:30px 3px 0;
}
.html-frame--special01-01 .photolist01 ul li.indent {
	margin-left: 105px;
}
.html-frame--special01-01 .photolist01 ul li img,
.html-frame--special01-01 .photolist02 ul li img,
.html-frame--special01-01 .photolist03 ul li img {
	margin-bottom:8px;
}
.html-frame--special01-01 .photolist02 {
	clear: both;
}
.html-frame--special01-01 .photolist02 ul {
	font-size:0;
	letter-spacing: 0;
	margin:40px -12px 20px;
}
.html-frame--special01-01 .photolist02 ul li{
	width: 254px;
	position: relative;
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	letter-spacing: 0.01em;
	margin:0 12px 20px;
	line-height:1.3;
}
.html-frame--special01-01 .photolist02 ul li.col2 {
	width: 532px;
}
.html-frame--special01-01 .photolist03 ul {
	font-size:0;
	letter-spacing: 0;
	margin:0 -12px 40px;
}
.html-frame--special01-01 .photolist03 ul li {
	width: 306px;
	position: relative;
	display:inline-block;
	vertical-align:top;
	font-size: 12px;
	letter-spacing: 0.01em;
	margin: 0 12px;
}
.html-frame--special01-01 .photolist03 ul li:first-child {
	width: 480px;
}


/* 2 */
.html-frame--special01-02 .text--blue {
	color: #525898;
}
.html-frame--special01-02 img.photo-top {
	margin-bottom: 30px;
}
.html-frame--special01-02 img.photo-main02  {
	position: absolute;
	top: 0;
	right: 0;
}
.html-frame--special01-02 div.catch02 {
	position: relative;
	padding: 100px 417px 0 0;
	margin-bottom: 40px;
}
.html-frame--special01-02 div.catch02 h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.html-frame--special01-02 div.catch02 h3 img {
	margin-bottom: 15px;
}
.html-frame--special01-02 div.catch02 p {
	font-size: 14px;
}
.html-frame--special01-02 h4.title03 {
	font-size: 16px !important;
	margin-bottom: 15px;
	color: #525898;
}
.html-frame--special01-02 div.profile {
	margin: 80px 0 40px;
	overflow: hidden;
}
.html-frame--special01-02 div.profile img.photo01 {
	float: left;
}
.html-frame--special01-02 div.profile.profile--right img.photo01 {
	float: right;
}
.html-frame--special01-02 div.profile div.profile01__text-box01 {
	float: right;
	width: 393px;
}
.html-frame--special01-02 div.profile.profile--right div.profile01__text-box01 {
	float: left;
}
.html-frame--special01-02 div.profile h4 {
	font-size: 22px;
	margin-bottom: 50px;
	color: #525898;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
}
.html-frame--special01-02 div.profile p {
	margin-bottom: 0;
}
.html-frame--special01-02 div.profile.profile--right p {
	text-align: right;
}
.html-frame--special01-02 div.profile p span {
	font-size: 16px;
}
.html-frame--special01-02 img.photo-right01 {
	float: right;
	margin: 0 0 10px 24px;
}
.html-frame--special01-02 .photolist02 ul li img {
	margin-bottom:8px;
}
.html-frame--special01-02 .photolist02 {
	clear: both;
}
.html-frame--special01-02 .photolist02 ul {
	font-size:0;
	letter-spacing: 0;
	margin:40px -12px 20px;
}
.html-frame--special01-02 .photolist02 ul li{
	width: 254px;
	position: relative;
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	letter-spacing: 0.01em;
	margin:0 12px 20px;
	line-height:1.3;
}
.html-frame--special01-02 .photolist02 ul li.col2 {
	width: 532px;
}


/* 3 */
.html-frame--special01-03 div.catch03 {
	position: relative;
	margin: 20px 0 40px;
	overflow: hidden;
}
.html-frame--special01-03 div.catch03 .catch03__photo-box {
	float: left;
	width: 200px;
	font-size: 11px;
}
.html-frame--special01-03 div.catch03 .catch03__photo-box span n {
	font-size: 14px;
}
.html-frame--special01-03 div.catch03 .catch03__photo-box img {
	margin-bottom: 8px;
}
.html-frame--special01-03 div.catch03 .catch03__text-box {
	float: right;
	width: 586px;
}
.html-frame--special01-03 div.catch03 h3 {
	font-size: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
	margin-bottom: 20px;
}
.html-frame--166-special div.catch04 h3 {
	font-size: 18px;
	padding-bottom: 8px;
	margin-bottom: 20px;
	color: #525898;
	border-bottom: 1px solid #525898;
}
.html-frame--special01-03 div.catch03 p {
	font-size: 14px;
	margin-bottom: 0;
}
.html-frame--special01-03 div.img-box02 img {
	margin-bottom: 8px;
}
.html-frame--special01-03 div.img-box02 {
	float: right;
	width: 215px;
	margin: 0 0 24px 24px;
	font-size: 11px;
}
.html-frame--special01-03 h4.title04 {
	display: inline-block;
	font-size: 16px !important;
	padding-left: 10px;
	margin: 40px 0 15px;
	color: #525898;
	border-left: 4px solid #525898;
}
.html-frame--special01-03 h5.title02 {
	font-size: 16px !important;
	color: #FFF;
	background-color: #4493a5;
	padding: 5px 10px;
	margin-bottom: 15px;
}
.html-frame--special01-03 h5.title02--gray {
	background-color: #b0aea2;
}
.html-frame--special01-03 h5.title02--green {
	background-color: #4c796a;
}
.html-frame--special01-03 h5.title02--lightgreen {
	background-color: #889237;
}
.html-frame--special01-03 div.text-box03 {
	clear: both;
	margin-bottom: 40px;
	overflow: hidden;
}
.html-frame--special01-03 div.text-box03.text-box03--bottom {
	margin-bottom: 20px;
}
.html-frame--special01-03 div.text-box03 p {
	float: left;
	width: 254px;
	margin: 0;
}
.html-frame--special01-03 div.text-box03 ul {
	float: right;
	width: 556px;
	margin: 0 -12px;
	font-size:0;
	letter-spacing: 0;
}
.html-frame--special01-03 div.text-box03 ul li {
	width: 254px;
	position: relative;
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	letter-spacing: 0.01em;
	margin:0 12px;
	line-height:1.3;
}
.html-frame--special01-03 div.text-box03 ul li img {
	margin-bottom: 8px;
}
.html-frame--special01-03 div.text-box03 ul li strong {
	font-size: 12px;
}
.html-frame--special01-03 dl.emp {
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 20px;
}
.html-frame--special01-03 dl.emp dd {
	padding-left: 1.2em;
}
.html-frame--special01-03 dl.emp dt {
	float: left;
	width: 1.2em;
	padding-left: 0;
}


/* 4 */
.html-frame--special01-04 div.catch04{
	position: relative;
	margin: 20px 0 40px;
	overflow: hidden;
}
.html-frame--special01-04 div.catch04 .catch04__photo-box{
	float: left;
	width: 200px;
	font-size: 11px;
}
.html-frame--special01-04 div.catch04 .catch04__photo-box span {
	font-size: 14px;
}
.html-frame--special01-04 div.catch04 .catch04__photo-box img{
	margin-bottom: 8px;
}
.html-frame--special01-04 div.catch04 .catch04__text-box {
	float: right;
	width: 586px;
}
.html-frame--special01-04 div.catch04 h4{
	font-size: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
	margin-bottom: 20px;
}
.html-frame--special01-04 div.catch04 h3 {
	font-size: 18px;
	padding-bottom: 8px;
	margin-bottom: 20px;
	color: #525898;
	border-bottom: 1px solid #525898;
}
.html-frame--special01-04 div.catch04 h4{
	font-size: 28px;
}
.html-frame--special01-04 h5.title03 {
	font-size: 16px !important;
    margin-bottom: 10px;
    color: #525898;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
}
.html-frame--special01-04 div.text-box04 {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
.html-frame--special01-04 div.text-box04 p {
	float: left;
	width: 532px;
	margin: 0;
}
.html-frame--special01-04 div.text-box04 p.text-box04__photo {
	float: right;
	width: 254px;
	margin: 0 !important;
	font-size: 11px;
}
.html-frame--special01-04 div.text-box04 p.text-box04__photo img {
	margin-bottom: 8px;
}
.html-frame--special01-04 .photolist02 ul li img,
.html-frame--special01-04 .photolist04 ul li img{
	margin-bottom:8px;
}
.html-frame--special01-04 .photolist02 {
	clear: both;
}
.html-frame--special01-04 .photolist02 ul {
	font-size:0;
	letter-spacing: 0;
	margin:40px -12px 20px;
}
.html-frame--special01-04 .photolist02 ul li{
	width: 254px;
	position: relative;
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	letter-spacing: 0.01em;
	margin:0 12px 20px;
	line-height:1.3;
}
.html-frame--special01-04 .photolist02 ul li.col2 {
	width: 532px;
}
.html-frame--special01-04 .photolist04 ul {
	font-size:0;
	letter-spacing: 0;
	margin:40px -12px 20px;
}
.html-frame--special01-04 .photolist04 ul li {
	width: 393px;
	position: relative;
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	letter-spacing: 0.01em;
	margin:0 12px;
	line-height:1.3;
}
.html-frame--special01-04 .photolist04 ul li.col2 {
	width: 810px;
}