@charset "utf-8";
/* CSS Document */


@media screen and (max-width:767px){
/* メディアクエリー */


/***********************************************/
/******************common**********************/
/***********************************************/

*{
	margin:0;
	padding:0;
}

body{
	font-size: 15px/1.5;
	color:#3f3e3e;
}

header, article, footer, aside, time ,nav ,small ,section{
	 display: block;
}

img{
	height:auto;
	vertical-align:bottom;
	max-width: 100%;
}
p{
	margin-bottom:1em;
}

ul li{
	list-style-type: none;
}

a{
	text-decoration:none;
	color: #6297ce;
}
table{
	border-collapse:collapse;
}
table td{
	vertical-align:top;
}
.pc{
	display: none;
}
.spnone{
	display: none;
}

/************************* header *************************/

.header_main {
    width: 100%;
    justify-content: center;
    position: fixed;
    z-index:999;
    height: 80px;
    align-items: center;
    transition: 1s ease;
}


.header_main h1 {
    display: block;
    position: fixed;
    left: 2%;
    top: 1%;
}

.header_main img {
  width: 100px;
  height: auto;
}

.header_main .drawer-nav {
    display: none;
    transition: 1s ease;
}

.active .drawer-nav {
    display: block;
    position: relative;
    top:-20px;
    transition: 1s ease;
}


.header_main .drawer-nav ul{
	background: rgba(255,255,255,0.9);
	transition: 1s ease;
	padding: 30px 0 20px;
}
.header_main .drawer-nav li {
    font-size: 15px;
    padding: 0 20px;

}

.header_main .drawer-nav li a {
    color: #666;
		border-bottom: 1px solid #ccc;
}
.header_main .drawer-nav li:last-child a {
		border-bottom:none;
}

.header_main .drawer-nav li.tel_btn{
	font-weight:bold;
	font-size:16px;
}
.header_main .drawer-nav li i {
	margin:0 5px 0 0;
}

.head_bg_color .drawer-nav li a {
    color: #333;
    transition: 1s ease;
}



.sub_menu{
    display: none;
    position: absolute;
    margin-left: 0;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #fff;
    background: rgba(255,255,255,0.7);
}

.sub_menu li{
    width: 100%;
}

.header_main .drawer-nav li .sub_menu li a{
    padding: 10px 0;
    display: block;
    color: rgba(46,150,72,1);
    border-bottom: 1px dotted #666;
    font-size: 13px;
}
/************************* ハンバーガーメニュー *************************/

.drawer-nav a {
    display: block;
    color: #666;
    padding: 1em;
}
.drawer-nav a:hover {}
/* このクラスを、jQueryで付与・削除する */
.drawer-nav.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.navToggle {
    display: block;
    position: fixed;
    right: 2%;
    top: 2%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 999;
    text-align: center;
    background: #eb5405;
    border-radius: 25px;
}

.navToggle span {
    display: block;
    position: absolute;
    /* .navToggleに対して */
    width: 20px;
    border-bottom: solid 2px #fff;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 15px;
}

.navToggle span:nth-child(1) {
    top: 15px;
}

.navToggle span:nth-child(2) {
    top: 19px;
}

.navToggle span:nth-child(3) {
    top: 23px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #fff;
    font-size: 9px;
    top: 26px;
    width: 40px;
    left: 5px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 20px;
    left: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/************************* slideここから *************************/

/*** ページャー***/
.pagination {
    position: fixed;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
}

.pagination a {
    display: block;
    width: 12px;
    height: 12px;
    margin: 24px 0;
    border-radius: 50%;
    background-color: #fcfcfc;
    transition: transform 0.2s;
}

.pagination a.active {
    transform: scale(1.8);
}


.section {
    scroll-snap-align: start;
    height: 100vh;
}

/*** 1番目 ***/
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 45%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 163px;
}

.slider{
	position:relative;
}

.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.full div.img01 {
  background-image:url(../images/sp/slide_01.jpg);
}
.full div.img02 {
  background-image:url(../images/sp/slide_02.jpg);
}
.full .slick-dots {
	bottom: 4%;
	z-index: +1;
}

/*** 2番目、3番目***/
.full02 {
position: relative;
}

.area02 .full02 div.img03 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    margin: 0;
    background-image:url(../images/index/section2_bg.jpg);
    transition: all 0.5s ease-out;
    transform: matrix3d(
        0.9, 0, 0, 0,/*** 縮小***/
        0, 0.9, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
}

.area02 .full02 .an6-fadeleft p,.area02 .full02 .an7-fadeleft p{
	color:#fff;
	font-size:14px;
	line-height:1.8;
	font-weight: normal;
}

.area03 .full02 div.img03 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    margin: 0;
    background-image:url(../images/index/section3_bg.jpg);
    transition: all 0.5s ease-out;
    transform: matrix3d(
        0.9, 0, 0, 0,/*** 縮小***/
        0, 0.9, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
}

    .area04,.area05,area06,.area07 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.animation .full02 div.img03{
    transform: matrix3d(
        1, 0, 0, 0,/*** 縮小した物を元のサイズに***/
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
}

/*** 3番目の左半分***/
.bg_white {
    position: relative;
    top: -100vh;
    width: 70%;
    height: 100vh;
    background: rgba(255,255,255,0.85);
    font-size: 14px;
    font-weight: bold;
		line-height: 1.5;
}
.bg_white div {

}

.bg_white div.txt01 {
    position:absolute;
    top:35%;
    left:8%;
    animation-name: fadeleft;
    animation-duration: 5s;
    animation-delay:3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.bg_white div.txt01 {
    position:absolute;
		top: 70px;
		left: 15px;
		margin: 0 15px 0 0;
}


.animation .bg_white div.txt01{
    opacity: 0;/* ここを追加 */
    animation-name: fadeleft_02;
    animation-duration: 5s;
    animation-delay:1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.animation .bg_white div.txt02{
    opacity: 0;/* ここを追加 */
    animation-name: fadeleft_02;
    animation-duration: 5s;
    animation-delay:2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.animation .bg_white div.txt03{
    opacity: 0;/* ここを追加 */
    animation-name: fadeleft_02;
    animation-duration: 5s;
    animation-delay:3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.bg_white p {
    margin: 0 0 20px;
}

.bg_white p br {
}


/*** アニメーション関連***/

/*右からフェードイン*/
.an4-fadeleft {
    position:absolute;
    top:55%;
    left:0;
    animation-name: fadeleft;
    animation-duration: 5s;
	   animation-delay:3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}
@keyframes fadeleft {
0%  {
    opacity: 0;
     transform: translateX(150px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/*右からフェードイン*/
.an4-fadeleft_02 {
  opacity: 0;/* ここを追加 */
  position:absolute;
	top:65%;
	left:25%;
  animation-name: fadeleft_02;
  animation-duration: 5s;
	animation-delay:7.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

    /*右からフェードイン*/
.an5-fadeleft{
    position:absolute;
    top:50px;
    left:18px;
		color: #fff;
		font-size: 18px;
}
.animation .an5-fadeleft{
    opacity: 0;/* ここを追加 */
        animation-name: fadeleft_02;
        animation-duration: 5s;
        animation-delay:1s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: forwards;
				margin: 0 15px 0 0;
    }

.an6-fadeleft{
    opacity: 1;/* ここを追加 */
    position:absolute;
		top:100px;
		left:15px;
}
.animation .an6-fadeleft{
    opacity: 0;/* ここを追加 */
    position:absolute;
    top:130px;
		left:15px;
		margin: 0 15px 0 0;
    animation-name: fadeleft_02;
    animation-duration: 5s;
    animation-delay:3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.an7-fadeleft{
    opacity: 1;/* ここを追加 */
    position:absolute;
		top:200px;
    left:15px;
}
.animation .an7-fadeleft{
    opacity: 0;/* ここを追加 */
    position:absolute;
		top:257px;
		left:15px;margin: 0 15px 0 0;
    animation-name: fadeleft_02;
    animation-duration: 5s;
    animation-delay:6s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}
    @keyframes fadeleft_02{
        0% {
            opacity: 0;
            transform: translateX(150px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
}



/*top_point*/
.top_point{
  padding: 50px 0 0;
}
.top_point h2{
    background-image: url(../images/index/point_midashi_bk.gif);
		background-size: 1500px auto;
    background-position: center ;
    background-repeat: no-repeat;
    font-family: 'nsfjpbo';
    font-size: 18px;
    margin: 0 0 50px;
		padding: 0 20px;
}
.top_point h2 span{
  margin: 0 auto;
  display: block;
  line-height: 2;
}
.top_point h2 span.point_midashi_2{
  text-align: center;
}
.top_point h2 span.point_midashi_3{
  text-align: right;
}

.top_point div.point_box{
	margin: 0 20px 50px;
  font-family: 'nsfjpbo';
  position: relative;
}
.top_point div.point_box .inner{
}


.top_point div.point_box figure img{
  width: 100%;
  height: auto;
}
.top_point div.point_box .inner h3{
  color: #6297ce;
  font-size: 20px;;
	margin: 0 0 20px 0;
}
.top_point div.point_box:nth-child(2) .inner h3{
	color: #6297ce;
}

.top_point div.point_box:nth-child(3) .inner h3{
  color: #72bd85;
}
.top_point div.point_box .inner p{
  font-size: 16px;
  line-height: 2;
  position: relative;
  z-index: 2;
}
.top_point div.point_box .inner p.zeb_logo {
  width: 85px;
  margin: 0 auto 20px;
}

.top_point div.point_box .inner .more a{
  display: block;
  width: 200px;
	margin: 0 auto;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#72bd85+0,52a672+37,2989d8+66,3985cd+100 */
  background: #72bd85; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #72bd85 0%, #72bd85 37%, #2989d8 66%, #6297ce 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #72bd85 0%,#72bd85 37%,#2989d8 66%,#6297ce 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #72bd85 0%,#72bd85 37%,#2989d8 66%,#6297ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bd85', endColorstr='#6297ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.top_point div.point_box .inner p.hosoku{
  background-color: #6297ce;
  color: #fff;
  display:block;
  width: 95px;
  text-align: center;
  line-height: 1.2;
  border-radius: 50%;
  padding: 25px 0;
  position: absolute;
  top: 0;
  right: -20px;
	font-size: 11px;
}
.top_point div.point_box .inner p.hosoku strong{
  font-size: 32px;
}
.top_point div.point_box .inner p.bk{
  font-family: 'VolkB';
  color: #eff6fc;
  font-size: 40px;
  position: absolute;
	top: -77px;
  left: 0;
  z-index: 1;
}
.top_point div.point_box .inner p.bk span{
  font-size: 150%;
}
.top_point div.point_box:nth-child(3) p.bk{
  color: #f2f9f4;
}


/*top_news*/
.top_news{
  margin: 0 20px 50px;
  font-family: 'nsfjpbo';
}
.top_news h2{
  font-size: 25px;
  text-align: center;
  margin: 0 0 30px;
}
.top_news h2 span{
  font-size: 18px;
  display: block;
  color: #6297ce;
  background: -moz-linear-gradient(-45deg,  #72bd85 0%, #72bd85 37%, #2989d8 66%, #6297ce 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #72bd85 0%,#72bd85 37%,#2989d8 66%,#6297ce 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #72bd85 0%,#72bd85 37%,#2989d8 66%,#6297ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_news .news_box{
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.top_news .news_box .date{
  color: #6297ce;
}
.top_news .news_box .date span{
  background-color: #eff6fc;
  font-size: 14px;
  border-radius: 20px;
  padding: 3px 20px;
  margin: 0 0 0 10px;
}
.top_news .news_box h3{
  color: #3d3d3d;
	font-size: 15px;
}
.top_news .more{
  border-top: 1px solid #ddd;
}
.top_news .more a{
  font-size: 16px;
  display: block;
  width: 200px;
  margin: 30px auto;
  text-align: center;
  padding: 15px;
  color: #fff;
  border-radius: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#72bd85+0,52a672+37,2989d8+66,3985cd+100 */
  background: #72bd85; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #72bd85 0%, #72bd85 37%, #2989d8 66%, #6297ce 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #72bd85 0%,#72bd85 37%,#2989d8 66%,#6297ce 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #72bd85 0%,#72bd85 37%,#2989d8 66%,#6297ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bd85', endColorstr='#6297ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*top_recruit*/
.top_recruit{
  text-align: center;
  background-image: url(../images/index/top_recruit_bk.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.top_recruit h2{
  font-family: 'VolkB';
  color: #fff;
  font-size: 30px;
}
.top_recruit h3{
  color: #fff;
  font-family: 'nsfjpbo';
  margin: 0 0 50px;
  font-size: 16px;
}
.top_recruit ul li{
  background-color: #fff;
  font-family: 'nsfjpbo';
  display:inline-block;
  font-size: 16px;
  width: 122px;
  border-radius: 50%;
  vertical-align: top;
	margin: 0 10px;
}
.top_recruit ul li a{
  display: block;
	color: #3d3d3d;
}

.top_recruit ul li:first-child{
  padding: 11px 0px 2px;
}
.top_recruit ul li:first-child img{
  margin: 0 0 10px;
	width: 40px;
  height: auto;
}
.top_recruit ul li:last-child{
  padding: 24px 0px;
}
.top_recruit ul li:last-child img{
  margin: 0 0 10px;
	width: 31px;
  height: auto;
}

.f_contact ul{
  overflow: hidden;
}
.f_contact ul li{
  text-align: center;
}
.f_contact ul li:first-child a{
  display: block;
  background-color:#72bd85;
  color: #fff;
  font-family: 'nsfjpbo';
  font-size: 16px;
  padding: 30px 0;
}
.f_contact ul li:first-child a span{
  display: block;
  font-family: 'VolkB';
  font-size: 22px;
}
.f_contact ul li:first-child a i{
  font-size: 15px;
  margin: 0 5px 0 0;
}

.f_contact ul li p{
  color: #fff;
  margin: 0 0 5px;
  font-size: 16px;
}
.f_contact ul li:last-child a{
  display: block;
  background-color:#6297ce;
  color: #fff;
  font-family: 'nsfjpbo';
	font-size: 16px;
  padding: 36px 0 35px;
}
.f_contact ul li:last-child a i{
	font-size: 16px;
}

/************************* footer *************************/

footer{
  background-image: url(../images/common/footer_bk.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1000px auto;
  font-family: 'nsfjpbo';
	padding: 20px;
}
footer .inner .f_left {
	margin: 0 0 90px;
}
footer .inner .f_left .info{
  margin: 0 0 20px;
}
footer .inner .f_left .info img{
  width: 140px;
  margin: 0 auto 20px;
	display: block;
}
footer .inner .f_left .info p{
	font-size: 14px;
	margin: 0;
}
footer .inner .f_left .f_txt p{
  font-size: 13px;
  color: #8f8f8f;
}
footer .inner .f_right{
	display: none;
}
footer #copy{
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding:0 0 10px;
}

.sp_contact{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:3;
}
.sp_contact ul{
	overflow:hidden;
}
.sp_contact ul li:first-child{
	float:left;
	width:50%;
}
.sp_contact ul li:last-child{
	float:right;
	width:49.8%;
}

.sp_contact ul li a{
	display:block;
	color:#fff;
	background-color:#72bd85;
	text-align:center;
	padding:10px 0;
}
.sp_contact ul li:last-child a{
	background-color:#6297ce;
}
.sp_contact ul li a i{
	display:block;
}

    /************************* page_common *************************/

    .page_title{
        background-image: url(../images/common/title.jpg);
        background-size: 1200px auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .page_title h2{
        font-family: 'nsfjpbo';
        color: #fff;
        text-align: center;
        font-size:30px;
        padding: 50px 0;
    }

    #wrapper{
        margin: 0 15px;
    }


    /************************* faq *************************/

    .faq{
        padding: 50px 0;
    }
    .faq ul {
        text-align: center;
        margin: 0 0 30px;
    }
    .faq ul li{
        margin: 0 20px 10px;
    }


    .faq ul li a{
        display: block;
        border:1px solid #d0d0d0;
        padding: 20px;
        font-size: 18px;
        color: #3f3e3e;
        overflow: hidden;
    }
    .faq ul li a i{
        float: right;
        color:#d0d0d0;
        margin: 5px 10px 0 0;
    }
    .faq section .midashi{
        text-align: center;
        margin: 0 0 30px;
    }
    .faq section .midashi h3{
        font-size: 25px;
        margin: 0 0 20px;
        font-family: 'nsfjpbo';
    }
    .faq section table{
        width: 100%;
        margin: 0 0 50px;
        font-size: 12px;
    }
    .faq section table tr th{
        background-color: #6297ce;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        border-bottom: 1px solid #fff;
    }
    .faq section table tr td{
        background-color: #eff6fc;
        padding: 10px;
        border-bottom: 1px solid #fff;
    }
    .faq section table .table_midashi th{
        background-color: #dcdcdc;
        text-align: center;
        color: #3f3e3e;
        border-right:1px solid #fff;
    }
    .faq section table .table_midashi td{
        background-color: #dcdcdc;
        text-align: center;
    }
    .faq .faq_box .q_txt{
        font-weight: bold;
        border-bottom: 1px solid #6297ce;
        margin: 0 0 20px;
    }
    .faq .faq_box .q_txt span{
        color: #6297ce;
        font-family: 'VolkB';
        font-size: 20px;
        margin: 0 20px 0 0;
    }
    .faq .faq_box .q_txt p{
        color: #6297ce;
    }
    .faq .faq_box .a_txt{
        margin: 0 0 50px;
    }
    .faq .faq_box .a_txt span{
        font-family: 'VolkB';
        font-size: 20px;
    }

    /************************* company *************************/

    .company{
        padding: 50px 0 0;
    }
    .company .midashi{
        text-align: center;
        font-size: 22px;
        margin: 0 0 30px;
        font-family: 'nsfjpbo';
    }
    .company .midashi::before{
        content: "—";
        color: #276aaf;
    }
    .company table{
        font-size: 13px;
        font-family: 'nsfjpbo';
        margin: 0 10px 50px;
    }
    .company table tr th{
        width: 30%;
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #276aaf;
        text-align: left;
    }

    .company table tr td{
        padding: 10px 0;
        border-bottom: 1px solid #276aaf;
    }
    .company .g_map{
        height: 300px;
    }

    /************************* privacy policy *************************/
    .privacy {
        padding: 70px 15px;
    }
    .privacy h3{
        font-size: 170%;
        margin: 0 0 20px;
        font-family: 'nsfjpbo';
        text-align: center;
    }
    .privacy .midashi{
        margin: 0 0 50px;
    }
    .privacy h4{
        font-size: 120%;
        color: #6297ce;
        padding: 0 0 10px;
        border-bottom: 1px solid #6297ce;
        margin: 0 0 20px;
    }
    .privacy article{
        margin: 0 0 30px;
    }
    .privacy article{
        margin: 0 0 30px;
    }

    /************************* お見積り・お問合せ *************************/

		.contact_txt {
			margin: 0 0 50px;
		}
		.contact_txt .midashi{
			text-align: center;
			font-size: 22px;
		  margin: 30px 0 50px;
		  font-family: 'nsfjpbo';
		}
		.contact_txt .midashi::before{
			content: "—";
			color: #276aaf;
		}
		.contact_txt p a{
			display: inline;
		}

    .contact{
        padding: 60px 0;
    }
    .contact table{
    }
    .contact table tr{
    }
    .contact table th{
        display: block;
        padding: 10px 15px;
        border-bottom: 3px solid #276aaf;
        text-align: center;
        display: block;
    }
    .contact table th span{
        color: #eb5405;
        font-size: 12px;
        padding: 0 10px;
        margin: 0;
    }
    .contact table td{
        padding: 15px;
        display: block;
    }
    .contact .button{
        text-align: center;
    }
    .contact .button input{
        border: medium none;
        cursor: pointer;
        margin:40px auto 0;
        color:#fff;
        background: none;
        background-color: #276aaf;
        width:240px;
        line-height:20px;
        font-size:20px;
        font-weight: bold;
        padding: 20px 0;

        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .contact .koko1{
        font-size: 14px;
        text-align: center;
    }
    .contact .th_title{
        border-bottom: none;
        text-align: center;
        font-size: 25px;
        padding: 50px 0 10px;
    }
    .contact .th_title2{
        font-size: 20px;
        border-bottom: 5px solid #276aaf;
    }
    .contact .th_title3{
        font-size: 20px;
        border-bottom: 7px solid #276aaf;
        padding: 40px 0 20px;
    }
    .contact .txt h3{
        font-size: 20px;
        margin: 0 0 15px;
    }

    /************************* blog *************************/

    .blog_a{
        padding: 60px 0;
        font-family: 'nsfjpbo';
    }
    .blog_a .hidari{
    }
    .blog_a .news_box{
        border-top: 1px solid #ddd;
        padding: 20px 0;
    }
    .blog_a .news_box .date{
        color: #6297ce;
    }
    .blog_a .news_box .date span{
        background-color: #eff6fc;
        font-size: 14px;
        border-radius: 20px;
        padding: 3px 20px;
        margin: 0 0 0 10px;
    }
    .blog_a .news_box h3{
        color: #3d3d3d;
        font-size: 15px;
    }

    .blog_a .blogside{
        padding: 50px 15px;
        border-top: 1px solid #ddd;
        margin: 20px 0 0;
    }
    .blog_a .blogside h2{
        font-size: 28px;
        margin: 0 0 5px;
    }

    .blog_a .blogside .widget_archive{
        margin: 0 0 30px;
    }
    .wp-pagenavi{
        text-align: center;
        margin: 20px 0 0;
    }
    .wp-pagenavi .pages{
        margin: 0 15px 0 0;
    }
    .wp-pagenavi a{
        color: #fff;
        background-color: #276aaf;
        display: inline-block;
        padding: 1px 8px;
        font-size: 15px;
        margin: 0 3px;
        height: 26px;
    }
    .wp-pagenavi .current{
        color: #fff;
        background-color: #72bd85;
        display: inline-block;
        padding: 1px 8px;
        font-size: 15px;
        margin: 0 3px;
        height: 26px;
    }


    /**** blogsingle *****/

    .blog_s h3{
        font-size: 25px;
        margin: 0 0 20px;
    }
    .blog_s figure{
        text-align: center;
        margin: 30px 0;
    }
    .blog_s .date{
        color: #6297ce;
        margin: 0 0 30px;
    }
    .blog_s .date span{
        background-color: #eff6fc;
        font-size: 14px;
        border-radius: 20px;
        padding: 3px 20px;
        margin: 0 0 0 10px;
    }
    .blog_s .txt{
        font-family: 'nsjpr', sans-serif;
        line-height: 1.8em;
    }
    .blog_s .txt p{
        margin: 0 0 1.8em;
    }

    #b_pager{
        margin: 70px 0 0;
        padding: 0 0 30px;
    }
    #b_pager ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


		/************************* service *************************/

		.service{
		  padding: 50px 0;
		}
		.service ul {
		  text-align: center;
		  margin: 0 0 30px;
		}
		.service ul li{
		  margin: 0 0 10px;
		}


		.service ul li a{
		  display: block;
		  border:1px solid #d0d0d0;
		  padding: 20px 5px 20px 5px;
		  font-size: 16px;
		  color: #3f3e3e;
		  overflow: hidden;
		}
		.service ul li a i{
		  float: right;
		  color:#d0d0d0;
		  margin: 5px 10px 0 0;
		}

		.service section .midashi{
		  text-align: center;
			font-size: 22px;
		  margin: 0 0 50px;
		  font-family: 'nsfjpbo';
		}
		.service section .midashi::before{
		  content: "—";
		  color: #276aaf;
		}
		.service section .midashi p{
			font-size: 13px;
		}

		.service .service01 ul{
		  text-align: center;
		}
		.service .service01 ul li{
		  background-color: #e4f1fe;
		  display: block;
		  padding: 20px;
		  margin: 0 0 20px;
		}
		.service .service01 ul li figure{
		  margin: 0 auto 10px;
			width: 50%;
		}
		.service .service01 ul li h4{
		  color: #276aaf;
		  font-size: 18px;
		  margin: 0 0 10px;
		  font-family: 'nsfjpbo';
		}
		.service .service01 ul li p{
		  text-align: left;
		}
		.service section{
		  margin: 0 0 50px;
		}
		.service section .txtl,.service section .txtr{
		  overflow: hidden;
		}
		.service section .txtl figure,.service section .txtr figure{
		  margin: 0 0 20px;
			text-align: center;
		}
		.service section p a{
		  display: inline;
		}
    
    .result_table {
        overflow-x: scroll;
    }
    .result_table table {
        width: 900px;
        font-size: 14px;
    }
    .result_table th {
        background: #eb5405;
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
    }
    .result_table td {
        padding: 10px;
        background: #fff;
        border-bottom: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
    }
    .result_table td:first-of-type {
        border-left: 1px solid #afafaf;
        text-align: left;
        padding: 10px 10px 10px 15px;
        width: 310px;
    }


		/************************* flow *************************/

		.flow section .midashi{
			text-align: center;
			font-size: 22px;
		  margin: 30px 0 50px;
		  font-family: 'nsfjpbo';
		}
		.flow section .midashi::before{
		  content: "—";
		  color: #276aaf;
		}
		.flow ul {
		  text-align: center;
		  margin: 0 0px -49px;
		}
		.flow ul li{
		  margin: 0 9% 0px;
		  width: 92px;
		  border-radius: 50%;
		  background-color: #6297ce;
		  color: #fff;
		  display: inline-block;
		  font-size: 20px;
		  font-weight: bold;
		  padding: 32px 0;
		}
		.flow ul li:last-child{
		  background-color: #ec5404;
		}

		.flow_content{
		  width: 100%;
		  padding: 70px 0 0;
		}
		 #flow01{
		  background-color: #dcedfd;
		}
		#flow02{
		 background-color: #d7eedc;
		 margin: -20px 0 0;
		 padding: 40px 0 0;
		}

		.flow_box{
		  overflow: hidden;
		  margin: 0 10px;
		  text-align: center;
		  position: relative;
		  padding: 0 0 70px;
		}
		.flow_box::after{
		  content: "";
		   display: block;
		   width: 1px;
		   height: 30px;
		   background-color: #6297ce;
		   position: absolute;
		   top: 80px;
		   left:50%;
		   margin: 15px 0;
		}
		#flow02 .flow_box::after{
		  background-color: #4da663;
		}
		#flow02 .flow_box:last-child::after{
		  display: none;
		}
		#flow02 .hosoku{
		    text-align: center;
		    font-size: 16px;
		    font-weight: bold;
		    color: #4da663;
		}

		.flow_box h4{
		  color: #6297ce;
		  font-size: 13px;
		  width: 20%;
		  margin: 0 auto;
		}
		#flow02 .flow_box h4{
		  color: #4da663;
		}


		.flow_box h4 span{
		  display: block;
		  font-size: 20px;
		}

		.flow_box .flow_l{
		  float: left;
		  width: 37%;
		  vertical-align: top;
		  font-size: 15px;
		  font-weight: bold;
		}
		.flow_box small{
		  font-size: 70%;
		  font-weight: normal;
		  text-align: left;
		  margin: 10px 0 0 0;
		}

		.flow_box .flow_r{
		  float: right;
			width: 37%;
		  vertical-align: top;
			font-size: 16px;
		  font-weight: bold;
		}

    /************************* 2023.04.26ZEB *************************/

    .zeb {
      margin: 0 15px 50px;
    }
    #zeb_01 {
      padding: 50px 0 0;
    }

    .zeb .midashi{
		  text-align: center;
			font-size: 22px;
		  margin: 0 0 50px;
		  font-family: 'nsfjpbo';
    }
    .zeb .midashi::before{
      content: "—";
      color: #276aaf;
    }

    .zeb .txtl,.zeb .txtr {
      overflow: hidden;
    }
    .zeb .txtl figure,.zeb .txtr figure {
		  margin: 0 0 20px;
			text-align: center;
    }
    .result_table {
      margin: 0 0 30px;
    }




}
/* メディアクエリー閉じタグ */