@charset "UTF-8";

body.service-site-synergylead{
  background-color: #f3f3f3;
}

.post-type-archive-showcase #content{
  margin-bottom : 30px;	
}
#content #main.faq {
  margin-bottom : 40px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#index #content {
  margin-bottom : 70px;
}
}
@media screen and (max-width: 991px){
.service-site#index #main section {
    margin-bottom: 0px;
}
.sb-slidebar ul li.line {
    border-bottom: 1px solid #9e9e9e!important;
}
}




/* main
----------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
#main section:last-of-type{
  margin-bottom : 0 !important;
  padding-bottom : 0 !important;
}
}

/* academy
----------------------------------------------------------------------------- */
#academy-seminar-single .category-title.marketing-seminar .container {
	margin-top : 75px;
}
@media screen and (min-width: 992px) {
#academy-seminar-single .category-title.marketing-seminar .container {
    height : 50px;
    margin-top : 0px;
  }
}
/* .academyModule01
----------------------------------------------------------------------------- */
.academyModule01 {
  margin-top : 70px;
  margin-bottom : 0px!important;
  background-image: url("/common/img/academy/bg_academy_01.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding : 60px 0;
  text-align : center;
}
.academyModule01 {
  padding: 70px 15px 40px;
}
.academyModule01.list {
  margin-bottom : 0!important;
}
.academyModule01 .container h1 {
  font-size : 200%;
  color : #fff;
}
.academyModule01 .container strong {
  display : inline-block;
  color : #fff;
  font-size : 110%;
  padding : 28px 0 5px;
}
.academyModule01 .container p {
  color : #fff;
  line-height : 1.8;
  font-size : 90%;
}

@media screen and (max-width: 767px) {
.academyModule01 {
  padding: 30px 15px 0px;
}
.academyModule01.list {
  padding: 10px 0 30px 0px;
}
.academyModule01 img{
  max-height : 50px;
  width : auto;
}
.academyModule01.list img {
  height : auto;
  width : 80%;
  max-width : 200px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.academyModule01 {
  padding: 50px 15px 20px;
}
.academyModule01.list {
  padding: 20px 0 40px 0px;
}
.academyModule01 img{
  height : 50px;
  width : auto;
}
.academyModule01.list img {
  height : 30px;
  width : auto;
}
.academyModule01 .btn {
  padding: 2px 10px;
}
.academyModule01 .container strong {
  font-size : 120%;
  padding : 28px 0 5px;
}
.academyModule01 .container p {
  font-size : 90%;
}
}

@media screen and (min-width: 992px) {
.academyModule01 {
  margin-top : 0px;
  padding: 60px 0 40px 30px;
}
.academyModule01.list {
  padding: 40px 0 60px 0px;
  margin-bottom : 0!important;
}
.academyModule01 img{
  height : 50px;
  width : auto;
}
.academyModule01.list img {
  height : 35px;
  width : auto;
}
.academyModule01 .container strong {
  font-size : 170%;
}
.academyModule01 .container p {
  font-size : 100%;
}
}
/* .academyModule02
----------------------------------------------------------------------------- */
.academyModule02 {
  padding-top : 30px;
}
.academyModule02.top {
  border-top : 0px solid #e5e5e5;
  padding: 20px 0;
}
.academyModule02.top .txt2 {
  text-align : left;
}
.academyModule02 .academyBox figure {
  border : solid 2px #d7d7d7;
  text-align : center;
  margin-bottom : 10px!important;
}
.academyModule02 .academyBox:hover figure {
  border : solid 2px #D90200;
}
.academyModule02.top .academyBox figure {
  border : solid 0px #d7d7d7;
}
.academyModule02.top .academyBox:hover figure {
  border : solid 0px #D90200;
}
.academyModule02.top .academyBox .inner:hover {
  margin: -2px;
  border : solid #D90200 2px;
  overflow : hidden;
}
.academyModule02 .academyBox a {
  float : left;
  width : 100%;
  text-decoration: none;
  color : #333333;
}
.academyModule02 .client-comment p.tag span,
.academyModule02 .academyBox p.tag span {
  display: inline-block;
  border-radius: 12px;
  font-size: 13px;
  padding: 1px 20px;
  margin-left: 5px;
  background: #f5f5f5;
  color: #999 !important;
}
.academyModule02.top .tit2 {
  font-size : 200%;
  font-weight : bold;
  text-align : center;
  padding : 20px 0 20px;
}
.academyModule02.top .tit3 {
  position : relative;
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 40px;
  text-align : center;
}
.academyModule02.top .tit3:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.academyModule02 .academyBox .tit {
  position : relative;
  font-size : 140%;
  text-align : center;
  margin-bottom : 15px;
}
.academyModule02.top .academyBox .tit {
  font-size : 100%;
  margin-top : 20px;
  margin-bottom : 20px;
}
.academyModule02 .academyBox .tit:after {
  position : absolute;
  content : "";
  display : block;
  bottom : -5px;
  left : 50%;
  width : 70px;
  height : 2px;
  margin-left : -35px;
  background : #e5e5e5;
}
.academyModule02.top .academyBox .tit:after {
  position : absolute;
  content : "";
  display : block;
  bottom : -15px;
  left : 50%;
}
.academyModule02 .academyBox .txt {
  font-size : 90%;
  line-height : 2.2;
  margin-bottom: 15px!important;
  text-align : left;
}
.academyModule02.top .academyBox .txt {
  text-align : center;
}
.academyModule02 .academyBox p.btn {
  width : 100%;
  margin : 0 auto;
  color : #D90200!important;
  font-size : 100%;
  font-weight : bold;
  padding : 5px 0px;
  text-align : center;
  border : #D90200 solid 2px;
  border-radius: 30px;
}
.academyModule02 .academyBox:hover p.btn {
  background: #D3090D;
  color: #fff!important;
  opacity: 1.0!important;
}
.academyModule02 .academyBox p.btn:after {
  display : none;
}
.academyModule02 .academyBox p.btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 9px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.academyModule02 .academyBox:hover p.btn:before, .academyModule02 .academyBox p.btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
.academyModule02 .btn.type01 {
  width: 100%;
  margin: 0 auto;
  color: #D90200!important;
  font-size: 100%;
  font-weight: bold;
  padding: 8px 0px;
  text-align: center;
  border: #D90200 solid 2px;
  border-radius: 30px;
  margin-bottom: 20px;
}
.academyModule02 .btn.type01:after {
  display : none;
}
.academyModule02 .btn.type01:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 12px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.academyModule02 .btn:hover {
  background : #D3090D;
  color : #fff!important;
  opacity : 1.0!important;
}
.academyModule02 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
.academyModule02.top .logoBlock {
  padding-top : 20px;
}
.academyModule02.showcase .logo {
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
}
.academyModule02.showcase .logo figure {
  margin-bottom: 10px !important;
}
.academyModule02.showcase span.tag {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 72%;
  padding: 1px 6px;
  background: #e5e5e5;
  color: #333;
}
.academyList {
  text-align : center;
  margin-top : 5px;
}
.academyList li {
  display : inline-block;
  padding: 0 10px;
}
.academyList li a {
  position : relative;
  color : #333!important;
  font-size : 100%;
  padding : 0px 0px;
  text-align : left;
  line-height : 60px;
  opacity : 1.0!important;
}
.academyList li a:hover:after, .academyList li.select a:after, .academyList li a.active:after, .academyList li.select a:after {
  content : "";
  display : block;
  width : 100%;
  position : absolute;
  bottom : -2px;
  left : 0;
  height : 4px;
  background : #D90200;
}
.academyList li a:before {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  color : #333;
  margin-top : -2px;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.academyList li a:after {
  display : none;
}
.academyList li a.btn {
  margin-bottom : 0px!important;
}
.academyList li a.btn img {
  vertical-align : middle;
  padding-left : 8px;
  padding-bottom : 3px;
}
.academyList li img{
  width : 13px;
}

@media screen and (max-width: 400px) {
.academyModule02.top {
  padding: 0px!important;
}
.academyModule02.synergyadd {
  margin-top : 30px;
  padding: 20px 0;
}
.academyModule02.top .tit2 {
  font-size: 120% !important;
  padding: 20px 15px 20px !important;
}
.academyModule02.top .tit3 {
  font-size : 120%;
}
.academyModule02 .academyBox {
  margin-bottom : 20px;
}
.academyModule02 .academyBox a {
  width : 100%;
}
.academyList {
  float : left;
  margin-bottom : 10px;
  box-sizing: border-box;
}
.academyList li {
  display : block;
  float : left;
  width : 100%;
  box-sizing: border-box;
}
.academyList li a {
  display : inline-block;
  padding : 0;
  line-height : 30px;
}
.academyList li a:hover:after, .academyList li.select a:after {
  content : "";
  display : block;
  width : 100%;
  position : absolute;
  bottom : 0px;
  left : 0;
  height : 2px;
  background : #D90200;
}
.academyModule02.top .academyBox figure img {
  width : 100%;
}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
.academyModule02 {
  padding-top : 20px;
  margin-bottom: 0px!important;
}
.academyModule02.top .tit2 {
  font-size: 120% !important;
  padding: 20px 15px 20px !important;
}
.academyModule02.top .tit3 {
  font-size : 120%;
}
.academyModule02 .academyBox a {
  width : 100%;
}
.academyList li {
  display : block;
  float : left;
  width : 50%;
  box-sizing: border-box;
  padding-right : 0;
}
.academyList li a {
  display : inline-block;
  padding : 0;
  line-height : 40px;
}
.academyList li a.btn:hover {
  opacity : 1.0!important;
}
.academyModule02 .academyBox {
  margin-bottom : 15px;
}
.academyModule02.top .academyBox figure img {
  width : 100%;
}
.academyModule02 .academyBox .tit {
  font-size : 100%;
}
.academyModule02 .academyBox p {
  font-size : 90%!important;
}
.academyModule02 .academyBox p.btn:before {
  top : 8px;
  left : 10px;
}
.academyModule02 .academyBox p.btn {
  margin-bottom : 15px!important;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.academyList .col-xs-6 {
  padding-right : 0px;
}
.academyModule02 .academyBox p.btn {
  width : 90%!important;
}
}

@media screen and (min-width: 992px) {
.academyModule02 {
  padding-top : 60px;
  margin-bottom: 20px!important;
}
.academyModule02.top {
  padding: 50px 0;
}
.academyModule02 .academyBox p.btn {
  width : 75%!important;
}
.academyModule02.top .txt2 {
  text-align : center;
  padding : 0px 0 20px;
}
.academyList {
  width : 800px;
  margin : 0 auto;
  padding: 0px 0;
  text-align : center;
}
.academyList li a {
  line-height : 70px;
}
.academyList li a.btn {
  opacity : 1.0!important;
  margin-bottom : 0px!important;
}
.academyModule02 .logomark {
  width : 12.5%;
}
.academyModule02 .btn.type01 {
  width : 50%;
}
.academyModule02.top .btn.type01 {
  margin : 20px auto;
}
#main .academyModule02.synergyadd {
  margin-top : 20px;
  margin-bottom : 50px!important;
}
}
/* .academyModule03
----------------------------------------------------------------------------- */
.academyModule03.grey {
  background : #F3F3F3;
}
.academyModule03.list {
  padding-top : 20px;
}
.academyModule03 {
  margin-bottom : 0!important;
}
.academyModule03 .tit {
  font-size : 180%;
  font-weight : bold;
  text-align : center;
  padding : 20px 0 20px;
}
.academyModule03.top .tit {
  font-size : 200%;
}
.academyModule03 .seminarBox {
  margin-bottom : 30px;
}
.academyModule03 .seminarBox.close figure:before{
  display : block;
  position : absolute;
  content : "";
  width : 100%;
  height : 100%;
  background : #ccc;
  opacity : 0.7;
  cursor: pointer;
}

.academyModule03 .seminarBox a {
  float : left;
  position: relative;
  width: 100%;
  color : #333;
  font-size : 90%;
  text-decoration: none;
  padding : 0px;
  text-align : left;
  background : #EDEDED;
  overflow : hidden;
  z-index : 2;
}
.academyModule03.top .seminarBox a {
  background : #FFFFFF;
}
.academyModule03 .seminarBox a:hover {
  margin: -2px;
  border : solid #D90200 2px;
  overflow : hidden;
}
.academyModule03 .seminarBox figure {
  position : relative;
  margin-bottom : 0!important;
}
.academyModule03 .seminarBox figure img{
  width : 100%!important;
}
.academyModule03 .seminarBox .area, .academyModule03 .seminarBox .date, .academyModule03 .seminarBox .cate {
  padding : 7px 0;
  margin-bottom : 0!important;
}
.academyModule03 .seminarBox .area {
  display : block;
  float : left;
  width : 15%;
  text-align : center;
  color : #fff;
  background : #333333;
}
.academyModule03 .seminarBox .date {
  display : block;
  float : left;
  width : 35%;
  height: 36px;
  text-align : center;
  background : #F3F3F3;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight : bold;
  font-size : 110%;
  box-sizing: border-box;
}
.academyModule03 .seminarBox .cate {
  display : block;
  float : left;
  width : 50%;
  text-align : center;
  box-sizing: border-box;
  /*padding : 0 30px;*/
  color : #fff;
  background : #F92593;
}
.academyModule03 .seminarBox .cate.color1 {
  background : #169BE5;
}
.academyModule03 .seminarBox .cate.color2 {
  background : #F92593;
}
.academyModule03 .seminarBox .cate.color3 {
  background : #FFF603;
  color : #333;
}
.academyModule03 .seminarBox .cate.ico:before {
  content: " ";
  float : left;
  display: block;
  width: 17px;
  height: 21px;
  color : #333;
  margin-top : 1px;
  margin-left : 10px;
  background: url("/common/img/base/icon_first_01@2x.png") no-repeat;
  background-size : 17px 21px;
  vertical-align: middle;
}
.academyModule03 .seminarBox .contentTxt {
  display : block;
  clear : both;
  padding : 15px;
  margin-bottom : 0!important;
  line-height : 22px;
}
.academyModule03 .seminarBox .contentTxt  span{
	display:block;
	font-size:127%;
	margin-bottom:10px;
}
.academyModule03 .btn {
  width : 100%;
  margin : 0 auto;
  color : #D90200!important;
  font-size : 100%;
  font-weight : bold;
  padding : 8px 0px;
  text-align : center;
  border : #D90200 solid 2px;
  border-radius: 30px;
  margin-bottom : 20px;
  padding-left : 25px;
}
.academyModule03 .btn:after {
  display : none;
}
.academyModule03 .btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 10px;
  left : 12px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.academyModule03 .btn:hover {
  background : #D3090D;
  color : #fff!important;
  opacity : 1.0!important;
}
.academyModule03 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}

@media screen and (max-width: 767px) {
.academyModule03 {
  padding-top : 0px;
}
.academyModule03 .tit {
  font-size : 120% !important;
  padding : 20px 0 20px !important;
}
/*.academyModule03 .seminarBox a {
  margin-bottom : 15px;
}
*/
.academyModule03 .seminarBox .date {
  height: 36px;
}
.academyModule03 .seminarBox .cate.ico {
  padding-right: 20px;
}
.academyModule03 .seminarBox .cate.ico:before {
  content: " ";
  float : left;
  display: block;
  width: 17px;
  height: 21px;
  color : #333;
  margin-top : 0px;
  margin-left : 10px;
  background: url("/common/img/base/icon_first_01@2x.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.academyModule03 .btn:before {
  top : 12px;
}
}

@media screen and (max-width: 1199px) {
.academyModule03 .tit {
  font-size : 150%;
  font-weight : bold;
  text-align : center;
  padding : 30px 0 20px;
}
.academyModule03 .seminarBox .area {
  width : 40%;
}
.academyModule03 .seminarBox .date {
  width : 60%;
}
.academyModule03 .seminarBox .cate {
  width : 100%;
}
.academyModule03 .seminarBox figure img {
  width : 100%;
}
}

@media screen and (min-width: 768px) {
.academyModule03 .btn:before {
  top : 11px;
}
}

@media screen and (min-width: 992px) {
.academyModule03.grey {
  padding-bottom : 40px;
}
.academyModule03.grey.top {
  padding-bottom : 50px;
}
.academyModule03.top .txt {
  text-align : center;
  padding-bottom : 30px;
}
.academyModule03.list {
  padding-top : 60px;
}
.academyModule03.grey .tit {
  padding : 70px 0 20px!important;
}
.academyModule03.grey.top .tit {
  padding : 70px 0 20px!important;
}
.academyModule03 .btn {
  width : 50%;
}
.academyModule03.top .btn {
  margin-top : 20px;
}
}
/* .academyModule04
----------------------------------------------------------------------------- */
.academyModule04 {
  margin-bottom : 20px;
}
.academyModule04 .tit {
  border-top : 2px solid #eaeaea;
  font-size : 150%;
  font-weight : bold;
  text-align : center;
  padding : 20px 0;
}
.academyModule04 .btn {
  padding: 10px 0;
  box-sizing: border-box;
  background : #da0000;
}
.academyModule04 .btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 14px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.academyModule04 .btn:after {
  display : none;
}
.academyModule04 .btn:hover {
  opacity: 1.0!important;
  background: #c40000;
}
.academyModule04 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png") #c40000;
  background-size : 17px 17px;
  opacity: 1.0!important;
}

@media screen and (max-width: 767px) {
.academyModule04 {
  padding-top : 0px;
  margin-bottom : 15px!important;
}
.academyModule04 .tit {
  font-size : 120% !important;
  padding : 20px 0 20px !important;
}
.academyModule04 .btn:before {
  top : 11px;
  margin-top: 3px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.academyModule04 {
  margin-bottom : 20px!important;
}
.academyModule04 .col-sm-3 {
  padding-left : 5px;
  padding-right : 5px;
  text-indent : 20px;
}
}

@media screen and (min-width: 992px) {
.academyModule04 {
  margin-top : 40px;
  margin-bottom : 40px!important;
  padding-bottom : 20px;
}
.academyModule04.nomab {
  margin-bottom : 0!important;
}
.academyModule04 .tit {
  padding : 30px 0;
}
.academyModule04 .btn {
  margin-bottom : 20px;
}
}
/* .academyModule05
----------------------------------------------------------------------------- */
.academyModule05 {
  background : #EAEAEA;
  padding : 15px 0;
  border-bottom : 2px solid #E5E5E5;
  text-align : center;
}
.academyModule05 h2 {
  display : inline-block;
  background : #D90200;
  font-size : 110%;
  font-weight : bold;
  padding : 0px 15px;
  line-height: 2.0;
}
.academyModule05 h2.color1 {
  background : #169BE5;
  color : #fff;
}
.academyModule05 h2.color2 {
  background : #F92593;
  color : #fff;
}
.academyModule05 h2.color3 {
  background : #FFF603;
  color : #333;
}
.academyModule05 h2.color4 {
  background : #D90200;
  color : #fff;
}

@media screen and (min-width: 992px) {
.academyModule05 {
  padding : 45px 0;
}
.academyModule05 h2 {
  font-size : 150%;
}
}
/* . mailmagazineModule
----------------------------------------------------------------------------- */
.mailmagazineModule {
  margin : 0 auto 40px;
  padding : 15px 15px 30px;
}
.mailmagazineModule.page {
  padding : 0px;
}
.mailmagazineModule .tit {
  font-size : 100%;
  font-weight : bold;
  text-align : center;
  padding : 20px 0;
}
.mailmagazineModule .container {
  border : solid 3px #d7d7d7;
  margin : 0 auto;
  padding : 15px;
}
.mailmagazineModule.page .container {
  width : 100%;
}
.mailmagazineModule .container form {
  text-align : center;
}
.mailmagazineModule .container form p {
  font-size : 90%;
  margin-bottom : 10px!important;
}
.mailmagazineModule .container .ctr {
  text-align : center;
  padding-bottom : 15px;
}
.mailmagazineModule .container form table {
  margin : 0 auto;
}
.mailmagazineModule .container form input[type="text"] {
  height : 40px;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 10px;
  border: none;
  box-sizing: border-box;
  background : #f1f1f1;
  font-size : 90%;
}
/*input*/
.mailmagazineModule input[type="checkbox"] {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border: 2px solid #d7d7d7;
  border-radius: 0px;
  background: transparent;
  cursor: pointer;
  margin-top : -1px;
  margin-right : 5px;
}
.mailmagazineModule input[type="checkbox"]:checked:after {
  content: "";
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 1px;
  width: 10px;
  height: 6px;
  margin-top: -1px;
  border-left: 3px solid #595656;
  border-bottom: 3px solid #595656;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mailmagazineModule .container form .btn {
  height: 40px;
  margin-bottom : 0px;
  background : #da0000!important;
  cursor: pointer;
  opacity : 1.0!important;
}
.mailmagazineModule .container form .btn:hover {
  background : #c40000!important;
}

@media screen and (max-width: 450px) {
.mailmagazineModule .tit {
  padding : 0px 15px 10px;
}
.mailmagazineModule .container form {
  text-align : left;
}
.mailmagazineModule .container form td {
  display : block;
}
.mailmagazineModule .container form td input[type="submit"] {
  width : 100%;
  margin-top : 10px;
}
}

@media screen and (min-width: 451px) and (max-width: 991px) {
.mailmagazineModule .tit {
  padding : 0px 15px 20px;
  font-size : 120%;
}
}

@media screen and (min-width: 992px) {
.mailmagazineModule {
  padding : 15px 15px 60px;
}
.mailmagazineModule .container form {
  width : 570px;
  margin : 0 auto;
}
.mailmagazineModule .tit {
  font-size : 150%;
  padding : 40px 0 5px;
}
.mailmagazineModule.list .tit {
  padding : 20px 0 5px;
}
.mailmagazineModule .link-external {
  background: url("/common/img/base/icon_out@2x.png") right center no-repeat;
  padding-right: 15px;
  background-size: 9px 8px;
  margin-right: 5px;
}
}
/* .wp-pagenavi
----------------------------------------------------------------------------- */
.wp-pagenavi {
  width : 100%;
  margin : 10px auto 20px;
  box-sizing: border-box;
  text-align : center;
}
.wp-pagenavi .page-numbers {
  display : inline-block;
  position : relative;
  padding : 0 10px;
  text-decoration: none;
  font-size : 100%;
}
.wp-pagenavi .page-numbers:hover {
  opacity : 0.7;
}
.wp-pagenavi .page-numbers.prev {
  padding-right : 10px;
}
.wp-pagenavi .page-numbers.next {
  padding-left : 10px;
}
.wp-pagenavi .page-numbers.current {
  color : #999999;
}
.wp-pagenavi .page-numbers.prev:after {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 50%;
  margin-top : -9px;
  left : -17px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_06@2x.png");
  background-size: contain;
  vertical-align: middle;
}
.wp-pagenavi .page-numbers.next:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 50%;
  margin-top : -9px;
  right: -17px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
}

@media screen and (min-width: 992px) {
.wp-pagenavi .page-numbers {
  font-size : 110%;
}
}
/* .固定ページ
----------------------------------------------------------------------------- */
.category-title {
  background: #f3f3f3;
  border: 0;
}
.category-title .container h1 {
  /*  display: table-cell;*/
  margin-top: 70px;
  margin-bottom : 0!important;
   padding: 20px 0;
  text-align : center;
  vertical-align: middle;
  font-size: 26px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.category-title .container .category-title-sub {
  display: inline-block;
  font-size: 14px;
  background: #da0000;
  color: #fff;
  padding: 0 20px;
  line-height: 22px;
  letter-spacing: 0;
}
#main.page {
  color: #333333;
}
#main.page p {
  font-size: 16px;
  line-height: 26px;
  margin-top: 20px;
}
#main.page ul li {
  font-size: 16px;
  line-height: 26px;
}
#main.page span.tagline {
  display: block;
  font-size: 24px;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 10px;
}
#main.page h2 {
  margin: 40px 0 40px;
  font-size: 25px;
  line-height: 1.4em;
}
#main.page h3 {
  margin: 20px 0;
  background: #f3f3f3;
  padding: 8px 15px 8px 20px;
  border-radius:10px;
  font-size: 20px;
}
#main.page img.aligncenter {
  margin: 40px auto;
}
#main.page ol {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
.category-title .container h1 {
  font-size : 18px;
  padding: 20px 0;
  margin-bottom : 0!important;
}
}

