@charset "utf-8";
/* トップページ
------------------------------------------------ */
.topInfoBlock {
 padding-bottom: 13px;
 width: fit-content;
 margin: 0 auto;
}

.topInfoBox01 {
 margin-right: 24px;
}
.topInfoBox02 {
 margin-right: 24px;
}

.topInfoBox {
 width: 306px;
 background: url(../img/top/info_bg02.png) repeat-y 0 0;
 float: left;
 margin-bottom: 24px;
}

.topInfoBoxBg01 {
 width: 306px;
 background: url(../img/top/info_bg01.png) no-repeat 0 0;
}

.topInfoBoxBg02 {
 width: 306px;
 background: url(../img/top/info_bg03.png) no-repeat 0 100%;
 padding-top: 13px;
 padding-bottom: 19px;
 min-height: 280px;
}

.topInfoBoxImage {
 text-align: center;
 padding: 0 0 10px 0;
}

.topInfoBoxText {
 padding: 0 26px 15px 26px;
 color: #4C4C4C;
 font-size: 12px;
}

.topInfoBtn  {
 width: 280px;
 margin: 0 auto;
}

.topInfoBtn li {
 width: 50%;
 float: left;
}

.topInfoBtn li img {
 vertical-align: top;
}


/* screens smaller than 680
--------------------------------------------------- */
@media only screen and (max-width:680px) {
.topInfoBox02 {
 margin-right: 0;
}
.topInfoBoxBg02{
	min-height: unset;
}
	}
/* /screens smaller than 680 */

/* screens smaller than 635
--------------------------------------------------- */
@media only screen and (max-width:635px) {
.topInfoBox01 {
 margin-right: auto;
}
.topInfoBox02 {
 margin-right: auto;
}

.topInfoBox {
 float: none;
 margin-left: auto;
 margin-right: auto;
}

	}
/* /screens smaller than 635 */

/* 新着情報 */
.topNewsBlock {
 border: 1px solid #DDDDDD;
}

.topNewsInBox {
 padding: 1px;
}

.topNewsBox {
 padding-top: 34px;
 padding-bottom: 20px;
 background: url(../img/common/bg04.gif) repeat-x 0 0;
}

.topNewsLabel {
 width: 23%;
 float: left;
}

.topNewsInfoBlock {
 width: 77%;
 float: left;
}

.topNewsLabel img {
 margin-left: 33px;
}

.topNewsInfoTbl {
 font-size: 14px;
}

.topNewsInfoTbl td {
 vertical-align: top;
 padding-bottom: 14px;
}

.topNewsInfoTbl .topNewsInfoDate {
 width: 100px;
}

/* screens smaller than 966
--------------------------------------------------- */
@media only screen and (max-width:966px) {
.topNewsBlock {
 margin-left: 10px;
 margin-right: 10px;
}

	}
/* /screens smaller than 966 */

/* screens smaller than 680
--------------------------------------------------- */
@media only screen and (max-width:680px) {
.topNewsBox {
 padding-top: 15px;
 padding-bottom: 0px;
}

.topNewsLabel {
 width: 100%;
 float: none;
}

.topNewsInfoBlock {
 width: 100%;
 float: none;
 padding-top: 10px;
}

.topNewsLabel img {
 margin-left: 5px;
}

.topNewsInfoTbl {
 margin-left: 5px;
 margin-right: 5px;
}

.topNewsInfoTbl td.topNewsInfoDate {
 width: 100%;
 display: block;
 padding-bottom: 0;
}

.topNewsInfoTbl .topNewsInfoText {
 width: 100%;
 display: block;
}


	}
/* /screens smaller than 680 */


/* リハーサリ風景 */
.topRehearsalBlock {
 margin-top: 30px;
}

.topRehearsalBlock h3 {
 font-size: 16px;
 font-weight: bold;
 border-bottom: 3px solid #3540B0;
 padding: 0 10px 10px 10px;
 margin-bottom: 15px;
}

.youtube-wrapper {
 width: 560px;
 margin: 0 auto;
}

