@charset "utf-8";

/**==================== Slider ======================**/
 .sliderSection{
     position: relative;
     margin: auto;
     width: 100%;
}
 .sliderSection .tp-banner{
     width: 100%;
     height: 860px;
     position: relative;
     overflow: hidden;
}
 .slider_image:before {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.6);
}
 .theme_slider_title span {
     display: block;
}
 .slider-text {
     top: 50%;
     width: 100%;
     left: 0;
     margin-top: -133px;
     position:absolute;
     color: #fff;
}
 #main_slider figure {
     position:relative;
}
 .theme_slider_pre_title {
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 400;
}
 .theme_slider_title {
     font-size: 40px;
     padding: 15px 0;
     margin-bottom: 10px;
     line-height: 1.2em;
     text-transform: capitalize;
     letter-spacing: 1.2px;
     color:#fff;
}
 #main_slider .owl-item.active .theme_slider_title{
     animation: 1s 1s fadeInLeft both;
}
 #main_slider .owl-item.active .slide-caption__desc{
     animation: 1s 1.5s fadeInRight both;
}
 #main_slider .owl-item.active .themeBtn {
     animation: 1s 2.5s zoomIn both;
}
 #main_slider .owl-controls .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     margin-top: -21px;
}
 #main_slider .owl-controls .owl-nav .owl-prev {
     float: left;
     margin-left: 0;
     border-radius: 0;
     padding: 6px 12px;
     font-size: 22px;
     background-color: #29282e;
}
 #main_slider .owl-controls .owl-nav .owl-next {
     float: right;
     margin-right: 0;
     border-radius: 0;
     padding: 6px 12px;
     font-size: 22px;
     background-color: #29282e;
}
 .slider-text p {
     font-size: 16px;
     margin-bottom: 30px;
     color:#fff;
}
 .sliderBtn .themeBtn.bgwhite {
     margin-left: 15px;
}
/**==================== Blog News ======================**/
 .blogNews{
     padding-bottom: 20px;
}
 .newsBlogIn{
     position: relative;
     top: -40px;
}
 .singleBlog{
     background: #fff;
}
 .blog_cont {
     padding: 0 16px 9px;
}
 .blog_imag img{
     width: 100%;
     height: auto;
}
 .blog_tit {
     color: #000000;
     font-size: 18px;
     font-weight: 900;
     line-height: 30px;
     margin-top: 17px;
     margin-bottom: 2px;
     text-transform: uppercase;
}
 .blog_cont p{
     font-size: 15px;
     line-height: 30px;
     color: #848484;
     margin-bottom: 20px;
}
 .sbrm{
     font-size: 14px;
     font-style: italic;
     color: #144e94;
     position: relative;
     display: inline-block;
     font-weight: 400;
}
 .sbrm:hover:before{
     width: 113px;
}
 .sbrm i{
     margin-left: 12px;
}
 .newsBlogIn .singleBlog{
     margin-bottom: 0;
}
 .blog_sec{
     text-align:center;
}
/**==================== Filter Project ======================**/
 .index .commonSection.fillterProject .fillterNav {
     text-align:right;
}
 .index .commonSection.fillterProject .fillterNav .filter:last-child {
     margin-right: 0px;
}
 .fillterNav {
     margin-bottom: 50px;
     margin-top: 5px;
}
 .fillterNav li{
     font-size: 16px;
     line-height: .8;
     color: #000000;
     font-weight: 400;
     cursor: pointer;
     display: inline-block;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     margin-right: 30px;
}
 .fillterNav li:hover, .fillterNav li.active{
     color: #144e94;
}
 .mix{
     display: none;
}
 .singlePortfolio{
     position: relative;
     margin-bottom: 30px;
}
 .singlePortfolio:hover .portfolioImg:after{
     visibility: visible;
     opacity: .8;
     width: 100%;
     height: 100% 
}
 .portfolioImg img{
     width: 100%;
     height: auto;
     position: relative;
}
 .portfolioHover {
     position: absolute;
     text-align: center;
     height: 40px;
     left: 0;
     right: 0;
     top: 20px;
     bottom: 0;
     margin: auto;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
}
 .singlePortfolio:hover .portfolioHover{
     visibility: visible;
     opacity: 1;
     top: 0;
}
 .portfolioImg:after{
     content: '';
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     width: 85%;
     height: 85%;
     background: #144e94;
     position: absolute;
     margin: auto;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .portfolioHover a{
     border: 1px solid #fff;
     border-radius: 50%;
     color: #fff;
     height: 40px;
     line-height: 0.8;
     margin: auto;
     padding: 13px;
     width: 40px;
     font-size: 12px;
     display: inline-block;
     margin-right: 5px;
}
 .portfolioHover a:hover{
     color: #fff;
     border-color: #fff;
}
/**==================== promo_sec ======================**/
 .promo_sec{
     padding: 92px 0 102px;
     background:#144e94;
}
/**==================== Team ======================**/
 .team_sect figure {
     position: relative;
}
 .team-info.text-center {
     padding-top: 10px;
}
 .team-social {
     width: 100%;
     position: absolute;
     bottom: 0;
     text-align: center;
     background: #144e94;
     padding: 10px;
     opacity: 0;
     margin:0;
}
 .team-social a {
     padding: 7px 5px;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
     height: 35px;
     display: inline-block;
     width: 35px;
     text-align: center;
     margin: 0 5px;
     line-height: 1.2em;
}
 .team-social a .fa{
     color:#fff;
     font-size:18px;
}
 .team_sect:hover {
     opacity: 1;
}
 .team_sect:hover .team-info .title{
     color:#144e94;
     cursor:pointer;
}
 .team_sect:hover .team-social{
     opacity: 1;
}
/*======================================================================= service =========================================================================*/
 .teammatesSec{
     padding-top: 90px;
     padding-bottom: 70px;
}

/* サービスセクションのグリッドレイアウト調整 */
.service_sec .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.service_sec .col-md-4 {
  display: flex;
  margin-bottom: 30px;
}

/* サービスカードの高さ統一 */
.service {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.service-icon {
  margin-bottom: 20px;
}

.service-text {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* レスポンシブ対応 */
@media (max-width: 991px) {
  .service_sec .col-md-4 {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .service_sec .col-md-4 {
    width: 100%;
  }
}









 .service {
     background: #fff;
     padding:70px 35px 70px 35px;
     margin: 30px 0;
}
 .service:hover{
     background: #144e94;
     color:#fff;
}
 .service:hover .service-icon i, .service:hover .service-text h2{
     color:#fff;
}

 .service:hover .service-text h3{
     color:#2999c4;
}

 .service-icon i{
     color: #144e94;
     font-size: 40px;
     margin-bottom: 30px;
     display: inline-block;
     transition: 0.5s ease-in-out;
     -webkit-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out 
}
 .service-text h2{
     font-size: 18px;
	 line-height: 170%;
     font-weight: 600;
     margin-bottom: 16px;
     font-style: normal 
}

 .service-text h3.title2 {
     font-size: 16px;
	 text-align: left;
	 line-height: 170%;
     font-weight: 600;
     margin-bottom: 8px;
	 margin-top: 8px;
     font-style: normal 
}

.service-text p.setsumei {
	text-align: left;
	line-height: 170%;
	padding-bottom: 16px;
}

 .singleWedo p{
     color: #848484;
}

/*======================================================================= service2 =========================================================================*/
 .teammatesSec{
     padding-top: 90px;
     padding-bottom: 70px;
}

.commonSection2 {
    padding: 72px 0;
	margin: 0px;
    position: relative;
}



.service2Area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  padding: 20px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.service2Area > .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}

.service2Area .col-md-6 {
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  margin-bottom: 30px;
}

.service2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.service2-icon {
  margin-bottom: 20px;
}

.service2-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.service2-text h2 {
  margin-bottom: 15px;
}

.service2-text p {
  flex-grow: 1;
}

@media (max-width: 767px) {
  .service2Area .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

 .service2 {
     background: #fff;
     padding:36px 24px 0px 24px;
     margin: 30px 0;
}
 .service2:hover{
     background: #144e94;
     color:#fff;
}
 .service2:hover .service2-icon i, .service2:hover .service2-text h2{
     color:#fff;
}
 .service2-icon i{
     color: #144e94;
     font-size: 40px;
     margin-bottom: 30px;
     display: inline-block;
     transition: 0.5s ease-in-out;
     -webkit-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out 
}
 .service2-text h2{
     font-size: 20px;
     font-weight: 600;
	 margin-top: 24px;
     margin-bottom: 16px;
	 line-height: 170%;
     font-style: normal 
}

.service2-text p{
	text-align: left;
	font-size: 16px;
	line-height: 170%;
}
 .singleWedo p{
     color: #848484;
}

/**==================== Blog ======================**/
 .blogSec2{
     border: 1px solid #dfdfdf;
}
 .meta {
     font-style: italic;
     line-height: 0.8;
     margin:7px 0 10px;
     font-size: 14px;
}
 .meta a{
     color:#afafaf;
     margin-left: 5px;
}
 .meta a:first-child{
     margin-left: 0;
}
 .meta a:hover{
     color: #000;
}
 .index .blogSec2 p{
     margin-bottom: 2px;
}
 .blogSec2 p{
     margin-bottom: 27px;
}
 .siBlogThumb{
     position: relative;
     padding-left: 136px;
     min-height: 123px;
}
 .siBlogThumb img{
     position: absolute;
     left: 0;
     top: 0;
     width: 120px;
     height: 94px;
}
 .thumbBtitle{
     font-size: 16px;
     line-height: 18px;
     margin-bottom: 8px;
}
 .meta.thumbBlog{
     font-size: 13px;
     margin-bottom: 4px;
}
 .siBlogThumb p{
     font-size: 14px;
     color: #848484;
     line-height: 24px;
     margin: 0;
}
/**==================== Testmonial ======================**/
 .testmonial {
     padding: 74px 0 65px;
}
 .singleTest {
     background: #fff;
     padding: 32px 20px 27px;
}
 .singleTest p{
     font-size: 15px;
     color: #848484;
     line-height: 30px;
}
 .testcarHeadding {
     margin-bottom: 36px;
}
 .testmonialinner {
     margin-top: 38px;
}
 .testmonialinner h2{
     font-size: 16px;
     color: #010101;
     text-transform: uppercase;
     position: relative;
}
 .testmonialinner p{
     color: #acacac;
     margin: 0;
}
 .testmonialsec .owl-controls {
     margin-top: 50px;
}
 .testmonialsec.owl-theme .owl-dots .owl-dot.active span, .testmonialsec.owl-theme .owl-dots .owl-dot:hover span {
     background: #144e94;
}
 .testmonialsec.owl-theme .owl-dots .owl-dot span {
     margin: 0 5px;
     border: 1px solid #144e94;
     background: transparent;
}
/**==================== Client ======================**/
 .partnerSec{
     padding: 40px 0;
     background-color:#144e94;
}
 .partnerClient{
     height: 90px;
     position: relative;
}
 .partnerClient img{
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}

/*======================================================================= // About Page =========================================================================*/
/**==================== Breadcrumb ======================**/
 .breadcrumbSec{
     padding: 78px 0 87px;
     background: url(../images/bg/2.jpg) no-repeat scroll center center/cover;
     position: relative;
}
 .breadcrumbSec:before{
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, .9);
     content: '';
}
 .breadTitle{
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 23px;
}
 .breadCumpNav{
     line-height: .8;
}
 .breadCumpNav a{
     font-size: 16px;
     color: #2c3e50;
     font-weight: 400;
     text-transform: capitalize;
     line-height: .8;
}
 .breadCumpNav i{
     font-size: 16px;
     margin: 0 5px;
}
 .breadCumpNav a:hover{
     color: #144e94;
}
/**==================== About Content ======================**/
 .aboutitle{
     font-size: 28px;
     line-height: 30px;
     color: #2c3e50;
     margin-bottom: 20px;
}
 .aboutcontain {
     margin-top: 30px;
     padding:0 30px;
}
 .aboutcontain p{
     margin-bottom: 26px;
}
/**==================== Team ======================**/
 .teamSec {
     padding-bottom: 70px;
     padding-top: 13px;
}
 .teamImg{
     margin-bottom: 17px;
}
 .teamImg img{
     width: 100%;
     height: auto;
}
 .teamDec{
     margin-left: 15px;
}
 .teambg{
     position: relative;
     margin-bottom: 11px;
}
 .teambg:after{
     width: 60px;
     height: 2px;
     background: #144e94;
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
}
 .teamTitle{
     font-size: 16px;
     color: #000;
     line-height: 30px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 3px;
}
 .teamDeg{
     font-size: 14px;
     color: #acacac;
     padding-bottom: 15px;
}
/*======================================================================= // Services Page =========================================================================*/
 .servicesContent{
     padding-top: 90px;
     padding-bottom: 60px;
}
 .servicesDetails .title{
     margin-bottom:20px;
}
/**================ services nav ================== **/
 .servicesNav{
     background: #f1f1f1;
}
 .servicesNav li:last-child{
     border-bottom: none;
}
 .servicesNav li{
     line-height: .8;
     border-bottom: 1px solid #dfdfdf;
}
 .servicesNav li.active{
     position: relative;
}
 .servicesNav li.active:after{
     position: absolute;
     right: 13px;
     content: '\f105';
     top: 18px;
     font-family: FontAwesome;
     font-size: 16px;
     line-height: .8;
     color: #144e94;
}
 .servicesNav li a{
     color: #2c3e50;
     line-height: .8;
     display: block;
     padding: 19.6px 16px;
}
 .servicesNav li a:hover, .servicesNav li.active a{
     background: #2c3e50;
     color: #144e94;
}
 .pdfDownload {
     padding-left: 17px;
     padding-top: 40px;
}
 .downloadTitle{
     font-size: 16px;
     font-weight: 700;
     color: #2c3e50;
     margin-bottom: 25px;
}
 .downloadpdflink{
}
 .downloadpdflink a{
     display: block;
    ;
     color: #8a8a8a;
     line-height: .8;
     margin-bottom: 14px;
}
 .downloadpdflink a:hover{
     color: #144e94;
}
 .downloadpdflink a i{
     margin-right: 8px;
}
/**================ services Content ================== **/
 .singleServices{
     border: 1px solid #dfdfdf;
     margin-bottom: 30px;
}
 .servicesImg {
     margin-bottom: 8px;
}
 .servicesImg img{
     width: 100%;
     height: auto;
}
 .servicesCont {
     padding: 0 10px;
}
 .servicesCont p{
     color: #848484;
}
 .servictitle{
     font-size: 16px;
     line-height: 30px;
     text-transform: uppercase;
}
 .servicRead{
     font-style: italic;
     line-height: .8;
     position: relative;
     display: inline-block;
     padding-bottom: 15px;
}
 .servicRead:hover:after{
     width: 100px;
}
 .servicRead::before {
     background: #144e94 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 2px;
     left: -6px;
     position: absolute;
     width: 100px;
}
 .servicRead::after{
     background: #000;
     bottom: 0;
     content: "";
     height: 2px;
     left: -6px;
     position: absolute;
     width: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .servicRead i{
     margin-left: 15px;
}
/*======================================================================= // Services Details =========================================================================*/
 .servicesDetails {
     padding-bottom: 50px;
     padding-top: 90px;
}
 .servicesDetailsCont{
     margin-top: -10px;
}
 .servicesDetailsCont p{
     color: #8a8a8a;
     margin-bottom: 30px;
}
 .servicesdetaImg{
}
 .serdetaImg{
     margin-bottom: 30px;
}
 .serdetaImg img{
     width: 100%;
     height: auto;
}
/*======================================================================= // Blog =========================================================================*/
 .blogSection{
     padding: 90px 0;
}
 .singleBlog{
     margin-bottom: 60px;
}
 .sblogImg{
     margin-bottom: 28px;
}
 .sblogImg img{
     width: 100%;
     height: auto;
}
 .blogTitle{
     line-height: 26px;
     font-size: 20px;
     margin-bottom: 13px;
}
 .blogMeta, .blogMeta a{
     line-height: .8;
     color: #afafaf;
     font-style: italic;
}
 .blogMeta a:hover{
     color: #144e94;
}
 .blogMeta {
     margin-bottom: 17px;
}
 .blogMeta span {
     margin: 0 0 0 4px;
}
 .sblogDec {
     margin-bottom: 30px;
}
 .blogReadmore{
     background: #144e94 none repeat scroll 0 0;
     border-radius: 3px;
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 51px;
     line-height: 0.8;
     padding: 18px 30px;
     text-align: center;
     text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}
 .blogReadmore:hover{
     color: #fff;
     background: #333;
}
 .search{
     position: relative;
}
 .search input{
     width: 100%;
     background: #eeeeee;
     border: none;
     height: 50px;
     border-radius: 3px;
     font-size: 14px;
     color: #797979;
     padding: 0 20px ;
     font-style: italic;
}
 .search button{
     position: absolute;
     right: 0;
     top: 0;
     background: #144e94;
     font-size: 14px;
     color: #fff;
     height: 50px;
     width: 57px;
     border-radius: 3px;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .search button:hover{
     color: #333;
}
 .widget{
     margin-bottom: 60px;
}
 .widgetTitle{
     font-size: 20px;
     margin-bottom: 45px;
}
 .widgetList{
}
 .widgetList li {
     border-bottom: 1px solid #eeeeee;
     line-height: 0.8;
     margin: 18.5px 0 0;
     padding-bottom: 18.5px;
     padding-left: 13px;
     position: relative;
}
 .widgetList li:after{
     content: '\f0da';
     color: #144e94;
     font-family: FontAwesome;
     left: 0;
     top: 0;
     position: absolute;
}
 .widgetList li a{
     font-size: 14px;
     color: #393939;
}
 .widgetList li a:hover{
     padding-left: 5px;
     color: #144e94;
}
 .singleRecPost{
     position: relative;
     padding-left: 100px;
     min-height: 112px;
     padding-top: 8px;
}
 .singleRecPost img{
     position: absolute;
     left: 0;
     top: 0;
     width: 83px;
     height: 83px;
}
 .recPostTitle{
     font-size: 16px;
     color: #000000;
     line-height: 26px;
     margin-bottom: 9px;
}
 .singleRecPost:last-child {
     min-height: 83px;
}
/*======================================================================= // Blog Details =========================================================================*/
 .singleBlogDetails{
     margin-bottom: 31px;
}
 .blogDetailsDec{
}
 .blogDetailsDec p{
     color: #848484;
     margin-bottom: 31px;
}
 .blogDetailsDec blockquote{
     border: none;
     padding: 0;
     margin: 0 0 30px;
}
 .blogDetailsDec blockquote p{
     font-size: 16px;
     color: #393939;
     font-weight: 700;
}
 .socialShare{
     border-top: 1px solid #eeeeee;
     border-bottom: 1px solid #eeeeee;
     padding: 16px 12px;
     margin-bottom: 30px;
}
 .socialShare p{
     color: #a5a5a5;
     font-weight: 600;
}
 .socialShare p, .shareSocial{
     display: inline-block;
     margin: 0;
}
 .shareSocial span{
     color: #303030;
     font-weight: 600;
     margin-right: 3px;
}
 .shareSocial{
     float: right;
}
 .shareSocial a{
     color: #a5a5a5;
     font-size: 12px;
     margin-right: 10px;
     display: inline-block;
}
 .shareSocial a:last-child{
     margin-right: 0;
}
 .shareSocial a:hover{
     color: #144e94;
}
 .fullwidthAuthor{
     background: #f6f6f6;
     margin-bottom: 60px;
}
 .fwaIn{
     position: relative;
     padding-left: 185px;
     min-height: 168px;
     padding-top: 32px;
}
 .fwaIn img{
     position: absolute;
     left: 0;
     top: 0;
     width: 170px;
     height: 168px;
}
 .fwaIn h2{
     font-size: 18px;
     line-height: .8;
     color: #000;
     font-weight: 600;
     margin-bottom: 13px;
}
 .fwaIn p{
     line-height: 24px;
     color: #848484;
}
 .fwaSocial{
     line-height:1.9;
}
 .fwaSocial a{
     font-size: 12px;
     color: #c7c7c7;
     display: inline-block;
     margin-left: 10px;
}
 .fwaSocial a:hover{
     color: #144e94;
}
 .comment {
     margin-bottom: 58px;
}
 .commentTitle{
     font-size: 20px;
     color: #1b2c3e;
     margin-bottom: 30px;
}
 .singleComment {
     min-height: 95px;
     padding-left: 123px;
     padding-top: 4px;
     position: relative;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 20px;
     padding-bottom: 15px;
}
 .singleComment img{
     width: 100px;
     height: 95px;
     position: absolute;
     left: 0;
     top: 0;
}
 .singComTitle{
     font-size: 18px;
     margin-bottom: 12px;
}
 .comdate{
     font-size: 13px;
     color: #1b2c3e;
     margin-bottom: 7px;
}
 .singleComment p{
     font-size: 14px;
     line-height: 24px;
     color: #979797;
}
 .comreplay {
     line-height: 0.8;
     position: absolute;
     right: 0;
     top: 3px;
     font-size: 13px;
     color: #1b2c3e;
     font-weight: 600;
}
 .commentForm input{
     width: 100%;
     height: 55px;
     border: 1px solid #e6e6e6;
     margin-bottom: 15px;
     padding: 15px;
     font-size: 14px;
     line-height: 24px;
     color: #797979;
     border-radius: 2px;
}
 .commentForm textarea{
     width: 100%;
     height: 195px;
     resize: none;
     border: 1px solid #e6e6e6;
     padding: 15px;
     border-radius: 2px;
}
 .commentForm button{
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .formmargin{
     margin-bottom: 15px;
}
 #contactForm .reqError{
     border-color: #144e94;
}
/*======================================================================= // Contact Page =========================================================================*/
 .contactInfo{
}
 .contAddress {
     margin-top: -6px;
}
 .singleContadds{
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
}
 .singleContadds i{
     position: absolute;
     left: 0;
     top: 6px;
     font-size: 16px;
     color: #144e94;
}
 .singleContadds p{
     margin: 0;
     line-height: 24px;
}
 .singleContadds a {
     display: block;
     line-height: 24px;
     margin-bottom: 0;
     color: #858585;
}
 .singleContadds a:hover{
     color: #144e94;
}
 .singleContadds.phone{
}
 .singleContadds.phone p{
     color: #272727;
}
 .singleContadds.phone p span{
     color: #858585;
}
 .contactSocial{
     padding-left: 33px;
}
 .contactSocial a{
     display: inline-block;
     color: #1b2c3e;
     font-size: 12px;
     margin-right: 12px;
}
/*======================================================================= // Error Page =========================================================================*/
 .errorPage {
     padding: 148px 0 133px;
}
 .errorIn h1{
     font-size: 350px;
     color: #2c3e50;
     font-weight: 900;
     margin-bottom: 90px;
}
 .errorIn h2{
     font-size: 24px;
     color: #000;
     margin-bottom: 25px;
}
 .errorIn p{
     font-size: 14px;
     color: #898989;
     line-height: 26px;
}
/*======================================================================= // Project Single =========================================================================*/
 .projectSingleSec{
     padding-top: 90px;
     padding-bottom: 50px;
}
 .singleProCaro {
     margin-bottom: 200px;
}
 .singleProCaro ol.carousel-indicators {
     bottom: -138px;
     display: inline-block;
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     text-align: left;
     width: 100%;
}
 .singleProCaro .carousel-indicators li {
     background-color: rgba(0, 0, 0, 0);
     border: 3px solid transparent;
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     height: 108px;
     margin: 0 20px 0 0;
     text-indent: inherit;
     width: 169px;
}
 .singleProCaro .carousel-indicators li img{
     width: 100%;
     height: 100%;
}
 .singleProCaro .carousel-indicators li.active{
     border-color: #144e94;
}
 .singleProCaro .carousel-control {
     background: #a9a7a2 none repeat scroll 0 0;
     bottom: 0;
     color: #000;
     font-size: 20px;
     height: 43px;
     left: 0;
     line-height: 0.8;
     margin: auto;
     opacity: 1;
     padding: 12px 13px;
     position: absolute;
     text-align: center;
     top: 0;
     width: 43px;
     border-radius: 3px;
     text-shadow: none;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .singleProCaro .carousel-control:hover i{
     color: #144e94;
}
 .singleProCaro .carousel-control i{
     color: #fff;
}
 .singleProCaro .carousel-control.right {
     left: auto;
     right: 20px;
}
 .singleProCaro .carousel-control.left{
     left: 20px;
}
 .proDetaTitle{
     font-size: 20px;
     margin-bottom: 26px;
}
 .projectDetais p{
     font-size: 14px;
     line-height: 30px;
     margin-bottom: 33px;
}
 .projectSininTitle{
     font-size: 20px;
     color: #000;
     margin-bottom: 17px;
}
 .projectSingleInfo{
     margin-bottom: 60px;
}
 .projectSingleInfo ul{
}
 .projectSingleInfo ul li{
     line-height: .8;
     border-bottom: 1px solid #eeeeee;
     display: block;
     padding: 19px 0;
}
 .projectSingleInfo ul li span{
     color: #393939;
}
 .projectSininTitle.two{
     margin-bottom: 25px;
}
 .preloaderpreloaderpreloaderpreloaderpreloaderpreloader {
     background: #fff none repeat scroll 0 0;
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
}
 .preloader img{
     width: 80px;
     height: 80px;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
}
 .showit {
     background: #144e94;
     bottom: 100px;
     color: #fff;
     font-size: 20px;
     height: 40px;
     line-height: 0.8;
     padding: 10px 12px;
     position: fixed;
     right: 60px;
     text-align: center;
     width: 40px;
     z-index: 99;
}
 .showit i{
     color: #fff;
}
 .showit:hover{
     background: #333;
}
/* contact*/
 #map {
     width:100%;
     height:100%;
}
 #map iframe{
     width: 100%;
     height: 360px;
     border: none;
}





/* =======================================

	common.css

========================================== */
/*pc*/
@media screen and (min-width: 769px) {
.sp {display:none!important;}
}
@media screen and (min-width: 481px) {
.sp480 {display:none!important;}
}

/*sp*/
@media screen and (max-width: 768px) {
.pc {display:none!important;}
}


/* ==============================================

	header

================================================= */


*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.cp_offcm01 ol, ul {
	list-style: none;
}
.cp_offcm01 a {
	text-decoration: none;
	color: inherit;
}
.cp_cont {
	height: 65vh;
}
.cp_offcm01 {
	position: absolute;
	top: 8px;
	right: 20px;
	display: inline-block;
}
/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #607D8B;
	opacity: 0.8;
	z-index: 1000;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #fff;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 2em
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: '\f00d';
	color: #f00;
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}


/* ==============================================

	mv

================================================= */
#mv {
	text-align: center;
	height: 780px;
	padding-top: 8px;
	background: url("/themes/kenai/images/mv.jpg") center top no-repeat,#fff;
	background-size: contain;
}

.mv_txt_01 {
	background: #2999c4;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 140%;

}
.mv_txt_02 {
	background: #144e94;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 200%;
	font-weight: 500;
}
.mv_txt_02 img {
	vertical-align: sub;
}

@media screen and (max-width:768px){
	#mv {
		padding: 20px 10px;
		height: auto;
		background-size: cover;
	}
	#mv img {
		max-width: 100%;
		height: auto;
	}
	.mv_txt_01 {
		padding: 15px;
	}
	.mv_txt_02 {
		padding: 20px 15px;
		line-height: 140%;
	}
}