@media screen and (min-width: 992px) {
.category-title .container h1 {
  margin-top : 0px;
}
}

@media screen and (min-width: 1200px) {
#main.page {
  margin: 0 85px;
}
}
#breadcrumbs ul li a {
  color : #999!important;
  height : 1%;
}
#breadcrumbs ul li:last-child a {
  color : #000!important;
}





/* .topModule03
----------------------------------------------------------------------------- */
.topModule03 {
  text-align : left;
  padding : 40px 0;
}
.topModule03 a {
  text-decoration : none;
}
.topModule03 .tit {
  width : 100%;
  font-weight : bold;
  border-top : solid 2px #DEDEDE;
  border-bottom : solid 2px #DEDEDE;
  font-size : 140% !important;
  padding : 10px 8px 10px !important;
}
.topModule03 li {
  width : 100%;
  padding : 14px 0 10px;
  border-bottom : solid 2px #DEDEDE;
  clear : both;
  overflow : hidden;
}
.topModule03 li time {
  font-size : 110%;
  text-align : center;
  font-family: 'Roboto', sans-serif;
  font-weight : 900;
  color : #D90200;
}
.topModule03 li .cate {
  display : inline-block;
  border : solid 2px #DEDEDE;
  padding : 0 10px;
  margin-left : 10px;
  color: #333;
}
.topModule03 li p {
  margin-bottom : 0!important;
  color: #333;
}
.topModule03 li p:hover {
  color : #D90200;
}
.topModule03 .btnType01 {
  float : right;
  color : #D90200;
  text-decoration : underline;
  text-align : right;
  padding : 15px 0 0;
}
.topModule03 .btnType01:hover {
  text-decoration : none;
}
.topModule03 .btnType01:before {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  color: #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top : -2px;
}

