@charset "UTF-8";
/* ===================================================================

 CSS information
 file name  :layout.css
 author     :eunjin
 style info :body, header, contents, footer layout
 
=================================================================== */
/*-- layout
---------------------------------------------------------------------*/
/* レスポンシブ時の改行 */
@media (max-width: 640px) {
  .br-640 {
    display: block; } }
@media (max-width: 576px) {
  .br-576 {
    display: block; } }
@media (max-width: 480px) {
  .br-480 {
    display: block; } }
@media (max-width: 430px) {
  .br-430 {
    display: block; } }
@media (max-width: 375px) {
  .br-375 {
    display: block; } }
@media (max-width: 640px) {
  .br-service {
    display: block; } }
@media (max-width: 430px) {
  .br-service {
    display: none; } }
#header {
  margin-top: 15px; }

#wrap {
  max-width: 100%;
  overflow: hidden; }

.floatL a {
  font-size: 14px; }

.floatL a span {
  font-size: 18px; }

/* ナビメニュー非表示 */
#gnavi {
  display: none; }

/* 保険コンシェルジュ非表示 */
.index_header_bnr {
  display: none; }

/* bxsliderのサムネ部分レスポンシブ化 */
.index_Slider_nav li {
  width: 24.2%;
  /* height: 73px; */
  height: 0;
  background-size: cover;
  padding-top: 8%; }

/* bxsliderのセレクタ位置を中央に修正 */
.index_Slider_selector .slider_prev a, .index_Slider_selector .slider_next a {
  top: 50%;
  transform: translateY(-50%); }

#contents {
  max-width: 100%; }

.h2-2line {
  padding-top: 12px !important; }

@media (max-width: 576px) {
  .h2-2line576 {
    padding-top: 12px !important; } }

@media (max-width: 375px) {
  .h2-2line375 {
    padding-top: 12px !important; } }

@media (max-width: 375px) {
  .h2-fz375 {
    font-size: 20px !important; } }

@media (max-width: 640px) {
  .h2-3line640 {
    height: 90px !important; } }

@media (max-width: 576px) {
  .h2-3line {
    height: 110px !important; } }

.period-2line {
  display: block;
  float: none !important;
  text-align: right; }

@media (max-width: 375px) {
  .period-2line375 {
    display: block;
    float: none !important;
    text-align: right; } }

@media (max-width: 576px) {
  .period-3line {
    display: block;
    float: none !important;
    text-align: right; } }

@media (max-width: 430px) {
  .subbox .floatR h2 span.smallTit {
    font-size: 15px; } }
@media (max-width: 375px) {
  .subbox .floatR h2 span.smallTit {
    font-size: 13px; } }

.h3-2line {
  height: 75px !important;
  padding-top: 8px !important; }
  @media (max-width: 576px) {
    .h3-2line {
      padding-top: 14px !important; } }

@media (max-width: 320px) {
  .h3-2line.fz320 {
    font-size: 16px !important; } }

@media (max-width: 480px) {
  .h3-2line480 {
    /* height: 75px !important; */
    /* padding-top: 14px !important; */
   } }

@media (max-width: 375px) {
  .h3-2line375 {
    /* height: 75px !important; */
    /* padding-top: 14px !important; */} }

@media (max-width: 375px) {
  .subbox .floatR .h4-3line {
    padding-left: 50px; } }

@media (max-width: 375px) {
  .fz12-375 {
    font-size: 12px !important; } }

/* 重要なお知らせ */
.imnews a {
  font-size: 14px; }

/* お知らせを縦表示に */
.announce {
  flex-direction: column; }

.announce h2 {
  width: 100%; }

.announce ul {
  width: 95%;
  box-sizing: border-box; }

.main-menu {
  margin-bottom: 45px; }

/* 4つ窓 */
.each-menu.flex-center {
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  height: 345px; }

@media (max-width: 576px) {
  .each-menu.flex-center {
    width: 100%;
    /* flex-direction: row; */
    height: 100%;
    margin-bottom: 11px; }

  .menu-img img {
    width: 100%; } }
.menu-img {
  width: 100%;
  margin-right: 0;
  text-align: center; }

.menu-txt {
  width: 90%;
  margin: 20px auto; }

@media (max-width: 576px) {
  .menu-txt {
    width: 100%; } }
.menu-txt h3 {
  margin-bottom: 5px; }

/* 吹き出しを非表示 */
#index_ContactBox {
  display: none; }

/* 文字のみにする */
.index_contactBox_wrapper_mobile {
  display: block;
  background-color: #FBF9F5;
  padding: 35px 0; }

.contact_txt_mobile {
  font-size: 24px;
  font-weight: bold;
  color: #EB7A18;
  line-height: 1.375;
  text-align: center;
  margin-bottom: 25px;
  line-height: 1.5; }

