@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* { box-sizing: border-box;}
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

/* ---------- 初期 ---------- */
body { letter-spacing: 0.01em; font-family: 'Noto Sans JP', sans-serif; -webkit-text-size-adjust: 100%;}
img { max-width: 100%; width: 100%;}
a { text-decoration: none;}
strong { font-weight: bold;}
/* ---------- /共通部分 ---------- */
#jougetyuou { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto;}
#kadomaru { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#resbtn { -webkit-appearance: none;}
#gurade { background: -moz-linear-gradient(開始位置, 開始色, 終了色); 
background: -webkit-linear-gradient(開始位置, 開始色, 終了色); 
background: linear-gradient(to 方向, 開始色, 終了色); }
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s; cursor: pointer;}
/* ---------- /参考タグ部分 ---------- */




/* PC */
@media screen and (min-width: 769px) {
	.sponly { display: none!important;}
	.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	p{ margin: 0 0 10px;}
	main.voice { margin-top: 180px; font-size: 16px;}
	main.voice .container { width: 960px; margin: 0 auto;}
	main.voice section { margin-bottom: 2em;}
	main.voice h1 { font-size: 35px; font-weight: 300; line-height: 1.4; margin-top: 0; margin-bottom: 0.5em;}
	main.voice h2 { font-size: 22px; font-weight: 300; line-height: 1.8; margin-top: 0; margin-bottom: 1em;}
	main.voice p { line-height: 1.8;}
	main.voice .intro .kakomi { width: 100%; border: 1px solid #999; margin: 2em 0; padding: 1em 1.5em; display: table;}
	main.voice .intro .kakomi .col-text { display: table-cell; width: 320px; padding-right: 1.5em; border-right: 1px solid #999;}
	main.voice .intro .kakomi .col-text p { margin-bottom: 0;}
	main.voice .intro .kakomi .col-figure { display: table-cell; width: auto; padding-left: 1.5em;}
	main.voice .intro .kakomi .col-figure .ttl-yakuwari { background: #000; color: #fff; display: inline-block; padding: 0 1em;}
	main.voice .intro .kakomi .col-figure figcaption { color: red;}
	main.voice figcaption { margin-top: 0.5em; font-size: 14px; line-height: 1.8;}
	main.voice .profile {background-color: #E4E4E4; padding: 35px 40px;}
	main.voice .profile .link { display: block; text-align: right;}
	main.voice .profile .link a { color: #000;}
	main.voice .dot { border: 0; height: 2em; margin-top: 2em; margin-bottom: 2em; text-align: center; font-size: 1.5em; color: #999;}
	main.voice .dot::before { content: "■";}
	main.voice .padding-left-sm { padding-left: 40px;}
	main.voice .padding-right-sm { padding-right: 40px;}
	main.voice .img-float { float: right; margin-top: 0.4em; margin-left: 0.8em; width: auto;}
	main.voice .profile h2 { border-bottom: 1px solid; padding-bottom: 0.5em;}
	main.voice .human .col-sm-8 p.ttl-title { font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #999;}
	main.voice .human .table-cell { display: table-cell; vertical-align: bottom; float: none;}
	
	#voice_list { background: #000; color: #fff;margin-top: 48px;}
	#voice_list .voice_list-inner { width: 85.71%; max-width: 1200px; margin: 0 auto; padding: 52px 0 80px; color: #fff;}
	#voice_list .voice_list-inner h2 { font-size: 42px; font-weight: 900; text-align: center; margin-bottom: 42px;}
	#voice_list .voice_list-inner ul { flex-wrap: wrap;}
	#voice_list .voice_list-inner ul li { width: 48.5%; border: 1px solid #fff; position: relative; margin-bottom: 36px;}
	#voice_list .voice_list-inner ul li::before { position: absolute; content: ''; background: url("../img/btn_arrow_white.svg")no-repeat center/cover; bottom: 0; right: 0; width: 38px; height: 38px;}
	#voice_list .voice_list-inner ul li .list_img { width: 29.2%; overflow: hidden; }
	#voice_list .voice_list-inner ul li .list_img img { width: 100%; height: 100%; object-fit: cover;}
	#voice_list .voice_list-inner ul li .list-right { width: 70.79%; padding: 3.4%;}
	#voice_list .voice_list-inner ul li .list-right .list-txt { font-size: 20px; line-height: 1.6em; font-weight: bold; }
	#voice_list .voice_list-inner ul li .list-right .list-txt-02 { font-size: 14px; font-weight: bold; line-height: 1.71em; }
	
	#voice_list .voice_list-inner .btn-box { text-align: center; margin-top: 24px;}
	#voice_list .voice_list-inner .btn-box a {  line-height: 3.125em; font-size: 16px; color: #fff; border-radius: 25px; border: 2px solid #fff; text-align: center; background: url("../img/top_btn_arrow.svg")no-repeat right 25px top 51%/9.25px; display: inline-block; width:223px; text-decoration: none;}
	#voice_list .voice_list-inner .btn-box a:hover { color: #000; background-color: #fff; background-image: url("../img/top_btn_arrow_on.svg");}
}
/* SP */

@media screen and (max-width: 768px) {
	.pconly { display: none!important;}
	.spwrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	
	p{ margin: 0 0 10px;}
	main.voice { font-size: 14px; margin-top: 82px; margin-bottom: 82px;}
	main.voice .container {padding: 0 10px; margin: 0 auto;}
	main.voice section { margin-bottom: 2em;}
	main.voice h1 { font-size: 30px; font-weight: 300; line-height: 1.4; margin-top: 0; margin-bottom: 0.5em;}
	main.voice h2 { font-size: 20px; line-height: 1.6; margin-bottom: 0.5em; font-weight: 300; margin-top: 0;}
	main.voice p { line-height: 1.8;}
	main.voice .intro .kakomi { width: 100%; border: 1px solid #999; margin: 2em 0; padding: 1em 1.5em;}
	main.voice .intro .kakomi .col-text {     display: block; width: 320px;}
	main.voice .intro .kakomi .col-text p { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #999;}
	main.voice .intro .kakomi .col-figure {    display: block; width: auto;}
	main.voice .intro .kakomi .col-figure .ttl-yakuwari { background: #000; color: #fff; display: inline-block; padding: 0 1em;}
	main.voice .intro .kakomi .col-figure figcaption { color: red;}
	main.voice .human .col-sm-8 p.ttl-title { font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #999;}
	main.voice .human .col-sm-8 { margin-top: 10px;}
	main.voice figcaption { margin-top: 0.5em; font-size: 12px; line-height: 1.8;}
	main.voice .profile {background-color: #E4E4E4; padding: 35px 40px;}
	main.voice .profile .link { display: block; text-align: right; letter-spacing: 0;}
	main.voice .profile .link a { color: #000;}
	main.voice .dot { border: 0; height: 2em; margin-top: 1em; margin-bottom: 1em; text-align: center; font-size: 1.5em; color: #999;}
	main.voice .dot::before { content: "■";}
	main.voice .padding-left-sm { padding-left: 0; padding-right: 0;}
	main.voice .padding-right-sm { padding-right: 0; padding-left: 0;}
	main.voice .img-float { float: right; margin-top: 0.4em; margin-left: 0.8em; width: 40%;}
	main.voice .row { margin: 0;}
	main.voice .row .col-sm-5 {padding: 0;}
	main.voice .profile {    padding: 0.8em 1.2em;}
	main.voice .profile h2 { border-bottom: 1px solid; padding-bottom: 0.5em; font-size: 20px; line-height: 1.6; margin-bottom: 0.5em;}
	
	#voice_list { background: #000; color: #fff;}
	#voice_list .voice_list-inner { padding: 52px 10px; margin: 0 auto;  color: #fff;}
	#voice_list .voice_list-inner h2 { font-size: 30px; font-weight: 900; text-align: center; margin-bottom: 42px;}
	#voice_list .voice_list-inner ul {}
	#voice_list .voice_list-inner ul li { width: 100%; border: 1px solid #fff; position: relative; margin-bottom: 36px;}
	#voice_list .voice_list-inner ul li::before { position: absolute; content: ''; background: url("../img/btn_arrow_white.svg")no-repeat center/cover; bottom: 0; right: 0; width: 38px; height: 38px;}
	#voice_list .voice_list-inner ul li .list_img { width:44.2%; overflow: hidden; }
	#voice_list .voice_list-inner ul li .list_img img { width: 100%; height: 100%; object-fit: cover;}
	#voice_list .voice_list-inner ul li .list-right { width: 70.79%; padding: 3.4%;}
	#voice_list .voice_list-inner ul li .list-right .list-txt { font-size: 18px; line-height: 1.6em; font-weight: bold; }
	#voice_list .voice_list-inner ul li .list-right .list-txt-02 { font-size: 14px; font-weight: bold; line-height: 1.71em; }
	
	#voice_list .voice_list-inner .btn-box { text-align: center; margin-top: 24px;}
	#voice_list .voice_list-inner .btn-box a {  line-height: 3.125em; font-size: 16px; color: #fff; border-radius: 25px; border: 0.53vw solid #fff; text-align: center; background: url("../img/top_btn_arrow.svg")no-repeat right 25px top 51%/9.25px; display: inline-block; width:223px;}
	#voice_list .voice_list-inner .btn-box a:hover { color: #000; background-color: #fff; background-image: url("../img/top_btn_arrow_on.svg");}
}