@media screen and (max-width: 767px) {
.topModule03 li p {
  padding-top : 10px!important;
  color: #333;
}
}

@media screen and (min-width: 768px) {
.topModule03 li {
  padding : 24px 0 20px;
}
.topModule03 li time {
  display : block;
  float : left;
  width : 100px;
}
.topModule03 li .cate {
  display : block;
  position : relative;
  top : -2px;
  float : left;
  width : 130px;
  box-sizing: border-box;
  border : solid 2px #EAEAEA;
  padding : 0 10px;
  margin-left : 10px;
  text-align : center;
}
.topModule03 li p {
  display : block;
  float : right;
  width : 460px;
}
}

@media screen and (min-width: 992px) {
.topModule03 {
  padding : 70px 0 40px;
}
.topModule03 li p {
  display : block;
  float : right;
  width : 680px;
}
}

@media screen and (min-width: 1200px) {
.topModule03 li p {
  display : block;
  float : right;
  width : 880px;
}
}
/* .titleModule01
----------------------------------------------------------------------------- */
.titleModule01 {
  text-align : center;
  padding : 60px 0;
  background : #f1f1f1;
}
.titleModule01 .tit {
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
}
.titleModule01 .tit img{
  height : 50px;
}
.synergyModule01 .item .inner img{
  width : 50px;
}
.synergyModule01 .plus img{
  height : 50px;
}
.synergyModule01 .plus2{
  text-align : center;
  margin-bottom : 0!important;
}
.synergyModule01 .plus2 img{
  height : 40px;
}
@media screen and (max-width: 991px) {
.titleModule01 {
  margin-top: 70px;
  padding : 20px 0;
}
}

@media screen and (min-width: 992px) {
.titleModule01 {
}
}
/* .submenuModule01
----------------------------------------------------------------------------- */
.submenuModule01 {
  border-top : solid 2px #E5E5E5;
  border-bottom : solid 2px #E5E5E5;
}
/* .topicsModule01
----------------------------------------------------------------------------- */
.topicsModule01 {
  text-align : left;
  padding : 40px 0;
  margin-bottom : 0!important;
}
.topicsModule01 a {
  text-decoration: none;
  color : #333;
}
.topicsModule01 a:hover {
  color : #c80012;
}
.topicsModule01 .container .inner {
  border : solid 2px #E5E5E5;
}
.topicsModule01 .tit {
  background : #F1F1F1;
  font-size : 140%;
  font-family: 'Roboto', sans-serif!important;
  text-align : center;
}
.topicsModule01 .container .inner .row {
  padding : 15px;
}
.topicsModule01 .container .inner .row p {
  margin-bottom : 0px!important;
  padding-top: 5px;
}
.topicsModule01 .btn.type01 {
  width : 100%;
  box-sizing: border-box;
  margin: 0 auto;
  color: #D90200!important;
  font-size: 90%;
  font-weight: bold;
  padding: 5px 0px 4px 15px;
  text-align: center;
  border: #D90200 solid 2px;
  border-radius: 30px;
}
.topicsModule01 .btn.type01:after {
  display : none;
}
.topicsModule01 .btn.type01:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 7px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.topicsModule01 a.btn:hover {
  background : #D3090D;
  color : #fff!important;
  opacity : 1.0!important;
}
.topicsModule01 .btn.type01:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}

@media screen and (max-width: 767px) {
.topicsModule01 {
  padding : 20px 0;
}
.topicsModule01 .btn.type01 {
  padding: 4px 0px 4px 0px;
}
.topicsModule01 .container .inner .row p {
  margin-bottom : 15px!important;
}
}

@media screen and (min-width: 992px) and (max-width : 1199px) {
.topicsModule01 .btn.type01 {
  width : 130px;
}
}

@media screen and (min-width: 1200px) {
.topicsModule01 .btn.type01 {
  width : 160px;
}
}
/* .corpModule01
----------------------------------------------------------------------------- */
.corpModule01 {
  text-align : left;
  padding : 40px 0 70px;
  margin-bottom : 0!important;
}
.corpModule01 .tit {
  font-size : 250%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 40px;
  text-align : center;
}
.corpModule01 .tit .red {
  color : #D90200;
}
.corpModule01 .tit .ten {
  position : relative;
}
.corpModule01 .tit .ten:before {
  content : "・";
  position : absolute;
  top : -45px;
  left : -5px;
}
.corpModule01 p {
  font-size : 110%;
}
@media screen and (max-width: 767px) {
.corpModule01 {
  padding: 20px 0px 20px;
}
.corpModule01 .tit {
  font-size : 150%;
  margin-bottom : 10px;
}
.corpModule01 .tit .ten:before {
  content : "・";
  position : absolute;
  top : -25px;
  left : -4px;
}
}
/* .corpModule02
----------------------------------------------------------------------------- */
.corpModule02 {
  text-align : center;
  padding : 70px 0 40px;
  margin-bottom : 0!important;
  background : #F3F3F3;
}
.corpModule02 .tit {
  position : relative;
  font-size : 160%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 40px;
}
.corpModule02 .tit:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.corpModule02 .tit2 {
  font-size : 110%;
  padding : 5px 10px;
}
.corpModule02 .tit2.out:after {
  content : "";
  display : inline-block;
  width : 13px; 
  height : 12px;
  background : url("/common/img/base/icon_out@2x.png") no-repeat;
  background-size : 13px 12px;
  position : relative;
  top : 1px;
  left : 10px;
}
.corpModule02 .corpBox .inner {
  background : #fff;
  margin-bottom : 30px;
}
.corpModule02 .corpBox .inner:hover {
  margin: -2px;
  border : solid #D90200 2px;
  overflow : hidden;
}
.corpModule02 .corpBox .inner a {
  font-size : 100%;
  text-decoration: none;
  color : #333;
  text-align : left;
}
.corpModule02 .corpBox .inner figure {
  margin-bottom : 0px!important;
}
.corpModule02 .corpBox .inner figure img {
  min-width : 100%;
}
.corpModule02 .corpBox .inner .contentTxt {
  display : block;
  padding : 10px 20px;
}

@media screen and (max-width: 767px) {
.corpModule02 {
  padding: 20px 0px;
}
.corpModule02 .tit {
  font-size : 130%;
  margin-bottom : 20px;
}
.corpModule02 .corpBox .inner {
  background : #fff;
  margin-bottom : 20px!important;
}
}

@media screen and (min-width: 992px) and (max-width : 1199px) {
.corpModule02 {
  text-align : center;
  padding : 70px 0 40px;
  margin-bottom : 0!important;
  background : #F3F3F3;
}
.corpModule02 .corpBox {
  min-height : 132px;
}
}

@media screen and (min-width: 1200px) {
.corpModule02 .corpBox {
  float : left;
  min-height : 213px;
}
}
/* .corpModule03
----------------------------------------------------------------------------- */
.corpModule03 {
  overflow : hidden;
  text-align : center;
  padding : 70px 0 2px;
  margin-bottom : 0!important;
}
.corpModule03 .tit {
  position : relative;
  font-size : 160%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 40px;
}
.corpModule03 .tit:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.corpModule03 .corpBox .inner {
  background : #F3F3F3;
}
.corpModule03 .corpBox .inner:hover {
  margin: -2px;
  border : solid #D90200 2px;
  overflow : hidden;
}
.corpModule03 .corpBox .inner a {
  font-size : 100%;
  text-decoration: none;
  color : #333;
  text-align : left;
}
.corpModule03 .corpBox .inner figure {
  margin-bottom : 0px!important;
}
.corpModule03 .corpBox .inner figure img {
  min-width : 100%;
}
.corpModule03 .corpBox .inner .contentTxt {
  display : block;
  padding : 10px 20px;
  margin : 0!important;
}

@media screen and (max-width: 767px) {
.corpModule03 {
  padding: 20px 0px 0;
}
.corpModule03 .tit {
  font-size : 130%;
  margin-bottom : 20px;
}
.corpModule03 .corpBox {
  margin-bottom : 20px;
}
}
/* .learnModule01
----------------------------------------------------------------------------- */
.learnModule01 {
  text-align : left;
  padding : 60px 0 70px;
  margin-bottom : 0!important;
}
.learnModule01 .tit {
  font-size : 200%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 60px;
  text-align : center;
}
.learnModule01 p {
  font-size : 100%;
  margin-bottom : 30px!important;
}
.learnModule01 .btn {
  width : 100%;
  box-sizing: border-box;
  margin: 0 auto;
  color: #D90200!important;
  font-size: 90%;
  font-weight: bold;
  padding: 7px 0px 6px 10px;
  text-align: center;
  border: #D90200 solid 2px;
  border-radius: 30px;
}
.learnModule01 .btn:after {
  display : none;
}
.learnModule01 .btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 9px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.learnModule01 .btn:hover {
  background : #D3090D;
  color : #fff!important;
  opacity : 1.0!important;
}
.learnModule01 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
.learnModule01 figure{
  margin-bottom : 0px!important;
}

