@charset "UTF-8"; /* CSS Document */
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,figure,nav,footer,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    line-height: 2.5;
    font-size: 14px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #636363;
}
body {
    background: #ffffff;
}
ol,ul,li,dl,dt,dd {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}

img {
    width: 100%;
    vertical-align: bottom;
    border: none;
}
iframe{
    vertical-align:bottom;
    }
#wrapper {
    overflow: hidden;
    width: 100%;
}

a:hover img {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

p.txt {
    font-size: 110%;
    line-height: 200%;
}

p {
    text-align: justify;
    text-align: center;
    text-justify: inter-ideograph;
}
.center{
    text-align:center;
}
/*------------------------------------------------*/
.loading {
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 0.90);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}
.loading div {
	width: 300px;
	height: auto;
	position: absolute;
	top: 50%;
    left: 50%;
    margin-top: -100px;
	margin-left: -150px;
}
.loading div p.logo{
    margin-top: 80px;

}
.loading div p img{
	width: 50%;
}
#container{
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -50px;
    margin-top: -10px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
  }
  #container span{
    display: block;
    background: #004bb1;
    width: 100px;
    height: 5px;
    margin-top: 5px;
    animation: load 2s infinite;
    border-radius: 5px;
  }
  #container p{
      text-align:left;
  }
  #container span:nth-child(2){animation-delay: 200ms;}
  #container span:nth-child(3){animation-delay: 300ms;}

  @keyframes load{
    50%{
      width: 5px;
      margin-right: 95px;
      opacity: .1;
    }
  }
/*------------------------------------------------*/
h2.h2tit {
    margin: 0px auto;
    margin-bottom:30px;
    font-size: 250%;
    line-height: 140%;
    letter-spacing: 15px;
    text-align: center;
    color: #303546;
}

h2.h2tit span {
    display: block;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    color: #bdbcbc;
    font-size: 50%;
    line-height: 1;
    letter-spacing: 10px
}

/*------------------------------------------------*/
a.btn {
    width: calc(50% - 20px);
    margin: 0px auto;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    background: transparent linear-gradient(90deg, #0371BD 0%, #0C89E6 100%) 0% 0% no-repeat padding-box;
    padding: 5px 10px 5px 10px;
    position: relative;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    text-decoration: none;
    font-size: 150%;
}

/*-----------------------------------------------*/
#header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1);
    z-index: 9000;
    border-bottom: 1px solid #FFF;
    /* position: fixed; */
}

.header_area {
    margin: 0 auto;
    width: calc(100% - 40px);
    padding: 10px 20px;
    background: #0371BDEE;
}

.header_logo {
    width:240px;
}

.header_logo img {
    width:100%;
}

.global_navi_area {
    display: flex;
    text-align: right;
    letter-spacing: -0.4em;
    transition: all 200ms ease-out 0s;
}


ul.global_navi_area li a {
    display: inline-block;
    font-size: 100%;
    line-height: 1.4;
    letter-spacing: 0.08em;
    margin: 0 0 0 20px;
    padding: 10px  10px;
    text-decoration: none;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    border:1px solid #ffffff00;
    border-radius:5px;
}
ul.global_navi_area li a.contact {
    border:1px solid #ffffff6e;
    border-radius:5px;
}
ul.global_navi_area li a span{
    display: block;
    font-size: 60%;
    line-height: 1;
    color: #FFF7;
    font-family: 'Poppins', sans-serif;
text-align:center;
}

ul.global_navi_area li a:hover {
    color: #fffb26;

}