/* screens smaller than 966
--------------------------------------------------- */
@media only screen and (max-width:966px) {
.topRehearsalBlock {
 margin-left: 10px;
 margin-right: 10px;
}
	}
/* /screens smaller than 966 */

/* screens smaller than 700
--------------------------------------------------- */
@media only screen and (max-width:700px) {
.youtube-wrapper {
 width: 100%;
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
}

.youtube-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
	}
/* /screens smaller than 700 */


/* ハラスメント
------------------------------------------------ */
.harassment_lead_block {
	text-align: center;
	padding: 90px 10px 70px 10px;
}

.harassment_lead_ttl {
	color: #00008B;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 120%;
}

.harassment_lead_txt {
	font-size: 13px;
	line-height: 160%;
}

.harassment_memo_ttl {
	text-align: center;
	color: #00008B;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 37px;
	padding: 0 10px;
}

.harassment_memo_ttl .icon img {
	vertical-align: middle;
	margin-left: 13px;
}

.harassment_memo_block {
	width: 83.1%;
	margin: 0 auto 120px auto;
}



.harassment_memo_box {
	box-shadow:0px 0px 5px -1px #000000;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5 px;
	-moz-border-radius: 5px;
	padding: 29px 10px 10px 10px;
	width: 28.2%;
	float: left;
	margin: 0 0 0 3.6%;
}

.harassment_memo_list_ttl {
	font-size: 16px;
	text-shadow:1px 1px 3px #ffffff;
	text-align:center;
	margin: 0 10px 28px 10px;
}

.harassment_memo_btn_list li {
	text-align: center;
	margin-bottom: 10px;
}


.harassment_memo_btn_list li img {
	max-width: 100%;
	vertical-align: top;
}

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
.harassment_memo_block {
	width: auto;
	margin: 0 15px 40px 15px;
}



.harassment_memo_box {
	box-sizing: border-box;
	padding: 29px 10px 10px 10px;
	width: 90%;
	float: none;
	margin: 0 auto 30px auto;
}

.harassment_memo_list_ttl {
	font-size: 16px;
	text-shadow:1px 1px 3px #ffffff;
	text-align:center;
	margin: 0 10px 28px 10px;
}

.harassment_memo_btn_list li {
	text-align: center;
	margin-bottom: 15px;
}


.harassment_memo_btn_list li img {
	max-width: 100%;
	vertical-align: top;
}


	}
/* /screens smaller than 767 */


/* 共通
------------------------------------------------ */
.cmn_ttl_block {
	border: 1px solid #DDDDDD;
	padding: 1px;
	margin-bottom: 58px;
}

.cmn_ttl_inblock {
	padding: 34px 10px 20px 10px;
	background: url(../img/common/bg04.gif) repeat-x 0 0;
}

.cmn_ttl {
	text-align: center;
	color: #00008B;
	font-size: 20px;
	line-height: 120%;
	font-weight: bold;
}

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
.cmn_ttl_block {
	border: 1px solid #DDDDDD;
	padding: 1px;
	margin: 0 15px 30px 15px;
}

.cmn_ttl {
	font-size: 18px;
}

	}
/* /screens smaller than 767 */

/* ハラスメント対応シート
------------------------------------------------ */
.harassment_sheet_content {
	padding: 43px 0 52px 0;
	box-sizing: border-box;
}

.harassment_sheet_block {
	width: 91.8%;
	margin: 0 auto 36px auto;
}

.harassment_sheet_img {
	width: 58%;
	float: left;
}

.harassment_sheet_info {
	width: 38.1%;
	float: right;
}

.harassment_sheet_img img {
	max-width: 100%;
	vertical-align: top;
}

.harassment_sheet_new {
	display: inline-block;
	background-color: #C62626;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
	padding: 8px 10px 6px 10px;
}

.harassment_sheet_new.-batch {
	position: relative;
}

.harassment_sheet_new.-batch::before {
	position: absolute;
	content: "";
	background: url(/img/harassment_sheet/batch.png);
	background-repeat: no-repeat;
	background-size: 130px;
	width: 160px;
	height: 160px;
	top: 18%;
	left: 43%;
	transform: rotate(15deg);
}