@media screen and (max-width: 767px) {
.learnModule01 {
  padding: 20px 0px 20px;
}
.learnModule01 .tit {
  font-size : 150%;
  margin-bottom : 10px;
}
.learnModule01 .tit .ten:before {
  content : "・";
  position : absolute;
  top : -25px;
  left : -3px;
}
.learnModule01 ul li img {
  width : 100%;
}
.learnModule01 p {
  margin : 15px 0!important;
}
}
/* .learnModule02
----------------------------------------------------------------------------- */
.learnModule02 {
  background : #F3F3F3;
  padding : 70px 0 20px;
  margin-bottom : 0!important;
}
.learnModule02 .item a {
  text-decoration : none;
  color : #333;
}
.learnModule02 .item .inner2 {
  min-height : 160px;
  background : #fff;
  border : #DEDEDE solid 2px;
  text-align : center;
}
.learnModule02 .item a:hover .inner2 {
  border : #D90200 solid 2px;
}
.learnModule02 .item .inner2 figure {
  padding: 20px 0 10px;
  margin-bottom : 0px!important;
}
.learnModule02 .item .inner2 figure img{
  width : 132px;
}
.learnModule02 .item strong {
  font-size : 110%;
}
.learnModule02 .item .type {
  position : relative;
  top : -15px;
}
.learnModule02 .item .contentTxt {
  font-size : 90%;
  padding : 15px 0;
}

@media screen and (max-width: 767px) {
.learnModule02 {
  padding: 20px 0px 0px;
}
.learnModule02 .item .contentTxt {
  margin-bottom : 10px!important;
}
}
@media screen and (min-width: 768px) {
.learnModule02 {
  padding : 70px 0 70px!important;
}
.learnModule02 .container{
  padding-bottom : 40px;
}
}

/* .productModule01
----------------------------------------------------------------------------- */
.productModule01 {
  padding : 70px 0 30px;
}
.productModule01 .tit {
  position : relative;
  font-size : 140%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 20px;
  text-align : left;
}
.productModule01 .txt {
  font-size : 100%;
}
.productModule01 a {
  text-decoration: none;
  color : #333333;
}
.productModule01 .item {
  position : relative;
}
.productModule01 .txtBlock figure {
  display : block;
  float : left;
  padding-right : 15px;
}
.productModule01 .txtBlock .txt {
  display : block;
  float: left;
}
.productModule01 .menu {
  position : relative;
  float : left;
  width : 100%;
  background: url("/common/img/product/bg_product_01.jpg");
  border-bottom : 2px solid #DFDFDF;
}
.productModule01 .menu li a {
  display : block;
  float : left;
  width : 50%;
  line-height: 41px;
}
.productModule01 .menu li a.link-external {
  padding:0;
  margin:0;
  background:none;
}
.productModule01 .menu li a:hover {
  color : #da0000;
}
.productModule01 .menu li a:before {
  content : "";
  display : inline-block;
  width : 17px; 
  height : 20px;
  background : url("/common/img/base/icon_arrow_02@2x.png") no-repeat;
  background-size : 17px 17px;
  position : relative;
  top : 6px;
  left : 2px;
  padding-right : 7px;
}
.productModule01 .menu li a:hover:before {
  content : "";
  display : inline-block;
  width : 17px; 
  height : 20px;
  background : url("/common/img/base/icon_arrow_03@2x.png") no-repeat;
  background-size : 17px 17px;
  position : relative;
  top : 6px;
  left : 2px;
  padding-right : 7px;
}
.productModule01 .txtBlock figure img{
  width : 90px;
}

@media screen and (max-width: 767px) {
.productModule01 {
  padding: 20px 0px 0!important;
  margin-bottom : 10px!important;
}
.productModule01 .tit {
  font-size : 110%;
  margin-bottom : 5px!important;
}
.productModule01 .itemimg {
  padding : 0!important;
}
.productModule01 .row {
  margin-bottom : 25px!important;
}
.productModule01 .txt {
  font-size : 80%;
  margin-bottom : 15px!important;
}
.productModule01 figure {
  text-align : center;
}
.productModule01 .txtBlock figure {
  width : 20%;
}
.productModule01 .txtBlock .txt {
  width: 70%;
}
.productModule01 .menu li a {
  font-size : 90%;
}
.productModule01 .menu li:nth-child(odd) a {
  width : 60%!important;
}
.productModule01 .menu li:nth-child(even) a {
  width : 40%!important;
}
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
.productModule01 .row.type02 {
  margin-top : 40px;
}
.productModule01 .txtBlock figure {
  width : 20%;
}
.productModule01 .txtBlock .txt {
  width: 70%;
}
}

@media screen and (min-width: 1200px) {
.productModule01 .row.type02 {
  margin-top : 70px;
}
.productModule01 .menu.type01 {
  top: 84px;
}
.productModule01 .menu.type02 {
  top: 20px;
}
.productModule01 .txtBlock figure {
}
.productModule01 .txtBlock .txt {
  width: 70%;
}
}
/* .productModule02
----------------------------------------------------------------------------- */
.productModule02 {
  padding : 70px 0 50px;
  background : #F3F3F3;
}
.productModule02 .tit {
  position : relative;
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 40px;
  text-align : center;
}
.productModule02 .tit:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.productModule02 .item figure {
  margin: -2px;
  background : #fff;
  border : solid #FFF 2px;
  text-align : center;
  margin-bottom : 10px!important;
  box-sizing: border-box;
}
.productModule02 .item:hover figure {
  margin: -2px;
  border : solid #D90200 2px;
  overflow : hidden;
}
.productModule02 .item a {
  float : left;
  width : 100%;
  text-decoration: none;
  color : #333333;
}
.productModule02 .item .tit2 {
  position : relative;
  font-size : 130%;
  font-weight : bold;
  text-align : center;
  margin-bottom : 15px;
}
.productModule02 .item .txt {
  display : block;
  text-align : center;
  font-size : 90%;
  line-height : 2.2;
  margin : 0 auto 15px auto!important;
}
.productModule02 .item p.btn {
  width : 100%;
  margin : 0 auto;
  color : #D90200!important;
  font-size : 100%;
  font-weight : bold;
  padding : 7px 0px;
  text-align : center;
  border : #D90200 solid 2px;
  border-radius: 30px;
}
.productModule02 .item:hover p.btn {
  background: #D3090D;
  color: #fff!important;
  opacity: 1.0!important;
}
.productModule02 .item p.btn:after {
  display : none;
}
.productModule02 .item p.btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 10px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.productModule02 .item:hover p.btn:before, .productModule02 .item p.btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
.productModule02 .btn:hover {
  background : #D3090D;
  color : #fff!important;
  opacity : 1.0!important;
}
.productModule02 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}

@media screen and (max-width: 767px) {
.productModule02 {
  padding: 20px 0px 0;
  margin-bottom : 10px!important;
}
.productModule02 .item {
  margin-bottom : 20px!important;
}
.productModule02 .tit {
  font-size : 130%;
  margin-bottom : 20px;
  padding: 0 15px;
}
.productModule02 .item .txt {
  margin-bottom : 10px!important;
}
.productModule02 .tit2 {
  font-size : 110%!important;
  margin-bottom: 10px!important;
}
}

@media screen and (min-width: 1200px) {
.productModule02 {
  margin-bottom : 20px!important;
}
.productModule02 .item .txt {
  width : 270px;
}
.productModule02 .item p.btn {
  width : 80%;
}
}
/* .productModule03
----------------------------------------------------------------------------- */
.productModule03 {
  padding : 30px 0 40px;
  margin-bottom : 0!important;
}
.productModule03.synergy {
  padding : 70px 0 40px;
  margin-bottom : 0!important;
}
.productModule03 .tit {
  position : relative;
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 50px;
  text-align : center;
}
.productModule03 .tit:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.productModule03 .tit2 {
  position: relative;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 25px;
  text-align: left;
}
.productModule03 .tit2:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -12px;
  left : 0;
  height : 2px;
  width : 80px;
  text-align : center;
  background : #DFDFDF;
}
.productModule03 .txt {
  font-size : 90%;
}
.productModule03 .item2 a {
  float : left;
  width : 100%;
  text-decoration: none;
  color : #333333;
}
.productModule03 .item2 figure {
/*  padding : 0 10px 0 0px!important;*/
}
.productModule03 .item2 .inner {
  margin-bottom : 10px;
}
.productModule03 .item2 li {
  position : relative;
  padding-left : 18px;
  font-size : 90%;
}
.productModule03 .item2 li:before {
  content : "●";
  display : block;
  position : absolute;
  top : 0;
  left : 0;
  color : #D90200;
}
.productModule03 .item2 p.btn {
  width : 100%;
  margin : 0 auto;
  color : #D90200!important;
  font-size : 100%;
  font-weight : bold;
  padding : 2px 0px;
  text-align : center;
  border : #D90200 solid 2px;
  border-radius: 30px;
}
.productModule03 .item2:hover p.btn {
  background: #D3090D;
  color: #fff!important;
  opacity: 1.0!important;
}
.productModule03 .item2 p.btn:after {
  display : none;
}
.productModule03 .item2 p.btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 6px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size: contain;
  vertical-align: middle;
  margin-right : 5px;
}
.productModule03 .item2:hover p.btn:before, .productModule03 .item2 p.btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
.productModule03 .btn:hover {
  background : #D3090D;
  color : #fff!important;
  opacity : 1.0!important;
}
.productModule03 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}

@media screen and (max-width: 767px) {
.productModule03 {
  padding: 20px 0px 0;
}
.productModule03 .item2 {
  margin-bottom : 20px!important;
}
.productModule03 .item2 figure {
  padding : 0 10px 0 15px!important;
}
.productModule03 .tit {
  font-size : 130%;
  margin-bottom : 40px;
  padding: 0 15px;
}
.productModule03 .tit2:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -10px;
  left : 0;
  height : 2px;
  width : 80px;
  text-align : center;
  background : #DFDFDF;
}
.productModule03 .tit2 {
  font-size : 100%!important;
  margin-bottom: 20px!important;
}
}

@media screen and (max-width: 1199px) {
.productModule03 .tit2 br {
  display : none;
}
}
@media screen and (min-width: 992px) {
.productModule03.end{
  padding : 50px 0 0px;
}
}
@media screen and (min-width: 1200px) {
.productModule03 .item2 .txt {
  margin-bottom : 10px!important;
}
.productModule03 .item2 ul {
  margin-bottom : 10px;
}
}
/* .synergyModule
----------------------------------------------------------------------------- */
.synergyModule.homenews {
  display:none;
  padding: 15px 0;
  margin-bottom : 10px!important;
  background: #f4f4f4;
}
.synergyModule.homenews .homenews-title {
  background: #c80012;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  margin-right:20px;
  font-size: 12px;
  vertical-align:top;
}
.synergyModule.homenews .homenews-txt {
  display: inline-block;
  font-size: 14px;
  color: #666;
}
/* .synergyModule01
----------------------------------------------------------------------------- */
.synergyModule01 {
  padding : 40px 0 30px;
  margin-bottom : 0!important;
}
.synergyModule01 a {
  text-decoration: none;
  color : #333333;
}
.synergyModule01 .txt {
  position : relative;
  font-size : 120%;
  font-weight : bold;
  margin-bottom : 50px;
  text-align : center;
}
.synergyModule01 .illust {
  z-index : 0;
  text-align : center;
}
.synergyModule01 .plus {
  margin-bottom : 15px;
}
.synergyModule01 .inner {
  border : solid #dedede 2px;
  box-sizing: border-box;
  overflow : hidden;
  text-align : left;
  background : #fff;
}
.synergyModule01 .item {
  margin-bottom : 20px;
}
.synergyModule01 .item .inner {
  padding : 0px;
}
.synergyModule01 .item .inner a{
  display : block;
  padding : 3px 5px;
}
.synergyModule01 .inner:hover {
  border : solid #D90200 2px;
}
.synergyModule01 .inner figure {
  display : block;
  float : left;
  margin-bottom : 0!important;
}
.synergyModule01 .inner .txtBlock {
  padding-top : 10px;
}
.synergyModule01 .plus {
  text-align : center;
}