ul.global_navi_area li.now a {
    color: #fffb26;
}
.site-header{
    background: #0371BDEE;
    display: flex;
    z-index: 10000;
    position: absolute;
    margin-top:-120px;
}
.site-header.fixed{
    position: fixed;
    top: 0;
       margin-top:-0px;
}
#sub .site-header{
    position: fixed;
    top: 0;
       margin-top:-0px;

}
/*-ナビを固定にする-------------------------------------------------------------------------------------------
.site-header{
    background: #0371BDEE;
    display: flex;
    padding: 60px 20px;
    justify-content: space-between;
    width: 100%;
    z-index: 10000;
    position: absolute;

}
.site-logo img{
    height: 20px;
    width: auto;
}
.gnav__menu{
    display: flex;
}
.gnav__menu__item{
    margin-left: 20px;
}
.gnav__menu__item a{
    color: #333;
    text-decoration: none;
}
.hero{
    max-height: 500px;
    overflow: hidden;
}
.hero img{
    height: auto;
    width: 100%;
}
.hero{
    max-height: 500px;
    overflow: hidden;
}
.hero img{
    height: auto;
    width: 100%;
}

.site-header.fixed{
    position: fixed;
    top: 0;
}
-*/
/*---------------------------------------------------------------------------------------------*/
#contents {
    padding-bottom: 0px;
}
/*---------------------------------------------------------------------------------------------*/
.main {
    width: 100%;
    position: relative;
}

.main .inner {
    text-align: center;
    overflow: hidden;
    margin: 0px auto;
    height: 750px;
}

.main .inner img.main {
    width: 100%;
    height: 750px;
    object-fit: cover;
}

.main .inner div.main_txt {
    width: 560px;
    position: absolute;
    top: 100px;
    left: calc(50% - 280px);
}
.main .inner div.main_txt02 {
    width: 760px;
    position: absolute;
    top: 450px;
    left: calc(50% - 380px);
}

/*-top--------------------------------------------------------------------------------------------*/
section#top_message {
    width: 1000px;
    margin: 0px auto;
    padding: 40px 0px 0px 0px;
    text-align: center;
}
section#top_message img{
    width: 100%;
}


/*-top_session--------------------------------------------------------------------------------------------*/
section#top_session {
    width: 100%;
    margin: 0px auto;
    padding: 80px 0px;
    background: #FFF;
}
section#top_session .inner {
    width: 1100px;
    margin: 0px auto;
    padding: 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items:center;
    position: relative;
}
section#top_session .inner .img{
    width: 540px;
}
section#top_session .inner img{
    width: 100%;
}
section#top_session .inner .txt p{
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 110%;
    line-height:2;
}
section#top_session .inner .txt p.tit{
    margin-bottom: 20px;
color: #004BB1;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 160%;
line-height:2 ;

}
/*-info--------------------------------------------------------------------------------------------*/
section.info {
    width: 100%;
    margin: 0px auto;
    padding: 80px 0px;
    background: #BDC9D0;
}

section.info .inner {
    width: calc(1000px - 240px);
    margin: 0px auto;
    padding: 40px 120px;
    background: #FFF;
}

section.info div.info_list {
    margin-bottom: 40px;
}

section.info dl {
    max-width: 1000px;
    margin: 0 auto;
      border-bottom: 1px dotted #c9ccd0;
    padding: 5px 10px;
    display: flex;
    align-items: center;
}


section.info dl dt {
    width: 120px;
    margin-right: 35px;
    font-size: 120%;
    font-family: 'Poppins', sans-serif;
}

section.info dl dd a {
    font-size: 115%;
    text-decoration: none;
    color: #004bb1;
    font-family: 'Poppins', sans-serif;
}

/*-------------------------------------------------------------------------*/
.btn_pagetop {
    width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(204,204,204,1);
    text-align: center;
    transition: all 200ms ease-out 0s;
    cursor: pointer;
}

/*-------------------------------------------------------------------------*/
.btn_pagetop a {
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    font-size: 130%;
    letter-spacing:5px;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    position: relative;
}

.btn_pagetop:hover {
    background: #0371BD;
}

.btn_pagetop:hover a {
    color: #FFF;
}

/* footer----------------------------------------- */
#footer {
    position: relative;
    padding-top: 20px;
    background: #F0F3F5;
    overflow: hidden;
}

