@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
	
/* 共通
-------------------------------------*/
.h2-Box { background-image: url(../images/voice/h2.jpg);
background-position: center center;	
height: 320px;
margin: 0px 0 65px 0;}

.h2-txt span { font-size: 22px; letter-spacing: 1px; }

/* 一覧
-------------------------------------*/
.list-page li { width: 354px; padding-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 28px; background-color: #202120; background-image: url(../images/voice/icon.jpg); background-repeat: no-repeat; background-position: right bottom; margin-right: 20px; margin-bottom: 20px; }
.list-page li:nth-child(2n) { margin-right: 0; }
.list-page li .bd-Box { border: 3px solid #d6d6d6; margin-bottom: 20px; }
.list-page li .pic { height: 208px; }
.list-page li .pic img { width: 233px; height: 178px; }
.list-page li .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.list-page li .txt-Box { color: #ffffff; font-size: 16px; font-weight: 700; line-height: 1.65; }
.list-page li .ttl { padding-bottom: 12px; margin-bottom: 16px; background-image: url(../images/voice/deco.jpg); background-repeat: no-repeat; background-position: left bottom; }
.list-page li .customer { color: #9f6524; font-size: 12px; line-height: 1.6; letter-spacing: 1px; }
.list-page li .customer .area { margin-right: 1em; }

/* 詳細ページ
-------------------------------------*/
.dl-page { font-weight: bold; }
.dl-page .wysiwyg { margin-top: 32px; }
.dl-page .ptn-Box { background-color: #202120; padding: 32px; }
.dl-page .w-Box { background-color: #fff; padding: 30px; margin-bottom: 20px; }
.dl-page .ttl { color: #ffffff; font-size: 18px; font-weight: 700; line-height: 1.6; margin-bottom: 8px; }
.dl-page .customer { color: #9f6524; font-size: 16px; line-height: 1.6; margin-bottom: 16px; letter-spacing: 1px; }
.dl-page .customer .area { margin-right: 1em; }
.dl-page .gallery-Box { margin-top: 32px; }
.dl-page .gallery-Box ul { margin-bottom: -15px; }
.dl-page .gallery-Box li { width: 141px; margin-right: 14px; margin-bottom: 14px; }
.dl-page .gallery-Box li:nth-child(4n) { margin-right: 0; }
.dl-page .gallery-Box .ttl-02 { padding-top: 5px; padding-bottom: 3px; border-left: 6px solid #83743f; padding-left: .8em; color: #181919; font-size: 22px; font-weight: 500; margin-bottom: 16px; }
.dl-page .gallery-Box .ttl-02 .en { margin-right: .5em; font-weight: bold; font-size: 28px; }
.dl-page .gallery-Box .pic { height: 105px; }
.dl-page .gallery-Box .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.cap-txt{ padding-left: .5em;padding-right: .5em;padding-top: .5em; font-size: 13px;}
	
}


/*SP用*/
@media screen and (max-width:640px) {
	
/* 共通
-------------------------------------*/
.h2-Box { background-image: url(../images/voice/h2.jpg);
background-position: center top;
background-size: contain;
margin: 0;}

/* 一覧
-------------------------------------*/
.list-page li { width: 100%; padding: 20px 15px; background-color: #202120; background-image: url(../images/voice/icon.jpg); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 20px; }
.list-page li:last-child { margin-bottom: 0;}
.list-page li .bd-Box { border: 3px solid #d6d6d6; margin-bottom: 10px; }
.list-page li .pic { height: 200px; }
.list-page li .pic img { width: 100%; height: 200px; }
.list-page li .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.list-page li .txt-Box { color: #ffffff; font-size: 16px; font-weight: 700; line-height: 1.65; }
.list-page li .ttl { padding-bottom: 10px; margin-bottom: 16px; background-image: url(../images/voice/deco.jpg); background-repeat: no-repeat; background-position: left bottom; }
.list-page li .customer { color: #9f6524; font-size: 14px; line-height: 1.6; letter-spacing: 1px; }
.list-page li .customer .area { margin-right: 1em; }

/* 詳細ページ
-------------------------------------*/
.dl-page { font-weight: bold; }
.dl-page .wysiwyg { margin-top: 20px; }
.dl-page .ptn-Box { background-color: #202120; padding: 15px 15px 5px; }
.dl-page .w-Box { background-color: #fff; padding: 15px; margin-bottom: 20px; }
.dl-page .ttl { color: #ffffff; font-size: 18px; font-weight: 700; line-height: 1.6; margin-bottom: 10px; }
.dl-page .customer { color: #9f6524; font-size: 16px; line-height: 1.6; margin-bottom: 15px; letter-spacing: 1px; }
.dl-page .customer .area { margin-right: 1em; }
.dl-page .gallery-Box { margin-top: 30px; }
.dl-page .gallery-Box ul { margin-bottom: -15px; }
.dl-page .gallery-Box li { width: 50%; margin-bottom: 10px; box-sizing: border-box; }
.dl-page .gallery-Box li:nth-child(odd) { padding-right: 5px; }
.dl-page .gallery-Box li:nth-child(even) { padding-left: 5px; }
.dl-page .gallery-Box .ttl-02 { padding-top: 5px; padding-bottom: 3px; border-left: 6px solid #83743f; padding-left: .8em; color: #181919; font-size: 18px; font-weight: 500; margin-bottom: 15px; }
.dl-page .gallery-Box .ttl-02 .en { margin-right: .5em; font-weight: bold; font-size: 24px; display: block; }
.dl-page .gallery-Box .pic { height: 100px; }
.dl-page .gallery-Box .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.cap-txt{ padding-left: .5em;padding-right: .5em;padding-top: .5em; font-size: 14px;}
	
}