@media screen and (max-width: 767px) {
.synergyModule01 {
  padding: 20px 0px 10px;
}
.synergyModule01 .item2 .inner {
  padding : 5px 1px 2px 5px!important;
}
.synergyModule01 .item2 .inner {
  padding: 12px 5px 4px 5px;
}
.synergyModule01 .inner .tit {
  font-size : 110%;
  font-weight : bold;
}
.synergyModule01 .inner .txt2 {
  font-size : 90%;
}
.synergyModule01 .item, .synergyModule01 .item2 {
  margin-bottom : 10px!important;
}
.productModule03.synergy {
  padding : 30px 0 20px!important;
}
}

@media screen and (min-width:768px) and (max-width:991px) {
.synergyModule01 .item2 .inner {
  padding: 0px!important;
 }
.synergyModule01 .item2 .inner a{
  display : block;
  padding: 12px 5px 4px 200px!important;

}
}

@media screen and (min-width:768px) and (max-width:1199px) {
.synergyModule01 .txt {
  margin-bottom : 40px!important;
}
.synergyModule01 .illust {
	/*
  position : absolute;
  top : 199px;
  left: 40px;
	*/
}
.synergyModule01 .illust img {
  width : 450px!important;
  height : 300px!important;
  max-width : 450px!important;
}
.synergyModule01 .item2 .inner {
  padding: 12px 5px 4px 80px;
}
.synergyModule01 .item2 .inner .tit {
  padding-left : 10px;
}
.synergyModule01 .item, .synergyModule01 .item2 {
  margin-bottom : 15px;
}
.synergyModule01 .item2 .inner .txtBlock {
  padding : 10px 10px 15px 20px;
}
.synergyModule01 .item2 .inner .tit {
  font-size: 110%;
}
.synergyModule01 .inner .txtBlock {
  padding-top : 13px;
  padding-left: 60px;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.synergyModule01 .illust {
  position : absolute;
  top : 0;
}
}
@media screen and (min-width: 1200px) {
.synergyModule01 .illust {
  position : absolute;
  top : 167px;
  left: 40px;
}
.synergyModule01 .illust img {
  width : 450px!important;
  height : 300px!important;
  max-width : 450px!important;
}
.synergyModule01 .txt {
  margin-bottom : 80px!important;
  line-height : 36px;
}
.synergyModule01.grey .txt {
  margin-bottom : 30px!important;
}
.synergyModule01 .item2 {
  margin-bottom : 10px;
}
.synergyModule01 .item2 .inner {
  padding: 0px;
}
.synergyModule01 .item2 .inner a{
  display : block;
  padding: 12px 5px 15px 150px;
}
.synergyModule01 .item .inner .tit, .synergyModule01 .item2 .inner .tit {
  font-size: 120%;
}
.synergyModule01 .inner figure {
  padding : 0 10px;
}
}

@media screen and (max-width: 991px) {
.synergyModule01 .txt {
  font-size: 100%;
  margin : 5px 0 10px!important;
}
}
/* .synergyModule02
----------------------------------------------------------------------------- */
.synergyModule02 {
  padding : 70px 0 50px;
  margin-bottom : 0!important;
  background : #F3F3F3;
}
.synergyModule02 a {
  text-decoration: none;
  color : #333333;
}
.synergyModule02 .tit {
  position : relative;
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 60px;
  text-align : center;
}
.synergyModule02 .tit:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.synergyModule02 .tit2 {
  font-size : 190%;
  font-weight : bold;
}
.synergyModule02 .tit2 span {
  color : #da0000;
}
.synergyModule02 .txt {
  margin-top : 20px;
}
.synergyModule02 .fr1, .synergyModule02 .fl2 {
  background : #fff;
  padding : 50px 60px;
}
.synergyModule02 .fl1 {
  text-align : left;
}
.synergyModule02 .fr2 {
  text-align : center;
}
.synergyModule02 .btn {
  width : 100%;
  margin : 0 auto;
  color : #D90200!important;
  font-size : 100%;
  font-weight : bold;
  padding : 7px 0px;
  text-align : center;
  border : #D90200 solid 2px;
  border-radius: 30px;
}
.synergyModule02 .btn:hover {
  background: #D3090D;
  color: #fff!important;
  opacity: 1.0!important;
}
.synergyModule02 .btn:after {
  display : none;
}
.synergyModule02 .btn:before {
  content: " ";
  display: inline-block;
  position : absolute;
  top : 10px;
  left : 10px;
  width: 17px;
  height: 17px;
  color : #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
.synergyModule02 .btn:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
.synergyModule02 .fr1  .synergyModule02 .fl2 {
  position : relative;
}

@media screen and (max-width: 767px) {
.synergyModule02 {
  padding: 20px 0px 0!important;
}
.synergyModule02 .tit {
  font-size : 130%;
  padding: 0 15px;
}
.synergyModule02 .tit2 {
  font-size : 130%;
}
.synergyModule02 .txt {
  font-size: 90%;
  margin : 5px 0 10px!important;
}
.synergyModule01 .inner figure {
  padding-right: 10px;
}
}

@media screen and (max-width: 991px) {
.synergyModule02 {
  padding: 40px 0px 0;
}
.synergyModule02 .tit {
  margin-bottom : 20px;
}
.synergyModule02 .item2 {
  margin-bottom : 20px!important;
}
.synergyModule02 .item2.mt-40 {
  margin-top : 0!important;
}
.synergyModule02 .fr1, .synergyModule02 .fl2 {
  padding : 30px 30px;
}
.synergyModule02 .fl1 {
  padding-top : 40px;
  text-align : center;
}
.synergyModule02 .fr2 {
  padding-top : 20px;
  text-align : center;
}
.synergyModule02 .fl1 {
  float : right;
}
.synergyModule02 .fl1,  .synergyModule02 .fl2,  .synergyModule02 .fr1,  .synergyModule02 .fr2 {
  width : 100%!important;
}
.synergyModule02 .fr1:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid #fff;
  border-right: 30px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: 50%;
  bottom: -40px;
  margin-left : -25px;
}
.synergyModule02 .fl2:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid #fff;
  border-right: 30px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: 50%;
  bottom: -40px;
  margin-left : -25px;
}
}

@media screen and (min-width: 992px) {
.synergyModule02 .fl1 {
  float : left!important;
}
.synergyModule02 .fr1 {
  float : right!important;
}
.synergyModule02 .fl2 {
  float : left!important;
}
.synergyModule02 .fr2 {
  float : right!important;
}
.synergyModule02 .btn {
  width : 60%;
}
.synergyModule02 .fr1:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid #fff;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: -60px;
  top: 120px;
}
.synergyModule02 .fl2:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid tansparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #fff;
  right: -30px;
  top: 140px;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.synergyModule02 .fl1 {
  padding-top : 50px;
  padding-right : 50px;
}
.synergyModule02 .fr2 {
  max-width: 280px;
}
}

@media screen and (min-width: 1200px) {
.synergyModule02 .fl1 {
  padding-top : 30px;
}
.synergyModule02 .fr2 {
  padding-top : 10px;
}
.synergyModule02 .fl1 img{
  max-width : 302px!important;
}
.synergyModule02 .fr2 img{
  max-width : 250px!important;
}
.synergyModule02 .btnModule01 {
  width : 60%;
}

}




/* .synergyModule03
----------------------------------------------------------------------------- */
.synergyModule03 {
  padding : 10px 0 50px;
  margin-bottom : 0!important;
}
.synergyModule03.synergy {
  padding : 70px 0 40px;
  margin-bottom : 0!important;
}
.synergyModule03 .tit {
  position : relative;
  font-size : 210%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin-bottom : 50px;
  text-align : left;
}
.synergyModule03 .tit2 {
  position: relative;
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}
.synergyModule03 .tit3 {
  position: relative;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 25px;
  text-align: left;
}
.synergyModule03 .tit3:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -12px;
  left : 0;
  height : 2px;
  width : 80px;
  text-align : center;
  background : #DFDFDF;
}
.synergyModule03 .rowBlock{
  margin-bottom : 60px;
}
.synergyModule03 .rowBlock2 figure{
  padding : 0px;
  text-align : center;
}
@media screen and (max-width: 767px) {
.synergyModule03 {
  padding: 0px 0 20px;
  margin-bottom: 0!important;
}
.synergyModule03 .rowBlock{
  margin-bottom : 20px;	
}
.synergyModule03 .tit {
  font-size: 140%;
  margin-bottom: 10px;
  padding: 0 0px;
}
.synergyModule03 .tit2 {
  font-size: 120%;
  margin-bottom: 10px;
  padding: 0 0px;
}
.synergyModule03 .tit3{
  font-size: 100%!important;
  margin-bottom: 20px!important;		
}
.synergyModule03 .txt {
  font-size: 100%;
}
}
@media screen and (max-width: 991px) {
.synergyModule03 .rowBlock2 .row{
  margin-left : 0;
  margin-right : 0;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.synergyModule03 .illust {
  margin-top : 50px;
  text-align : right;
}
.synergyModule03.basic .rowBlock2 .row{
  margin-left : 0px;
}
.synergyModule03 .txt {
  font-size: 110%;
}
}
@media screen and (min-width: 768px) {
.synergyModule03{
  font-size : 14px;
}
}
@media screen and (min-width: 1200px) {
.synergyModule03 .illust {
  margin-top : 50px;
  text-align : right;
}
.synergyModule03.basic .illust {
  margin-top : 0px;
  text-align : right;
}
.synergyModule03.basic .rowBlock2 figure{
  width : 210px;
  margin-left : 15px;
}
.synergyModule03.poem{
  padding : 10px 0 0;
  margin-bottom : 0px;
}
.synergyModule03.poem .illust img{
  max-width : 444px;
}
.synergyModule03 .txt {
  font-size: 110%;
}
}

/* .synergyModule04
----------------------------------------------------------------------------- */
.synergyModule04 {
  padding : 30px 0 50px;
  margin-bottom : 0!important;
  background : #F3F3F3;
}
.synergyModule04 a {
  text-decoration: none;
  color : #333333;
}
.synergyModule04 .tit {
  position : relative;
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin : 40px 0 60px;
  text-align : center;
}
.synergyModule04 .tit:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.synergyModule04 .tit2 {
  font-size : 190%;
  font-weight : bold;
}
.synergyModule04 .tit2 span {
  color : #da0000;
}
.synergyModule04 .tit3 {
  font-size : 150%;
  font-weight : bold;
  margin-bottom: 10px;
}
.synergyModule04 .tit4 {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 25px;
}
.synergyModule04 .tit4:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -12px;
  left : 43%;
  height : 2px;
  width : 80px;
  text-align : center;
  background : #DFDFDF;
}
.synergyModule04 .tit3 span,
.synergyModule04 .tit4 span  {
  font-size : 80%;
  font-weight : bold;
}
.synergyModule04 .txt {
  margin : 0px!important;
}
.synergyModule04 .fr1, .synergyModule04 .fl2 {
  background : #fff;
  padding : 30px;
}
.synergyModule04.basic .fr1, .synergyModule04.basic .fl2 {
  padding : 40px;
}
.synergyModule04 .fl1 {
  text-align : left;
}
.synergyModule04 .fr2 {
  text-align : center;
}
.synergyModule04 .one > div {
  background: #fff;
  box-sizing: border-box;
  padding : 40px;
}
.synergyModule04 .one > div:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid #fff;
  border-right: 30px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: 50%;
  bottom: -40px;
  margin-left : -25px;
}
.synergyModule04 .two .col-sm-6 {
  width: 48%;
  padding: 40px;
  background-color: #fff;
}
.synergyModule04 .two .col-sm-6:last-child {
  margin-left: 4%;
}
.synergyModule04 .two figure {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px !important;
}
.synergyModule04 .two h4 {
  margin-top: 10px;
  font-weight: bold;
}
.synergyModule04 .two ul {
  margin-bottom: 0;
}
.synergyModule04 .btnModule01 {
  margin-top : 20px;
}
.synergyModule04.poem .btnModule01, .line .synergyModule04 .btnModule01{
  padding: 2px 0px!important;
}
.synergyModule04.poem .link-external, .line .synergyModule04 .link-external {
  background: #fff;
}
.synergyModule04.poem .link-external:hover, .line .synergyModule04 .link-external:hover {
  background: #D3090D;
  color: #fff!important;
  opacity: 1.0!important;
}
.synergyModule04.poem .btnModule01:before, .line .synergyModule04 .btnModule01:before{
  background: url(../../common/img/base/icon_search_04@2x.png);
  background-size: 17px 17px;
  top: 6px!important;
}
.synergyModule04.poem .btnModule01:hover:before, .line .synergyModule04 .btnModule01:hover:before{
  background: url(../../common/img/base/icon_search_05@2x.png);
  background-size: 17px 17px;
  top: 6px!important;
}
.synergyModule04 .rowBlock02 {
  margin-top : 40px;
  padding : 30px 40px;
  border : solid 2px #DFDFDF;
  overflow : hidden;
}
.synergyModule04 .rowBlock02 .tit {
  font-size: 152%;
  font-weight: bold;
  margin : 0 0 50px 0;
}
.synergyModule04 .rowBlock02 h4 {
  font-size: 130%;
  margin-bottom: 10px;
  font-weight: bold;
}
.synergyModule04 .rowBlock02 .btnType03 {
  background: url(/common/img/base/icon_file@2x.png) no-repeat 5% center;
  background-size: 28px 33px;
  line-height: 40px;
  background-color: #E60000;
  border: 2px solid #E60000!important;
  color: #fff!important;
}