.page-top-link {
    display: block;
    position: absolute;
    top: -70px;
    right: 0;
    width: 70px;
    height: 70px;
    background-size: 14px 18px;
    background-color: #ffffff;
    z-index: 1000;
}

.footer-inner {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    /*横並び*/
    align-items: top;
    /*天地センター*/
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-inner-left {
    box-sizing: border-box;
    width: 35%;
}

.footer-logo {
    margin: 0 0 10px;
    text-align: left;
    color: #333;
    font-size: 240%;
    line-height: 1;
}

.footer-logo a:hover {
    opacity: 0.6;
}

.footer-logo span {
    display: block;
    margin-top: 10px;
    font-size: 100%;
}

.footer-address {
    margin-bottom: 5px;
    text-align: left;
    font-size: 100%;
    line-height: 160%;
    color: #333;
}

.footer-tel {
    text-align: left;
    font-size: 210%;
    font-family: 'Oswald', sans-serif;
    color: #FFF;
}

.footer-inner-right {
    width: 55%;
    text-align: right;
    display: flex;
    /*横並び*/
    align-items: top;
    /*天地センター*/
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.footer-nav {
    width: calc(100% / 3);
    margin-bottom: 20px;
    text-align: left;
}

.footer-nav li {
    line-height: 1;
}

.footer-nav li a {
    padding: 10px 0px;
    font-size: 90%;
    line-height: 1;
    transition: all .3s;
    color: #333;
    display: block;
    font-family: 'Poppins', sans-serif;
    text-decoration:none;
}

.footer-nav li a:hover {
    color: #004bb1;
}

.footer-nav li a i {
    font-size: 24px;
    transition: all .3s;
    color: #FFF;
}

.copyright {
    clear: both;
    padding: 15px 0px;
    font-size: 80%;
    text-align: center;
    color: #FFF;
    background: #3B4043;
    font-family: 'Poppins', sans-serif;
}

/*--------------------------------------------------------------------*/
.more {
    width: 100%;
    margin: 0px auto;
    margin-bottom: 40px;
}

a.more {
    max-width: 440px;
    text-align: center;
    margin: 0px auto;
    padding: 12px 0px;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
    border-radius: 40px;
    color: #fff;
    font-size: 130%;
    line-height: 1;
    background: transparent linear-gradient(90deg, #0371BD 0%, #0C89E6 100%) 0% 0% no-repeat padding-box;
        position: relative;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 5px;
}

a.more:hover {
    color: #fffb26;
}

/*-works-------------------------------------------------------------------*/
#works {
    width: 100%;
    padding: 80px 0px;
}

ul.works_list {
    width: 1000px;
    margin: 0px auto;
    display: flex;
    /*横並び*/
    align-items: top;
    /*天地センター*/
    flex-wrap: wrap;
    justify-content: center;
}

ul.works_list li {
    width: calc(100% / 4 - 20px);
    margin: 0px 10px;
    margin-bottom: 40px;
    text-align: center;
}

ul.works_list li a {
    text-decoration: none;
}

ul.works_list li h3.tit {
    padding:10px 0px;
    font-size: 115%;
    line-height: 1.6;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

ul.works_list li p.photo img {
    width: 100%;
}

/*session---------------------------------------------------------------------*/
#session {
    padding: 80px 0px;
    width: 100%;
}

#session .inner {
    width: 1000px;
    margin: 0px auto;
    display: flex;
    align-items: center;
}

#session .inner h2 {
    text-align: left;
}

#session .inner div.img {
    width: 70%;
    height:600px;
}
#session .inner div.img img{
    height:600px;
}
#session .inner div.txt {
    width: 56%;
    padding: 30px;
    border: 1px solid #ddd;
    background:#fff;
    position: relative;
    margin-left: -120px;
}

#session .inner div.txt h3 {
    padding: 15px 0px;
    font-size: 150%;
}

#session .inner div.txt h4 {
    padding: 15px 0px;
    font-size: 120%;
}