.harassment_sheet_info_ttl_block {
	margin: 15px 0 22px 0;
}


.harassment_sheet_info_subttl {
	color: #4C4C4C;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
}

.harassment_sheet_info_ttl_icon {
	display: inline-block;
	background-color: #405C41;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	padding: 7px 8px 4px 8px;
}

.harassment_sheet_info_ttl {
	color: #7E583B;
	font-size: 31px;
	font-weight: bold;
	line-height: 120%;
}

.harassment_sheet_info_txt_box {
	font-size: 13px;
	line-height: 160%;
}

.harassment_sheet_txt_type01 {
	color: #00008B;
	font-weight: bold;
	font-size: 16px;
}

.harassment_sheet_txt_type02 {
	color: #4C4C4C;
	font-weight: bold;
	font-size: 20px;
}

.harassment_sheet_about_block {
	width: 91.8%;
	margin: 0 auto;
	box-shadow:0px 0px 5px -1px #000000;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5 px;
	-moz-border-radius: 5px;
	padding: 29px 35px 30px 35px;
}

.harassment_sheet_about_ttl {
	color: #00008B;
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 15px;
}

.harassment_sheet_about_ttl.-obi {
    color: #ffffff;
    background: #00008B;
    padding: 8px 0 6px;
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 15px;
    max-width: 560px;
    text-align: center;
    margin: 0 auto 15px;
}

.harassment_sheet_about_txt {
	font-size: 13px;
	line-height: 150%;
	color: #4C4C4C;
}

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
.harassment_sheet_block {
	width: auto;
	margin: 0 15px 36px 15px;
}

.harassment_sheet_img {
	width: 100%;
	float: none;
	margin-bottom: 15px;
	text-align: center;
}

.harassment_sheet_info {
	width: 100%;
	float: none;
}

.harassment_sheet_new {
	font-size: 16px;
}

.harassment_sheet_new.-batch::before {
	background-size: 110px;
	width: 120px;
	height: 120px;
}


.harassment_sheet_info_subttl {
	font-size: 14px;
}

.harassment_sheet_info_ttl_icon {
	font-size: 12px;
}

.harassment_sheet_info_ttl {
	font-size: 25px;
	margin-top: 5px;
}

.harassment_sheet_txt_type01 {
	font-size: 14px;
}

.harassment_sheet_txt_type02 {
	font-size: 16px;
}

.harassment_sheet_about_block {
	width: auto;
	margin: 0 15px;
	padding: 20px 20px 15px 20px;
}

.harassment_sheet_about_ttl {
	font-size: 16px;
}

.harassment_sheet_about_ttl.-obi {
    font-size: 16px;
}

	}
/* /screens smaller than 767 */

/* プライバシーポリシー
------------------------------------------------ */
.privacy_content {
	padding: 43px 0 52px 0;
	box-sizing: border-box;
}

.privacy_lead_txt {
	text-align: center;
	margin: 0 15px 38px 15px;
	color: #4C4C4C;
	font-size: 13px;
	line-height: 130%;
}

.privacy_block {
	width: 721px;
	margin: 0 auto;
}

.privacy_ttl {
	margin-bottom: 0;
	color: #333FB0;
	font-size: 14px;
	line-height: 160%;
}

.privacy_box {
	margin: 0 0 15px 18px;
	color: #4C4C4C;
	font-size: 13px;
	line-height: 160%;
}

.privacy_ol {
	list-style-type: none;
}

.privacy_ol li {
	position: relative;
	padding-left: 27px;
}

.privacy_ol_num {
	position: absolute;
	top: 0;
	left: -5px;
}



/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
.privacy_block {
	width: auto;
	margin: 0 15px;
}

	}
/* /screens smaller than 767 */

@media only screen and (min-width:768px) {
	.two_column.harassment_memo_block {
		width: 60%;
	}
	.two_column.harassment_memo_block .harassment_memo_list .harassment_memo_box{
		width: 45%;
	}
}