@charset "UTF-8";

.breadcrumbs br{
	display: none;
}

#link01{
	padding-top: 1.5em;
	margin-top: -1.5em;
	display: block;
}

/* page-voice
-------------------------------------*/
@media screen and (min-width:641px) {


.h-none{
	height: 3.7em;
	overflow: hidden;
color: #2b2827;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.12px;
line-height: 24px;
}

.sy-area{
color: #a7a7a7;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.12px;
line-height: 24px;
margin-bottom: 8px;
}

.sy-area span:nth-child(2)::before{
	content: "|";
}

	#page-voice{
width: 1100px;
margin: 0 auto;		
	}

	.h2-bg { background-image: url(../images/voice/h2.jpg); }
	.syttl {
		padding-bottom: 20px;
margin-bottom: 16px;
border-bottom: 2px solid #cdcbcc;
text-align: center;
	}

#voice{
	width: 1100px;
	margin: 0 auto;
}


	/* category-select-01
	-------------------------------------*/
	.category-select-01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; }
	.category-select-01 li { width: 130px; padding: 5px 1em 5px 1em; border: 2px solid #19100c; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Sfari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */ color: #19100c; font-size: 15px; font-weight: 700; text-align: center; margin-right: 15px; margin-bottom: 24px; position: relative; }
	.category-select-01 li:hover { background-color: #19100c; color: #fff; }
	.category-select-01 li:hover a { color: #fff; }
	.category-select-01 li:hover a:hover { text-decoration: none; }
	.category-select-01 li:nth-child(5n) { margin-right: 0px; }
	.category-select-01 .active-nav { background-color: #19100c; position: relative; color: #fff; }
	.category-select-01 .active-nav a { color: #fff; text-decoration: none; }
	.category-select-01 .active-nav:after, .category-select-01 .active-nav:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	.category-select-01 .active-nav:after { border-color: transparent; border-top-color: #19100c; border-width: 6px; margin-left: -6px; }
	.category-select-01 .active-nav:before { border-color: transparent; border-top-color: #19100c; border-width: 12px; margin-left: -12px; }

	/* voice-list
	-------------------------------------*/
	.voice-list{margin-bottom: 80px;}
	.voice-list a:hover { text-decoration: none!important; }
	.voice-list h5 { padding-left: 6px; padding-right: 6px; color: #665d59; font-size: 14px; font-weight: 400; line-height: 18px; font-weight: bold;}
	.voice-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 51px; }
	.voice-list ul li { width: 340px; margin-right: 40px; margin-bottom: 38px;/* border: 1px solid #e3d9ce; *//* background-color: #eae1d5; */ /* padding: 10px 10px 30px 10px; */position: relative;}
	.voice-list ul li img { margin-bottom: 6px; }
	.voice-list ul li:nth-child(3n) { margin-right: 0px; }
	.voice-list ul li .fit { height: 240px; margin-bottom: 15px; }
	.voice-list ul li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	.link-area { margin-top: 43px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 64px; }
	.voice-list .list_number{font-size: 40px;font-weight: bold;line-height: 40px;margin-bottom: 5px;color: #ff6600;}
	.voice-list .list_icon{position: absolute;top:10px;left:10px;z-index: 999;}
	.voice-list .more{position: absolute;bottom:10px;right:10px;z-index: 999;}

	/* ☆ 詳細ページ
	-------------------------------------*/
	.h3-Box-01 { margin-bottom: 38px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 3px solid #dddddd; }
	.h3-Box-01 h3 { padding-bottom: 8px; color: #2b2827; font-size: 20px; font-weight: 400; }
	.h3-Box-01 h3:before { content: "\25A0 \a0"; color: #ea5404; font-size: 16px; }
	.h3-Box-01 .category-Box { margin-top: 4px; }
	.h3-Box-01 .category-Box span { border-radius: 4px; /* CSS3草案 */ -webkit-border-radius: 4px; /* Safari,Google Chrome用 */ -moz-border-radius: 4px; /* Firefox用 */ background-color: #f3f2e6; padding-top: 6px; padding-bottom: 5px; padding-left: 1em; padding-right: 1em; font-family: Meiryo; color: #2b2827; font-size: 14px; font-weight: 400; }

	#sect-01 .h4-ptn-01 {
color: #2b2827;
font-size: 22px;
font-weight: 700;
letter-spacing: 1.1px;
margin-bottom: 27px;
	}


	#sect-01 .main-pic { text-align: center; margin-bottom: 24px; }
	#sect-01 .main-pic img { max-width: 100% !important; height: auto !important; }
	#sect-02 { margin-top: 45px; }
	#sect-02 .gallery-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#sect-02 .gallery-list li { width: 170px; margin-right: 10px; margin-bottom: 10px; }
	#sect-02 .gallery-list li .fit { height: 120px; }
	#sect-02 .gallery-list li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	#sect-02 .gallery-list li:nth-child(4n) { margin-right: 0px; }
	#sect-02 .small { color: #666666; font-size: 13px; font-weight: 400; }

	/* category-select-02
	-------------------------------------*/
	.category-select-02 { padding-top: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.category-select-02 li { width: 130px; padding: 5px 1em 5px 1em; border: 2px solid #19100c; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Sfari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */ color: #19100c; font-size: 15px; font-weight: 700; text-align: center; margin-right: 15px; margin-bottom: 24px; position: relative; }
	.category-select-02 li:hover { background-color: #19100c; color: #fff; }
	.category-select-02 li:hover a { color: #fff; }
	.category-select-02 li:hover a:hover { text-decoration: none; }
	.category-select-02 li:nth-child(5n) { margin-right: 0px; }
	.category-select-02 .active-nav { background-color: #19100c; position: relative; color: #fff; }
	.category-select-02 .active-nav a { color: #fff; text-decoration: none; }
	.category-select-02 .active-nav:after, .category-select-02 .active-nav:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	.category-select-02 .active-nav:after { border-color: transparent; border-bottom-color: #19100c; border-width: 6px; margin-left: -6px; }
	.category-select-02 .active-nav:before { border-color: transparent; border-bottom-color: #19100c; border-width: 12px; margin-left: -12px; }


	#profile{overflow: hidden;margin-bottom: 45px;border-bottom: 1px solid #dddddd;padding-bottom: 20px;}
	#profile .number{
		font-size: 60px;
		font-weight: bold;
		color: #ff6600;
		line-height: 60px;
	}
	#profile .profile{
		float: left;
		font-size: 28px;
		font-weight: bold;
		color: #2b2827;
		margin-right: 20px;
color: #a7a7a7;
font-size: 16px;
font-weight: 500;
letter-spacing: 1.28px;
line-height: 24px;

	}

	#profile .profile span:nth-child(2)::before{
		content: "|";
	}

	#profile .icon{
		float: left;
		margin-top: 8px;
	}


    .voice-txt-001 {
font-size: 15px;
font-weight: 500;
letter-spacing: 1.28px;
line-height: 1.8;
margin-bottom: 24px;
text-align: center;
}

.voice-txt-001 .ss{
	color: #ff8500;
	font-weight: 700;
}

#voice h4 {
    /* text-align: center;
    margin-bottom: 26px; */
}
#voice .txt {
    color: #2b2827;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 24px;
}

#voice .voice-list2{
width: 900px;
margin: 0 auto;
}

#voice .voice-list2 li {
	border: 5px solid #eeece7;
    padding: 40px 48px 80px;
    position: relative;
    margin-bottom: 20px;
}
#voice .voice-list2 .h5-Box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px dotted #000000;
    padding-bottom: 4px;
    margin-bottom: 16px;
}
#voice .voice-list2 .h5-Box h5 {
    color: #2b2827;
    font-size: 20px;
    font-weight: 400;
}
#voice .voice-list2 .h5-Box h5:before {
    content: "\25A0 \a0";
    color: #ea5607;
}
#voice .voice-list2 .h5-Box span {
    display: block;
    padding-top: 0.5em;
    color: #2b2827;
    font-size: 13px;
    font-weight: 400;
}	
#voice .voice-list2 li .more {
    position: absolute;
    right: 30px;
    bottom: 16px;
}	
	

.sy-ttl-02{
font-size: 22px;
padding-bottom: 10px;
font-weight: 700;
letter-spacing: 1.76px;
}

#sect-01{
border: 5px solid #eeece7;
padding: 48px 75px 60px;
margin-bottom: 32px;
}

	
}



/*SP用*/
@media screen and (max-width:640px) {


	.h-none{
		height: 3.5em;
		overflow: hidden;
	color: #2b2827;
	font-size: 3.382vw;
	font-weight: 700;
	letter-spacing: 0.271vw;
	line-height: 5.797vw;
	}
	
	.sy-area{
	color: #a7a7a7;
	font-size: 3.382vw;
	font-weight: 500;
	letter-spacing: 0.271vw;
	line-height: 5.797vw;
	margin-bottom: 1.932vw;
	}
	
	.sy-area span:nth-child(2)::before{
		content: "|";
	}
	
		#page-voice{
	width: 92vw;
	margin: 0 auto;		
		}
	
		.h2-bg { background-image: url(../images/voice/h2.jpg); }
		.syttl {
			padding-bottom: 3.382vw;
	margin-bottom: 3.865vw;
	border-bottom: 2px solid #cdcbcc;
	text-align: center;
		}
	
	#voice{
		width: 92vw;
		margin: 0 auto;
	}

	#sect-01{
		width: 92vw;
		border: 5px solid #eeece7;
		margin-top: 5.797vw;
		padding: 5vw 4vw;
	margin-bottom: 6vw;}
	






	.h2-bg { background-image: url(../images/voice/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 9.179vw; }
	h4 img { padding: 0 25vw; }

	/* category-select-01
	-------------------------------------*/
	.category-select-01 {display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1.932vw;justify-content: space-between;}
	.category-select-01 li { width: 48%; padding: 5px 1vw; border: 2px solid #19100c; border-radius: 0.483vw; /* CSS3草案 */ -webkit-border-radius: 0.483vw; /* Sfari,Google Chrome用 */ -moz-border-radius: 0.483vw; /* Firefox用 */ color: #19100c; font-size: 4vw; font-weight: 700; text-align: center; margin-bottom: 3.382vw; position: relative; }
	.category-select-01 li:hover { background-color: #19100c; color: #fff; }
	.category-select-01 li:hover a { color: #fff; }
	.category-select-01 li:hover a:hover { text-decoration: none; }
	.category-select-01 li:nth-child(5n) { margin-right: 0px; }
	.category-select-01 .active-nav { background-color: #19100c; position: relative; color: #fff; }
	.category-select-01 .active-nav a { color: #fff; text-decoration: none; }
	.category-select-01 .active-nav:after, .category-select-01 .active-nav:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	.category-select-01 .active-nav:after { border-color: transparent; border-top-color: #19100c; border-width: 1.449vw; margin-left: -1.449vw; }
	.category-select-01 .active-nav:before { border-color: transparent; border-top-color: #19100c; border-width: 2.899vw; margin-left: -2.899vw; }

	/* voice-list
	-------------------------------------*/
	.voice-list h5 { padding-left: 1.449vw; padding-right: 1.449vw; color: #665d59; font-size: 3.382vw; font-weight: 400; line-height: 4.348vw; }
	.voice-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7.246vw; justify-content: space-between; }
	.voice-list ul li { /* border: 1px solid #e3d9ce; */ /* background-color: #eae1d5; */ /* padding: 2vw 2vw 5vw; */ width: 100%; margin-bottom: 7.729vw; position: relative;}
	.voice-list ul li img { margin-bottom: 1.449vw; }
	.voice-list ul li:nth-child(3n) { margin-right: 0px; }
	.voice-list ul li .fit { height: 57.971vw; margin-bottom: 3.623vw; }
	.voice-list ul li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	.link-area {margin-top: 4.831vw;padding: 0 10vw;margin-bottom: 7.246vw;}
	.link-area a { margin-top: 3.623vw; display: block; }
	.voice-list .list_icon{position: absolute;top:2vw;left:2vw;z-index: 999;}
	.voice-list .more{position: absolute;bottom:2.415vw;right:2.415vw;z-index: 999;}
	.voice-list .list_number{font-size: 3em;font-weight: bold;line-height: 1em;margin-bottom: 1.208vw;color: #ff6600;}
	
	/* ☆ 詳細ページ
	-------------------------------------*/
	.h3-Box-01 { margin-bottom: 9.179vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 3px solid #dddddd; }
	.h3-Box-01 h3 { padding-bottom: 1.932vw; color: #2b2827; font-size: 4.831vw; font-weight: 400; }
	.h3-Box-01 h3:before { content: "\25A0 \a0"; color: #ea5404; font-size: 3.865vw; }
	.h3-Box-01 .category-Box { margin-top: 0.966vw; }
	.h3-Box-01 .category-Box span { border-radius: 0.966vw; /* CSS3草案 */ -webkit-border-radius: 0.966vw; /* Safari,Google Chrome用 */ -moz-border-radius: 0.966vw; /* Firefox用 */ background-color: #f3f2e6; padding-top: 1.449vw; padding-bottom: 1.208vw; padding-left: 1em; padding-right: 1em; font-family: Meiryo; color: #2b2827; font-size: 3.382vw; font-weight: 400; }

	#sect-01 .h4-ptn-01 {
color: #2b2827;
font-size: 4.348vw;
font-weight: 700;
letter-spacing: 0.266vw;
margin-bottom: 4vw;
	}

	#sect-01 .main-pic { text-align: center; margin-bottom: 4.831vw; }
	#sect-01 .main-pic img { max-width: 100% !important; height: auto !important; }
	#sect-02 { margin-top: 10.87vw; }
	#sect-02 h5 img{
		padding:0 30vw;
	}
	#sect-02 .gallery-list {display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
	#sect-02 .gallery-list li {width: 48%;margin-bottom: 2.415vw;}
	#sect-02 .gallery-list li .fit { height: 28.986vw; }
	#sect-02 .gallery-list li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	#sect-02 .gallery-list li:nth-child(4n) { margin-right: 0px; }
	#sect-02 .small { color: #666666; font-size: 3.14vw; font-weight: 400; }
	#profile{overflow: hidden;margin-bottom: 4.831vw;border-bottom: 1px solid #dddddd;padding-bottom: 2.415vw;}
	#profile .number{font-size: 3em;font-weight: bold;	color: #ff6600;	line-height: 1em;}
	#profile .profile{float: left;font-size: 1em;font-weight: bold;color: #2b2827;margin-right: 2.415vw;	}
	#profile .icon{	float: right;}

	/* category-select-02
	-------------------------------------*/
	.category-select-02 {padding-top: 11.594vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
	.category-select-02 li {width: 48%;padding: 5px 1em 5px 1em;border: 2px solid #19100c;border-radius: 0.483vw; /* CSS3草案 */-webkit-border-radius: 0.483vw; /* Sfari,Google Chrome用 */-moz-border-radius: 0.483vw; /* Firefox用 */color: #19100c;font-size: 3.623vw;font-weight: 700;text-align: center;margin-bottom: 5.797vw;position: relative;}
	.category-select-02 li:hover { background-color: #19100c; color: #fff; }
	.category-select-02 li:hover a { color: #fff; }
	.category-select-02 li:hover a:hover { text-decoration: none; }
	.category-select-02 li:nth-child(5n) { margin-right: 0px; }
	.category-select-02 .active-nav { background-color: #19100c; position: relative; color: #fff; }
	.category-select-02 .active-nav a { color: #fff; text-decoration: none; }
	.category-select-02 .active-nav:after, .category-select-02 .active-nav:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	.category-select-02 .active-nav:after { border-color: transparent; border-bottom-color: #19100c; border-width: 1.449vw; margin-left: -1.449vw; }
	.category-select-02 .active-nav:before { border-color: transparent; border-bottom-color: #19100c; border-width: 2.899vw; margin-left: -2.899vw; }


#voice h4 {
    /* text-align: center;
    margin-bottom: 4.831vw; */
}
#voice .txt {
    color: #2b2827;
    font-size: 3.382vw;
    font-weight: 400;
    margin-bottom: 5.797vw;
}
#voice .txt br {
    display: none;
}
#voice .voice-list2 li {
    
    padding: 5vw 3vw 4vw;
    position: relative;
    margin-bottom: 4.831vw;
border: 5px solid #eeece7;}
#voice .voice-list2 .h5-Box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #eeece7;
    padding-bottom: 2.415vw;
    margin-bottom: 3.865vw;
    flex-wrap: wrap;
}
#voice .voice-list2 .h5-Box h5 {
    color: #2b2827;
    font-size: 4.831vw;
    font-weight: 400;
    width: 100%;
}
#voice .voice-list2 .h5-Box h5:before {
    content: "\25A0 \a0";
    color: #ea5607;
}
#voice .voice-list2 .h5-Box span {
    display: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #2b2827;
    font-size: 3.14vw;
    font-weight: 400;
    width: 100%;
}
#voice .voice-list2 li .more {
    padding: 4vw 0 2vw 0vw;
    width: 47vw;
    margin: 0 auto;
}
	
	
	
#profile .profile{
	float: left;
	font-size: 6.763vw;
	font-weight: bold;
	color: #2b2827;
	margin-right: 4.831vw;
color: #a7a7a7;
font-size: 3.623vw;
font-weight: 500;
letter-spacing: 0.309vw;
line-height: 5.797vw;
}

#profile .profile span:nth-child(2)::before{
	content: "|";
}
	
	
	
.syttl img{
width: 18vw;
}
	
.syttl.ano img{
	width: 30vw;
}

.voice-txt-001{
	font-size: 3.1vw;
	margin-bottom: 3vw;
line-height: 1.65;text-align: center;}
	.voice-txt-001 .ss{
		color: #ff8500;
		font-weight: 700;
	}
	
	.sy-ttl-02{
		font-size: 4.348vw;
		font-weight: 700;
	}
	
	
}