/* ==============================================

	共通

================================================= */
/*pc*/
@media screen and (min-width: 769px) {
.sp {display:none!important;}
}

/*sp*/
@media screen and (max-width: 768px) {
.pc {display:none!important;}

}

.sub_ttl {
	background: #6596a7;
	padding: 20px 0;
	text-align: center;
	margin: 0px auto 70px;
	position: relative;
}
.sub_ttl:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #6596a7 transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}
.sub_ttl_h2 {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	padding-bottom: 45px;
	text-align: center;
	margin-bottom: 60px;
	background: center bottom no-repeat url(images/h2_cmnbar.jpg);
}
.sub_ttl_contact {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	padding-top: 50px;
	padding-bottom: 45px;
	text-align: center;
	background: center bottom no-repeat url(images/h2_cmnbar.jpg);
}
@media screen and (max-width:768px){
	.sub_ttl {
		margin-top: 0px;
	}
	.sub_ttl:after {
		bottom: -30px;
		border-width: 30px 30px 0 30px;
	}
	.sub_ttl_h2{
		font-size: 26px;
		padding: 0 15px 35px;
		line-height: 1.2em;
	}
	.sub_ttl_contact{
		font-size: 26px;
		padding: 50px 15px 35px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}
}

/* ==============================================

	contents

================================================= */
#contents{
	
}
@media screen and (max-width:768px){

}

