@charset "utf-8";
/*--京pages.css--*/


/*--------SP--------*/
/*はみ出すテーブルを横スクロール可能に*/
.sp_scroll{
	overflow: auto;
	margin: 1em 0;
}
.sp_scroll::-webkit-scrollbar{
	height: 5px;
}
.sp_scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.sp_scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
.sp_scroll_txt::before {
	content: "※";
	margin-right: 3px;
	
}


/*#########main_box###########*/
#pages #main_box {
	border-top: 3px solid #f3f3f3;
}
#pages #main_box_inner {
	padding: 0;
}
	#page_body {
		padding: 10px;
		min-height: 300px;
	}
	
	#pages h2 {
		margin: 5px 10px;
		padding: 10px;
		font-size: 1.5em;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
		color: #3c3c64;
		border-bottom: 5px solid #e9e9e9;
	}

	#pages h3 {
		color: #fa7d00;
		text-align: center;
		font-size: 1.3em;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
		margin: 1em auto;
	}
	h4 {
		position: relative;
		padding: .2em;
		margin-bottom: 1em;
		border-bottom: 2px solid #ccc;
		color: #3c3c64;
		font-size: 1.2em;
		font-weight: bold;
	}
		h4::after {
			position: absolute;
			bottom: -2px;
			left: 0;
			z-index: 2;
			content: '';
			width: 60%;
			height: 2px;
			background-color: #3c3c64;
		}
		
		h4 .lbl_kyushi {
			display:block;
			font-size:0.8em;
			color:#111;
			padding-top:0.2em;
			line-height: 1.2em;
		}
		
		h4 .lbl_pdf {
			display: inline-block;
			font-size: 0.8em;
			padding-top: 0;
		}
	h5 {
		color: #553a9b;
		font-weight: bold;
		font-size: 1.1em;
		margin: 0.5em 0;
	}
		h5 .lbl_kyushi {
			display:block;
			font-size:0.8em;
			padding-top:0.2em;
		}
	h6 {
		font-weight: bold;
		font-size: 1.05em;
		margin: 0.5em 0;
	}
	
	p {
		line-height: 1.8em;
		margin-bottom: 0.8em;
	}

    .link_btn{
        margin-bottom: 0.8em;
        text-align: center;
    }

    .link_btn a{
        display: inline-block;
		background: #3fcef9;
		padding: 8px 15px;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-decoration: none;
		color: #fff;
		transition: all .5s ease;
    }

    .link_btn a:after{
        font-family: FontAwesome;
        content: "\f0da";
        margin-left: 0.5em;
    }

    .link_btn a:hover{
		opacity: 0.8;
		text-decoration: none;
	}

	.pg_box {
		clear: both;
		overflow: hidden;
	}

	/*その他共通*/
	.dl_doc li {
		background: url(../shared/dl_docs_icon.gif) 0 3px no-repeat;
		padding-left: 25px;
		line-height: 1.8em;
	}
	.dl_doc li a {
		color: #666;
		text-decoration: underline;
	}
	
	.img_fl_left {
		float: left;
		margin: 0 1.5em 0.5em 0;
		width: 45%;
	}
	div.out_link {}
	div.out_link ul {
		margin-left: 20px;
	}
	div.out_link li a {
		color: #666;
		text-decoration: underline;
	}
	div.out_link li a:hover {
		text-decoration: underline;
		color: #4b6ed2;
	}
	div.out_link li::before {
		font-family: FontAwesome;
		content: "\f0da";
		margin-right: 5px;
		margin-left: -15px;
		color: #4b6ed2;
	}
	div.out_link a::after {
		font-family: FontAwesome;
		content: "\f08e";
		margin-left: 3px;
	}
	a.out_link::after {
		font-family: FontAwesome;
		content: "\f08e";
		margin-left: 3px;
	}
	a:hover.out_link::after {
		text-decoration: none !important;
	}
	.decimal {
		padding-left: 20px;
	}
	.decimal li {
		list-style: decimal;
	}
	.disc {
		padding-left: 20px;
	}
	.disc li {
		list-style: disc;
	}
	ul.asterisk {
		margin-bottom: 20px;
		margin-left: 20px;
	}
	ul.asterisk li {
		line-height: 1.5em;
		background: none;
		padding-left: 0;
	}
	ul.asterisk li:before {
		content: "※ ";
		margin-right: 2px;
		margin-left: -20px;
	}
	ol.number {
		padding: 0 0 0 0;
		margin: 0 0 0 10px;
	}
	ol.number > li {
		margin: 0 0 1em 20px;
		list-style: none !important;
        line-height: 1.5;
	}
	ol.number > li > span {
		margin-right: 5px;
		margin-left: -20px;
	}

    ol.number > li > ul > li{
		margin: 10px 0 0 20px;
    }

	ol.number > li > ul > li > span {
		margin-right: 5px;
		margin-left: -20px;
	}


	ol.number_rei {
		padding: 0 0 0 0;
		margin: 10px 0 0 10px;
	}
	ol.number_rei > li {
		margin: 0 0 1em 40px;
		list-style: none !important;
	}
	ol.number_rei > li > span {
		margin-right: 5px;
		margin-left: -40px;
	}
    
    .online_riyo_annai{
        display: flex;
        justify-content: center;
    }

    .online_riyo_annai a{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
}

    .online_riyo_annai a .online_img{
        width: 200px;
        border: 1px solid #ccc;
        margin-bottom: 5px;
    }

    .online_riyo_annai a .online_img img{
        max-width: 100%;
        height: auto;
    }

    .online_riyo_annai a .online_text{
        text-align: center;
}


	.pg_anchor {
		margin: 0 0 2em;
		overflow:hidden;
	}
		.pg_anchor ul {
			text-align: center;
			letter-spacing:-0.4em;
		}
			.pg_anchor ul li {
				letter-spacing:0;
				display: block;
				width:50%;
				padding: 0 5px;
				text-align: center;
				font-size: 14px;
				margin-bottom:10px;
				float:left;
			}
			
			.pg_anchor ul li a {
				display:block;
				color: #000;
				text-decoration:none;
				background:#fff0d6;
				border-radius:4px;
				padding:4px 0;

			}
			
			.pg_anchor ul li a:after{
				font-family: FontAwesome;
				content:"\f107";
				margin-left:5px;
			}
			.pg_anchor ul li a:hover {
			}
	.text_center{
		text-align:center;
		}
	.nyugan_area{
		display: flex;
		justify-content: space-around;;
	}
	.soudan_area li{
		margin-bottom: 0.5em;
	    padding-left: 1em;
	    position: relative;
	}
	.soudan_area li::before{
		content: "○";
	    position: absolute;
	    top: 0;
	    left: 0;
	}
/* がん相談支援センターとは？ */
/* ---- ご挨拶 ---- */
#greeting {}
	.greeting_img {
		width: 30%;
		margin: 0.5em 0 0.5em 0.8em;
		float: right;
	}
	.greeting_name {
		clear: both;
		text-align: right;
	}
		.greeting_name .greeting_name_sub {
			font-size: 0.9em;
			margin-right: 0.5em;
		}

/* ---- ガン相談センターについて ---- */
.about_list {
	margin-bottom:2em;
}