#session .inner div.txt p {
    margin-bottom: 25px;
    font-size: 115%;
    line-height: 2.1;
    font-family: 'Poppins', sans-serif;
}

/*-top_service-------------------------------------------------------------------*/
#top_service {
    margin-bottom: 140px;
    padding: 80px 0px 0px 0px;
    background: transparent linear-gradient(90deg, #0371BD 0%, #0C89E6 100%) 0% 0% no-repeat padding-box;
    }

#top_service h2.h2tit {
    text-align: left;
    margin-bottom: 25px;
}

#top_service .inner {
    width: 1000px;
    margin: 0px auto;
    display: flex;
    /*横並び*/
    align-items: top;
    /*天地センター*/
    flex-wrap: wrap;
    justify-content: space-between;
}

.top_service_block {
    width: calc(100% / 2 - 80px);
    padding: 30px;
    background: #fff;
    position: relative;
    margin-top: -90px;
    top: 90px;
    box-shadow: 0px 10px 12px #00000029;
}

.top_service_block.reverse {
    width: 100%;
    flex-flow: row-reverse;
    margin-left: calc(10%);
}

.top_service_block div.img {
    width: calc(100%);
}

.top_service_block div.img img {
    width: 100%;
}

.top_service_block div.txt {
    width: 100%;
    height: 160px;
}

.top_service_block h3 {
    /* margin-bottom: 10px; */
    padding: 20px 0px;
    font-size: 160%;
    line-height: 1;
    text-align: center;
    color: #004bb1;
    background: #d5e8ff;
    border-radius: 20px 20px 0px 0px;
}

.top_service_block div.txt p {
    padding: 15px 0px;
    font-size: 100%;
    line-height: 220%;
}
/*-company--------------------------------------------------------------------*/
section.company {
    padding: 60px 0px;
    background: #EFEFEF;
}

section.company .inner {
    width: 860px;
    margin: 0px auto;
}

section.company h2.h2tit {
    text-align: center;
}

section.company dl {
    padding: 25px 0px;
    border-top: 1px solid #ddd;
    display: flex;
    /*横並び*/
    align-items: top;
    /*天地センター*/
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFF;
}

section.company dl dt {
    width: 130px;
    font-size: 110%;
    line-height: 2;
    text-align: right;
    color: #26272d;
}

section.company dl dd {
    width: calc(100% - 130px - 60px);
    padding-right: 20px;
    font-size: 110%;
    line-height: 2;
    text-align: left;
}

/*-map--------------------------------------------------------------------*/
section.map {
    padding: 40px 0px 0px 0px;
}

section.map h2.h2tit {
    text-align: center;
}

/* footer-block----------------------------------------- */
.footer-block {
    display: flex;
    width: 100%;
    padding: 80px 0 100px;
    background-size: cover;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("../images/photo04.jpg");
    background-size: cover;
}

.footer-block ul {
    width: 1000px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    position: relative;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFFFFF80;
}

.footer-block ul li {
    padding: 50px 0px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 500px;
    -ms-flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

.footer-block ul li:first-child {
    border-right: 1px solid #DDD;
}

p.footer-block_tit {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 4px;
    color: #333;
}

p.footer-block_txt {
    margin-bottom: 35px;
    align-items: center;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.73;
    text-align: center;
    color: #333;
}

a.footer-block_btn {
    font-size: 120%;
    display: block;
    width: 70%;
    margin: 0px auto;
    padding: 10px 0px;
    text-align: center;
    color: #333;
    background: #FFF;
}

a.footer-block_btn:hover {
    background: #CCC;
    color: #FFF;
}
/*page_tit----------------------------------------------------------------------*/
section#page_header {
    width: calc(100% - 100px);
    margin-left: 100px;
    height: 200px;
    text-align: center;
    overflow: hidden;
    border-radius: 20px 0px 0px 20px;
    background-size: cover;
}

section#page_header img {
    margin-top: -170px;
}

section#page_header.company_tit img {
    margin-top: -160px;
}

section#page_header.private_tit img {
    margin-top: -460px;
}