/* ==============================================

	reasonArea

================================================= */
#reasonArea h2 {
	background: url(/themes/kenai/images/reason_ttl_bg.png) center top;
	padding: 50px 0 25px;
	text-align: center;
}
.reason_box {
	width: 1040px;
	margin: 0 auto;
	clear: both;
	padding: 50px 0;
}
.reason_blue {
	background: #EDF8FE;
}
.reason_blue .reason_l,
.reason_blue .reason_r {
	position: relative;
	left: -40px;
}
.reason_l {
	float: left;
}
.reason_r {
	float: right;
}
.reason_txt {
	width: 570px;
}
.reason_box h3 {
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 28px;
	margin-bottom: 40px;
}
.reason_box h3 img {
	margin-right: 25px;
	vertical-align:top;
	border:0;
	font-size:0;
	line-height:0;
}


.reason_box h3 span {
	display: inline-block;
	line-height: 130%;
	font-weight: bold;
}
.reason_box p {
	line-height: 180%;
	font-size: 16px;
}

@media screen and (max-width:768px){
	#reasonArea h2 {
		padding: 50px 15px 40px;
	}
	#reasonArea h2 img {
		max-width: 353px;
		width: 80%;
		height: auto;
	}
	.reason_box {
		width: 100%;
		padding: 40px 15px;
	}
	.reason_box h3 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.reason_box h3 img {
		max-width: 91px;
		width: 20%;
		height: auto;
		margin-right: 2%;
	}
	.reason_box h3 span {
		width: 75%;
		line-height: 120%;
	}
	.reason_l,
	.reason_r {
		float: none;
	}
	.reason_txt {
		width: 100%;
	}
	.reason_box p {
		margin-bottom: 25px;
	}
	.reason_img {
		max-width: 423px;
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	.reason_blue .reason_l,
	.reason_blue .reason_r {
		left: 0;
	}
}