.about_list ul {
	font-size: 0;
	text-align: center;
}
.about_list li {
	font-size: 14px;
	display: inline-block;
	width: 31%;
	padding: 0;
	margin: 1%;
	height: 90px;
	line-height: 1.5em;
	vertical-align: middle;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.about_list li a {
	display: block;
	width: 100%;
	height: 90px;
}
.about_list li a span {
	display: none;
}
	.about_list li:first-child {
		background: url(../outline/images/about_list_img_txt_01.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(2) {
		background: url(../outline/images/about_list_img_txt_02.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(3) {
		background: url(../outline/images/about_list_img_txt_03.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(4) {
		background: url(../outline/images/about_list_img_txt_04.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(5) {
		background: url(../outline/images/about_list_img_txt_05.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(6) {
		background: url(../outline/images/about_list_img_txt_06.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(7) {
		background: url(../outline/images/about_list_img_txt_07.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:nth-child(8) {
		background: url(../outline/images/about_list_img_txt_08.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
	.about_list li:last-child {
		background: url(../outline/images/about_list_img_txt_09.jpg);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
	}
.link_pdf {}
	.link_pdf li {
		text-align: center;
		vertical-align: top;
	}
	.link_pdf li a {}
	.link_pdf li a .thumbnail_img {
		width: 20%;
		height: 50px;
		background: #f5f5f5;
		border: 1px solid #ccc;
		overflow: hidden;
		display: inline-block;
		margin: 0.5em 0;
		vertical-align: top;
	}
		.link_pdf li a .thumbnail_img img {
			display: block;
			max-height: 100%;
			width: auto;
			margin: 0 auto;
		}
	.link_pdf li a .thumbnail_txt {
		width: 80%;
		display: inline-block;
		vertical-align: top;
		line-height: 1.5em;
		margin: 0.5em 0;
		text-align: left;
		padding: 0 0 0 5px;
		font-size: 0.85em;
	}
	.out_link_btn {
		margin: 2em auto;
		text-align: center;
	}
	.out_link_btn a {
		display: inline-block;
		background: #3f81bb;
		padding: 16px 20px;
		font-weight: bold;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-decoration: none;
		color: #fff;
		transition: all .5s ease;
	}
		.out_link_btn a::after {
			font-family: FontAwesome;
			content: "\f0da";
			margin-left: 0.5em;
		}
	.out_link_btn a:hover {
		opacity: 0.8;
		text-decoration: none;
	}


/* ---- 受付・相談窓口のご案内 ---- */
.floor_map {
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
.floor_map img {
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 10px;
}
.floor_map::before {
	position: absolute;
	bottom: 0;
	content: "画像をクリックすると拡大します。";
	left: 0;
	right: 0;
	width: 300px;
	text-align: center;
	font-size: 0.9em;
	margin: 0 auto;
}

#guide_ph_box {}
.guide_ph_content {
	overflow: hidden;
	margin-bottom: 1em;
}
.guide_ph_content h4 {
	font-weight: bold;
	font-size: 1.05em;
	color: #000;
	border-bottom: 0;
	margin-bottom: 0.5em;
}
.guide_ph_content h4:before {
	font-family: FontAwesome;
	content: "\f111";
	margin-right: 0.3em;
	color: #553a9b;
	position: relative;
	top: -1px;
}
.guide_ph_content h4:after {
	content: none;
}
.guide_ph_content li {
	display: inline-block;
	width: 49%;
}
.guide_ph_caption {
	margin: 0.2em 0 0.5em 0;
}
.guide_ph_content p {
	line-height: 1.5em;
}



/* 患者様・ご家族の方へ */
/* ------ がんと診断された方へ ------ */
.patient_box {
	padding-top: 5px;
	margin: 0 0 2.5em 0;
	clear:both;
}
.patient_box dl.more_box{
	display: block;
}
.patient_box dl.more_box dt{
	width: auto;
	color: #337ab7;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.patient_box dl.more_box dd{
	margin-left: 0;
}
.patient_box dl.more_box dd a {
	word-break: break-all;
}
	.figure_box {
		width: 90%;
		overflow: hidden;
		text-align: center;
		margin: 0 auto 2rem;
	}
		.figure_ttl {
			color: #553a9b;
			font-weight: bold;
			font-size: 1.1em;
			margin: .5em 0;
		}
		.figure_img {
			padding: 5px;
		}
			.figure_img img {
				margin: 0 auto;
				border: 1px solid #ccc;
			}

	.patient_box#response_to_children ul li {
		margin-bottom: 1em;
	}
	.patient_box#response_to_children ul li:before {
		font-family: FontAwesome;
		content: "\f111";
		margin-right: 0.3em;
		vertical-align: top;
		color: #553a9b;
		position: relative;
		left: 4px;
	}
	.patient_box#response_to_children ul li dl {
		width: 90%;
		display: inline-block;
	}
	.kanren_link {
		padding-top: 1em;
	}
		.kanren_link_ttl {
			color: #553a9b;
			font-weight: bold;
			font-size: 1.1em;
			margin-bottom: 1em;
		}
		.kanren_link dl dt ,
		.kanren_link dl dd {
			display: inline-block;
		}
		.kanren_link dl dt {}
		.kanren_link dl dt::before {
			font-family: FontAwesome;
			content: "\f0da";
			margin-right: 0.5em;
			color: #553a9b;
		}
/*ライフステージ別の支援*/
.generation_box {
	padding-top: 5px;
	margin: 0 0 2.5em 0;
	clear:both;
}
    .generation_box dl{
	display: flex;
    margin-bottom: 10px;
    }
        .generation_box dt{
        width:180px;
        }
            .generation_box dd{
            margin-left: 10px;
            text-align: left;
            }
.generation_box dl.more_box{
	display: block;
}
.generation_box dl.more_box dt{
	width: auto;
	color: #337ab7;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.generation_box dl.more_box dd{
	margin-left: 0;
}
.generation_box dl.link_box{
	position: relative;
	padding-left: 1em;
	display: block;
}
.generation_box dl.link_box:before{
	position: absolute;
	left: 0;
	font-family: FontAwesome;
	content: "\f0da";
	margin-right: 0.5em;
	color: #553a9b;
}
.generation_box dl.link_box dt{
	width:auto;
	margin-bottom: 0.5em;
}
.generation_box dl.link_box.triangle dt {

}
.generation_box dl.link_box dd{
	margin-left: 0;
}
p.gaibu_link{
	line-height: 1.4;
}
a.naibu_link{
	position: relative;
	padding-left: 1em;
	display: block;
	text-decoration: underline;
}
a.naibu_link:before{
	position: absolute;
	top: -2px;
	left: 0;
	font-family: FontAwesome;
	content: "\f0da";
	margin-right: 0.5em;
	color: #553a9b;
}
/*                .generation_box dd a{
                    color: #000;
                }*/
             #to_working_age dt{
                width:120px;
                }
                 #to_working_age dd{
                    margin-left: 10px;
                    text-align: left;
                    }
             #to_elderly_people dt{
                width:150px;
                }
                 #to_elderly_people dd{
                    margin-left: 10px;
                    text-align: left;
                    }

/* 相談Q&A */
.qa {
	overflow: hidden;
	clear:both;
}
	#question {
		margin-bottom: 4em;
		padding-bottom: 4em;
		border-bottom: 1px solid #ccc;
	}
		.question_inner {
			margin-bottom: 2em;
		}
		.question_inner:last-child {
			margin-bottom: 0;
		}
		.question_inner ul {}
		.question_inner li {
			padding: 10px 10px 10px 25px;
		}
		.question_inner li::before {
			content: "Q.";
			color: #3c3c64;
			margin: 0 5px 0 -20px;
		}
		.question_inner#anchor_06 li {
			padding-left: 10px;
		}
		.question_inner#anchor_06 li::before {
			content: none;
			margin: 0;
		}
		.question_inner li a {
			text-decoration: underline;
			color: #23527c;
		}
		.question_inner li a:hover {
			color: #337ab7;
		}
	#answer {}
	.answer_inner {
		margin-bottom: 2em;
	}
	.answer_inner:last-child {
		margin-bottom: 0;
	}
	.answer_inner ul {}
	.answer_inner ul li {
		border-bottom: 1px dashed #ccc;
		padding: 10px 10px 20px;
		margin-bottom: 20px;
		clear: both;
		overflow: hidden;
	}
	.answer_inner ul li:first-child {
		padding-top: 0;
	}
	.answer_inner ul li:last-child {
		margin-bottom: 0;
	}
		.answer_inner ul li dl {}
		.answer_inner ul li dt {
			padding: .2em .5em;
			margin-bottom: 0.5em;
			color: #000;
			font-size: 1.2em;
			font-weight: normal;
			background: #fffce0;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		.answer_inner ul li dl.more_box{
			margin-top: 0.8em;
		}
		.answer_inner ul li dl.more_box dt{
			width: auto;
			color: #337ab7;
			margin-bottom: 0.5em;
			padding: 0 5px;
			font-size: 1.1em;
			font-weight: bold;
			background: none;
		}
			.answer_inner ul li dt::before {
				content: "Q.";
				color: #3c3c64;
				margin: 0 3px 0 0;
				font-size: 1.3em;
			}
			.answer_inner ul li dl.more_box dt::before {
				content: none;
			}
		.answer_inner ul li dd {
			line-height: 1.8em;
			padding: 0 5px;
		}
			.answer_inner ul li dd::before {
				content: "A.";
				color: #c40026;
				margin: 0 10px 0 0;
				font-size: 1.5em;
				position: relative;
				left: 6px;
			}
			.answer_inner ul li dl.more_box dd::before {
				content: none;
			}
			.answer_inner ul li dd .decimal {
				margin: 1em 0;
				font-size: 1.1em;
			}
				.answer_inner ul li#anchor_04_01 ul {
					margin: 1em 0;
					padding: .5em;
				}
				.answer_inner ul li#anchor_04_01 ul li {
					border-bottom: 1px solid #ccc;
					padding: 0;
				}
				.answer_inner ul li#anchor_04_01 ul li:last-child {
					border-bottom: 0;
				}
				.answer_inner ul li#anchor_04_01 ul li h5::before {
					font-family: FontAwesome;
					content: "\f111";
					margin-right: 0.3em;
					vertical-align: top;
					color: #553a9b;
					position: relative;
				}
				.answer_inner ul li dd .decimal li {
					padding: 0;
					margin: 0;
					border-bottom: 0;
				}
			.answer_inner ul li dd table {
				width: 400px;
				border: 0;
				border-spacing: 0;
				border-collapse: collapse;
			}
			.answer_inner ul li dd table th ,
			.answer_inner ul li dd table td {
				border: 1px solid #ccc;
				padding: 10px;
				vertical-align: top;
			}
			.answer_inner ul li dd table td:first-child {
				width: 72px;
				text-align: center;
			}
.qa_message {
	margin: 30px 0;
}

	.qa_message_box {
		background: #fff;
		padding: 10px;
		margin: 15px 0 0 0;
		border: 3px solid #ffe196;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		.qa_message_box_content {}
			.qa_message_box_ttl {
				padding: 5px;
				line-height: 1.5em;
				text-align: center;
				background: #ffe196;
				border-radius: 20px;
				margin-bottom: 0.5em;
			}
			.qa_message_box_content table {
				margin: 0 0 10px;
				border-collapse: collapse;
				border: 0;
				width: 100%;
			}
			.qa_message_box_content table th {
				width: 26%;
				text-align: right;
			}
			.qa_message_box_content table th ,
			.qa_message_box_content table td {
				vertical-align: top;
				padding: 5px;
			}
			.qa_message_box_content table td {
				width: 73%;
				text-align: left;
			}
			.qa_message_box_content table td span {
				font-size: 1.4em;
				font-weight: bold;
			}
			.qa_message_box_content table td span a {
				color: #c70000;
				display: block;
			}
		.qa_message_box_img {
		}
		.qa_message_box_img img {
			margin: 0 auto;
		}





	.tel_link {
		text-align: center;
		margin: 1em 0 0;
	}
	.tel_link a {
		color: #c40026;
		font-weight: bold;
		font-size: 1.8em;
	}
.qa_system {
	margin-bottom: 20px;
}

.qa_system p a {
	text-decoration: underline;
	color: #000;
}
	.flow_ttl {
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 5px;
	}
	.flow_ttl::before {
		content: "▼";
		margin-right: 5px;
		color: #3c3c64;
	}
	.qa_system table {
		width: 570px;
		border: 0;
		border-spacing: 0;
		border-collapse: collapse;
	}
	
	.qa_system table caption{
		color:#111;
	}
	
	.qa_system table tr {
		border-bottom: 1px solid #f7b357;
	}
	.qa_system table tr:nth-child(odd) {

		background: #fff0d6;
	}
	.qa_system table th {
		background: #f97d00;
		text-align: center;
		padding: 5px 10px;
		font-size: 0.85em;
		vertical-align: middle;
		color: #fff;
		font-weight:bold;
		/*text-shadow: 0px 2px 0 rgba(0,0,0,0.8);*/
	}
		.qa_system table th:first-child {
			width: 14px;
		}
		.qa_system table th:nth-child(2) {
			width: 250px;
		}
		.qa_system table th:nth-child(3) {
			width: 130px;
		}
		.qa_system table th:last-child {
			text-align: center;
			width: 110px;
		}
		.qa_system table th:last-child sub {
			bottom: -.1em;
			margin-left: .3em;
		}
	.qa_system table td {
		vertical-align: top;
		padding: 5px;
	}
		.qa_system table td:nth-child(n+3) {
			vertical-align: middle;
		}
		.qa_system table td:last-child {
			text-align: right;
		}
		.qa_system table td table {
			width: auto;
		}
		.qa_system table td table tr {
			border-bottom: 0;
		}
		.qa_system table td table tr:nth-child(odd) {
			background: none;
		}
		.qa_system table td table td {
			padding: 0;
		}
		.qa_system table td table td:nth-child(2) {}
		.qa_system table td table td:first-child {
			width: 45px;
		}
		.qa_system table td table td:last-child {
			text-align: inherit;
		}
	dl.notes {
		font-size: 0.85em;
		overflow: hidden;
		margin-bottom: 20px;
	}
	dl.notes dt ,
	dl.notes dd {}
	dl.notes dt {
		float: left;
	}
.answer_inner ul li p{
    margin-top:10px
}


/*希少がんリンク追加*/
        .answer_inner .ext_link_box dl dt {
			padding: 0;
			color: #337ab7;
            font-size: 1.1em;
            margin-bottom: 0.5em;
			font-weight: normal;
			background:#FFFFFFF;
		}



/* がんサロンのご案内 */
.cancer_salon_list {
	margin-bottom: 30px;
}
	.cancer_salon_dtl {}
		.cancer_salon_dtl p {}
		.cancer_salon_dtl table {
			width: 95%;
			margin: 0 auto 20px;
			border: 0;
			border-collapse: collapse;
		}
		.cancer_salon_dtl table td {
			padding: 5px;
			border: 1px solid #ccc;
		}
		.cancer_salon_dtl table td:first-child {
			text-align: center;
			background: #f5f5f5;
		}
		
		.cancer_salon_dtl .goto_file i.fa{
			margin-right:4px;
		}
		
		.cancer_salon_dtl .goto_file a{
			text-decoration:underline;
			color:#003d84;
		}
		
.goto_news{
	margin-top:20px;
}

	.goto_news dt{
		font-weight:normal;
		margin-bottom:8px;
	}
	
	.goto_news dd ul li{
		margin-bottom:0.5em;
	}
	
	.goto_news dd ul li:last-child{
		margin-bottom:0;
	}
	
	.goto_news dd ul li:before{
		font-family: FontAwesome;
		content:"\f0da";
		color:#fa7d00;
		margin-right:4px;
	}
	
	.goto_news dd ul li a{
		color:#00416b;
		text-decoration:underline;
	}

.salon_contact{
	margin-top:20px;
	position:relative;
	z-index:0;
	padding-top:10px;
}

	.salon_contact > .box_header{
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		width:100%;
		text-align:center;
	}
	
	.salon_contact > .box_header > span{
		display:inline-block;
		font-weight:bold;
		background:#fff;
		padding:0 15px;
	}
	
	.salon_contact > .box_inner{
		position:relative;
		z-index:1;
		top:0;
		left:0;
		border:3px solid #ffe196;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:20px 10px 10px 10px;
	}
	
	.salon_contact > .box_inner > .salon_contact_ttl{
		text-align:center;
		margin-bottom:8px;
		font-size:1.2em;
		background:#fff9d6;
		padding:5px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.salon_contact > .box_inner > dl{
		text-align:center;
	}
	
	.salon_contact > .box_inner > dl.salon_tel{
		margin-bottom:8px;
	}
	
	.salon_contact > .box_inner > dl.salon_tel dd{
		font-size:1.6em;
		font-weight:bold;
	}
	
	.salon_contact > .box_inner > dl.salon_tel dd a,
	.salon_contact > .box_inner > dl.salon_tel dd{
		color:#c40026;
	}
	
	.salon_contact > .box_inner > dl.salon_tel dd i.fa{
		margin-right:10px;
	}
	
	#salonlist {}
		#salonlist .cancer_salon_dtl p {
			text-align: center;
		}
		#salonlist .cancer_salon_dtl .pdf_link {
			text-align: center;
		}
		#salonlist .cancer_salon_dtl .pdf_link a {
			display: inline-block;
			overflow: hidden;
		}
		#salonlist .cancer_salon_dtl .pdf_link a span {
			display: block;
			text-align: center;
			font-size: 0.9em;
			margin: 0.5em 0;
		}
		#salonlist .cancer_salon_dtl .pdf_link a img {
			margin: 0 auto;
		}

.contact_set {
	width: 95%;
	/*border: 2px solid #ba193c;*/
	border: 2px solid #ccc;
	border-radius: 4px;
	margin: 50px auto 0;
	padding: 1.2em;
	position: relative;
}
.contact_set::before {
	width: 60%;
	background-color: #fff;
	content: "お問い合わせ先";
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 0 .5em;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}
	.contact_set_ttl {
		background: #fff9d6;
		padding: 5px;
		text-align: center;
		font-size: 0.9em;
		margin-top: 1em;
	}
	.contact_set table {
		width: 100%;
		margin: 0 auto;
	}
	.contact_set table tr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.contact_set table td {
		vertical-align: top;
		padding: 5px;
	}
	.contact_set table td:first-child {
		text-align: center;
		background: #f5f5f5;
	}
	.contact_set table td span {
		display: block;
	}
	.contact_set table td a {
		font-size: 1.2em;
		font-weight: bold;
		color: #c40026;
	}
	
	.poster_list{}
	
		.poster_list ul{
			display:flex;
			flex-wrap:wrap;
			justify-content:center;
			
		}
		
		.poster_list ul li{
			width: 33.33%;
			padding: 0 2px;
			
		}
		
		.poster_list ul li .poster_title{
			font-weight:bold;
			margin-bottom:5px;
			font-size: 0.7em;
			text-align:center;
		}
		
		.poster_list ul li .poster_img{
			margin-bottom:5px;

		}
		
		.poster_list ul li .poster_img img{
			border:1px solid #ccc;
		}
		
		.poster_list ul li .poster_zoom{
			text-align:center;
		}
		
		.poster_zoom{
			text-align:center;
		}
		
		.ganpia_list ul{
			display:flex;
			flex-wrap:wrap;
		}

		.ganpia_list ul li{
			width: 159px;
			padding: 0 0.5em;
			height: auto;
		}
		

		.ganpia_list ul li:nth-child(2){
			width: 190px;
			height: auto;
		}
		
        .cancer_salon_list{}


.cancer_salon_list

/* ▽▽スマイリーWish(乳がん患者会)▽▽*/
		.poster_list_01 ul{
			display:flex;
			flex-wrap:wrap;
			justify-content:center;
		}
		.poster_list_01{
			width:auto;
			padding:0 10px;
		}
		.poster_list_01 ul li .poster_title{
			font-weight:bold;
			margin-bottom:5px;
			text-align:center;
		}
		
		.poster_list_01 ul li .poster_img{
			margin-bottom:5px;
		}
		
		.poster_list_01 ul li .poster_img img{
			border:1px solid #ccc;
		}
		
		.poster_list_01 ul li .poster_zoom{
			text-align:center;
		}
/* △△スマイリーWish(乳がん患者会)△△*/
	h5.salon_sub_ttl{
		padding-left:1em;
		line-height:1.4em;
		position:relative;
	}
	
	.cancer_salon_dtl h5.salon_sub_ttl:nth-child(n+2){
		margin-top:2em;
	}
	
		h5.salon_sub_ttl:before{
			content:"";
			display:inline-block;
			width:0.7em;
			height:0.7em;
			border:1px solid #553a9b;
			border-radius:50%;
			position:absolute;
			top:0.3em;
			left:0;
		}
		
		.soudan_about{
			display:flex;
			flex-wrap:wrap;
			justify-content:center;
		}
		.soudan_about .img{
			margin-bottom:5px;
		}
		.soudan_about .soudan_zoom{
			text-align:center;
		}
		.soudan_about > .box_inner img{
			border: 1px solid #ccc;
			margin-bottom:0.5em;
		}
		
		
	.cancer_salon_dtl .rlj_list{
		margin:0 1em 2em 1em;
	}
	
		.cancer_salon_dtl .rlj_list li{
			margin-bottom:0.5em;
			padding-left:1em;
			position:relative;
		}
		
		.cancer_salon_dtl .rlj_list li:before{
			font-family: FontAwesome;
			content: "\f0da";
			color: #fa7d00;
			position:absolute;
			top:0;
			left:0;
		}
		
		.cancer_salon_dtl .rlj_list li a{
			color: #00416b;
			text-decoration: underline;
		}
		
	.cancer_salon_dtl .seminar_list{
		margin:0 1em 2em 1em;
	}
	
		.cancer_salon_dtl .seminar_list li{
			margin-bottom:0.5em;
			padding-left:1em;
			position:relative;
		}
		
		.cancer_salon_dtl .seminar_list li:before{
			font-family: FontAwesome;
			content: "\f0da";
			color: #fa7d00;
			position:absolute;
			top:0;
			left:0;
		}
		
		.cancer_salon_dtl .seminar_list li a{
			color: #00416b;
			text-decoration: underline;
		}
		
		.cancer_salon_dtl .seminar_list li .poster_img{
			width:50%;
			display:block;
			padding:10px 10px 0 10px;
			text-align:center;
			margin:0 auto;
		}
		
		.cancer_salon_dtl .seminar_list li .poster_img img.img-responsive{
			display:inline-block;
			border: 1px solid #ccc;
		}
		
	.cancer_salon_list#anchor_04 ul{
		
	}
		