section#page_header.faq_tit img {
    margin-top: -290px;
}

h1#page_tit {
    line-height: 1;
    width: calc(100% - 100px);
    margin-left: 100px;
    padding: 40px 0px;
    font-size: 280%;
    letter-spacing: 10px;
    color: #033271;
}

/*private----------------------------------------------------------------------*/
.private_hoken {
    padding: 60px 0px;
}

.private_hoken .inner {
    width: 940px;
    margin: 0px auto;
}

.private_hoken .inner h3 {
    margin-bottom: 20px;
    padding: 15px 0px;
    text-align: center;
    font-size: 170%;
    line-height: 1;
    color: #004BB1;
    border-bottom: 1px solid #004BB1;
    border-top: 1px solid #004BB1;
    border-bottom: 1px solid #004BB1;
    background: #F6F8FC;
}

.private_hoken .inner p.txt {
    text-align: center;
}

/*--policy---------------------------------------------------------------------------------*/
.policy .inner {
    width: 870px;
    margin: 0px auto;
    padding-bottom: 60px;
}

.policy .inner .name {
    text-align: right;
}
.policy .inner p{
    text-align: left;
}
.policy .inner h3 {
    margin-bottom: 20px;
    padding: 80px 0px 20px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 160%;
    line-height: 1;
    color: #004bb1;
}

.policy .inner h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 140%;
    line-height: 1;
    color: #004bb1;
}

.policy .inner ul {
    padding: 20px;
    margin-bottom: 20px;
}

.policy .inner ul a {
    color: #004CB1;
}

.policy .inner ul a:hover {
    background: #ffee00;
}

.policy .inner h3.solicitation {
    margin-bottom: 20px;
    padding: 8px;
    font-size: 130%;
    line-height: 1.5;
    color: #004bb1;
    background: #F3F3F3;
}

/*contact------------------------------------------------*/
section.contact {
    width: 100%;
    padding: 70px 0px;
    background: #9eaec5;
    background: url(../images/contact_back.png) no-repeat;
    background-size: cover;
}
section.contact .inner {
    width: 900px;
    margin: 0px auto;
    padding: 30px;
    border-radius: 10px;
    background: #FFF;
    text-align: center;
}

section.contact div.txt {
    margin-bottom: 30px;
}

section.contact p {
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 130%;
    line-height: 1;
}

section.contact p.number a{
    font-size: 260%;
    line-height: 1.2;
    font-family: 'Noto Sans JP', sans-serif;
    text-decoration:none;
}

/*-company_top--------------------------------------------------------------*/
#company_top {
    width: 1000px;
    padding: 60px;
    margin: 0px auto;
}
#company_top ul {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

#company_top ul li {
    width: 48%;
}

#company_top ul li img {
    width: 100%;
}

#company_top h3 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 190%;
    letter-spacing: 5px;
}

#company_top p {
    text-align: center;
    font-size: 140%;
}

/*contents-----------------------------------------------------------------------------*/
.page_tit{
    height:400px;
    object-fit:cover;
    margin-bottom: 0px;
}