/* ==============================================

	specArea

================================================= */
.spec_box {
	text-align: center;
	margin-bottom: 160px;
	padding: 0 5px;
}
@media screen and (max-width:768px){
	.spec_box {
		margin-bottom: 80px;
	}
	.spec_box img {
		max-width: 1000px;
		width: 100%;
		height: auto;
	}
}

.mt54 {
	margin-top: 54px;
}

.mb40 {
	margin-bottom: 40px;
}

.themeHeadding h2 {
	line-height: 170% !important;
}

/* ==============================================

	voiceArea

================================================= */
.voice_box{
	width: 1000px;
	margin: 0 auto 140px;
}
.voice_box p {
	font-size: 18px;
	margin-bottom: 40px;
}
.voice_list {
	font-size: 0;
}
.voice_list div {
	width: 296px;
	display: inline-block;
	vertical-align: top;
}
.voice_list div:not(:last-child) {
	margin-right: 55px;
}
.voice_list dt {
	font-size: 18px;
	font-weight: 500;
	color: #3B798F;
	margin: 40px 0 25px;
}
.voice_list dd {
	font-size: 15px;
	line-height: 180%;
}

@media screen and (max-width:768px){
	.voice_box {
		width: 100%;
		padding: 0 15px;
		margin: 0 auto 80px;
	}
	.voice_list div {
		width: 100%;
	}
	.voice_list div:not(:last-child) {
		margin: 0 0 60px 0;
	}
	.voice_list div img {
		max-width: 296px;
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

}

/* ==============================================

	faqArea

================================================= */
.faq_box {
	width: 1040px;
	margin: 0 auto 80px;
	clear: both;
}
.faq_box dl {
	margin: 10px auto 30px;
	font-size: 16px;
}
.faq_box dl dt {
	margin: 0 0 10px;
	padding: 10px 0px 28px 60px;
	background: url(/themes/kenai/images/faq_q.png) left top no-repeat;
}
.faq_box dl dt span {
}
.faq_box dl dd {
	padding: 10px 0px 28px 60px;
	background: url(/themes/kenai/images/faq_a.png) left top no-repeat;
	color: #6596a7;
	line-height: 170%;
}
.faq_box dl dd span {
	line-height: 1.6em;
}

.faq_box dl dd a {
	text-decoration: underline;
	color: #144e94;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.faq_box{
		width: 100%;
		padding: 0px 15px 0;
	}
	.faq_box dl {
		line-height: 1.5em;
		margin: 10px auto;
	}
	.faq_box dl dt {
		padding: 0px 0px 20px 60px;
	}
	.faq_box dl dd {
		padding: 0px 0px 20px 60px;
	}
	.faq_box dl dd span {
	}
}

/* ==============================================

	con_01

================================================= */
#con_01 {
	background: url("images/con01_bg.jpg");
	padding: 20px 0 10px;
}
.con01_list {
	font-size: 0;
	text-align: center;
}
.con01_list dl {
	display: inline-block;
	margin: 0 30px 40px 0;
	vertical-align: top;
}
.con01_list dl:nth-child(3),
.con01_list dl:nth-child(7),
.con01_list dl:nth-child(10) {
	margin-right: 0;
}

.con01_list dl dd {
	font-size: 15px;
	line-height: 150%;
	margin-top: 12px;
}

@media screen and (max-width:768px){
	.con01_list {
		padding: 0 20px;
	}
	.con01_list dl {
		width: 48%;
		margin: 0 0 40px;
	}
	.con01_list dl:nth-child(3), .con01_list dl:nth-child(7), .con01_list dl:nth-child(10) {
		margin-right: 0;
	}
	.con01_list dl:nth-child(even) {
		margin-left: 4%;
	}
	.con01_list dl dt img {
		max-width: 100%;
		height: auto;
	}
}