/* 就労について */
dl.work {}
	dl.work dt {
		margin-bottom: 1em;
	}
	dl.work dd {
		margin: 0 0 1.5em 1em;
	}
	
.work_tbl {
	margin:1em auto;
	width:calc(100% - 6vw);
}

	.work_tbl caption{
		color: #3c3c64;
		font-weight:bold;
		text-align:center;
		font-size:1.05em;
		text-align:center;
		padding:0 0 0.3em 0;
	}


	.work_tbl th,
	.work_tbl td{
		padding:0.5em;
		border: 1px solid #ccc;
	}
	
	.work_tbl th{
		background:#e9fdc3;
		text-align:center;
	}
	
	.work_tbl_img {
		text-align: center;
	}
		.work_tbl_img a {
		}
		.work_tbl_img img {
			border: 1px solid #ccc;
			width: 70%;
			margin: 0 auto;
		}
	.work_tbl_qa .caption {
		width: 10%;
		float: left;
		padding-top: 5px;
	}
	.work_tbl_qa .sp_scroll {
		width: 90%;
		float: right;
		margin-top: 0;
	}
	.work_tbl_qa {
		position: relative;
	}
	.work_tbl_qa table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.work_tbl_qa table th ,
	.work_tbl_qa table td {
		padding: 5px !important;
		border: 0 !important;
	}
	.work_tbl_qa table th {
		width: 25%;
		text-align: right;
	}
	.work_tbl_qa table th::after {
		content: ":";
		margin: 0 5px;
	}