@media screen and (max-width: 767px) {
.synergyModule04 {
  padding: 20px 0px 0!important;
}
.synergyModule04 .tit{
  font-size: 120%;
  margin-top : 0;
  margin-bottom: 40px;
  padding: 0 15px;		
}
.synergyModule04 .tit3,
.synergyModule04 .tit4 {
  font-size: 120%;
  text-align: center;
}
.synergyModule04 .txt {
  font-size: 100%;
  margin: 0px!important;
}
.synergyModule04.basic .txt{
  margin-bottom : 20px!important;	
}
.synergyModule04.basic .one .txt{
  margin-bottom : 0px!important;
}
.synergyModule04.basic .btnModule01{
  margin-top : 10px;
}
.synergyModule04.basic .fr1,
.synergyModule04.basic .fl2,
.synergyModule04.basic .one > div{
  padding: 20px 15px;
}
.synergyModule04.basic .fl1.reduction img{
  width : 80%;
}
.synergyModule04 .two .col-sm-6 {
  width: 100%;
  padding: 20px 10px;
  margin-bottom: 20px;
}
.synergyModule04 .two .col-sm-6:last-child {
  margin-left: 0;
}
.synergyModule04 .rowBlock02.detail {
  padding: 20px;
  margin-bottom: 40px;
}
}
@media screen and (max-width: 991px) {
.synergyModule04 {
  padding: 40px 0px 0;
}
.synergyModule04.poem {
  padding: 30px 0px 50px;
}
.synergyModule04 .tit {
  margin-bottom : 20px;
}
.synergyModule04 .item2 {
  margin-bottom : 20px!important;
}
.synergyModule04 .item2.mt-40 {
  margin-top : 0!important;
}
.synergyModule04 .fr1, .synergyModule04 .fl2 {
  padding : 20px 15px;
}
.synergyModule04 .fl1 {
  padding-top : 40px;
  text-align : center;
}
.synergyModule04.poem .fl1{
  padding-top : 0;
} 
.synergyModule04 .fr2 {
  padding-top : 40px;
  text-align : center;
}
.synergyModule04 .fl1 {
  float : right;
}
.synergyModule04 .fl1,  .synergyModule04 .fl2,  .synergyModule04 .fr1,  .synergyModule04 .fr2 {
  width : 100%!important;
}
.synergyModule04 .fr1:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid #fff;
  border-right: 30px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: 50%;
  bottom: -40px;
  margin-left : -25px;
}
.synergyModule04 .fl2:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid #fff;
  border-right: 30px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: 50%;
  bottom: -40px;
  margin-left : -25px;
}
.synergyModule04 .one {
  margin-left: -15px;
  margin-right: -15px;
}
.synergyModule04 .one > div {
  margin-bottom : 20px;
}
.synergyModule04 .one .btnModule01 {
  width : 100%!important;
}
.synergyModule04.poem figure{
  margin-top : 20px;	
}
.synergyModule04.poem .fr2{
  padding-top : 0;		
}
}
@media screen and (min-width: 768px) {
.synergyModule04{
  font-size : 14px;
}
.synergyModule04.basic .btnModule01{
  float: left;
  width: 48%;
  clear: inherit;
  margin-top : 20px;
}
.synergyModule04.basic .btnModule01.lft{
  margin: 20px 20px 0 -5px;
}
.synergyModule04.basic .btnModule01.rit{
  float : right;
}
}
@media screen and (min-width: 992px) {
.synergyModule04 .txt {
  font-size : 110%;
}
.synergyModule04 .fl1 {
  float : left!important;
}
.synergyModule04 .fr1 {
  float : right!important;
}
.synergyModule04 .fl2 {
  float : left!important;
  height : 335px!important;
}
.synergyModule04.basic .fl2{
  height : 275px!important;	
}
.synergyModule04 .fr2 {
  float : right!important;
}
.synergyModule04 .fr3 {
  float : right!important;
}
.synergyModule04 .fl4 {
  float : left!important;
}
.synergyModule04 .btn {
  width : 100%;
}
.synergyModule04 .fl1 img{
  max-width : 443px;
}
.synergyModule04 .fr2 img{
  max-width : 400px;
}
.synergyModule04.poem .fr2 img{
  max-width : 671px;
  width : 100%;
}
.synergyModule04.poem .fl1 img{
  max-width : 672px;
  width : 100%;
}
.synergyModule04.basic .fl1 img{
 width : 100%;
}
.synergyModule04 .fr1:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid #fff;
  border-bottom: 20px solid transparent;
  border-left: 30px solid transparent;
  left: -60px;
  top: 120px;
}
.synergyModule04 .fl2:after {
  content: '';
  height: 0;
  position: absolute;
  width: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid tansparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #fff;
  right: -30px;
  top: 140px;
}
.synergyModule04 .fl2 .txt{
  margin-bottom : 20px!important;
}
.synergyModule04.basic .fl2 .txt{
  margin-bottom : 0px!important;
}
.synergyModule04 .one{
  width : 90%;
  float : right;
  padding-right : 100px;
}
.synergyModule04 .one > div {
  background: #fff;
  padding: 30px;
  margin-bottom : 20px;
  box-sizing: border-box;
}
.synergyModule04 .one  figure{
  text-align : center;
}
.synergyModule04 .one .txt{
  display : block;
  width : 64%;
  float : left;
}
.synergyModule04 .one .btnModule01{
  display : block;
  float :right!important;
  margin-top : 30px;
  width : 280px!important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.synergyModule04 .fl1 {
  padding-top : 50px;
  padding-right : 50px;
}
.synergyModule04.poem .fl1 {
  padding-top : 0px;
  padding-right : 50px;
}
.synergyModule04 .fl2 {
  float : left!important;
  height : 355px!important;
}
.synergyModule04.basic .fl2{
  height : 305px!important;	
}
.synergyModule04 .one .txt{
  width : 55%;
}
.synergyModule04 .one .btnModule01{
  margin-top : 60px;
}
}
@media screen and (min-width: 1200px) {
.synergyModule04 .fl1 {
  padding-top : 30px;
}
.synergyModule04 .fr2 {
  padding-top : 10px;
}
.synergyModule04.poem .fl1 {
  padding-top : 0px;
}
.synergyModule04.basic .fl1{
  padding-top : 0;
}
.synergyModule04.basic .fl1.reduction img{
 width : 90%;
}
.synergyModule04 .btnModule01 {
  width : 100%;
}
.synergyModule04.poem .btnModule01 {
  width : 270px;
  float : right;
}
}

/* .synergyModule05
----------------------------------------------------------------------------- */
.synergyModule05 {
  padding-top : 0px;
}
.synergyModule05.connect {
	padding : 30px 0 0;
	margin-bottom : 0!important;
	background : #F3F3F3;
}
@media screen and (max-width: 767px) {
.synergyModule05 {
  padding: 20px 0px 0!important;
  font-size : 14px;
}
}
@media screen and (max-width: 991px) {
.synergyModule05 {
  padding: 40px 0px 0;
}
}
.synergyModule05.connect  .txt{
	margin-left:15px;
}
.synergyModule05.connect .flow-tag {
	display:inline-block;
	position: relative;
	z-index: 10;	
	padding:2px 10px;
	margin:20px 0 10px !important;
	color:#fff;
	background: #999;
	text-align: center;
	font-weight:bold;
}
.synergyModule05.connect .flow-tag span {
	position: relative;
	z-index: 20;
}
.synergyModule05.connect .flow-tag::after{
	content: "";
	height: 0;
	border-top: solid 14px rgba(0, 0, 0, 0);
	border-bottom: solid 15px rgba(0, 0, 0, 0);
	border-left: solid 14px #999;
	position: absolute;
	top: 0;
	right: -14px;
	z-index: 5;
}
.synergyModule05.connect .topic {
	border:solid 2px #DFDFDF;
	padding:5px 15px;
	margin-top:-10px;
	font-size:90%;
}
@media screen and (max-width: 767px) {
.synergyModule05.connect .flow-tag {
	margin-top:10px !important;
}
.synergyModule05.connect .synergyBox {
	margin-bottom:40px;
}
.synergyModule05.connect .synergyBox:last-child {
	margin-bottom:0px;
}
}
.synergyModule05 .tit2 {
    position: relative;
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: left;
}
.synergyModule05 .tit3 {
  position : relative;
  font-size : 180%;
  font-weight : bold;
  letter-spacing: 2.0px;
  margin : 40px 0 60px;
  text-align : center;
}
.synergyModule05 .tit3:after {
  content : "";
  display : block;
  position : absolute;
  bottom : -5px;
  left : 50%;
  margin-left : -50px;
  height : 2px;
  width : 100px;
  text-align : center;
  background : #DFDFDF;
}
.synergyModule05 .item {
	background:#fff;
	padding:40px;
	margin-bottom:40px;
}