.contact_box_mobile {
  text-align: center; }

/* 3つ並び→2つ並び→縦中央ぞろえ */
#services {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0; }
.service1,.service2{
  width: 49%;
  height: 270px;
}
.service2{
  margin-right: 0%;
}

@media (max-width: 430px) {
  #services {
    padding: 45px 0; } }
@media (max-width: 430px) {
  .service1, .service2 {
    width: 100%;
    margin: 0 auto 25px;
    text-align: center; } }
.service3 {
  margin: 25px auto;
  width: 90%; }

@media (max-width: 576px) {
  .service3 {
    width: 100%; } }
.service3 h2 {
  margin-bottom: 25px; }

.service3 h2 a {
  margin: 0 auto;
  height: auto; }

@media (max-width: 576px) {
  .service3 h2 a {
    font-size: 20px;
    padding: 15px;
    width: 100%; } }
@media (max-width: 576px) {
  .service3 h2 a {
    font-size: 18px; } }
/* 左右についているpaddingをとって中央表示 */
.footer {
  padding: 25px 0; }

#fGs {
  padding-left: 0; }

.f-left, .f-right {
  width: 100%;
  text-align: center; }

#fApproval, #fNaviIndex {
  text-align: center;
  padding-right: 0; }

/*:::::::::: car.html :::::::::::::*/
.subbox .floatR h2 span {
  padding-right: 10px; }

@media (max-width: 576px) {
  .subbox .floatR h2 {
    font-size: 24px;
    padding-left: 12px; }

  .subbox .floatR h3 {
    font-size: 18px;
    padding-top: 18px; }

  .subbox .floatR h4 {
    font-size: 14px; }

  .subbox .floatR h5 {
    font-size: 18px; }

  .diaBox.flex {
    flex-direction: column; }

  .dia {
    margin: 0 auto;
    margin-bottom: 20px; }

  .diaBox1, .diaBox2, .diaBox3 {
    padding-left: 0;
    text-align: center; }

  .diaBox1 span {
    font-size: 45px; }
  .diaBox1 ul li {
    list-style: none; }

  .detailTxt {
    margin-top: 20px; } }

    @media (max-width: 320px){
  .subbox .floatR h2 {
    background-position: bottom;
    padding-top: 20px;
  }}
.internet a {
  display: block;
  margin: 25px auto; }

.merit_astellas .order2 {
  order: 2;
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  font-size: 30px; }

.merit_astellas .order2 span {
  font-size: 24px; }

.merit_astellas .order1 {
  order: 1;
  text-align: center;
  width: 100%; }

.merit_astellas .order1 img {
  width: 45%; }

@media (max-width: 430px) {
  .discount-gr {
    text-align: center; } }

.carTb-wrapper {
  overflow: scroll; }

/*::::::::::: accident.html ::::::::::::*/
.floatRimg {
  float: none;
  display: block;
  margin: 0 auto 30px; }

.point1, .point2, .point3 {
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px; }
  .point1 .pointTxt, .point2 .pointTxt, .point3 .pointTxt {
    margin-top: 10px; }

@media (max-width: 576px) {
  .pdf-btn {
    text-align: center;
    margin-bottom: 15px; } }

.p_dlist_collapse p {
  margin-bottom: 15px; }

/*::::::::::: event.html ::::::::::::*/
/*::::::::::: death.html ::::::::::::*/
.deathTable {
  flex-direction: column; }
  @media (max-width: 375px) {
    .deathTable tr th {
      font-size: 10px;
      padding: 5px; } }

@media (max-width: 576px) {
  .nissay {
    width: 70%;
    min-width: 202px; } }

@media (max-width: 576px) {
  .ever {
    flex-direction: column; } }
@media (max-width: 576px) {
  .ever p {
    width: 70%;
    margin: 0 auto; } }
@media (max-width: 576px) {
  .ever p + p {
    margin: 30px auto 0; } }

@media (max-width: 576px) {
  .webby {
    flex-direction: column; } }
@media (max-width: 576px) {
  .webby p {
    width: 70%;
    margin: 0 auto;
    text-align: center; } }
@media (max-width: 576px) {
  .webby p + p {
    margin: 30px auto 0;
    text-align: center; } }

@media (max-width: 768px) {
  .aksa p {
    width: 100%;
    text-align: center; } }

.site-btn p {
  width: 100%;
  text-align: center; }

/*::::::::::: cancer.html ::::::::::::*/
@media (max-width: 576px) {
  .webby-cancer {
    flex-direction: column; } }
@media (max-width: 768px) {
  .webby-cancer p {
    width: 100%;
    text-align: center; } }
@media (max-width: 576px) {
  .webby-cancer p + p {
    margin: 30px auto 0;
    text-align: center; } }

.days1 {
  text-align: center; }