.shuchou_soudan{
    margin: 2rem auto 3.5rem auto;
}

    .shuchou_soudan{
        text-align: center;
        margin: 0 auto;
    }

            .shuchou_soudan a img{
                text-align: center;
                margin: 0 auto;
            }

        .shuchou_soudan p{
            margin-top: 1rem;
        }

/* がん情報関連 */
.arr {
	margin-left: 20px;
}
	.arr li {
		line-height: 1.8em;
		margin-bottom: 0.8em;
	}
		.arr li::before {
			font-family: FontAwesome;
			content: "\f0da";
			margin-right: 0.5em;
			color: #553a9b;
		}
		.arr li:last-child {
			margin-bottom: 0;
		}
		.arr li a {
			color: #000;
			text-decoration: underline;
		}
		.arr li a:hover {
			color: #337ab7;
		}
.kanwacare_facility {
	margin: 2em 0;
}
	.kanwacare_facility dl {
		padding: 0;
		margin: 0 0 1em;
	}
	.kanwacare_facility dl:last-child {
		margin-bottom: 0;
	}
	.kanwacare_facility dl dt {
		font-weight: normal;
		text-align: center;
		/*padding-left: 1.5em;*/
	}
	/*.kanwacare_facility dl dt::before {
		font-family: FontAwesome;
		content: "\f0da";
		margin-right: 0.5em;
		padding-left: 1.5em;
		margin-left: -2.3em;
		color: #553a9b;
	}*/
	.kanwacare_facility dl dd {
		text-align: center;
		border-bottom: 1px dotted #ccc;
	}
		.kanwacare_facility dl dd .phone_no {}
		.kanwacare_facility dl dd .phone_no i {
			margin-right: 0.5em;
		}
		.kanwacare_facility dl dd .phone_no a {
			font-weight: bold;
			font-size: 1.8em;
			text-align: center;
			display: inline-block;
			color: #c40026;
			padding: 10px 0;
		}

/* 冊子ダウンロード */
.books_link {}
	.books_link li {
		margin-bottom: 1em;
	}
	.books_link li::before {
		font-family: FontAwesome;
		content: "\f111";
		margin-right: 0.3em;
		vertical-align: top;
		color: #553a9b;
		position: relative;
		left: 4px;
	}
	.books_link li dl {
		width: 90%;
		display: inline-block;
	}
	.books_link li dl dt {
		margin-bottom: 1em;
	}
	.books_link li dl a {
		color: #000;
		text-decoration: underline;
	}
	.books_link li dl a:hover {
		color: #337ab7;
	}

/* リンク集 */
#link_list {}
	#link_list li {
		line-height: 1.8em;
		margin-bottom: 1em;
	}
	#link_list li:last-child {
		margin-bottom: 0;
	}
		#link_list li a {
			color: #000;
			text-decoration: underline;
		}
		#link_list li a:hover {
			color: #337ab7;
		}
		#link_list li::before {
			font-family: FontAwesome;
			content: "\f0da";
			margin-right: 0.5em;
			color: #553a9b;
		}

/* お知らせ */
.news_content {}
	.news_content ul {
		margin: 1em 0;
		padding: 1em 0;
	}
	.news_content ul li {
		border-bottom: 1px dotted #7f7d75;
		padding: 5px 10px;
		margin-bottom: 5px;
		overflow: hidden;
		line-height: 1.5em;
		color: #212121;
	}
		.ns_date {
			display: block;
		}
		.ns_content {
			display: block;
		}
		.ns_content a {
			color: #212121;
			display: block;
		}
			.ns_content a:hover ,
			.ns_content a:hover .ns_txt.close {
				color: #23527c;
				text-decoration: none;
			}
			.ns_ttl {
				font-size: 1.1em;
				font-weight: bold;
				margin: 5px 0;
			}
			.ns_ttl.new::after {
				content: "NEW";
				color: #fff;
				width: 20px;
				height: 10px;
				background: #c70000;
				margin-left: 5px;
				font-size: 10px;
				font-weight: normal;
				padding: 1px 5px;
				position: relative;
				top: -1px;
			}
			.ns_txt {
				font-size: 0.95em;
			}
			.ns_txt.close {
				opacity: inherit;
				/*font-size: inherit;*/
				font-weight: inherit;
				line-height: 1.5em;
			}
			.ns_txt.close::after {
				content: "※募集終了しました。";
				margin-left: 5px;
				color: #c70000;
			}
			/* お知らせ詳細 */
			#page_body.news {
				border-bottom: 1px dotted #ccc;
				margin-bottom: 30px;
				padding-bottom: 30px;
			}
			#page_body.news h3 {
				position: relative;
				padding: .2em;
				margin-bottom: 1em;
				border-bottom: 2px solid #ccc;
				color: #3c3c64;
				font-size: 1.2em;
				font-weight: bold;
				text-align: left;
				line-height: 1.3em;
			}
				#page_body.news h3::after {
					position: absolute;
					bottom: -2px;
					left: 0;
					z-index: 2;
					content: '';
					width: 60%;
					height: 2px;
					background-color: #3c3c64;
				}
			#post_date {
				text-align: right;
				margin-bottom: 1em;
				padding: 0 10px 0.5em;
			}
			.news_img {
				text-align: center;
			}
				.news_img a {
					display: inline-block;
				}
				.news_img a:after {
					content: "画像をクリックすると拡大します";
					display: block;
					margin-top: 10px;
					color: #222;
				}
					.news_img a img {
						padding: 3px;
						border: 1px solid #999;
						max-width: 100%;
						height: auto;
						margin: 0 auto;
					}
	.prev {
		margin-bottom: 30px;
		text-align: center;
	}
	.prev a {
		color: #643c3c;
		background: #fff;
		text-decoration: none;
		padding: 5px 30px;
		border: 1px solid #ccc;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	.prev a:hover {
		color: #3c3c64;
	}