.synergyModule05 .synergyBox figure {
  text-align : center;
  margin-bottom : 10px!important;
}
.synergyModule05 .synergyBox .tit {
  position : relative;
  font-size : 140%;
  text-align : center;
  margin-bottom : 15px;
}
.synergyModule05.top .synergyBox .tit {
  font-size : 100%;
  margin-top : 20px;
  margin-bottom : 20px;
}
.synergyModule05 .synergyBox .tit:after {
  position : absolute;
  content : "";
  display : block;
  bottom : -5px;
  left : 50%;
  width : 70px;
  height : 2px;
  margin-left : -35px;
  background : #e5e5e5;
}
.synergyModule05 .synergyBox .txt {
  line-height : 1.8;
  margin-bottom: 15px!important;
  text-align : center;
}
.synergyModule05 .rowBlock{
  margin-top : 40px;
}
.synergyModule05 .rowBlock02{
  margin-top : 70px;
  padding : 30px 40px 40px;
  border : solid 2px #DFDFDF;
  overflow : hidden;
}
.synergyModule05 .rowBlock02 .tit{
  text-align : center;
  font-size: 140%;
  font-weight: bold;
  margin-bottom : 20px;
}
.synergyModule05 .synergyBox02{
  text-align : center;
}
.synergyModule05 .synergyBox02 .tit{
  border : solid 2px #DFDFDF;
  padding : 30px 20px;
  font-size : 130%;
  font-weight : bold;
}
.synergyModule05 .synergyBox03 li{
  position : relative;
  padding-left : 20px;
}
.synergyModule05 .synergyBox03 li:before{
  content : "●";
  display : block;
  position : absolute;
  top : 0;
  left : 0;
}
.synergyModule05 .synergyBox03 li a{
  text-decoration: underline;
}
.synergyModule05 .synergyBox03 li a:hover{
  text-decoration: none;
}
.synergyModule05 .box01 span{
  display : block;
  height : 70px;
  font-size : 100%;
}
.synergyModule05 .box01.lft{
  float : left;
}
.synergyModule05 .box01.rit{
  float : right;
}
.synergyModule05 .box01 .btn01,
.synergyModule05 .box01 .btn02{
  display : block;
  width : 100%;
  height : 80px;
  line-height: 1.5;
  font-size: 110%;
  font-weight : bold;
  border : solid 2px #FFFFFF;
  color : #fff;
  box-sizing: border-box;
  text-decoration: none;
  text-align : center;
}
.synergyModule04 .box01 .btn01{
  display : block;
  width : 100%;
  height : 66px;
  padding-top : 22px;
  line-height: 1.5;
  font-size: 110%;
  font-weight : bold;
  color : #fff;
  box-sizing: border-box;
  text-decoration: none;
  text-align : center;
}
.synergyModule05 .box01 .btn01{
  padding-top : 25px;
}
.synergyModule05 .box01 .btn02{
  padding-top : 15px;
}
.synergyModule04 .btn01:hover,
.synergyModule05 .btn01:hover,
.synergyModule05 .btn02:hover{
  opacity: 1.0!important;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.synergyModule04 .box01 .btn01,
.synergyModule05 .box01 .btn01{
  background : url("/common/img/base/icon_file@2x.png") no-repeat 5% center #D90200;
  background-size : 28px 33px;
}
.synergyModule05 .box01 .btn02{
  background : url("/common/img/base/icon_book@2x.png") no-repeat 5% center #D90200;
  background-size : 44px 36px;
}
.synergyModule04 .box01 .btn01:hover,
.synergyModule05 .box01 .btn01:hover {
  background : url("/common/img/base/icon_file@2x.png") no-repeat 5% center #c40000;
  background-size : 28px 33px!important;
}
.synergyModule05 .box01 .btn02:hover {
  background : url("/common/img/base/icon_book@2x.png") no-repeat 5% center #c40000;
  background-size : 44px 36px;
}
.synergyModule05 .text-left {
  text-align: left!important;
}

@media screen and (max-width: 767px) {
.synergyModule05 {
  padding-top : 20px;
  margin-bottom: 0px!important;
}
.synergyModule05 .tit2 {
    position: relative;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}
.synergyModule05 .tit3{
  font-size: 120%;
  margin-top : 0;
  margin-bottom: 40px;
  padding: 0 15px;		
}
.synergyModule05 .synergyBox {
  margin-bottom : 15px;
}
.synergyModule05.top .synergyBox figure img {
  width : 100%;
}
.synergyModule05 .synergyBox.automail figure {
  margin-bottom : 0!important;
}
.synergyModule05 .synergyBox .tit {
  font-size : 100%;
}
.synergyModule05 .synergyBox p {
  font-size : 100%!important;
}
.synergyModule05 .rowBlock02 .inner{
  width : 100%;
  margin : 0 auto;
}
.synergyModule05 .box01{
  width : 40%;
  margin : 0 15px;
}
.synergyModule05 .synergyBox03 li{
  font-size : 100%;	
  padding-left: 16px;
}
.synergyModule05 .rowBlock{
  margin-top : 10px;		
}
.synergyModule05 .synergyBox02 .tit {
  padding: 15px 20px;
  margin-bottom : 20px;
  font-size: 110%;
}
.synergyModule05 .rowBlock02{
  margin-top : 30px;
  margin-bottom : 30px;
  padding : 15px 15px 5px;
}
.synergyModule05 .rowBlock02 .tit {
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0px;
}
.synergyModule05 .rowBlock02 .inner{
  width : 100%;
  margin : 0 auto;
}
.synergyModule04 .box01 .btn01,
.synergyModule05 .box01 .btn01,
.synergyModule05 .box01 .btn02{
  height : 60px;
}
.synergyModule05 .box01{
  width : 100%;
  margin : 10px 0;
}
.synergyModule05 .box01 span {
  display: block;
  height: auto;
  font-size: 100%;
}
.synergyModule04 .box01 .btn01,
.synergyModule05 .box01 .btn01{
  font-size : 100%;
  height: 60px;
  padding-top : 18px;
}
.synergyModule05 .box01 .btn02{
  padding-top : 10px;
}
.synergyModule04 .box01 .btn01,
.synergyModule05 .box01 .btn01,
.synergyModule05 .box01 .btn02{
  position : relative;
  font-size : 100%;
}
.synergyModule04 .box01 .btn01 span,
.synergyModule05 .box01 .btn01 span,
.synergyModule05 .box01 .btn02 span{
  display : block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-left : 50px;
  padding-right : 10px;
  width: 100%;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);	
}
.synergyModule05 .box01 .btn02{
  background: url(/common/img/base/icon_book@2x.png) no-repeat 5% center #D90200;
  background-size: 30px 25px;
}
}
@media screen and (max-width: 991px) {
.synergyModule05 .tit3 {
  margin-bottom : 20px;
}
}
@media screen and (max-width: 400px) {
.synergyModule04 .box01 .btn01,
.synergyModule05 .box01 .btn01,
.synergyModule05 .box01 .btn02{
  font-size : 100%;
  padding-top : 20px;
  padding-left : 50px;
}
.synergyModule05 .box01 .btn02{
  padding-top : 12px;
}

}
@media screen and (min-width: 768px) {
.synergyModule05{
  font-size : 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.synergyModule05{
  margin-bottom : 70px!important;
}
.synergyModule05 .rowBlock02 .inner{
  width : 100%;
  margin : 0 auto;
}
.synergyModule05 .box01{
  width : 300px;
  margin : 0 5px;
}
.synergyModule04 .box01 .btn01,
.synergyModule05 .box01 .btn01,
.synergyModule05 .box01 .btn02{
  padding-left : 40px;	
}
}
@media screen and (min-width: 992px) {
.synergyModule05 {
  padding-top : 20px;
  margin-bottom: 70px!important;
}
.synergyModule05.top .txt2 {
  text-align : center;
  padding : 0px 0 20px;
}
.synergyModule05 .txt {
  font-size: 110%;
}
.synergyModule05 .synergyBox03 li{
  font-size : 110%;
}
.synergyModule05 .rowBlock02 .inner{
  width : 800px;
  margin : 0 auto;
}
.synergyModule05 .box01{
  width : 370px;
  margin : 0 15px;
}
}

/* .supportModule01
----------------------------------------------------------------------------- */
.supportModule01 {
  padding : 60px 0 40px;
  margin-bottom : 0!important;
}
.supportModule01 .tit {
  margin-bottom : 20px;
}
.supportModule01 .tit_txt1{
  display : block;
  float : left;
  font-size : 11px;
  line-height: 20px;
}
.supportModule01 .tit_txt2 img{
	max-width:80%;
}
.supportModule01 .label-free {
	display:inline-block;
	margin-bottom:12px;
	margin-left:10px;
}
.supportModule01 .list {
  overflow : hidden;
  background : #F3F3F3;
  padding : 20px 5px 20px 20px;
  margin-bottom : 15px;
}
.supportModule01 .list li {
  position : relative;
  padding-left : 18px;
  font-size : 100%;
}
.supportModule01 .list li:before {
  content : "●";
  display : block;
  position : absolute;
  top : 0;
  left : 0;
  color : #D90200;
}

@media screen and (max-width: 767px) {
.supportModule01 {
  padding: 20px 0px 0!important;
  margin-bottom : 0px!important;
}
.supportModule01 .tit {
  margin-bottom : 15px!important;
}
.supportModule01 figure img {
  width : 100%;
}
.supportModule01 .list {
  padding : 15px!important;
}
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
.supportModule01 .row.type02 {
  margin-top : 40px;
}
}

@media screen and (min-width: 1200px) {
.supportModule01 .tit {
  margin-bottom : 46px!important;
}
.supportModule01 .tit img{
  height : 50px;
}
}
/* .supportModule02
----------------------------------------------------------------------------- */
.supportModule02 {
  padding : 10px 0 40px;
  margin-bottom : 0!important;
}
.supportModule02 .row {
  border : solid 2px #E5E5E5;
}
.supportModule02 .item {
  text-align : center;
  padding-top : 20px;
}
.supportModule02 .item figure {
  position : relative;
  height : 69px;
  margin-bottom : 10px!important;
}
.supportModule02 .item figure img {
  width : 71px;
}
.supportModule02 .tit {
  font-size : 130%;
  font-weight : bold;
}
.supportModule02 .txt {
  text-align : left;
}
.supportModule02 .link-external, .supportModule04 .link-external{
  background-size: 0px!important;
}
@media screen and (max-width: 767px) {
.supportModule02 {
  padding: 0px 15px 0!important;
  margin-bottom : 10px!important;
}
.supportModule02 .tit {
  font-size : 110%;
  margin-bottom : 5px!important;
}
.supportModule02 .btnModule01 {
  margin-bottom : 20px!important;
}
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
.supportModule02 .row {
  margin : 0 0!important;
}
.supportModule02 .item {
  padding : 40px 20px 20px!important;
}
}

@media screen and (min-width: 1200px) {
.supportModule02 .row {
  margin : 0 0!important;
}
.supportModule02 .tit {
  margin-bottom : 10px!important;
}
.supportModule02 .item {
  padding : 40px 40px 30px!important;
}
}
/* .supportModule03
----------------------------------------------------------------------------- */
.supportModule03 {
  padding : 40px 0 40px;
  margin-bottom : 0!important;
}
.supportModule03 .tit {
  margin-bottom : 20px;
  overflow : hidden;
  letter-spacing: 2.0px;
  padding-left : 55px;
}
.supportModule03 .tit.type01{
  background : url("/common/img/support/ttl_support_05.png") no-repeat;
  background-size : 43px 35px;
  background-position : 0 20px;
  line-height: 26px;
  min-height: 56px;
}
.supportModule03 .tit.type02{
  background : url("/common/img/support/ttl_support_03.png") no-repeat;
  background-size : 50px 56px;
  line-height: 26px;
  min-height: 56px;
}
.supportModule03 .tit.type03{
  background : url("/common/img/support/ttl_support_07.png") no-repeat;
  background-size : 47px 45px;
  line-height: 26px;
  min-height: 56px;
}
.supportModule03 .tit.type01 img{
  height : 35px;
  padding-top : 23px;
}
.supportModule03 .label-free {
	margin-left:10px;
}

.supportModule03 .txt {
  margin-bottom : 20px!important;
}
.supportModule03 .tit_box{
  display :block;
  float : left;
  position: absolute;
  margin-left: -50px;
  padding-left: 110px;
}
.supportModule03 .tit_txt1{
  display : block;
  float : left;
  font-size : 11px;
  line-height: 20px;
}
.supportModule03 .tit_txt2{
  display : block;
  float : left;
  font-size : 22px;
}
.supportModule03 .list {
  overflow : hidden;
  background : #F3F3F3;
  padding : 15px 15px 12px 20px;
  margin-bottom : 10px;
}
.supportModule03 .list .tit2 {
  position : relative;
  padding-left : 18px;
  font-size : 100%;
  font-weight : bold;
}
.supportModule03 .list .tit2:before {
  content : "●";
  display : block;
  position : absolute;
  top : 2px;
  left : 0;
  color : #D90200;
  font-size : 70%;
}
.supportModule03 .list .txt2 {
  padding-left : 20px;
  margin-bottom : 0!important;
}
.supportModule03 .txtBlock figure {
  float : left;
  padding-right : 20px;
}
.supportModule03 .txtBlock .txt3 {
  padding-top : 5px;
}
.supportModule03 .txtBlock figure{
  width : 53px;
}
@media screen and (max-width: 767px) {
.supportModule03 {
  padding: 20px 0px 0!important;
  margin-bottom : 10px!important;
}
.supportModule03 .tit {
  font-size : 110%;
  margin-bottom : 15px!important;
}
.supportModule03 .tit_txt2{
  display : block;
  float : left;
  font-size : 18px;
}
.supportModule03 .txt {
  margin-bottom : 15px!important;
}
.supportModule03 .btnModule01 {
  margin-bottom : 40px;
}
.supportModule03 .row.second .btnModule01 {
  margin-top : 15px;
}
.supportModule03 figure img {
  width : 100%;
}

}

@media screen and (min-width: 767px) and (max-width: 1199px) {
.supportModule03 .row.second {
  margin-top : 40px;
}
.supportModule03 .row.second .btnModule01 {
  margin-top : 20px;
}
.supportModule03 .tit img{
  height : 56px;
}
.supportModule03 .tit_txt2{
  display : block;
  float : left;
  font-size : 16px;
  letter-spacing : 0;
}
.supportModule03 .type01 .tit_txt2{
  font-size : 20px;
}
.supportModule03 .tit_txt1{
  font-size : 11px;
}
}

@media screen and (min-width: 1200px) {
.supportModule03 {
  padding : 40px 0 60px;
}
.supportModule03 .tit {
  margin-bottom : 20px!important;
}
.supportModule03 .tit img{
  height : 56px;
}
.supportModule03 .txt {
  margin-bottom : 10px!important;
}
.supportModule03 .txtBlock {
  margin-top : 30px;
  margin-bottom : 30px;
}
.supportModule03 .txtBlock figure img{
  height : 61px;
}
.supportModule03 .btnModule01 {
  width : 60%!important;
}
.supportModule03 .row.second {
  margin-top : 60px;
}
.supportModule03 .row.second .btnModule01 {
  margin-top : 30px;
}
}
/* .supportModule04
----------------------------------------------------------------------------- */
.supportModule04 {
  border-top: solid 2px #E5E5E5;
  padding : 60px 0 40px;
  margin-bottom : 0!important;
}
.supportModule04 .txt {
  margin-bottom : 30px;
}
.supportModule04 .tit {
  margin-bottom : 40px;
}
.supportModule04 .tit2 {
  margin-bottom : 30px;
  font-size : 22px;
  line-height : 32px;
  letter-spacing: 2.0px;
}
.supportModule04 .tit2 img{
  padding-right : 10px;
}
.supportModule04 .label-free {
	margin-left:10px;
}
.supportModule04 .inner {
  margin-bottom : 40px;
}

@media screen and (max-width: 767px) {
.supportModule04 {
  padding: 40px 0px 20px!important;
  margin-bottom : 10px!important;
}
.supportModule04 .tit {
  font-size : 110%;
  margin-bottom : 20px!important;
}
.supportModule04 .tit2 {
  margin-bottom : 20px;
}
.supportModule04 .txt {
  margin-bottom : 10px;
}
.supportModule04 .tit2 img{
  height : 34px;
}
.supportModule04 .tit2 {
  margin-bottom : 30px;
  font-size : 18px;
  line-height : 32px;
  letter-spacing:0;
}
}
@media screen and (min-width: 767px){
.supportModule04 .inner.bottom {
  margin-bottom : 0px;
}
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
.supportModule04 .tit2 img{
  height : 34px;
}
}

@media screen and (min-width: 1200px) {
.supportModule04 {
  padding : 70px 0 20px;
}
.supportModule04 .tit {
  margin-bottom : 30px!important;
}
.supportModule04 .tit img{
  width : 345px;
}
.supportModule04 .tit2 img{
  height : 34px;
}
.supportModule04 .txt {
  margin-bottom : 15px!important;
}
.supportModule04 .btnModule01 {
  width : 60%;
}
.supportModule04 figure.item2 {
  padding-top : 50px;
}
}
/* .btnModule01
----------------------------------------------------------------------------- */
.btnModule01 {
  display: block;
  position : relative;
  width: 100%;
  margin: 0 auto;
  color: #D90200!important;
  font-size: 100%;
  font-weight: bold;
  padding: 7px 30px;
  text-align: center;
  border: #D90200 solid 2px;
  border-radius: 30px;
  clear : both;
  box-sizing: border-box;
  text-decoration: none;
}
.btnModule01.min {
  padding: 2px 0px;
}
.btnModule01:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 17px;
  height: 17px;
  color: #333;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right: 5px;
}
.btnModule01.min:before {
  top: 6px;
  left: 10px;
}
.btnModule01:hover {
  background: #D3090D;
  color: #fff!important;
  opacity: 1.0!important;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.btnModule01:hover:before {
  background: url("/common/img/base/icon_arrow_05@2x.png");
  background-size : 17px 17px;
}
@media screen and (min-width: 1200px) {
.btnModule01.seminar{
  width : 60%;
  text-align : center;
  margin: 30px auto 60px;
}
}

/*.related-posts
----------------------------------------------------------------------------- */
.related-posts .row li{
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
.related-posts .container{
  width : 616px!important;
}
}
@media screen and (min-width: 1200px) {
.related-posts .container{
  width : 750px!important;
}
}

/*.notice-header
----------------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
.notice-header{
  margin-top : 0px;
}
}
@media screen and (min-width: 992px) {
.notice-header{
  margin-top : 133px;
}
.notice-header.flg {
  margin-top : 76px;
}
}

/*#category-nav
----------------------------------------------------------------------------- */
#category-nav{
  background: #fff!important;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
}
#category-nav .container{
  padding: 0;
}
#category-nav ul  {
  text-align : center;
  margin-top : 5px;
}
#category-nav ul  li {
  display : inline-block;
  padding: 0 15px;
}
#category-nav ul  li:hover{
  background: #fff!important;
}
#category-nav ul  li a {
  position : relative;
  color : #333!important;
  padding : 0px 0px!important;
  text-align : left;
  opacity : 1.0!important;
}
.service-site-synergylead #category-nav > .container > nav > ul > li.current-menu-item,
.service-site-synergylead #category-nav > .container > nav > ul > li.current-page-ancestor
{
  background : #fff!important;
}
#category-nav ul li.current-page-ancestor a:after,
#category-nav ul li.current-menu-item a:after,
#category-nav ul li.current_page_item a:after,
#category-nav ul li a:hover:after,
#category-nav ul li a.active:after, 
#category-nav ul li.current a:after {
  content : "";
  display : block;
  width : 100%;
  position : absolute;
  bottom : -2px;
  left : 0;
  height : 4px;
  background : #D90200;
}
#category-nav ul li a:hover,
#category-nav ul li.current a{
  background: #fff!important;
}
#category-nav ul  li a:before {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  color : #333;
  margin-top : -2px;
  background: url("/common/img/base/icon_arrow_04@2x.png");
  background-size : 17px 17px;
  vertical-align: middle;
  margin-right : 5px;
}
#category-nav ul li a:after {
  display : none;
}
#category-nav ul li a.btn {
  margin-bottom : 0px!important;
}
#category-nav ul li a img {
  vertical-align : middle;
  padding-left : 8px;
  padding-bottom : 3px;
}
#category-nav ul li img{
  width : 13px;
}
#category-nav .sub-menu li{
  display : block;
  width : 250px!important;
  float : left;
  overflow : hidden;
  padding: 0 0px 0 10px;
  line-height : 40px!important;
  height : 40px!important;
}
#category-nav .sub-menu li a{
  line-height : 40px!important;
  height : 40px!important;
}
#category-nav .sub-menu li a:after{
  display : none!important;
}
@media screen and (max-width: 767px) {
#category-nav .container{
  width : 102%;
  white-space: nowrap;
  overflow: scroll;
}
#category-nav{
   overflow: hidden;
   height: 50px;
}
#category-nav ul  {
  width : 100%;
 -webkit-overflow-scrolling: touch;
 overflow-x: auto;
  float : left;
  margin-top : 0;
  margin-bottom : 10px;
  padding : 0 15px;
  box-sizing: border-box;
}
#category-nav ul  li {
  box-sizing: border-box;
}
#category-nav ul  li a {
  display : inline-block;
  padding : 0;
  font-size : 14px!Important;
  height : 50px!important;
  line-height : 50px!important;
}
#category-nav ul  li a:hover:after,
#category-nav ul  li.current a:after {
  content : "";
  display : block;
  width : 100%;
  position : absolute;
  bottom : 0px;
  left : 0;
  height : 2px;
  background : #D90200;
}
}