/* ==============================================

	con_02

================================================= */
#con_02 {
	background: url("images/con02_bg.png") center top no-repeat;
	background-size: cover;
	border-top: 1px solid #2A5579;
	border-bottom: 1px solid #2A5579;
}
.con02_l {
	width: 44%;
	position: relative;
	float: left;
	z-index: 1;
	background: url("images/con02_l_bg.png") right top no-repeat;
	background-size: cover;
}
.con02_l_box {
	padding-top: 30px;
	float: right;
}
.con02_l_box .ttl {
	padding-right: 130px;
}
.con02_r {
	width: 56%;
	padding: 130px 0;
	float: right;
	position: relative;
}
.con02_r ul {
	padding: 60px 100px 60px 50px;
	position: relative;
	left: -100px;
	background: rgba(255,255,255,0.8);
	z-index: 0;
}
.con02_r ul li {
	background: url("images/con02_icon.png") left 2px no-repeat;
	line-height: 120%;
	padding-left: 28px;
}
.con02_r ul li:not(:last-child) {
	margin-bottom: 30px;
}
.con02_r span {
	color: #073253;
	font-weight: bold;
	background: linear-gradient(transparent 75%, #F8F73C 0%);
	padding-bottom: 5px;
}
.con02_img {
	position: absolute;
	right: 3%;
	bottom: 40px;
	z-index: 1;
}

@media screen and (max-width:768px){
	.con02_l, .con02_r {
		width: 100%;
		float: none;
	}
	.con02_l_box {
		float: none;
		padding: 30px 0;
		background: #0b275a;
	}
	.con02_l_box .ttl {
		padding-right: 20px;
		font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
	.con02_r {
		padding: 20px 20px 30px;
	}
	.con02_r ul {
		left: 0;
		padding: 30px 20px;
	}
	.con02_img {
		position: inherit;
		display: block;
		margin: 0 auto 15px;
		bottom: 0;
		top: 0;
		width: 20%;
	}
}


/* ==============================================

	con_03

================================================= */
#con_03 {
	background: url("images/con03_bg.jpg") center top no-repeat;
	background-size: cover;
	padding-top: 70px;
}
#con_03 section {
	margin-top: 30px;
}
.con03_l {
	float: left;
	width: 50%;
}
.con03_r {
	float: right;
	width: 50%;
}
.con03_l.con03_txt {
	background: url("images/con03_bg_l.png") left top no-repeat;
}
.con03_r.con03_txt {
	background: url("images/con03_bg_r.png") right top no-repeat;
}
.con03_l .con03_txtInner {
	float: right;
}
.con03_txt {
	min-height: 734px;
	padding-top: 30px;
}
.con03_txtInner {
	width: 500px;
}
.con03_ttl {
	background: #FDFC4A;
	width: 380px;
	height: 290px;
	padding-top: 35px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	line-height: 150%;
}
.con03_ttl:after {
	content: url("images/con03_ttl_bg.png");
	position: absolute;
	right: -10px;
	top: 10px;
}
.con03_ttl img {
	display: block;
	margin: 0 auto;
}
.con03_ttl h3 {
	font-size: 26px;
	border-bottom: 1px solid #000;
	padding: 0 10px 5px;
	display: inline-block;
	font-weight: normal;
	margin-top: 30px;
}
.con03_txtInner p {
	font-size: 18px;
	line-height: 160%;
	background: rgba(255,255,255,0.9);
	padding: 20px;
	clear: both;
}
.con03_img {
	margin-top: 80px;
}
.con03_img_bg {
	display: block;
	margin-bottom: 12px;
}
.con03_img_img {
	width: 100%;
	height: 430px;
}
.con03_r .con03_ttl {
	float: right;
}
.con03_r .con03_img_bg {
	float: right;
	padding-right: 15px;
}
.con03_l .con03_img_bg {
	padding-left: 15px;
}
.con03_r .con03_img_img {
	object-position: 0 50%;
}
.con03_l .con03_img_img {
	object-position: 100% 50%;
}

@media screen and (max-width:768px){
	.con03_l, .con03_r, .con03_l .con03_txtInner {
		float: none;
		width: 100%;
	}
	.con03_txt {
		min-height: inherit;
	}
	.con03_ttl {
		margin: 0 auto;
		width: 100%;
		height: auto;
		padding: 35px 10px;
	}
	.con03_ttl:after {
		display: none;
	}
	.con03_ttl h3 {
		font-size: 24px;
		margin-top: 20px;
	}
	#con_03 section {
		padding: 0 20px;
	}
	#con_03 section:last-child {
		margin-bottom: 60px;
	}
	.con03_img {
		margin-top: 10px;
	}
	.con03_img_img {
		height: auto;
	}
	.con03_txtInner {
		width: 100%;
	}
}
@media screen and (max-width:480px){
	.con03_ttl img {
		width: 25%;
		height: auto;
	}
	.con03_img_bg {
		width: 70%;
		height: auto;
	}
}


/* ==============================================

	con_04

================================================= */
#con_04 {
	background: url("images/con04_bg.jpg");
	padding: 70px 0 80px;
}
.con04_01 {
	font-size: 0;
}
.con04_01 li {
	display: inline-block;
	vertical-align: top;
	width: 184px;
	margin-bottom: 25px;
}
.con04_01 li:not(:nth-child(5n)) {
	margin-right: 20px;
}
.con04_01 li img {
	display: block;
	margin: 0 auto 10px;
}
.con04_01 li p {
	font-size: 14px;
	color: #9FCBF0;
	line-height: 130%;
}
.con04_txt {
	text-align: center;
	margin: 55px 0 25px;
}
.con04_02 {
	width: 800px;
	margin: 0 auto;
}
.con04_02 li {
	display: flex;
	color: #fff;
	padding: 20px 80px 20px 135px;
	background: url("images/con04_icon.png") 80px 15px no-repeat, #000;
}
.con04_02 li:not(:last-child) {
	margin-bottom: 10px;
}

@media screen and (max-width:768px){
	.con04_01 {
		padding: 0 20px;
	}
	.con04_01 li {
		width: 48%;
	}
	.con04_01 li:not(:nth-child(5n)) {
		margin-right: 0;
	}
	.con04_01 li:nth-child(even) {
		margin-left: 4%;
	}
	.con04_01 li img {
		max-width: 100%;
		height: auto;
	}
	.con04_txt {
		padding: 0 20px;
		line-height: 140%;
		font-size: 18px;
	}
	.con04_02 {
		width: 100%;
		padding: 0 20px;
	}
	.con04_02 li {
		display: block;
		padding: 20px 20px 20px 60px;
		background: url(images/con04_icon.png) 20px center no-repeat, #000;
		line-height: 140%;
		font-size: 19px;
	}
}

/* ==============================================

	con_05

================================================= */
#con_05 {
	background: url("images/con05_ttl_bg.png") center top no-repeat;
	padding: 60px 0;
}
#con_05 section {
	padding: 70px 0;
}
#con_05 section:not(:last-child) {
	margin-bottom: 10px;
}
.con05_gray {
	background: url("images/con05_bg_gray.png");
}
.con05_blue {
	background: url("images/con05_bg_blue.png");
}
.con05_blue h3 {
	margin-bottom: 65px;
}
#con_05 section h3 {
	text-align: center;
	font-size: 28px;
}
#con_05 section h3 img {
	vertical-align: sub;
	margin-right: 5px;
}
#con_05 section h3 span {
	background: linear-gradient(transparent 70%, #FDFC4A 0%);
	padding: 0 20px;
}
.con05_l, .con05_r {
	width: 50%;
}
.con05_l, .con05_r_box {
	float: left;
}
.con05_r, .con05_l_box {
	float: right;
}

@media screen and (max-width:768px){
	#con_05 section {
		padding: 50px 20px;
	}
	#con_05 section h3 {
		font-size: 24px;
	}
	#con_05 section h3 img {
		vertical-align: middle;
	}
	#con_05 section h3 span {
		padding: 0;
	}
	.con05_l, .con05_r {
		width: 100%;
	}
	.con05_l, .con05_r_box, .con05_r, .con05_l_box {
		float: none;
	}
	.con05_blue h3 {
		margin-bottom: 40px;
	}
}
@media screen and (max-width:768px){
	#con_05 section h3 img {
		width: 15%;
		height: auto;
		margin-right: 10px;
	}
}
/* ==============================================
　con05_01
================================================= */
.con05_01 .con05_l_box {
	margin-right: 50px;
}
.con05_01 table {
	border-collapse: separate;
	border-spacing: 2px;
}
.con05_01 table th {
	width: 250px;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	background: #2F2F2F;
	vertical-align: middle;
	padding: 30px 25px;
	letter-spacing: 0.6rem;
	text-indent: 0.6rem;
}
.con05_01 table td {
	width: 450px;
	font-size: 18px;
	background: #fff;
	line-height: 160%;
	padding: 30px 25px;
}
.con05_01 .con05_r_box {
	padding-right: 20px;
}
.con05_01 .con05_r_box p {
	text-align: right;
	font-size: 17px;
	margin-top: 20px;
}
.con05_01 .con05_l_box img {
	width: 100%;
	height: 400px;
	object-position: 100% 50%;
}

@media screen and (max-width:768px){
	.con05_01 .con05_l_box {
		margin-right: 0;
	}
	.con05_01 .con05_l_box img {
		height: auto;
	}
	.con05_01 .con05_r_box {
		padding-right: 0;
		margin-top: 20px;
	}
	.con05_01 table th, .con05_01 table td {
		display: block;
		width: 100%;
	}
	.con05_01 table th {
		font-size: 19px;
		padding: 20px 10px;
	}
	.con05_01 table td {
		padding: 20px;
		font-size: 16px;
	}
}

/* ==============================================
　con05_02
================================================= */
.con05_02 .con05_l_box {
	margin-right: 5px;
}
.con05_02 .con05_l_box p {
	background: #183871;
	border: solid 1px #183871;
	outline: 1px solid #fff;
	outline-offset: -5px;
	width: 695px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	line-height: 160%;
}
.con05_02 .con05_r_box img {
	width: 100%;
	height: 400px;
}