#info_box {}
	#info_box_inner {}
		#info_box_ttl {
			text-align: center;
			margin-bottom: 1em;
			line-height: 1.5em;
		}
				#info_box_ttl .ttl_sub {
					display: block;
					margin-bottom: 5px;
				}
				#info_box_ttl h2 .ttl_main {}
		#info_box_txt {
			text-align: center;
			margin-bottom: 2em;
		}
	.contact_sodan {
		background: #fff;
		padding: 10px;
		border: 3px solid #ffe196;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		.contact_sodan_content {}
			.contact_sodan_content h3 {
				padding: 5px;
				line-height: 1.5em;
				text-align: center;
				background: #ffe196;
				border-radius: 20px;
				margin-bottom: 1em;
			}
			.contact_sodan_content table {
				margin: 0 0 20px;
				border-collapse: collapse;
				border: 0;
				width: 100%;
			}
			.contact_sodan_content table th {
				width: 25%;
				text-align: right;
			}
			.contact_sodan_content table th ,
			.contact_sodan_content table td {
				vertical-align: top;
				padding: 5px;
			}
			.contact_sodan_content table td {
				width: 80%;
			}
			.contact_sodan_content table td span {
				font-size: 1.4em;
				font-weight: bold;
			}
			.contact_sodan_content table td span a {
				color: #c70000;
				display: block;
			}
		.contact_sodan_img {
		}
		.contact_sodan_img img {
			margin: 0 auto;
		}

.poster_list ul li .poster_title.lbl_salon {
	font-size: 0.85em;
}

/*--------20201130追加--------*/
.image_center img {
	margin: 1em auto;
}

	.image_leaflet_box ul li {
		margin:0 auto 0.5em;
		width:60%;
	}
	
		.image_leaflet_box ul li p {
		text-align:center;
		}

.poster_list ul li .lbl_kyushi {
	display: block;
	font-weight: bold;
	font-size: 0.83em;
	color: #553a9b;
	padding: 0 0.5em;
	max-width:190px;
	text-align: center;
	line-height: 1.2em;
}

.cancer_salon_dtl {
	margin-bottom: 1em;
}

.ext_link_box{
		width:96%;
		line-height:1;
		margin: 0 auto 2em auto;
	}

	.ext_link_box a{
		box-sizing:border-box;
		display:flex;
		justify-content:center;
		align-items:center;
		background:#fffce0;
		color:#3c3c64;
		border:1px solid #3c3c64;
		box-shadow:2px 2px 0 0 rgba(0,0,0,0.2);
		transition:none;
		text-decoration: none;
		flex-direction:column;
		height:auto;
		padding:1em 0;
	}
		.ext_link_box a:hover{
		transform:translate(1px,1px);
		box-shadow:none;
		background:#fff;
	}
			.ext_link_box a .lbl1{
				font-size:1.3em;
				margin-bottom:0.4em;
			}

			.ext_link_box a .lbl2{
			font-size:0.85em;
		}

.soudan_about .lbl_kyushi {
	display: block;
	font-weight: bold;
	font-size: 0.83em;
	color: #553a9b;
	padding: 0 0.5em;
	max-width:190px;
	text-align: center;
	line-height: 1.2em;
}

/*--------#20201211--------*/
.ext_txt_box {
    padding: 0 4vw;
    line-height: 1.8em;
    margin-bottom:1em;
}

	.ext_txt_box ul {
		margin: 0.5em auto ;
	}

	.ext_txt_box ul li {

		}
		
		.ext_txt_box ul li:before {
			content: "・";
			margin-right: 0.3em;
			vertical-align: top;
			color: #553a9b;
			position: relative;
			left: 4px;
		}
		
.ganpia_notice{
	padding-left:1.3em;
	position:relative;
}

	.ganpia_notice:before{
		content:"＊";
		position:absolute;
		top:0;
		left:0;
	}

/*--------#20210401(就労について)--------*/

	.work_box .box_inner dl dt {
		font-size: 1.15em;
		margin-bottom: 0.2em;
	}

	.work_box .box_inner dl dd {
		margin-bottom: 1em;
	}

		.work_box .box_inner .f_txt{
			display: block;
			text-align: right;
			}

	.work_box .box_inner .riyousya_jyoukyo_box,
	.work_box .box_inner .riyousya_voice_box{
		margin-bottom:3em;
	}
	
		.work_box .box_inner .riyousya_jyoukyo_box dt,
		.work_box .box_inner .riyousya_voice_box dt{
			text-align:center;
		}
		
		.work_box .box_inner .riyousya_jyoukyo_box > dl > dt,
		.work_box .box_inner .riyousya_voice_box > dl > dt{
			margin-bottom:0.8em;
			color:#3c3c64;
		}
		
		.work_box .box_inner .riyousya_jyoukyo_box ul{
			width:80%;
			margin:0 auto;
		}
		
			.work_box .box_inner .riyousya_jyoukyo_box ul li {
				border:1px solid #ccc;
				margin-bottom:1.5em;
				padding:3vw;
			}
			
				.work_box .box_inner .riyousya_jyoukyo_box ul li p{
					line-height:1.4;
					margin:1em 0 0 0;
				}
				
	.work_box .box_inner .riyousya_voice_box .voices_list{
		margin:0 3vw;
	}
	
		.work_box .box_inner .riyousya_voice_box .voices_list li{
			margin-bottom:1em;
			display:flex;
		}
		
		.work_box .box_inner .riyousya_voice_box .voices_list li:last-child{
			margin-bottom:0;
		}
		
			.work_box .box_inner .riyousya_voice_box .voices_list li dl{}
			
				.work_box .box_inner .riyousya_voice_box .voices_list li dl dt{
					text-align:left;
					font-size:1em;
					margin-bottom:0.6em;
					padding:0 0 0.3em 0;
					border-bottom:1px dotted #aaa;
				}
				
				.work_box .box_inner .riyousya_voice_box .voices_list li dl dd{
					display:flex;
					justify-content:space-between;
				}
				
					.work_box .box_inner .riyousya_voice_box .voices_list li dl dd .ill_per{
						width:15%;
					}
					
						.work_box .box_inner .riyousya_voice_box .voices_list li dl dd .ill_per img{
							max-width:100%;
							height:auto;
						}
						
					.work_box .box_inner .riyousya_voice_box .voices_list li dl dd p{
						box-sizing:border-box;
						width:calc(85% - 4vw);
						font-size:0.9em;
						line-height:1.5;
						background:#e6f7c6;
						padding:3vw;
						border-radius:2vw;
						margin:0;
						position:relative;
					}
					
						.work_box .box_inner .riyousya_voice_box .voices_list li dl dd p:before{
							content:"";
							display:inline-block;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 0 0 3vw 3vw;
							border-color: transparent transparent #e6f7c6 transparent;
							position:absolute;
							top:6vw;
							left:-3vw;
						}

		
		.work_box .box_inner .freelance_box .box_inner{
			margin-bottom: 3em;
		}
		
			.work_box .box_inner .freelance_box .box_inner ul li{
				padding-left: 1em;
				margin-bottom: 0.5em;
				}
		
			.work_box .box_inner .freelance_box .box_inner ul li .point_ttl{
				text-decoration: underline;
				}
				
		.work_box .box_inner .freelance_box .box_footer{
			
			}
			
		.work_box .box_inner .freelance_box .box_footer dl dt{
				 color: #337ab7;
				font-size: 1.1em;
				margin-bottom:0.5em;
			}
	
	.work_intro_box{
		margin:4vw 4vw 1em 4vw;
		background:rgba(254,245,246,0.8);
		border-radius:4px;
		padding:1em 1.5em 0.5em 1.5em;
	}


/*--------#20210401(がんサロン便り)--------*/
.support_box img {
	margin: 1em auto;
}

	.support_box ul li {
		margin:0 auto 0.5em;
		width:60%;
	}
	
		.support_box ul li p {
		text-align:center;
		}



/*20230501*/
.cancer_salon_list dl{
        display:flex;
        margin-bottom:0.5em;
    }

    .cancer_salon_list dl:last-child{
        margin-bottom:0;
    }

        .cancer_salon_list dl dt{
            width:7em;
            font-weight: normal;
        }

        .cancer_salon_list dl dd{
            box-sizing:border-box;
            width:calc(100% - 5em);
            padding-left:1em;
        }



/*--------PC--------*/
@media print, screen and (min-width: 768px){
/*はみ出すテーブルを横スクロール可能 打ち消し*/
.sp_scroll{
	overflow:visible;
}

#topicpath{
	display:block !important;/*印刷対応*/
}


#header_inner {
}
	#ku_logo {
	}
	#site_title {
	}
	#site_title h1 img {
	}
	#header_contact {
	}
	/*#########h_nav###########*/
	#h_nav {
		height: 70px;
		clear: both;
		position: relative;
		z-index: 10;
		border-bottom: 2px solid #e1d8db;
	}
		#h_nav .dropdown {
			position: relative;
			height: 70px;
			text-align: center;
			letter-spacing:-0.4em;
		}
		#h_nav .dropdown > li {
			padding: 0;
			display: inline-block;
			vertical-align: top;
			height: auto;
			line-height: 1.8;
			letter-spacing:0;
		}

		#h_nav .dropdown li a {
			display: block;
			margin: 0 auto;
			background: #fef5f6;
			position:relative;
			transition:all .5s ease;
		}

		#h_nav > .dropdown > li > a {
			text-decoration:none;
		}
		
		#h_nav .dropdown li.sub_menu > a:hover{
			background:rgba(255,255,255,0.9);
		}
		
		#h_nav .dropdown li.sub_menu > a:before {
			content:"";
			display:block;
			margin:auto;
			width:0;
			height:4px;
			background:#f97d00;
			position:absolute;
			top:0;
			right:0;
			left:0;
			z-index:1;
			opacity:0;
			transition:all .3s ease;
		}
		
		#h_nav .dropdown li.sub_menu.hover > a:before {
			width:100%;
			opacity:1;
		}
	
		#h_nav .dropdown li.sub_menu > a:after {
			content:"▼";
			display:block;
			position:absolute;
			bottom:10px;
			z-index:1;
			width:100%;
			height:12px;
			line-height:12px;
			color:#3c3c64;
			font-size:12px;
			opacity:0;
			transition:all .5s ease;
		}
		
		#h_nav .dropdown li.sub_menu:nth-child(1) > a:after,
		#h_nav .dropdown li.sub_menu:nth-child(6) > a:after{
			display:none;
		}
		
		#h_nav .dropdown li.sub_menu.active > a:after {
			color:#fff;
		}
		
		#h_nav .dropdown li.sub_menu.hover > a:after {
			bottom:0;
			opacity:1;
		}
		
		#h_nav .dropdown li a img {
			margin: 0 auto;
			position:relative;
		}
			#h_nav .dropdown li.sub_menu.active > a{
				background: #f97d00;
			}
			/*
			#h_nav .dropdown li:nth-child(n+2).sub_menu.hover > a > img {
				opacity: 0;
			}
			*/
			/*
			#h_nav .dropdown li:nth-child(2).sub_menu.hover > a {
				background: url(../shared/h_nav_02_on.png) top left no-repeat #f97d00;
			}
			#h_nav .dropdown li:nth-child(3).sub_menu.hover > a {
				background: url(../shared/h_nav_03_on.png) top left no-repeat #f97d00;
			}

			#h_nav .dropdown li:nth-child(4).sub_menu.hover > a {
				background: url(../shared/h_nav_04_on.png) top left no-repeat #f97d00;
			}

			#h_nav .dropdown li:nth-child(5).sub_menu.hover > a {
				background: url(../shared/h_nav_05_on.png) top left no-repeat #f97d00;
			}
			#h_nav .dropdown li:nth-child(6).sub_menu.hover > a {
				background: url(../shared/h_nav_06_on.png) top left no-repeat #f97d00;
			}
			#h_nav .dropdown li:last-child.sub_menu.hover > a {
				background: url(../shared/h_nav_07_on.png) top left no-repeat #f97d00;
			}
			*/
			.sub_menu_second {
				text-align: left;
				visibility: hidden;
				opacity: 0;
				z-index: 1;
			}
			#h_nav .dropdown .sub_menu_second li ,
			#h_nav .dropdown .sub_menu_second li li:last-child {
				background: none;
			}

			#h_nav .dropdown:before,
			#h_nav .dropdown:after {
				content: " ";
				display: table;
			}

			#h_nav .dropdown:after {
				clear: both;
			}

			#h_nav .dropdown {
				*zoom: 1;
				background: rgba(252,221,226,0.3);
			}

				.sub_menu ul.sub_menu_second {
					position: absolute;
					top: 70px;
					left: 0;
					box-sizing: border-box;
					width: 100%;
					min-height: 4em;
					padding: 1.2em 2% 1em;
					background: #fff;
					/*background: #f97d00;*/
					-webkit-transition: all .5s ease;
					transition: all .5s ease;
					box-shadow: 0 9px 12px -9px rgba(0,0,0,0.5);
					-moz-box-shadow: 0 9px 12px -9px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0 9px 12px -9px rgba(0,0,0,0.5);
				}

				.sub_menu:hover ul.sub_menu_second {
					top: 70px;
					visibility: visible;
					opacity: 1;
				}
				
				.sub_menu ul.sub_menu_second > li{
					width:960px;
					margin:0 auto;
					position: relative;
				}
				

				.sub_menu ul.sub_menu_second .levels {}
					.sub_menu:nth-child(2) ul.sub_menu_second .levels { /* がん相談支援センターとは？ */
						position: absolute;
						left: 0px;
					}
					.sub_menu:nth-child(3) ul.sub_menu_second .levels { /* 患者様・ご家族の方へ */
						position: absolute;
						left: 255px;
					}
					.sub_menu:nth-child(4) ul.sub_menu_second .levels { /* 相談Q&A */
						position: absolute;
						left: 380px;
					}
					/*がんサロンのご案内 
					.sub_menu:nth-child(5) ul.sub_menu_second .levels {
						position: absolute;
						right: 0px;
					}

					/*.sub_menu:nth-child(6) ul.sub_menu_second .levels { 就労について
						position: absolute;
						left: 665px;
					}*/
					.sub_menu:nth-child(7) ul.sub_menu_second .levels { /* がん情報関連 */
						position: absolute;
						right: 0;
					}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li {
					display: inline-block;
					margin-right: 15px;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li::before {
					font-size: 15px;
					font-family: FontAwesome;
					content: "\f144";
					color: #f97d00;
					margin-right: 10px;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li:last-child {
					margin-right: 0;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li a {
					display: inline-block;
					padding: 0;
					line-height: 1.5em;
					width: auto;
					font-size: 15px;
					margin: 0;
					background: none;
					color: #222;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li a:hover {
					text-decoration: underline;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels ul {
					/*padding-left: 15px;
					width: 150px;
					height: 200px;
					float: left;*/
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels ul ul {
					width: 230px;
					column-count: 2;
					-webkit-column-count: 2;
					-moz-column-count: 2;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second li .levels li li a {
					height: auto;
					padding: 0;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second li .levels li li a:hover {
					background: none;
					text-decoration: underline;
				}

#topicpath {
	/*background: #f3f3f3;*/
}
	#topicpath ul {
		width: 910px;
		margin: 0 auto 25px;
		padding: 10px 0 5px;
	}
	#topicpath li {
		display: inline-block;
		font-size: 13px;
		margin-right: 8px;
	}
	#topicpath li a {
		color: #3b3c5a;
	}
	#topicpath li::after {
		font-family: 'Glyphicons Halflings';
		content: "\e258";
		font-size: 10px;
		color: #666;
		margin-left: 10px;
	}
		#topicpath li:last-child {
			color: #3c3c64;
			font-weight: bold;
		}
		#topicpath li:last-child::after {
			content: none;
		}