.page_tit div.txt{
    height:200px;
    font-size: 90%;
    letter-spacing: 4px;
    color:#FFF;
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page_tit img{
    height:400px;
    object-fit:cover;
}
/*form---------------------------------------------------------------*/
section.form{
    width: 600px;
    margin: 0px auto;
}
/*----------------------------------------------------------------------------------*/
.m_checkBox.dib{
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}
.m_checkBox {
    font-size: 110%;
    position: relative;
    margin-bottom: 45px;
}
.m_checkBox input[type=checkbox], .m_checkBox input[type=radio]{
    display: none;
}
input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}
.m_checkBox input[type=checkbox] + label{
    cursor: pointer;
}
.m_checkBox input[type=checkbox] + label, .m_checkBox input[type=radio] + label{
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
}
.m_checkBox input[type=checkbox] + label:before{
    content: '';
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #a0a0a0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 0;
    margin: auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.m_checkBox input[type=checkbox]:checked + label:after{
    opacity: 1;
}
.m_checkBox input[type=checkbox] + label:after{
    content: '';
    width: 11px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 9px;
    left: 3px;
    transform: rotate(-44deg);
    transform-origin: center;
    opacity: 0;
}
.m_checkBox input[type=checkbox]:checked + label:before{
    background: #3D69B1;
    border-color: #3D69B1;
}
.m_checkBox.err input[type=checkbox] + label:before{
    background: #C80019;
    border-color: #C80019;
}
.m_checkBox.err input[type=checkbox] + label{
    color: #C80019;
}
/*table-------------------------------------------------------------*/
table.data,table.data.form {
    width: 600px;
    margin-bottom: 30px;
    border-collapse: collapse;
}

table.data th,table.data td {
    width: calc(100% - 10px);
    margin: 0px;
    padding: 20px 5px;
    vertical-align: middle;
    border-bottom: 1px solid #C1C1C1;
    background: #FFF;
    text-align: left;
    font-size: 90%;
    line-height: 140%;
}

table.data th {
    width: 210px;
    text-align: left;
    font-weight: normal;
    font-size: 100%;
    line-height: 100%;
    color: #111;
}

table.data th span.Required {
    margin-left: 10px;
    padding: 2px 10px;
    line-height: 100%;
    border-radius: 4px;
    background: #fa6764;
    font-size: 75%;
    color: #FFF;
}

table.data td {
    padding: 20px 15px;
}

table.data td p {
    margin-bottom: 5px;
}
input.btn[type="submit"] {
    cursor: pointer;
    width: 80%;
    text-align: center;
    margin-bottom: 10px;
    padding: 15px 0%;
    background: transparent linear-gradient(90deg, #0371BD 0%, #0C89E6 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FFF;
    border-radius: 0.3em;
    color: #FFF;
    font-size: 130%;
}

input.btn[type="submit"]:hover {
    background: #182c75;
}

input.back[type="submit"] {
    background: #AAA;
    width: 20%;
    padding: 6px 2%;
}

input.back[type="submit"]:hover {
    background: #575757;
}

input[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="date"] {
    border: 1px solid #CCC;
    width: calc(100% - 20px);
    padding: 0px 10px;
    margin: 0px auto;
    height: 40px;
    font-size: 110%;
    background: #fbfbfb;
}

input.w20[type="text"],input.w20[type="tel"],input.w20[type="email"],input.w20[type="number"] {
    width: calc(20%);
}

input.w30[type="text"],input.w30[type="tel"],input.w30[type="email"],input.w30[type="number"] {
    width: calc(30%);
}

input.w50[type="text"],input.w50[type="tel"],input.w50[type="email"],input.w50[type="number"] {
    width: calc(50%);
}
textarea.memo {
    width: calc(100% - 10px);
    border: 1px solid #CCC;
    resize: vertical;
    width: 100%;
    padding: 10px;
    background-color: #fbfbfb;
}
.form-btn{
    width: 100%;
    margin: 0px auto;
    margin-bottom: 100px;
    text-align: center;
}
/*business------------------------------------------------------------*/
#business {
    width: 1100px;
    margin: 0px auto;
}
#business p.txt{
    width: 925px;
    margin:0px auto;
    padding:40px 0px;
    font-size:120%;
    line-height:180%;
    text-align: center;
}
#business ul {
    width: 900px;
    margin:0px auto;
display:flex;/*横並び*/
align-items:center;/*天地センター*/
flex-wrap:wrap;
justify-content:space-between;
    overflow: hidden;
}
#business ul li {
  width: 250px;
  text-align:center;
  margin-bottom: 40px;
}
#business ul li p.img{
  height: 250px;
 overflow: auto;
}
#business ul li p.img img{
  width: 250px;
  height: 250px;
   object-fit: cover; /* この一行を追加するだけ！ */
}




#business ul li h3{
    font-size: 120%;
}