@charset "utf-8";
/* CSS Document */
.categoryNav { margin-top: 30px;}
.categoryNav li { position: relative; float: left; width: 16.66%; text-align: center;}
.categoryNav li.active:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -7px;
  margin-bottom: -7px;
  border: 7px solid transparent;
  border-top: 7px solid rgba(255,255,255,.7);
  content: "";
}
.categoryNav li a {
  display: block;
  padding: 15px 0 8px;
  border-bottom: 7px solid;
  color: #FFF;
  font-size: 1.6rem;
  text-decoration: none;
  transition: .5s;
}
.categoryNav li.all a { background: #d61845; border-color: #d61845; color: #FFF;}
.categoryNav li.seizo a,
.seizo { background: #e94729 !important; border-color: #e94729; color: #FFF;}
.categoryNav li.tenpo a,
.tenpo { background: #38ae7f !important; border-color: #38ae7f; color: #FFF;}
.categoryNav li.syohi a,
.syohi { background: #e95377 !important; border-color: #e95377; color: #FFF;}
.categoryNav li.search a { background: url(/solution/img/ico_search.png) left 10px top 15px no-repeat, url(/solution/img/ico_arrow_search.png) right 20px top 21px no-repeat; background-color: #9d9d9d; border-color: #9d9d9d; transition: .1s;}
.categoryNav li.search.active a { background: url(/solution/img/ico_search.png) left 10px top 15px no-repeat, url(/solution/img/ico_arrow_search_close.png) right 20px top 18.5px no-repeat; background-color: #9d9d9d;}
.categoryNav li.active a,
.categoryNav li.cate a:hover,
.categoryNav li.companyList a:hover{ border-bottom: 7px solid rgba(255,255,255,.4);}
.categoryNav li.companyList {
  background: #187FC4;
}
.categoryNav li.companyList a { border-color: #187FC4;}
.searchBox { position: absolute; display: none; right: 0; width: 100%; max-width: 800px; padding: 40px; background: rgba(3, 12, 47, 0.95); color: #FFF; font-size: 1.8rem; z-index: 200; text-align: center;}
.searchBox a { color: #FFF; text-decoration: none;}
.searchBox a:hover { text-decoration: underline;}
.searchBox .ttlSearch {
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #FFF;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.searchBox .ttlSearch + p {
  margin-bottom: 20px;
  font-size: 1.4rem;
}
.searchBox .wordBox { text-align: center;}
.searchBox .wordBox dl { display: inline-block;}
.searchBox .wordBox dt,
.searchBox .wordBox dd { float: left; line-height: 30px;}
.searchBox .wordBox dt input {
  width: 300px;
  height: 34px;
  padding: 0 10px;
  border: none;
  font-size: 1.6rem;
  font-family: inherit;
}
.searchBox .wordBox dd { margin-left: 10px;}
.searchBox .wordBox + .ttlSearch { margin-top: 60px;}
.searchBox .categoryList { font-size: 0;}
.searchBox .categoryList > dl {
  display: inline-block;
  width: 30%;
  margin-right: 5%;
  vertical-align: top;
  text-align: left;
}
.searchBox .categoryList > dl + dl + dl { margin-right: 0;}
.searchBox .categoryList dt { border-bottom: 1px solid #FFF; font-size: 1.4rem; line-height: 1.8;}
.searchBox .categoryList dd { margin-top: 5px; font-size: 1.3rem; line-height: 1.8;}
.searchBox .categoryList dd label {
  padding: 3px 0 3px 30px;
  background: url(/solution/img/ico_check_off.png) 1px center no-repeat;
  cursor: pointer;
}
.searchBox .categoryList dd label.checked {
  background: url(/solution/img/ico_check_on.png) left center no-repeat;
}
.searchBox .categoryList li { margin-top: 5px;}
.searchBox .categoryList li input {
  position: absolute;
  visibility: hidden;
}
.searchBox .categoryList dd + dt { margin-top: 20px;}
.searchBox button {
  display: block;
  width: 250px;
  padding: 0;
  border: 1px solid #808080;
  background: #808080;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 40px;
  font-family: inherit;
  cursor: pointer;
  transition: .7s;
}
.searchBox .wordBox button { width: 170px; line-height: 32px;}
.searchBox .categoryList button {
  margin: 40px auto 0;
}
.searchBox button:hover {
  color: #808080;
  background: #FFF;
}
.itemList { margin-top: calc(40px - 0.3%); padding: 0 6px;}
.itemList li {
  position: relative;
  float: left;
  width: calc(98.8% / 5);
  margin-top: 0.3%;
  margin-right: 0.3%;
  overflow: hidden;
}
.itemList li:nth-child(5n) { margin-right: 0;}
.itemList li img { width: 100%;}
.itemList li .slideArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-top: 100%;
  padding: 10px;
  background: rgba(0,0,0,0.68);
  color: #FFF;
  font-size: 1.6rem;
  transition: .5s;
}
.itemList li .itemCategory {
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-block;
  padding: 5px 20px;
  background: #e94729;
  color: #FFF;
  z-index: 100;
}
.itemList li .slideArea .itemName { font-size: 1.7rem; line-height: 190%; transition: .5s;}
.itemList li:hover .slideArea .itemName { margin-top: 15%;}
.itemList li .slideArea .companyName { font-size: 1.4rem;}
.itemList li .slideArea .catchTxt { margin-left: -150%; margin-top: 4.7%; font-size: 1.2rem; transition: .5s;}
.itemList li:hover .slideArea .catchTxt { margin-left: 0;}
.itemList li .slideArea .itemDetail {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 20px);
  background: #787878;
  line-height: 41px;
  text-align: center;
}
.itemList li .slideArea .itemDetail a {
  display: block;
  color: #FFF;
  text-decoration: none;
}
@media only screen and (max-width: 1400px) {
  .itemList li {
    position: relative;
    float: left;
    width: calc(99.1% / 4);
    margin-top: 0.3%;
    margin-right: 0.3%;
    overflow: hidden;
  }
  .itemList li:nth-child(5n) { margin-right: 0.3%;}
  .itemList li:nth-child(4n) { margin-right: 0;}
}
@media only screen and (max-width: 1400px) {
  .categoryNav li { width: 20%;}
  .categoryNav li:last-child {
    width: 100%;
  }
}
@media only screen and (min-width: 1150px) {
  .itemList li:hover .slideArea { margin-top: 0 !important;}
}
@media only screen and (max-width: 1150px) {
  .categoryNav li { width: 25%;}
  .categoryNav li.companyList,
  .categoryNav li.search { width: 50%;}
  .itemList li { width: calc(99.1% / 3);}
  .itemList li:nth-child(4n) { margin-right: 0.3%;}
  .itemList li .slideArea .catchTxt { margin-top: 20px; margin-left: 0;}
  .itemList li .slideArea .itemName { font-size: 1.7rem;}
  .itemList li:hover .slideArea .itemName { margin-top: 0;}
}
@media only screen and (max-width: 850px) {
  .itemList li { width: calc(99.1% / 2); }
}
@media only screen and (max-width: 640px) {
  .solution #breadCrumb { background: #FFF;}
  .categoryNav li { width: 50%;}
  .categoryNav li.companyList,
  .categoryNav li.search { width: 100%;}
  .searchBox { padding: 20px;}
  .searchBox .wordBox dt,
  .searchBox .wordBox dd {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .searchBox .wordBox button,
  .searchBox .wordBox input {
    max-width: 280px;
    margin: 0 auto;
  }
  .searchBox .wordBox dd { margin-top: 12px;}
  .searchBox .categoryList > dl {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .searchBox .categoryList > dl + dl { margin-top: 20px;}
  .itemList { padding: 0;}
  .itemList li {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0;
    margin-right: 0%;
    overflow: hidden;
  }
  .itemList li .slideArea {
    top: auto;
    bottom: 0;
    height: auto;
    margin-top: 0;
    padding: 4.68% 3.125%;
    background: rgba(0,0,0,0.68);
    color: #FFF;
    font-size: 1.6rem;
    transition: .7s;
  }
  .itemList li .slideArea .itemName {
    margin-top: 0;
  }
  .itemList li .slideArea .catchTxt,
  .itemList li .slideArea .itemDetail { display: none;}
}

/* detail */
.detail main { margin-top: 30px;}
.detail .btnArea { font-size: 0;}
.detail .btnArea a { display: inline-block; width: 47.75%; text-align: center; font-size: 1.6rem; text-decoration: none; line-height: 65px;}
.detail .btnArea a:hover { opacity: .7;}
.detail .btnArea a + a { margin-left: 4.5%;}
.detail .btnArea .back {
  background: #d8d8d8;
  color: #222;
}
.detail .btnArea .back:before {
  margin-right: 20px;
  content: url(/solution/detail/img/ico_back.png);
  vertical-align: middle;
}
.detail .btnArea .mail {
  background: #5873d7;
  color: #FFF;
}
.detail .btnArea .mail:before {
  position: relative;
  top: 7px;
  margin-right: 20px;
  content: url(/solution/detail/img/ico_mail.png);
  vertical-align: middle;
}
.detail .titleArea { margin-top: 40px; padding: 30px 20px; background: #FFF;}
.detail .titleArea h2 { border-bottom: 4px solid #e64551; font-size: 3.2rem; font-weight: bold; line-height: 1.2;}
.detail .titleArea .companyName {
  margin: 10px 0 0;
  background: #FFF;
  font-size: 1.6rem;
  line-height: 1.4;
}
.detail .titleArea .companyName p a {
  color: #222;
  border-bottom: 2px solid #98b8e7;
  text-decoration: none;
}
.detail .titleArea .companyName p a:hover {
  color: #5873d7;
}
.detail .titleArea .categoryList {
  margin-top: 8px;
  text-align: right;
}
.detail .titleArea .categoryList li { margin-top: 7px;}
.detail .titleArea .komaNumber {
  margin-top: 10px;
  font-size: 1.6rem;
  text-align: right;
}
.detail .titleArea .komaNumber span {
  margin-right: 10px;
  padding: 2px 10px;
  border: 2px solid #324292;
  color: #324292;
  font-weight: bold;
}
.detail .titleArea li { display: inline-block; padding: 7px 25px;}
.detail .titleArea li + li { margin-left: 5px;}
.detail .mainSlider { position: relative; margin-top: 30px; padding: 40px 30px 70px; background: #FFF; text-align: center;}
.detail .mainSlider .slider { max-width: 750px; margin: 0 auto;}
.detail .mainSlider .slider img { width: 100%;}
.detail .copyArea { margin-top: 80px; padding: 70px 0; background: #5A75D7; color: #FFF;}
.detail .mainTxt { font-size: 4.0rem; color: #FFF; font-weight: bold; line-height: 1.4;}
.detail .subTxt { margin-top: 35px; font-size: 1.6rem; line-height: 1.625;}
.detail section { margin-top: 70px;}
.detail .tableType01 { margin-top: 50px;}
.detail .tableType01 a { color: #222;}
.detail .tableType01 a:hover { text-decoration: none;}
.tableType01 { width: 100%; font-size: 1.6rem;}
.tableType01 th,
.tableType01 td { padding: 20px; vertical-align: middle;}
.tableType01 th { width: 295px; padding-left: 0; padding-right: 0; background: #05193a; color: #FFF; text-align: center;}
.tableType01 th span { display: block; position: relative;}
.tableType01 th span:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  margin-right: -24px;
  border: 12px solid transparent;
  border-left: 15px solid #05193a;
  content: '';
}
.tableType01 td { padding-left: 58px; background: #FFF;}
.tableType01 tr + tr th,
.tableType01 tr + tr td { border-top: 5px solid #f0f0f0;}
.detail .prList { margin-top: 50px;}
.prList { font-size: 0;}
.prList li {
  display: inline-block;
  width: 32.1333%;
  margin-top: 1.8%;
  margin-right: 1.8%;
  padding: 17px;
  border: 2px solid;
  border-radius: 4px;
  color: #848282;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  vertical-align: top;
}
.prList li:nth-child(3n),
.prList li:last-child { margin-right: 0;}
.prList li.select { border-color: #f7941d; background: #f7941d; color: #FFF;}
.detail .movieWrap {
  position: relative;
  width: 100%;
  margin-top: 50px;
  padding-top: 56.25%;
}
.detail .movieWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.detail #secContact .btnArea { margin-top: 60px;}
.detail .subSlider { position: relative; margin-top: 50px; padding: 0 70px;}
.detail .subSlider li {
  margin: 0 15px;
  background: #FFF;
}
.detail .subSlider li a { text-decoration: none; color: inherit;}
.detail .subSlider li a:hover { text-decoration: underline;}
.detail .subSlider li .txtBox { position: relative; padding: 20px 10px 50px;}
.detail .subSlider li .txtBox .title { border-left: 5px solid #e68592; padding-left: 15px; line-height: 26px; font-size: 1.8rem;}
.detail .subSlider li .txtBox .copy { margin-top: 20px; font-size: 1.2rem;}
.detail .subSlider li .txtBox .category { display: inline-block; margin-top: 10px; font-size: 1.6rem; transition: .7s;}
.detail .subSlider li .txtBox .category a { padding: 5px 20px; display: block;}
.detail .subSlider li .txtBox .category:hover { opacity: .7;}
.detail .subSlider li .txtBox .company {
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid #a9a9f2;
  font-size: 1.4rem;
}
.detail .subSlider li .txtBox .company a { display: block; padding: 2px 10px 2px; color: inherit;}
.detail .subSlider li .txtBox .category a:hover,
.detail .subSlider li .txtBox .company a:hover { text-decoration: none;}
.detail .subSlider .slick-prev { left: 0;}
@media only screen and (max-width: 767px) {
  .detail main { margin-top: 4.6%;}
  .detail .btnArea + .companyName,
  .detail .btnArea,
  .detail .titleArea { width: 93.75%; margin-right: auto; margin-left: auto;}
  .detail .titleArea { margin-top: 6.25%; padding: 10px 15px;}
  .detail .btnArea + .companyName { margin-bottom: 0;}
  .detail .btnArea + .companyName + .titleArea { margin-top: 2%;}
  .detail .titleArea .titInner { padding-left: 0; padding-bottom: 0; border-bottom: 0;}
  .detail .titleArea h2 { margin-right: 0; padding-bottom: 5px; border-bottom: 2px solid #e64551; float: none; font-size: 2.4rem;}
  .detail .titleArea .categoryList li { padding: 5px 10px; font-size: 1.2rem; margin-top: 5px;}
  .detail .titleArea .komaNumber { font-size: 1.3rem;}
  .detail .titleArea .companyName a {
    font-size: 1.3rem;
  }
  .detail .btnArea a { position: relative; display: block; width: 100%; font-size: 1.4rem; line-height: 1; padding: 14px;}
  .detail .btnArea a + a { margin-left: 0; margin-top: 3.125%;}
  .detail .btnArea .back:before {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 4.5px;
    height: 7.5px;
    background: url(/solution/detail/img/ico_back.png) left center no-repeat;
    background-size: cover;
    margin-top: -3.75px;
    margin-right: 0;
    content: '';
  }
  .detail .btnArea .mail { padding-left: 25px;}
  .detail .btnArea .mail:before {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 20.5px;
    height: 14.5px;
    background: url(/solution/detail/img/ico_mail.png) left center no-repeat;
    background-size: cover;
    margin-top: -7.25px;
    margin-right: 0;
    content: '';
  }
  .detail .mainSlider { margin-top: 6.25%; padding: 0;}
  .detail .mainSlider .slick-next,
  .detail .mainSlider .slick-prev,
  .detail .subSlider .slick-prev,
  .detail .subSlider .slick-next { width: 13px; height: 21px; background-size: cover; margin-top: -10.5px;}
  .detail .mainSlider .slick-prev,
  .detail .subSlider .slick-prev {left: 5px;}
  .detail .mainSlider .slick-next,
  .detail .subSlider .slick-next { right: 5px;}
  .detail .mainSlider .slick-dots { bottom: 0; margin-bottom: -15px;}
  .detail .copyArea { margin-top: 15.625%; padding: 4.68% 3.125%;}
  .detail .mainTxt { font-size: 1.7rem;}
  .detail .subTxt { font-size: 1.2rem; margin-top: 10px;}
  .detail section { margin-top: 13%;}
  .detail .tableType01,
  .detail .prList,
  .detail .movieWrap { width: 93.75%; margin: 6.25% auto 0; font-size: 1.4rem;}
  .detail .tableType01 th,
  .detail .tableType01 td { display: block; width: 100%; text-align: left; padding: 10px;}
  .tableType01 tr + tr th,
  .tableType01 tr + tr td { border-top: 0;}
  .detail .tableType01 th span:after { content: none;}
  .detail .prList { font-size: 0;}
  .detail .prList li { width: 49.1%; padding: 10px 0; font-size: 1.2rem;}
  .detail .prList li:nth-child(2n) { margin-right: 0;}
  .detail .prList li:nth-child(3) { margin-right: 1.8%;}
  .detail #secContact .btnArea { margin-top: 10%;}
  .detail .subSlider { margin-top: 6.25%; padding: 0 30px;}
  .detail .subSlider li { margin: 0 5px;}
  .detail .subSlider li .txtBox { padding: 10px;}
  .detail .subSlider li .txtBox .copy,
  .detail .subSlider li .txtBox .category,
  .detail .subSlider li .txtBox .company { display: none;}
  .detail .subSlider li .txtBox .title { padding-left: 0; font-size: 1.2rem; border-left: 0;}
}

.detail.company .titInner { border-bottom: 0; padding-bottom: 0;}
.detail.company .tableType01 { margin-top: 30px;}
.detail.company .companyItem { margin: 50px auto 0; max-width: 960px;}
.detail.company .companyItem a { color: #222;}
.detail.company .companyItem li { background: #FFF;}
.detail.company .companyItem li + li { margin-top: 40px;}
.detail.company .companyItem figure,
.detail.company .companyItem .txtArea { float: left;}
.detail.company .companyItem figure { width: 35%;}
.detail.company .companyItem figure img { width: 100%;}
.detail.company .companyItem .txtArea { width: 65%; padding: 30px 40px 30px 30px;}
.detail.company .companyItem .txtArea .title { font-size: 2.4rem; padding-bottom: 5px; border-bottom: 2px solid #e64551;}
.detail.company .companyItem .txtArea .copy { margin-top: 25px; font-size: 1.6rem;}
.detail.company .companyItem .txtArea .category { display: inline-block; margin-top: 20px; padding: 3px 20px; font-size: 1.6rem;}
@media only screen and (max-width: 767px) {
  .detail.company .titInner h2 { padding-bottom: 0; border-bottom: 0;}
  .detail.company .tableType01 { margin-top: 6.6%;}
  .detail.company .companyItem { width: 93.75%; margin: 6.25% auto 0; font-size: 0; text-align: center;}
  .detail.company .companyItem li { display: inline-block;}
  .detail.company .companyItem figure,
  .detail.company .companyItem .txtArea { float: none; width: 100%;}
  .detail.company .companyItem figure { text-align: center;}
  .detail.company .companyItem .txtArea { padding: 10px;}
  .detail.company .companyItem .txtArea .title { border-bottom: 0; padding-bottom: 0; font-size: 1.2rem; text-align: left;}
  .detail.company .companyItem .txtArea .copy,
  .detail.company .companyItem .txtArea .category { display: none;}
}

.detail.company.list table {
  width: 100%;
  margin-top: 40px;
  background: #FFF;
  font-size: 1.6rem;
}
.detail.company.list table a {
  color: inherit;
  text-decoration: none;
}
.detail.company.list table a:hover {
  text-decoration: underline;
}
.detail.company.list table th,
.detail.company.list table td {
  border: 1px solid #CCC;
  padding: 15px;
}
.detail.company.list table thead {
  background: #04249c;
  color: #FFF;
}
.detail.company.list table thead th,
.detail.company.list table thead td { font-weight: bold;}
.detail.company.list table thead th,
.detail.company.list table td {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .detail.company.list table {
    width: 93.75%;
    margin: 30px auto 0;
    font-size: 1.4rem;
  }
  .detail.company.list table th,
  .detail.company.list table td {
    padding: 15px 7px;
  }
  .detail.company.list table td { width: 80px;}
}

.solution.contact { background: #f0f0f0;}
.solution.contact .introTxt {
  margin-top: 60px;
  font-size: 1.8rem;
  text-align: center;
}
.solution.contact main { margin-top: 30px;}
.solution.contact .inputTxt {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  border: 1px solid #CCC;
}
.solution.contact .inputTxt.textArea {
  max-width: none;
}
.solution.contact .inputTxt input,
.solution.contact .inputTxt textarea {
  width: 100%;
  padding: 15px;
  border: 0;
  font-size: 1.6rem;
  font-family: inherit;
  vertical-align: bottom;
}
.solution.contact .inputTxt input { height: 54px;}
.solution.contact .productName { font-weight: bold;}
.solution.contact form .btnArea {
  margin-top: 40px;
  text-align: center;
}
.solution.contact form .btnArea input {
  position: relative;
  top: -3px;
  border: 0;
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 3px 0 #1e3577;
}
.solution.contact form .btnArea input:hover {
  top: 0;
  box-shadow: 0 0 0 0;
}
@media only screen and (max-width: 767px) {
  .solution.contact .introTxt { font-size: 1.4rem;}
  .solution.contact .inputTxt input,
  .solution.contact .inputTxt textarea {
    padding: 7px;
    font-size: 1.4rem;
  }
  .solution.contact .inputTxt input {
    height: 37px;
  }
  .solution.contact .inputTxt textarea {
    height: 150px;
  }
}

.solution.contact.thanks main {
  text-align: center;
}
.solution.contact.thanks main dl {

}
.solution.contact.thanks main dl dt { font-weight: bold; font-size: 1.8rem;}
.solution.contact.thanks main dl dd {
  margin-top: 10px;
}
.solution.contact.thanks .btnType01 {
  margin-top: 30px;
}

.result.detail main,
.result.detail .categoryNav { margin-top: 0;}
.result.detail .resultTxt {
  max-width: 960px;
  padding: 0 0 3px 10px;
  border-bottom: 1px solid;
  margin: 50px auto 0;
  font-size: 1.8rem;
}
.result.detail .resultTxt p { font-weight: bold;}
.result.detail .resultTxt p span { font-weight: bold;}
.result.detail .resultTxt p span + span:before {
  content: ',';
}
.result .resultItem { margin: 30px auto 0; max-width: 960px;}
.result .resultItem a { color: #222; text-decoration: none;}
.result .resultItem li { background: #FFF;}
.result .resultItem li + li { margin-top: 40px;}
.result .resultItem figure,
.result .resultItem .txtArea { float: left;}
.result .resultItem figure { width: 35%;}
.result .resultItem figure img { width: 100%;}
.result .resultItem .txtArea { width: 65%; padding: 30px 40px 30px 30px;}
.result .resultItem .txtArea .title { font-size: 2.4rem; padding-bottom: 5px; border-bottom: 2px solid #e64551;}
.result .resultItem .txtArea .companyName { margin-top: 5px; text-align: right;}
.result .resultItem .txtArea .copy { margin-top: 20px; font-size: 1.6rem;}
.result .resultItem .txtArea .category { display: inline-block; margin-top: 10px; padding: 3px 20px; font-size: 1.6rem;}
.result .moreBtn {
  margin-top: 60px;
  text-align: center;
}
.result .moreBtn a {
  display: inline-block;
  width: 100%;
  max-width: 960px;
  padding: 10px 70px;
  background-color: #5053c3;
  border: 1px solid #5053c3;
  color: #FFF;
  font-size: 1.8rem;
  text-decoration: none;
}
.result .moreBtn a span {
  padding-left: 25px;
  background: url(/img/ico_arrow_white_03.png) left center no-repeat;
}
.result .moreBtn a:hover {
  background-color: #4d62ca;
  border-color: #4d62ca;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .result .resultItem {
    width: 93.75%;
  }
  .result .resultItem figure,
  .result .resultItem .txtArea { float: none; width: 100%;}
  .result .resultItem figure { text-align: center;}
  .result .resultItem figure img { width: 100%;}
  .result .resultItem .txtArea { padding: 20px 15px;}
  .result .resultItem .txtArea .title {
    font-size: 1.7rem;
  }
  .result .resultItem .txtArea .copy { margin-top: 10px; font-size: 1.3rem;}
  .result .resultItem .txtArea .category { margin-top: 10px; padding: 3px 10px; font-size: 1.2rem;}
  .result .moreBtn {
    width: 93.75%;
    margin: 40px auto 0;
  }
}