#pages #main_box {
	border-top: 0;
	padding-top: 0;
	background-image:url(../shared/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto;
}
#pages #main_box_inner {
	padding: 0;
}
	#page_body {
		padding: 0 20px;
		min-height: 400px;
	}
	
	#page_ttl{
		margin-bottom:20px;
	}
	
	#pages h2 {
		margin: 0;
		font-size: 30px;
		padding:0 10px 15px 10px;
	}

	#pages h3 {
		font-size: 28px;
		padding: 1em 0;
	}
	h4 {
		position: relative;
		padding: .2em;
		margin-bottom: 1em;
		font-size: 1.2em;
		font-weight: bold;
	}
		h4::after {
			position: absolute;
			bottom: -2px;
			left: 0;
			z-index: 2;
			content: '';
			width: 60%;
			height: 2px;
		}
		
		h4 .lbl_kyushi {
			display:inline-block;
			font-size:0.8em;
			padding-top:0;
			margin-left:0.5em;
		}
		

		
	h5 {
		color: #553a9b;
		font-weight: bold;
		font-size: 1.1em;
		margin: 0.5em 0;
	}

	h6 {
		font-weight: bold;
		font-size: 1.05em;
		margin: 0.5em 0;
	}
	
	p {
		line-height: 2em;
		margin-bottom: 0.8em;
	}
	.pg_box {
		margin-bottom: 2em;
	}


/* がん相談支援センターとは？ */
/* ---- ご挨拶 ---- */
#greeting {}
	.greeting_img {
		width: 150px;
		margin: 5px 0px 10px 35px;
	}
	.greeting_name {}
		.greeting_name .greeting_name_sub {
			margin-right: 15px;
		}

/* ---- ガン相談センターについて ---- */
.about_list {
	margin: 50px auto;
}
.about_list ul {}
.about_list li {
	width: 213px;
	height: 160px;
	overflow: hidden;
	margin: 0 20px 20px 0;
}
	.about_list li:first-child {
		background: none;
	}
	.about_list li:nth-child(2) {
		background: none;
	}
	.about_list li:nth-child(3) {
		background: none;
	}
	.about_list li:nth-child(4) {
		background: none;
	}
	.about_list li:nth-child(5) {
		background: none;
	}
	.about_list li:nth-child(6) {
		background: none;
	}
	.about_list li:nth-child(7) {
		background: none;
	}
	.about_list li:nth-child(8) {
		background: none;
	}
	.about_list li:last-child {
		background: none;
	}
	.about_list li:nth-child(3n) {
		margin-right: 0;
	}
.link_pdf {}
	.link_pdf ul {
		text-align: center;
	}
	.link_pdf li {
		display: inline-block;
		margin-right: 40px;
	}
	.link_pdf li:last-child {
		margin-right: 0;
	}
	.link_pdf li a {
		display: block;
		text-align: center;
	}
	.link_pdf li a .thumbnail_img {
		width: auto;
		height: auto;
		background: none;
		border: 0;
		overflow: hidden;
		display: block;
		margin: 0.5em 0;
		vertical-align: top;
	}
		.link_pdf li a .thumbnail_img img {
			margin: 0 auto;
			max-height: 250px;
			width: auto;
			border: 1px solid #ccc;
		}
	.link_pdf li a .thumbnail_txt {
		width: inherit;
		display: block;
		line-height: 1.5em;
		margin: 0.5em 0;
		padding: 0;
		text-align: center;
	}
	