/*.Synergy! page
----------------------------------------------------------------------------- */
.service-site-synergy #content h1.pagetitle-headline{
  font-weight: 500;
}
.service-site-synergy #content .imgblock .imgblock-character.big{
  width : 100%!important;
}
.service-site-synergy #content .imgblock .imgblock-character{
  width : 50%;
}
.service-site-synergy #main .function-itemblock .function-itemblock-img{
  width : 50%!important;
  padding-left : 50px;
  box-sizing: border-box;
}
.service-site-synergy #main .function-itemblock .function-itemblock-img img{
  width : 100%!important;
}
.service-site-synergy .academyModule02 .academyBox .inner h3 {
  font-size:87.5% !important;
}
.service-site-synergy .academyModule02 .academyBox .inner p.txt {
  font-size:80% !important;
}

@media screen and (max-width: 767px) {
.service-site-synergy #content .imgblock .imgblock-character{
  width : 100%;
}
.service-site-synergy #main .function-itemblock .function-itemblock-img{
  width : 100%!important;
  padding-left : 0px;
}
.service-site-synergy #content .imgblock .imgblock-img{
  margin : 20px 0;	
}
.service-site-synergy #main .function-itemblock{
  padding : 30px 0 20px;		
}
.service-site-synergy #main .function-itemblock .function-itemblock-text p{
  margin-bottom : 20px;	
}
.service-site-synergy #main .function-itemblock .function-itemblock-text p.pmb10{
  margin-bottom : 10px;	
}
.service-site-synergy #main .function-itemblock .function-itemblock-text ul{
  margin-bottom : 20px;	
}
.service-site-synergy #main .function-itemblock .function-itemblock-list li{
  margin : 10px 0 0;	
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.service-site-synergy #main .function-itemblock .function-itemblock-img{
  width : 50%!important;
  padding-left : 30px;
}
}




@media screen and (min-width: 768px) and (max-width: 991px) {
#category-nav ul  .col-xs-6 {
  padding-right : 0px;
}
.service-site-synergy #main .function-itemblock{
  padding-bottom: 60px;
}
}
@media screen and (min-width: 992px) {
.service-site-synergy #main .function-itemblock{
  padding-bottom: 60px;
}
}


@media screen and (min-width: 992px) {
#category-nav ul  {
  width : 800px;
  margin : 0 auto;
  padding: 0px 0;
  text-align : center;
}
#category-nav .sub-menu {
  width : 260px!important;
}
#category-nav ul  li a {
  height : 70px!important;
  line-height : 70px!important;
}
#category-nav ul  li a.btn {
  opacity : 1.0!important;
  margin-bottom : 0px!important;
}
}

.showcase-slider .hide{
  display :none;
}

#main strong,
#main b,
#main th{
    font-weight: bold;
}



@media screen and (max-width: 767px) {
.pcOnly {
  display : none;
}
}

@media screen and (min-width: 768px) {
.smOnly {
  display : none;
}
}