@media screen and (max-width:1420px){
	.con05_02 .con05_l_box {
		width: 96%;
		margin-right: 1%;
	}
	.con05_02 .con05_l_box p {
		width: 100%;
	}
}
@media screen and (max-width:768px){
	.con05_02 .con05_l_box {
		width: 100%;
		margin-right: 0;
	}
	.con05_02 .con05_l_box p {
		height: auto;
		padding: 50px 20px;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.con05_02 .con05_r_box img {
		height: auto;
	}
}

/* ==============================================
　con05_03
================================================= */
.con05_03 .cmn_txt {
	margin-bottom: 70px;
}
.con05_03 ul {
	font-size: 0;
	display: inline;
	vertical-align: text-top;
}
.con05_03 ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
	padding: 20px 5px;
	width: 240px;
	color: #fff;
	background: rgba(25,25,25,0.9);
	margin-bottom: 10px;
}
.con05_03 ul li:not(:nth-child(4n)) {
	margin-right: 10px;
}
.con05_03 ul li p {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 130%;
}
.con05_03 .w1000 span {
	display: inline;
	font-size: 18px;
}
@media screen and (max-width:768px){
	.con05_03 .cmn_txt {
		margin-bottom: 50px;
	}
	.con05_03 ul {
		display: block;
	}
	.con05_03 ul li {
		width: 48%;
		font-size: 15px;
	}
	.con05_03 ul li:not(:nth-child(4n)) {
		margin-right: 0;
	}
	.con05_03 ul li:nth-child(even) {
		margin-left: 4%;
	}
}

/* ==============================================
　con05_04
================================================= */
.con05_04 .w1000 {
	background: rgba(0,35,98,0.9);
	padding: 40px 30px;
	border: solid 1px rgba(0,35,98,0.9);
	outline: 1px solid rgba(255,255,255,0.9);
	outline-offset: -5px;
}
.con05_04 table {
	color: #fff;
	width: 100%;
	border-collapse: collapse;
}
.con05_04 .w1000 {
	margin-bottom: 70px;
}
.con05_04 table tr {
	border-bottom: 1px solid #6180b7;
}
.con05_04 table th {
	font-size: 18px;
	padding: 20px 5px;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}
.con05_04 table td {
	font-size: 16px;
	padding: 20px 5px;
	text-align: center;
}
.con05_04_box {
	width: 1000px;
	margin: 0 auto;
}
.con05_04_ttl {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #0a275a;
}
.con05_04_ttl span {
	border-bottom: double #0a275a;
	padding: 0 30px;
}
.con05_04_box ul {
	font-size: 0;
}
.con05_04_box ul li {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	background: #183871;
	padding: 20px 20px 30px;
	margin-bottom: 20px;
}
.con05_04_box ul li:nth-child(3n-1) {
	margin: 0 2%;
}
.con05_04_box ul li dt {
	background: #F3F6F9;
	padding: 5px;
	text-align: center;
	color: #0a275a;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
.con05_04_box ul li dd {
	font-size: 14px;
	color: #fff;
	line-height: 130%;
}
.con05_04_box ul li dd:not(:last-child) {
	margin-bottom: 12px;
}

@media screen and (max-width:768px){
	.con05_04 .w1000 {
		padding: 0;
	}
	.con05_04 table tr:nth-child(even) {
		background: rgba(0,35,98,0.8);
	}
	.con05_04 table th {
		display: none;
	}
	.con05_04 table td {
		display: block;
		text-align: left;
		padding: 10px 20px;
	}
	.con05_04 table td:first-child {
		padding-top: 30px;
	}
	.con05_04 table td:last-child {
		padding-bottom: 30px;
	}
	.con05_04 table td span {
		font-weight: bold;
	}
	.con05_04_box {
		width: 100%;
	}
	.con05_04_box ul li {
		width: 100%;
	}
	.con05_04_box ul li:nth-child(3n-1) {
		margin: 0 0 20px 0;
	}
}

/* ==============================================

	con_06

================================================= */
#con_06 {
	background: url("images/con06_bg.jpg");
	border-top: 25px solid #0b0b0b;
	border-bottom: 25px solid #0b0b0b;
}
#con_06 .w1000 {
	background: #fff;
	padding: 60px 0 100px;
}
.con06_img {
	display: block;
	margin: 70px auto 0;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width:768px){
	.con06_img {
		max-width: 94%;
	}
}

/* ==============================================

	con_07

================================================= */
#con_07 {
	background: url("images/con07_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 60px 0 100px;
}
.con07_box .clear:first-child {
	margin-top: 120px;
}
.con07_box .clear:not(:first-child) {
	margin-top: 80px;
}
.con07_l, .con07_r {
	width: 50%;
}
.con07_l, .con07_r .con07_img {
	float: left;
}
.con07_r, .con07_l .con07_txt, .con07_l .con07_img {
	float: right;
}
.con07_txt {
	width: 500px;
	margin-top: 40px;
	color: #fff;
}
.con07_txt_ttl {
	margin: 0 auto;
	text-align: right;
}
.con07_box .clear:first-child .con07_txt_ttl {
	width: 319px;
}
.con07_box .clear:nth-child(2) .con07_txt_ttl {
	width: 325px;
}
.con07_txt img, .con07_txt span {
	display: block;
}
.con07_txt span {
	font-style: italic;
	margin-top: 15px;
	line-height: 140%;
}
.con07_txt small {
	display: block;
	margin-top: 10px;
}
.con07_txt small a {
	color: #fff;
	font-size: 14px;
}
.con07_txt p {
	padding: 40px;
	font-size: 18px;
	line-height: 180%;
	background: rgba(11,36,84,0.8);
	margin-top: 50px;
}
.con07_img {
	width: 450px;
}
.con07_r .con07_img {
	margin-left: 50px;
}
.con07_l .con07_img {
	margin-right: 50px;
}

@media screen and (max-width:768px){
	.con07_r, .con07_l .con07_txt, .con07_l .con07_img, .con07_l, .con07_r .con07_img {
		float: none;
	}
	.con07_l, .con07_r, .con07_txt, .con07_box .clear:first-child .con07_txt_ttl, .con07_img, .con07_box .clear:nth-child(2) .con07_txt_ttl {
		width: 100%;
	}
	.con07_box {
		padding: 0 20px;
	}
	.con07_box .clear:first-child {
		margin-top: 80px;
	}
	.con07_txt_ttl {
		text-align: center;
	}
	.con07_txt img {
		margin: 0 auto;
	}
	.con07_txt p {
		margin-top: 20px;
		padding: 20px;
		font-size: 16px;
	}
	.con07_r .con07_img {
		margin-left: 0;
	}
	.con07_img img {
		display: block;
		margin: 20px auto 0;
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width:480px){
	.con07_txt img {
		width: 70%;
		height: auto;
	}
}


/* ==============================================

	con_08

================================================= */
#con_08 {
	background: url("images/con08_bg.jpg");
	padding-bottom: 90px;
}
.con_08_ttl {
	background: url("images/con08_ttl_bg.png") center bottom repeat-x, #fff;
}
.con_08_ttl > div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 245px;
}
.con08_ttl_arrow {
	display: block;
	margin: 0 auto 15px;
}
.con08_box li {
	display: flex;
	padding-bottom: 20px;
	border-bottom: 2px solid #fff;
	position: relative;
}
.con08_box li:not(:last-child) {
	margin-bottom: 25px;
}
.con08_box li:not(:last-child)::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -12px;
	border-top: 12px solid #fff;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}
.con08_box li:not(:last-child)::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -9px;
	border-top: 12px solid #242424;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}
.con08_no {
	width: 100px;
}
.con08_txt {
	width: 630px;
	background: #fff;
	padding: 35px 40px 0;
}
.con08_txt h3 {
	background: url("images/con08_icon.png") left 2px no-repeat;
	padding-left: 28px;
	font-size: 26px;
}
.con08_txt p {
	font-size: 17px;
	line-height: 150%;
	margin-top: 15px;
}
.con08_img {
	width: 270px;
}

@media screen and (max-width:768px){
	.con08_ttl_arrow {
		width: 10%;
		height: auto;
	}
	.con_08_ttl {
		padding: 40px 0 50px;
	}
	.con_08_ttl > div {
		display: block;
		height: auto;
	}
	 .con08_box li {
		display: block;
	}
	.con08_box li:nth-child(odd) .con08_no {
		background: #bab40a;
	}
	.con08_box li:nth-child(even) .con08_no {
		background: #0a66af;
	}
	.con08_no {
		width: 100%;
		text-align: center;
	}
	.con08_no img {
		width: 90px;
		height: 100px;
		object-fit: cover;
	}
	.con08_txt {
		padding: 30px 20px;
		width: 100%;
	}
	.con08_txt h3 {
		font-size: 22px
	}
	.con08_img {
		width: 45%;
		max-width: 100%;
		height: auto;
		margin-left: 8px;
	}
}
@media screen and (max-width:480px){
	.con08_no img {
		width: 70px;
		height: 80px;
		object-fit: cover;
	}
}

/* ==============================================

	con_09

================================================= */
#con_09 {
	padding: 60px 0 90px;
}