/* ---- 受付・相談窓口のご案内 ---- */
.floor_map {}
.floor_map img {}
.floor_map::before {}

#guide_ph_box {}
.guide_ph_content {
	margin-bottom: 30px;
}
.guide_ph_content li {
	width: 205px;
	display: inline-block;
	margin-right: 15px;
}
.guide_ph_content li:nth-child(3n) {
	margin-right: 0;
}
.guide_ph_caption {
	margin: 3px 0 0 0;
	display: block;
}
.guide_ph_content p {}





/* 患者様・ご家族の方へ */
/* ------ ご相談内容 ------ */
.patient_box {
	margin: 0 0 60px 0;
	clear: both;
}
	.figure_box {
		width: 392px;
		overflow: hidden;
		text-align: center;
		margin: 0 auto 2rem;
	}
		.figure_ttl {
		}
		.figure_img {
			padding: 0;
		}
			.figure_img img {
				margin: 0 auto;
				border: 1px solid #ccc;
			}
	.patient_box#response_to_children ul {
		margin-left:20px;
	}
	
	.patient_box#response_to_children ul li{
		margin-bottom:20px;
	}
	
	.patient_box#response_to_children ul dt{
		margin-bottom:8px;
	}



/* 相談Q&A */
.qa {
	overflow: hidden;
}
	#question {
		margin-bottom: 60px;
		padding-bottom: 60px;
		border-bottom: 1px solid #ccc;
	}
		.question_inner {
			margin-bottom: 40px;
		}
		.question_inner ul {}
		.question_inner li {
			padding: 0 10px 10px 25px;
		}
		.question_inner li::before {
			content: "Q.";
			color: #3c3c64;
			margin: 0 5px 0 -20px;
		}
		.question_inner li a {
			text-decoration: underline;
			color: #23527c;
		}
		.question_inner li a:hover {
			color: #337ab7;
		}
	#answer {}
	.answer_inner {
		margin-bottom: 2em;
	}
	.answer_inner:last-child {
		margin-bottom: 0;
	}
	.answer_inner ul {
		margin-top: 50px;
	}
	.answer_inner ul li {
		border-bottom: 1px dashed #ccc;
		padding: 10px 10px 40px;
		margin-bottom: 40px;
	}
	.answer_inner ul li:first-child {
		padding-top: 0;
	}
	.answer_inner ul li:last-child {
		margin-bottom: 0;
	}
		.answer_inner ul li dl {}
		
		.answer_inner ul li dd {
			line-height: 1.8em;
			padding: 0 5px;

		}
			.answer_inner ul li dd::before {
			}
			.answer_inner ul li dd .decimal {
			}
				.answer_inner ul li#anchor_04_01 ul li {
					padding: 0;
				}
				.answer_inner ul li#anchor_04_01 ul li:last-child {
					border-bottom: 0;
				}
				.answer_inner ul li dd .decimal li {
					padding: 0;
					margin: 0;
					border-bottom: 0;
				}
			.answer_inner ul li dd table {
				width: 400px;
				border: 0;
				border-spacing: 0;
				border-collapse: collapse;
			}
			.answer_inner ul li dd table th ,
			.answer_inner ul li dd table td {
				border: 1px solid #ccc;
				padding: 10px;
				vertical-align: top;
			}
			.answer_inner ul li dd table td:first-child {
				width: 72px;
				text-align: center;
			}
.qa_message {
	margin: 70px auto;
	padding: 0;
	line-height: 2em;
}

	.qa_message p{
		text-align:center;
	}

	.qa_message_box {
		width: 654px;
		overflow: hidden;
		margin: 20px auto;
		padding: 10px;
	}
		.qa_message_box_content {
			width: 465px;
			overflow: hidden;
			float: left;
		}
			.qa_message_box_ttl {
				font-weight: bold;
				font-size: 16px;
				line-height: 16px;
				padding: 5px 5px 3px 5px;
				margin-bottom: 10px;
			}
			.qa_message_box_content table {
				width: 510px;
				margin: 0 auto;
				font-size: 0.9em;
			}
			.qa_message_box_content table th {
				width: 82px;
				text-align: right;
			}
			.qa_message_box_content table th ,
			.qa_message_box_content table td {
				vertical-align: middle;
				padding: 0 3px;
			}
			.qa_message_box_content table tr:first-child th {
				vertical-align: bottom;
				padding-bottom: 5px;
			}
			.qa_message_box_content table td {
				width: auto;
			}
			.qa_message_box_content table td span {
				font-size: 27px;
				font-weight: bold;
			}
		.qa_message_box_img {
			width: 175px;
			overflow: hidden;
			float: right;
		}









	.tel_link {
		color: #c40026;
		font-weight: bold;
		font-size: 1.8em;
	}
.qa_system {
	margin-bottom: 50px;
}
.qa_system p a {
	text-decoration: underline;
	color: #000;
}
.qa_system p a:hover {
	color: #337ab7;
}
	.flow_ttl {}
	.qa_system table {
		width: auto;
	}
	.qa_system table tr {}
	.qa_system table tr:nth-child(even) {}
	.qa_system table th {}
		.qa_system table th:first-child {
			width: 14px;
		}
		.qa_system table th:nth-child(2) {
			width: 260px;
		}
		.qa_system table th:nth-child(3) {
			width: 198px;
		}
		.qa_system table th:last-child {
			text-align: left;
			width: 120px;
		}
	.qa_system table td {
		padding: 10px;
	}
		.qa_system table td:nth-child(n+3) {
			vertical-align: middle;
		}
		.qa_system table td:last-child {
			text-align: right;
			padding-right: 30px;
		}
		.qa_system table td table {
			width: auto;
		}
		.qa_system table td table tr {
			border-bottom: 0;
		}
		.qa_system table td table tr:nth-child(odd) {
			background: none;
		}
		.qa_system table td table td {
			padding: 0;
		}
		.qa_system table td table td:nth-child(2) {
			width: inherit;
		}
		.qa_system table td table td:first-child {
			width: 48px;
		}
		.qa_system table td table td:last-child {
			text-align: inherit;
			padding-right: 0;
		}


.cancer_salon_list {
	margin-bottom: 2em;
}
	.cancer_salon_dtl {}
		.cancer_salon_dtl p {}
		.cancer_salon_dtl table {
			width: 600px;
			margin: 0 0 1em;
			border: 0;
			border-collapse: collapse;
		}
		.cancer_salon_dtl table td {
			padding: 5px;
			border: 1px solid #ccc;
		}
		.cancer_salon_dtl table td:first-child {
			text-align: center;
			width: 90px;
		}

.goto_news{
	margin-top:40px;
	text-align:center;
}

	.goto_news dd ul{
		letter-spacing:-0.4em;
	}

	.goto_news dd ul li{
		display:inline-block;
		letter-spacing:0;
	}
	
	.goto_news dd ul li:first-child{
		margin-right:40px;
	}



.salon_contact{
	margin:40px auto 0 auto;
	width:500px;
}


	.salon_contact > .box_header > span{
		font-weight:normal;
		padding:0 25px;
		font-size:1.1em;
	}
	
	.salon_contact > .box_inner > .salon_contact_ttl{
		margin-bottom:16px;
	}
	
	.salon_contact > .box_inner > dl > dt{
		font-weight:normal;
		margin-bottom:5px;
	}
	
	.salon_contact > .box_inner > dl.salon_tel{
		margin-bottom:5px;
	}
	
	.salon_contact > .box_inner > dl.salon_tel dd .hidden-xs.visible-sm-block.visible-md-block.visible-lg-block{
		display:block !important;/*印刷対応*/
	}
	
	.salon_contact > .box_inner > dl.salon_time{
		letter-spacing:-0.4em;
	}
	
	.salon_contact > .box_inner > dl.salon_time > dt{
		display:inline-block;
		letter-spacing:0;
		margin-right:10px;
		margin-bottom:0;
	}
	
	.salon_contact > .box_inner > dl.salon_time > dt:after{
		content:"：";
	}
	
	.salon_contact > .box_inner > dl.salon_time > dd{
		display:inline-block;
		letter-spacing:0;
	}



.contact_set {
	width: 500px;
	/*border: 2px solid #ba193c;*/
	border: 2px solid #ccc;
	border-radius: 4px;
	margin: 50px auto 0;
	padding: 1.2em;
	position: relative;
}
.contact_set::before {
	width: 60%;
	background-color: #fff;
	content: "お問い合わせ先";
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 0 .5em;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}
	.contact_set_ttl {
		background: #fff9d6;
		padding: 5px;
		text-align: center;
		font-weight: bold;
		margin : 1em 0;
	}
	.contact_set table {
		width: 500px;
		margin: 0 auto;
	}
	.contact_set table tr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.contact_set table td {
		vertical-align: top;
		padding: 5px;
	}
	.contact_set table td:first-child {
		text-align: center;
	}
	.contact_set table td span {
		display: inline-block;
	}
	.contact_set table td a {
		font-size: 1.2em;
		font-weight: bold;
		color: #c40026;
	}
	
h5.salon_sub_ttl {
	padding-left:1.3em;
}

	h5.salon_sub_ttl:before{
		top:0.1em;
	}
	
	.poster_list ul li{
		width:auto;
		padding: 0 10px;
	}


.soudan_about{
	margin:0 30px 40px 30px;
}

	.soudan_about > .box_inner{
		padding:20px 15px 15px 15px;
	}