/*::::::::::: care.html ::::::::::::*/
.careRisk {
  font-size: 18px !important; }
  @media (max-width: 375px) {
    .careRisk {
      font-size: 16px !important; } }

@media (max-width: 576px) {
  .carePdf {
    flex-direction: column; } }
@media (max-width: 576px) {
  .carePdf p + p {
    margin-left: 0;
    margin-top: 30px; } }

/*::::::::::: income.html ::::::::::::*/
.riskIncome {
  text-align: center;
  margin-bottom: 30px; }

.button1 {
  margin-left: 0;
  text-align: center;
  margin-bottom: 30px; }
  @media (max-width: 375px) {
    .button1 {
      max-width: 150px;
      margin: 0 auto 30px; } }

.incomeEdit {
  overflow: scroll; }
  @media (max-width: 576px) {
    .incomeEdit {
      flex-direction: column; } }
  @media (max-width: 576px) {
    .incomeEdit .feature {
      margin-bottom: 20px; } }
  .incomeEdit p {
    font-size: 14px; }
    .incomeEdit p span {
      font-size: 26px; }
    .incomeEdit p .sizeLorange {
      font-size: 50px; }
    .incomeEdit p .incomeUn {
      font-size: 20px; }

.income2Edit table {
  width: 449px; }
.income2Edit .incomeTb td span {
  font-size: 26px;
  font-weight: bold; }

.subbox .floatR h5.incomeTit {
  text-align: center;
  margin-bottom: 20px; }

@media (max-width: 576px) {
  .pdfGLTD {
    flex-direction: column;
    text-align: center; } }
@media (max-width: 576px) {
  .pdfGLTD p {
    margin: 20px; } }
@media (max-width: 576px) {
  .pdfGLTD p + p {
    padding-left: 0;
    margin: 0; } }

.aioi {
  padding-left: 0;
  margin-bottom: 30px; }

@media (max-width: 375px) {
  .subbox .floatR h2 span.sizeSincome {
    font-size: 13px; } }

/*::::::::::: insurance_index.html ::::::::::::*/
.insuranceTb-wrapper {
  overflow: scroll;
  margin-bottom: 30px; }
  .insuranceTb-wrapper .insuranceTb {
    width: 640px; }

@media (max-width: 576px) {
  .btnRt30 {
    text-align: center; } }

/*::::::::::: merit_index.html ::::::::::::*/
@media (max-width: 375px) {
  .merit {
    flex-direction: column; } }
@media (max-width: 375px) {
  .merit p + p {
    margin-top: 15px; } }

.eachMerit {
  margin-bottom: 30px; }

@media (max-width: 576px) {
  .btnRt10 {
    text-align: center;
    margin-top: 20px; } }

/*::::::::::: office.html ::::::::::::*/
/*::::::::::: sitemap.html ::::::::::::*/
@media (max-width: 576px) {
  .sitemap ul {
    margin-left: 20px; } }
@media (max-width: 430px) {
  .sitemap ul {
    margin-left: 20px; } }

@media (max-width: 576px) {
  .sitemap ul ul {
    margin-left: 20px; } }
@media (max-width: 430px) {
  .sitemap ul ul {
    margin-left: 0; } }

.index_sengen {
  text-align: center; }
  .index_sengen p {
    width: 90%;
    margin: 0 auto; }

.p-buttons .flex-center{
  flex-direction: column;
}

.carTb-wrapper{
  flex-direction: column;
}
.carTb-wrapper .carTb{
  width: 100%;
}
.carTb-img{
  text-align: center;
  width: 100%;
}

#syataku .p-buttons .r-arrow{
  display: none;
}

#syataku .p-button{
  width: 100%;}

#syataku .p-buttons a{
  width: 100%;
}
#syataku .area-contact-txt{
  width: 100%;
  text-align: center;
}


#car_net .car-net-about {
  position: relative;
  max-width: 100%;
  margin: 0 auto 100px auto;
}
#car_net .car-net-about .balloon-box {
  background-image: url(/wpgsins/wp-content/uploads/2019/03/car_net_about_01.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  /*background-size: 100%;*/
  background-color:#e4e6d0;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  padding: 20px;
  box-sizing: border-box;;
}
#car_net .car-net-about .balloon-box .text-about {
  padding: 80px 0 0 0 !important;
  font-weight: bold;
  position: relative;
  z-index: 100;
}
#car_net .car-net-about .balloon-box .text-about p:last-child {
  margin-bottom: 0;
}
.txt-small {
  font-size: 12px;
}
#car_net .car-net-about .img-about-02 {
  position: absolute;
  right:20px;
  bottom:-105px;
  z-index: 90;
}
@media (max-width: 576px){
.c-gradiend-blue-to-white-box b{
  padding-left: 2.4rem;
}}

/*# sourceMappingURL=layout-mobile.css.map */