.con09_box {
	background: #eaeaea;
	padding: 20px 20px 20px 10px;
	position: relative;
}
.con09_box:first-child {
	margin-top: 60px;
}
.con09_box:not(:last-child) {
	margin-bottom: 10px;
}
.con09_box img {
	position: absolute;
	top: 40px;
}
.con09_box dl {
	background: #fff;
	padding: 20px;
	width: 900px;
	float: right;
	font-size: 18px;
}
.con09_box dl dt {
	background: url("images/con09_q.png") 10px top no-repeat;
	padding: 5px 10px 15px 50px;
	border-bottom: 1px solid #242424;
	margin-bottom: 15px;
}
.con09_box dl dd {
	background: url("images/con09_a.png") 10px top no-repeat;
	padding: 5px 10px 5px 50px;
}

@media screen and (max-width:768px){
	#con_09 {
		padding: 60px 0;
	}
	.con09_box img {
		width: 70px;
		height: 70px;
	}
	.con09_box dl {
		width: 90%;
		line-height: 150%;
	}
}
@media screen and (max-width:480px){
	.con09_box img {
		width: 55px;
		height: 55px;
		top: 30px;
		left: 10px;
	}
}
/* ==============================================

	con_10

================================================= */
#con_10 {
	background: url("images/con10_bg.jpg");
	padding: 60px 0 80px;
}
#con_10 p {
	width: 700px;
	margin: 60px auto 50px;
	color: #fff;
	line-height: 160%;
}
#con_10 iframe {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:768px){
	#con_10 .w1000 {
		padding: 0 20px;
	}
	#con_10 p {
		width: 100%;
		font-size: 18px;
	}
	#con_10 iframe {
		width: 100%;
		height: 400px;
	}
}

/* ==============================================

	con_11

================================================= */
#con_11 {
	background: url("images/con11_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 20px 20px 60px;
	color: #fff;
}
.con11_area {
	border: 1px solid #fff;
	padding: 60px 0;
}
#con_11 table {
	font-size: 18px;
	width: 920px;
	margin: 45px auto 0;
}

/* ==============================================
	con11_01
================================================= */
.con11_01 {
	margin-top: 60px;
}
.con11_01 p {
	float: left;
	width: 550px;
	font-size: 18px;
	line-height: 180%;
}
.con11_01 img {
	float: right;
	width: 400px;
	display: block;
}

/* ==============================================
	con11_02
================================================= */
.con11_02 {
	margin: 100px 0;
}
.con11_02 table {
	border-spacing: 5px;
}
.con11_02 table th {
	background: rgba(25,60,124,0.95);
	padding: 18px 5px;
	font-weight: normal;
	color: #fff;
	width: 250px;
}
.con11_02 table td {
	background: rgba(255,255,255,0.95);
	padding: 18px 30px;
	color: #010101;
	width: 665px;
}
.con11_02 table td span a {
	background: rgba(25,60,124,0.95);
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 4px 15px;
	margin-left: 15px;
}

/* ==============================================
	con11_03
================================================= */
.con11_03 table {
	border-collapse: collapse;
}
.con11_03 table tr {
	border-bottom: 1px solid #494949;
}
.con11_03 table th {
	padding: 20px 5px;
	font-weight: normal;
	width: 170px;
}
.con11_03 table td {
	padding: 20px 5px 20px 40px;
	width: 750px;
	line-height: 150%;
}

@media screen and (max-width:768px){
	.con11_01 {
		padding: 0 20px;
	}
	.con11_01 p {
		float: none;
		width: 100%;
		font-size: 16px;
		line-height: 160%;
	}
	.con11_01 img {
		float: none;
		max-width: 100%;
		height: auto;
		margin: 20px auto 0;
	}
	#con_11 table {
		width: 95%;
		font-size: 16px;
		margin: 30px auto 0;
	}
	.con11_02 table th, .con11_02 table td, .con11_03 table th, .con11_03 table td {
		display: block;
		width: 100%;
	}
	.con11_02 table td, .con11_03 table td {
		line-height: 140%;
		padding: 15px;
	}
	.con11_03 table th {
		background: #333;
	}
}

/* ==============================================

	con_12

================================================= */
#con_12 {
	background: url("images/con12_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 80px 0 120px;
}
.contact {
	width: 850px;
	margin: 0 auto;
}
#con_12 h3 {
	background: #000;
	padding: 10px;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
}
.con12_icon {
	vertical-align: middle;
	margin-right: 10px;
}
#con_12 h3 small {
	margin-left: 30px;
	font-size: 16px;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
}
.con12_01 {
	font-size: 0;
	margin-bottom: 50px;
}
.con12_01 section {
	display: inline-block;
	width: 400px;
}
.con12_01 section:last-child {
	margin-left: 50px;
}
.con12_01 section div {
	background: #fff;
	text-align: center;
	padding: 30px 5px 20px;
	border-bottom: 1px solid #000;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
}
.con12_01 section div em {
	font-style: normal;
	font-size: 36px;
}
.con12_01 section div em span {
	color: #e34b00;
}
.con12_01 section div p {
	font-size: 16px;
	margin-top: 15px;
}


.con12_02_box {
	padding: 40px 45px 50px;
	background: #fff;
	font-size: 18px;
}
.con12_txt {
	text-align: center;
	margin-bottom: 40px;
}
.con12_complete_txt {
	text-align: center;
	margin-bottom: 40px;
	line-height: 150%;
}
.contact_error {
	text-align: center;
	line-height: 200%;
	margin-bottom: 40px;
	padding: 30px;
	border: 1px dotted #000000;
	color: #e8173e;
	font-size: 18px;
}
.contact_form_table {
	width: 100%;
	margin: 0 auto;
}
.contact_form_table {
	border-collapse: separate;
	border-spacing: 5px;
}
.contact_form_table tr:first-child th {
	border-top: 1px solid #b9b9b9;
}
.contact_form_table th {
	width: 280px;
	padding: 10px 0 10px 30px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	border-bottom: 1px solid #b9b9b9;
}
.contact_form_table th span {
	padding: 4px 6px;
	color: #FFF;
	background: #e38900;
	font-size: 13px;
	line-height: 1.8rem;
	letter-spacing: 0.4rem;
	text-indent: 0.4rem;
	font-weight: normal;
	margin-left: 10px;
}

.contact_form_table td {
	width: 490px;
	padding: 5px;
	vertical-align: middle;
	line-height: 1.5em;
	background: #F5F5F5;
}
.contact_form_table td.bgnone {
	background: inherit!important;
	vertical-align: middle;
}
.contact_form_table td label {
	margin-right: 20px;
}
.contact_form_table span {
	display: inline-block;
	font-size: 15px;
}
.must {
	margin-left: 5px;
    color: #fff;
    background: #C36E07;
    font-size: 12px;
    padding: 2px 10px;
}
.form_btn {
	text-align: center;
	margin: 20px auto 0;
}
.form_btn input {
	background: #e38900;
	color: #fff;
	border: 0;
	cursor:pointer;
	font-size: 22px;
	letter-spacing: 0.2rem;
	text-indent: 0.2rem;
	width: 350px;
	height: 60px;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.form_btn_two input {
	width: 300px;
}
.form_btn input:hover {
	opacity: 0.7;
}
.form_send {
	margin: 0 0 0 40px;
}
.required {
	width: 800px;
	margin: 30px auto;
	color: #de360f;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.5em;
}
.required_message {
	font-size: 19px;
	line-height: 1.5em;
}
.thanks_btn {
	margin-top: 60px;
}
.thanks_btn a {
	display: block;
	padding: 15px 0;
	background: #C36D07;
	text-decoration: none;
	width: 300px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 25px;
	font-size: 16px;
	letter-spacing: 0.2rem;
}
#privacy {
	width: 350px;
	margin: 50px auto 0;
	text-align: center;
	border: 1px dotted #c3c3c3;
	padding: 18px 5px;
	cursor: pointer;
	font-size: 18px;
	background: #f6f6f6;
}
#privacy:hover {
	background: #fff;
	color: #000!important;
}
.privacy_box {
	display: none;
	margin: 20px auto 0;
	font-size: 15px;
	background: #f6f6f6;
	padding: 40px;
	line-height: 130%;
}
.privacy_01 {
	font-size: 15px;
	margin-bottom: 30px;
}
.privacy_box ol li {

	list-style-type: decimal;
	margin-left: 30px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #126cbd;
}
.privacy_box ol li:not(:first-child) {
	margin-top: 30px;
}
.privacy_box ol li div {
	font-size: 14px;
	padding-top: 10px;
	font-weight: normal;
	color: #000;
}
.privacy_box ol.privacy_list li {
	list-style-type: lower-latin;
	font-size: 14px;
}
.privacy_box ol.privacy_list li:not(:first-child) {
	margin-top: 4px;
}
#privacy_close {
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
	text-decoration: underline;
	cursor: pointer;
	color: #3a56ab;
}
#privacy_close:hover {
	opacity: 0.7;
}
.con13_contact_txt {
	text-align: center;
	font-size: 18px;
	margin: 20px 0 50px;
	line-height: 140%;
}
.con13_contact_txt span {
	background: #f30000;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.2rem;
	padding: 4px 15px;
	margin-right: 10px;
	display: inline-block;
}
.con13_error {
	text-align: center;
	color: #f30000;
	font-size: 18px!important;
	line-height: 180%;
}
.contact_complete_box {
	margin-top: 50px;
}
@media screen and (max-width:768px){
	.contact {
		width: 100%;
		padding: 0 20px;
	}
	.con12_01 {
		margin-bottom: 40px;
	}
	.con12_01 section {
		display: block;
		width: 100%;
	}
	.con12_01 section:last-child {
		margin: 40px 0 0;
	}
	.con12_02_box {
		padding: 40px 20px;
	}
	.contact_form_table th, .contact_form_table td {
		display: block;
		width: 100%;
	}
	.contact_form_table th {
		border-bottom: none;
		padding: 10px 15px;
	}
	.contact_form_table td {
		border-bottom: 1px solid #b9b9b9;
		padding: 10px;
	}
	.form_btn_two {
		margin: 40px auto 0;
	}
	.form_send {
		margin: 20px 0 0 0;
	}
	.thanks_btn {
		margin-top: 40px;
	}
	.thanks_btn a {
		max-width: 300px;
		width: 100%;
		height: auto;
	}
	#privacy,
	.form_btn input {
		max-width: 360px;
		width: 100%;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.privacy_box {
		padding: 20px;
	}
	.contact_error {
		padding: 20px;
	}
	.error_messe {
		line-height: 120%;
	}
	.error_messe:not(:last-child) {
		margin-bottom: 15px;
	}
	.contact_line {
		max-width: 480px;
		width: 100%;
		height: auto;
	}
	.required {
		width: 100%;
	}
	.con13_contact_txt {
		font-size: 16px;
		margin: 20px 0 30px;
	}
	.con13_contact_txt span {
		display: block;
		margin: 0 auto 15px;
	}
	.con13_error {
		text-align: left!important;
		font-size: 16px!important;
	}	
	
	
}

/* ==============================================

	con_13

================================================= */
#con_13 {
	
}
@media screen and (max-width:768px){

}