/* 就労について */
dl.work {}
	dl.work dt {
		margin-bottom: 1em;
	}
	dl.work dd {
		margin: 0 0 1.5em 1em;
		line-height: 2em;
	}
.work_tbl {
	width: 550px;
	margin:0 auto 1em auto;
	/*float: left;*/

}
	.work_tbl td {
		padding: 10px;
	}
	.work_tbl td:first-child {
		width: 100px;
	}
	.work_tbl_img {
		width: 300px;
		float: right;
	}
		.work_tbl_img img {
		}
.work_tbl_qa {
	margin-top: 20px;
}

.work_tbl_qa .caption {
	width: 30px;
	margin-right: 10px;
	text-align: center;
}
.work_tbl_qa .sp_scroll {
	float: left;
	width: auto;
}
.work_tbl_qa .sp_scroll table {
	width: 780px !important;
}
.work_tbl_qa table th {
	width: 92px;
}

#info_box {
	background-size: auto;
}
	#info_box_inner {
		padding: 50px 10px;
	}
		#info_box_ttl {
			text-align: center;
			margin-bottom: 1em;
		}
			#info_box_ttl {
				line-height: 1.5em;
			}
			#info_box_ttl .ttl_sub {
				display: inline-block;
				margin-right: 10px;
			}
			#info_box_ttl .ttl_main {
				display: inline-block;
			}
		#info_box_txt {
			text-align: center;
			margin-bottom: 30px;
			line-height: 1.8em;
		}
	.contact_sodan {
		width: 710px;
		overflow: hidden;
		margin: 0 auto;
		padding: 10px 15px;
	}
		.contact_sodan_content {
			width: 515px;
			overflow: hidden;
			float: left;
		}
			.contact_sodan_content table {
				width: 510px;
				margin: 0 auto;
			}
			.contact_sodan_content table th {
				width: 82px;
				text-align: right;
			}
			.contact_sodan_content table th ,
			.contact_sodan_content table td {
				padding: 5px 3px;
				vertical-align: middle;
			}
			.contact_sodan_content table tr:first-child th {
				vertical-align: bottom;
				padding-bottom: 10px;
			}
			.contact_sodan_content table td {
				width: auto;
			}
			.contact_sodan_content table td span {
				font-size: 27px;
				font-weight: bold;
			}

		.sidebar_menu .contact_sodan {
			width: 634px;
			overflow: hidden;
			margin: 0 auto;
			padding: 10px;
		}
		.sidebar_menu .contact_sodan_content {
			width: 455px;
			overflow: hidden;
			float: left;
		}
			.sidebar_menu .contact_sodan_content table {
				width: 455px;
				font-size: 0.9em;
			}
			.sidebar_menu .contact_sodan_content table th {
				width: 70px;
				text-align: right;
			}
			.sidebar_menu .contact_sodan_content table th ,
			.sidebar_menu .contact_sodan_content table td {
				vertical-align: top;
				padding: 5px 0;
			}
			.sidebar_menu .contact_sodan_content table tr:first-child th {
				width: 70px;
				vertical-align: bottom;
				padding-bottom: 10px;
			}
			.sidebar_menu .contact_sodan_content table td {
				width: 385px;
			}
			.sidebar_menu .contact_sodan_content table td span {
				font-size: 27px;
				font-weight: bold;
				position: relative;
				top: 6px;
			}



		.contact_sodan_img {
			width: 175px;
			overflow: hidden;
			float: right;
		}
/* がん相談情報関連 */
.kanwacare_facility {
	margin: 2em 0;
}
	.kanwacare_facility dl {
		padding: 0 10px;
		margin: 0 0 1em;
	}
	.kanwacare_facility dl:last-child {
		margin-bottom: 0;
	}
	.kanwacare_facility dl dt {
		padding: 10px;
	}
	.kanwacare_facility dl dt::before {}
	.kanwacare_facility dl dd {
		padding-bottom: 10px;
	}
		.kanwacare_facility dl dd .phone_no {
			font-weight: bold;
			font-size: 1.7em;
			text-align: center;
			display: inline-block;
			margin-left: 1em;
			color: #c40026;
		}

/* ご相談内容 */
.kanren_link_ttl {
	font-size: inherit;
}

/* お知らせ */
.news_content {
	width: 860px;
	overflow: hidden;
	margin: 0 auto;
}
	.news_content ul {
		margin: 1em 0;
		padding: 1em 0;
	}
	.news_content ul li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		vertical-align: top;
	}
		.ns_date {
			width: 120px;
			float: left;
		}
		.ns_content {
			width: 720px;
			float: right;
		}
		.ns_content a {
			color: #212121;
			display: block;
		}
			.ns_content a:hover ,
			.ns_content a:hover .ns_txt.close {
				color: #23527c;
				text-decoration: none;
			}
			.ns_ttl {
				font-size: 1.1em;
				font-weight: inherit;
				margin: 0 0 5px 0;
			}
			.ns_ttl.new::after {
				content: "NEW";
				color: #fff;
				width: 20px;
				height: 10px;
				background: #c70000;
				margin-left: 5px;
				font-size: 10px;
				font-weight: normal;
				padding: 1px 5px;
				position: relative;
				top: -2px;
			}
			.ns_txt {
				font-size: 0.95em;
			}
			.ns_txt.close {
				opacity: inherit;
				/*font-size: inherit;*/
				font-weight: inherit;
				line-height: 1.5em;
			}
			.ns_txt.close::after {
				content: "※募集終了しました。";
				margin-left: 5px;
				color: #c70000;
			}
			
			/* お知らせ詳細 */
			#page_body.news h3 {
				position: relative;
				padding: 20px 10px 10px 10px;
				margin-bottom: 1em;
				font-size: 20px;
				font-weight: bold;
			}
			#pages.news h3::after {
				position: absolute;
				bottom: -2px;
				left: 0;
				z-index: 2;
				content: '';
				width: 60%;
				height: 2px;
			}
			#post_date {
				text-align: right;
			}
	.prev {
		margin-bottom: 50px;
		padding: 10px 0;
	}
	.prev a {
		padding: 5px 30px;
	}
	
.pg_anchor ul li {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin-bottom: 0.5em;
    float: none;
    border-right: 1px solid #aaa;

}

.pg_anchor ul li:last-child{
	border-right:none;
}

.pg_anchor ul li a {
	background:none;
	position:relative;
	padding:0 13px 0 0;
}

.pg_anchor ul li a:after{
	color:#3c3c64;
	position:absolute;
	top:0;
	right:0;
	transition:all .3s ease;
}

.pg_anchor ul li a:hover:after{
	position:absolute;
	top:3px;
	right:0;
}

.poster_list ul li .poster_title {
	font-size: 1em;
}


/********20201130**********/
.ext_link_box{
		width: 450px;
}

/********20201211**********/
.ext_txt_box {
    margin: 0 auto 1em auto;
    width: 450px;
}

/********20210119**********/
	.ganpia_list ul li{
		width: auto;
	}
	
	
	.ganpia_list ul li:nth-child(2){
		width: auto;
	}

br.sp{
	display: none;	
}


	/******20210401*******/
	.work_box .box_inner .riyousya_jyoukyo_box > dl > dd > p{
		text-align:center;
	}
	
	
	.work_box .box_inner .riyousya_jyoukyo_box ul {
		display:flex;
		justify-content:space-between;
		width:auto;
		margin-top:0.5em;
	}
	
		.work_box .box_inner .riyousya_jyoukyo_box ul li{
			margin-bottom:0;
			padding: 1em 0;
			width:calc((100% - 1.6em) / 2);
			text-align:center;
		}
		
			.work_box .box_inner .riyousya_jyoukyo_box ul li img.img-responsive{
				display:inline-block;
			}
		


	.work_box .box_inner .riyousya_voice_box .voices_list{
		margin:0 1em;
	}
	
		.work_box .box_inner .riyousya_voice_box .voices_list li{
			margin-bottom:2.5em;
		}
		
			.work_box .box_inner .riyousya_voice_box .voices_list li dl{
				margin-bottom:0;
				width:100%;
			}
		
				.work_box .box_inner .riyousya_voice_box .voices_list li dl dt{
					margin-bottom:1em;
					padding:0 0 0.3em 0;
				}
				
					.work_box .box_inner .riyousya_voice_box .voices_list li dl dd{
						margin:0;
						width:100%;
					}
				
					.work_box .box_inner .riyousya_voice_box .voices_list li dl dd .ill_per{
						width:120px;
					}
					
					.work_box .box_inner .riyousya_voice_box .voices_list li dl dd p{
						width:510px;
						font-size:1em;
						line-height:1.7;
						padding:1em;
						border-radius:5px;
					}
					
						.work_box .box_inner .riyousya_voice_box .voices_list li dl dd p:before{
							border-width: 0 0 16px 16px;
							top:2em;
							left:-16px;
						}
						
	.work_intro_box{
		margin:1.5em 1em 2.5em 1em;
		padding:1em 1.5em 0.3em 1.5em;
	}
	
	#sidebar.top0{
		top:0;
	}

}





@media only print{
	.qa_message_box_content table tr:nth-child(1) td span.visible-xs-inline.hidden-sm.hidden-md.hidden-lg a{
		display:inline !important;
	}
}


/*ipad用*/
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {
	.home_catch_wrap {
		height: 350px;
	}

	#home_catch > ul{
		width:auto;
		height:auto;
	}
}