/* ==============================================

	con_14

================================================= */
#con_14 {
	
}
@media screen and (max-width:768px){

}



/* ==============================================

	copyright

================================================= */
#copyright{
	text-align: center;
	font-size: 15px;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#copyright{
		padding:10px
	}
}



.bd {
    font-weight: bold;
}

.themeHeadding h2{
	font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 28px;
    line-height: .8;
    color: #fff;
    margin-bottom: 45px;
    position: relative;
}

.themeBtn {
    background: #144e94;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    line-height: 0.8;
    padding: 18px 30px;
    text-transform: capitalize;
}

.themeHeadding h2::after {
    background: #a5c5d6;
    content: "";
    height: 2px;
    position: absolute;
    width: 60px;
    left: 0;
    right: 0;
    margin: auto;
    top: 47px;
}

.syomei {
	text-align: right;
}

.acms-list-group {
    margin: 0 0 56px 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e5e5e5;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.fotterTitle a {
	color: #fff;
	text-decoration: underline;
}

.page-title {
	color: #fff;
    margin: 0 0 10px 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
}


.entry-title {
    margin: 10px 0;
	line-height: 170%;
}

.entry-column h3 {
    margin: 0 10px 20px 10px;
    padding: 16px;
    font-size: 18px;
	line-height: 170%;
    color: #144e94;
    background: #EDF8FE;
}

.entry-column h2 {
    margin: 0 10px 25px 10px;
    padding: 5px 10px;
    font-size: 20px;
	line-height: 170%;
    color: #144e94;
    border-left: 4px solid #144e94;
}


/* ------------------------------
　　ページャー
------------------------------ */
.pager {
	margin: 0 -5px 50px -5px;
	padding: 0;
	text-align: center;
	list-style: none;
}
.pager li {
	display: inline-block;
	margin: 0 5px;
}
.pager li.cur {
	/* 現在いる位置 */
	padding: 5px 20px;
	color: #FFF;
	background: #767676;
	border-radius: 3px;
}

.pager-link {
	display: block;
	padding: 5px 20px;
	color: #333;
	background: #E5E5E5;
	border-radius: 3px;
}
.pager-link:visited,
.pager-link:focus,
.pager-link:active {
	color: #333;
}
.pager-link:hover {
	color: #FFF;
	text-decoration: none;
	background: #333;
}

.pager-link-forward {
	float: right;
}

.pager-link-prev {
	float: left;
}

@media screen and (min-width: 768px) {
	.pager-link {
		padding: 5px 10px;
	}
	.pager li.cur {
		/* 現在いる位置 */
		padding: 5px 10px;
	}
}

/* 前後リンク */
.serial-nav {
	margin: -25px 0 60px 0;
	padding: 0;
	list-style: none;
}
.serial-nav .serial-nav-item {
	display: block;
	float: none;
}
.serial-nav .serial-nav-item-prev {
	text-align: left;
}
.serial-nav .serial-nav-item-next {
	text-align: right;
}
.serial-nav a {
	display: block;
	padding: 25px 0;
	color: #333;
	border-bottom: 1px solid #E5E5E5;
}
.serial-nav a:hover,
.serial-nav a:visited,
.serial-nav a:focus,
.serial-nav a:active {
	color: inherit;
	text-decoration: none;
}
.serial-nav a:hover {
	background: #E5E5E5;
}

@media screen and (min-width: 768px) {
	.serial-nav {
		margin: 0 0 60px 0;
		border: 0;
	}
	.serial-nav .serial-nav-item-prev {
		float: left;
	}
	.serial-nav .serial-nav-item-next {
		float: right;
	}
	.serial-nav a {
		display: inline;
		border: 0;
	}
	.serial-nav a:hover {
		text-decoration: underline;
		background: 0;
	}
}


.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}




.entryFormColumn .entryFormColumnHead .entryFormColumnHeadLayoutBox input, .entryFormColumn .entryFormColumnHead .entryFormColumnHeadLayoutBox select {
    position: relative;
    max-width: 140px;
    margin: 0 0 5px;
    color: black;
}

.entry-column ul {
    margin: 0 0 25px 0;
    padding: 0 0 0 2em;
	list-style-type: disc;
}

.entry-column ol {
    margin: 0 0 25px 0;
    padding: 0 0 0 2.5em;
	list-style-type: decimal;
}

.mb-16 {
	margin-bottom: 16px;
}
.mb-24 {
	margin-bottom: 24px;
}

.mb-64 {
	margin-bottom: 64px;
}

h2 {
	margin-bottom: 24px;
}

.messageVoice {
	font-size: 16px;
	line-height: 170%;
}
h3 {
	margin-bottom: 16px;
}

.pt24b44{
	padding-bottom: 44px;
	padding-top: 24px;
}

.reasonMidashi {
	font-size: 20px;
	margin-top: 24px;
	margin-bottom: 8px;
}

ul.kyujinList {
	margin-bottom: 28px;
	font-size: 20px;
	font-weight: 800;
}

ul.kyujinList li {
	line-height: 150%;
	padding-bottom: 28px;
	list-style: disc;
}


:root {
            --primary-color: #2563eb;
            --secondary-color: #1e40af;
            --accent-color: #93c5fd;
            --text-color: #1f2937;
            --background-color: #f8fafc;
        }

        .boshuyokoHeader {
            text-align: center;
            margin-bottom: 3rem;
            padding: 2rem;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            border-radius: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .title {
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 1rem;
        }

        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
        }

        .content-section {
            background: white;
            padding: 2rem;
            border-radius: 1rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            margin-bottom: 2rem;
			font-size: 18px;
        }

        .section-title {
            font-size: 24px;
            color: var(--primary-color);
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--accent-color);
        }

        .detail-item {
            display: flex;
            margin-bottom: 1.5rem;
            align-items: flex-start;
        }

        .detail-label {
            flex: 0 0 120px;
            font-weight: bold;
            color: var(--secondary-color);
        }

        .detail-content {
            flex: 1;
			line-height:170%;
        }

        .highlight-box {
            background-color: #f0f9ff;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border-left: 4px solid var(--primary-color);
            margin: 1.5rem 0;
        }
		
		.highlight-box h3 {
            margin-bottom: 1rem; 
			color: var(--primary-color);
        }

		.highlight-box p {
            margin-bottom: 2rem; 
			line-height: 170%;
			margin-left: 2rem; 
        }

        .example-box {
            background-color: #f8f8f8;
            padding: 1rem;
            border-radius: 0.5rem;
            margin-top: 0.5rem;
        }

        .benefits-list {
            list-style: none;
        }

        .benefits-list li {
            margin-bottom: 0.75rem;
            padding-left: 1.5rem;
            position: relative;
        }

        .benefits-list li::before {
            content: "✓";
            color: var(--primary-color);
            position: absolute;
            left: 0;
        }

        @media (max-width: 640px) {
            .container {
                padding: 1rem;
            }

            .detail-item {
                flex-direction: column;
            }

            .detail-label {
                margin-bottom: 0.5rem;
				flex: 0 0 16px;
            }
        }
.mojiAKA{
	color: #F70206;
	font-weight: bold;
}