@charset "utf-8";
/*
 * layout
 */


/* !HTML5 elements
---------------------------------------------------------- */
header,
footer,
nav,
section,
aside,
article {
    display: block;
}

/* !Reseting
---------------------------------------------------------- */

html {
    overflow-y: scroll !important;
}

body {
    width: 100%;
    /*font-family: "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
    font-size: 14px;
    -webkit-text-size-adjust: none;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    color: #000000;
    word-break: break-all;
    min-width: 320px;
    overflow: hidden;
}

/* ie7 */
*:first-child+html body {
    font-size: 88%;
    /* 62.5%; */
}

/* ie6Below */
* html body {
    font-size: 88%;
    /* font-size: 62.5%; */
}

/* ie8 */
html>

/**/
body {
    font-size
    /*\**/
    : 88%\9;
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
    margin: 0;
    padding: 0;
}

input,
textarea {
    margin: 0;
    font-size: 100%;
}

label {
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 16px;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.tal {
    text-align: left !important;
}

@media screen and (max-width: 767px) {
    table {
        font-size: 13px;
    }
}

figure {
    margin: 0;
}

small {
    display: inline-block;
    line-height: 1.4;
}

ul.list {
    margin: 4px 0;
    padding-left: 1em;
}

ul.list li {
    font-size: 18px;
    margin-bottom: 4px;
    padding-left: 0.8em;
    position: relative;
}

ul.list li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0.65em;
    left: 0;
    background-image: url(../img/bg_li_basic01.gif);
    background-repeat: no-repeat;
}


fieldset,
img {
    border: 0;
}

img {
    vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

q:after,
q:before {
    content: '';
}

a,
input {
    /* outline: none; */
}

abbr,
acronym {
    border: 0;
}

#dp_swf_engine {
    display: none;
}

/* !Reset Module
---------------------------------------------------------- */
.reset div,
.reset dl,
.reset dt,
.reset dd,
.reset ul,
.reset ol,
.reset li,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset pre,
.reset form,
.reset fieldset,
.reset p,
.reset blockquote,
.reset th,
.reset td {
    margin: 0;
    padding: 0;
}

.reset input,
.reset textarea {
    margin: 0;
    font-size: 100%;
}

.reset table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

.reset fieldset,
.reset img,
.reset abbr,
.reset acronym {
    border: 0;
}

.reset address,
.reset caption,
.reset cite,
.reset code,
.reset dfn,
.reset em,
.reset th,
.reset var {
    font-style: normal;
    font-weight: normal;
}

.reset ol,
.reset ul {
    list-style: none;
}

.reset caption,
.reset th {
    text-align: left;
}

.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
    font-size: 100%;
    font-weight: normal;
}

.reset a,
.reset input {
    /* outline: none; */
}

.reset q:after,
.reset q:before {
    content: '';
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.sectionFirst,
.section,
.sectionSub,
.sectionAlt {
    display: block;
    min-height: 1%;
}

.clearfix:after,
#contents:after,
.sectionFirst:after,
.section:after,
.sectionSub:after,
.sectionAlt:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

* html .clearfix,
* html #contents,
* html .sectionFirst,
* html .section,
* html .sectionSub,
* html .sectionAlt {
    height: 1%;
    /*\*/
    /*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html {
    overflow-x: hidden;
}

body {
    text-align: left;
}

@media print {

    html,
    html body {
        *zoom: 0.65;
    }
}


.twoDev {
    opacity: 1;
}

em,
.red {
    color: #e74069 !important;
}

b {
    color: #50b9bf;
    font-size: 122%;
}

.bold {
    font-weight: bold;
}

img {
    max-width: 100%;
}

.pc {
    display: block !important;
}

.tb {
    display: block !important;
}

.sp {
    display: none !important;
}

.link-blue a {
    color: #1111cc !important;
    text-decoration: underline;
}

.blue {
    color: #1111cc;
}

.a_blue {
    color: #1a0dab !important;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

/* !header
---------------------------------------------------------- */
header {
    background: #82d7dc;
}

#hd_inner {
    margin: 0 auto;
    width: 930px;
    min-height: 167px;
    text-align: left;
    position: relative;
}

#hd_logo {
    margin: 0 0 8px 15px;
    padding: 4px 0 0 0;
}

#hd_logo h1 {
    color: #ffffff;
    font-size: 86%;
    margin: 0 0 8px 0;
}

#hd_logo p {
    color: #333;
    font-size: 86%;
    margin: 0 0 8px 0;
}

#hd_tel {
    width: 350px;
    position: absolute;
    right: 10px;
    top: 41px;
}

#hd_tel img {
    width: 349px;
}

@media screen and (max-width:728px) {
    #hd_tel img {
        display: block;
        margin: 0 auto;
    }
}

#hd_search {
    width: 250px;
    position: absolute;
    right: 10px;
    bottom: 43px;
}

#hd_search .widget-content {
    background: #ffffff;
}

#hd_search input {
    padding: 3px 12px 3px 22px;
    width: 218px;
    border: none;
    background: url(../img/ico_search01_pc.gif) no-repeat 5px 60%;
}

#hd_search button {
    display: none;
}

/* !siteNavi
---------------------------------------------------------- */
#siteNavi {}

#siteNavi h2 {
    display: none;
}

/* gNavi */
#gNavi {
    position: absolute;
    bottom: 5px;
}

#gNavi li {
    margin: 0 3px 0 0;
    width: 150px;
    height: 28px;
    text-align: center;
    float: left;
    border: 1px solid #d0d0c6;
    background: url(../img/bg_gnavi01.gif) repeat-x;
}

#gNavi li:hover,
#gNavi li.current {
    border: 1px solid #6aafb3;
    background: url(../img/bg_gnavi01_hover.gif) repeat-x;
}

#gNavi .gNavi02,
#gNavi .gNavi05 {
    width: 151px;
}

#gNavi .gNavi06 {
    margin: 0 0 0 0;
}

#gNavi li a {
    padding: 4px 0 4px 0;
    width: 100%;
    display: block;
    color: #50b9bf;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

#gNavi li:hover a,
#gNavi li.current a {
    color: #FFF;
}

/* subNavi */
#subNavi {
    font-size: 79%;
    padding: 0 0 40px 5px;
}

#subNavi li {
    padding: 0 6px 0 6px;
    display: inline-block;
    line-height: 1;
    border-right: 1px solid #000000;
}

#subNavi li.last {
    border: none;
}

#subNavi li a {
    text-decoration: none;
}

#subNavi li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 728px) {
    #subNavi li.subNavi08 {
        boder-bottom: none;
    }

    #subNavi li.subNavi08 .container_sns {
        background-color: #50B9BF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #subNavi li.subNavi08 .container_sns li {
        background-color: #50B9BF;
        border-bottom: none;

    }

    #subNavi li.subNavi08 .container_sns li img {
        height: 24px;
        width: 24px;
    }

}

/* hd_cv */
#hd_cv {
    width: 484px;
    position: absolute;
    top: 0;
    right: 10px;
}

#hd_cv li {
    margin: 0 0 0 3px;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

#hd_cv li a {
    padding: 5px 0 8px 0;
    display: block;
}

.hd_cv01,
.hd_cv02 {
    width: 150px;
}

.hd_cv03 {
    width: 175px;
}

.hd_cv01 a {
    background: url(../img/btn_hd_cv01.png) no-repeat center center;
}

.hd_cv01 a:hover {
    background: #fdf0f6 url(../img/btn_hd_cv01.png) no-repeat center center;
}

.hd_cv02 a {
    background: url(../img/btn_hd_cv02.png) no-repeat center center;
}

.hd_cv02 a:hover {
    background: #f5f1aa url(../img/btn_hd_cv02.png) no-repeat center center;
}

.hd_cv03 a {
    background: url(../img/btn_hd_cv03.png) no-repeat center center;
}

.hd_cv03 a:hover {
    background: #e886a8 url(../img/btn_hd_cv03.png) no-repeat center center;
}


/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
    margin: 20px 0;
    font-size: 12px;
    font-weight: 300;
}

#breadcrumb a {}

.bc_home01 {
    padding: 0 0 0 15px;
    /*background: url(../img/ico_home01_pc.gif) no-repeat left center;*/
    padding: 0;
}

#breadcrumb .bc_arrow01 {
    padding: 0 3px 0 3px;
    color: #1798a0;
}

@media screen and (max-width: 728px) {
    #breadcrumb {
        margin: 24px 0;
    }
}

/* !content
---------------------------------------------------------- */
#content {
    margin: 0 auto 30px;
    width: 930px;
    text-align: left;
}

#content p {
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 1em;
    letter-spacing: 0.02em;
}

#content .message_pic p {
    text-align: right;
    letter-spacing: initial;
}

#main {
    float: left;
    width: 75.3%;
}

.container02 {
    padding: 32px 0;
}

.time_zone {
    padding: 0 10px;
    margin-bottom: 40px;
}

.time_zone ul {
    font-size: 0;
    margin-bottom: 20px;
    text-align: center;
}

.time_zone li {
    font-size: 15px;
    display: inline-block;
    padding-left: 25px;
    margin-right: 30px;
    text-align: left;
}

.time_zone-li01 {
    background: url("/uploads/2018/01/11/time_icon01.png") no-repeat left center;
    background-size: 16px;
}

.time_zone-li02 {
    background: url("/uploads/2018/01/11/time_icon02.png") no-repeat left center;
    background-size: 16px;
}

.time_zone-li03 {
    background: url("/uploads/2018/01/11/time_icon03.png") no-repeat left center;
    background-size: 20px;
}

.time_zone table {
    width: 90%;
    margin: 30px auto;
}

.time_zone tr {
    border-bottom: solid 1px #FFF;
}

.time_zone td {
    padding: 10px;
    width: 16%;
    border-right: solid 1px #dcdcdc;
    text-align: center;
}

.time_zone td:first-child {
    width: 10%;
}

.time_zone td:last-child {
    border: none;
}

.time_zone td .txt {
    color: #e74069;
    display: block;
    line-height: 1;
}

span.new {
    margin: 0 5px 0 0;
    width: 39px;
    height: 15px;
    display: block;
    background: url(../img/label_new01_pc.gif) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
}

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


.att {
    padding-left: 1em;
    text-indent: -1em;
}


@media screen and (max-width: 767px) {
    .time_zone table {
        width: 100%;
    }
}

@media screen and (max-width: 728px) {
    .time_zone ul {
        margin-bottom: 20px;
    }
}

/* !side
---------------------------------------------------------- */
#side {
    float: right;
    width: 22.6%;
}

.side_inner {
    margin: 0 0 20px 0;
    border: 3px solid #82d7dc;
}

.side_inner h3 {
    padding: 8px 8px 9px 8px;
    font-weight: 700;
    background: #82d7dc;
}

.side_inner ul li {
    background-image: url(../img/bg_dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.side_inner ul li:hover,
.side_inner ul li.current {
    background-color: #dff8f8;
}

.side_inner ul li.last {
    background-image: none;
}

.side_inner ul li a {
    padding: 8px 15px 8px 20px;
    display: block;
    text-decoration: none;
    background: url(../img/ico_arrow01_pc.png) no-repeat 8px 1em;
}

.side_inner ul li.current a {
    color: #50b9bf;
    font-weight: 700;
}


/* !テンプレートモジュール
---------------------------------------------------------- */
/* cv01 */
.cv01 div {
    display: table;
}

.page .cv01 div p {
    padding: 0 20px 0 0;
    display: table-cell;
    vertical-align: top;
}

.cv_inner {
    margin: 16px 0 24px 0;
}

.cv_inner .btn_application01 {
    width: 49%;
    float: left;
}

.cv_inner .btn_catalog01 {
    width: 49%;
    float: right;
}

.cv_inner a {
    padding: 20px 30px 20px 30px;
}

.cv01 .cv_txt01 li {
    padding: 0 0 0 18px;
    color: #50B9BF;
    font-size: 115%;
    font-weight: 700;
    background: url(../img/bg_h5_basic01.gif) no-repeat left 0.3em;
}

.cv01 .cv_txt01 li small {
    margin: 0 0 0 -18px;
    display: block;
    color: #000000;
    font-size: 62.5%;
    font-weight: normal;
}

.cv01 .cv_txt02 {
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    font-size: 86%;
}

/* simulation link */
.sec_basic02 {
    margin: 30px 0 0 0;
    padding: 16px;
    text-align: center;
    border: 1px solid #b2b2b2;
}

#content .sec_basic02 .btn_basic02 {
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 320px;
}

#content .sec_basic02 .btn_basic02 a {
    border-radius: 3px;
}

.sec_basic02 h4 {
    color: #50b9bf;
    font-size: 172%;
    font-weight: 700;
}

.sec_basic02 p {
    margin: 0 auto 10px;
}

.sec_basic02 .btn_basic02 {
    width: 270px;
}

.sec_basic02 .btn_basic02 a {
    /*padding: 13px 15px 12px 15px;*/
    padding: 8px;
}

/* bnr01 */
#bnr01 ul {
    text-align: center;
}

#bnr01 li {
    margin: 0 1.7% 0 0;
    width: 30%;
    display: inline-block;
}

#bnr01 li:last-child {
    margin: 0 0 0 0;
}

#bnr02 {
    margin: 15px 0 0 0;
    text-align: center;
}

#bnr02 li {
    margin: 0 1% 0 0;
    width: 48%;
    display: inline-block;
}

#bnr02 li.last-child {
    margin: 0 0 0 0;
}

/* inquiry tel */
.inquiry_tel01 {
    margin: 0 0 30px 0;
    border: 1px solid #9ab8dc;
}

.inquiry_tel01 div {
    background: url(../img/ico_inquiry_tel01) no-repeat left center;
}

.inquiry_tel02 {
    margin: 0 0 30px 0;
    border: 2px solid #e8cc17;
}

.inquiry_tel02 div {
    background: url(../img/ico_inquiry_tel02) no-repeat left center;
}

.inquiry_tel03 {
    border: 1px solid #82d7dc;
}

.inquiry_tel03 div {
    background: url(../img/ico_inquiry_tel03) no-repeat left center;
}

.inquiry_tel01,
.inquiry_tel02,
.inquiry_tel03 {
    padding: 28px 0 28px 120px;
}

.inquiry_tel01 div,
.inquiry_tel02 div,
.inquiry_tel03 div {
    padding: 0 0 0 143px;
}

.inquiry_tel01 h4,
.inquiry_tel02 h4,
.inquiry_tel03 h4 {
    margin: 0 0 23px 0;
}

.inquiry_tel01 p,
.inquiry_tel02 p,
.inquiry_tel03 p {
    margin: 0 0 0 0;
}

/* inquiry support */
.inquiry_support01 div {
    margin: 20px auto;
    width: 600px;
    border: 1px solid #82d7dc;
}

.inquiry_support01 h4 {
    padding: 10px 0 8px 0;
    color: #ffffff;
    font-size: 129%;
    font-weight: 700;
    text-align: center;
    background: #82d7dc;
}

.inquiry_support01 dl {
    margin: 20px 17px 8px 17px;
    padding: 0 0 15px 0;
    width: 94.4%;
    display: table;
    border-bottom: 1px solid #82d7dc;
}

.inquiry_support01 dt {
    padding: 3px 0 0 0;
    width: 32.6%;
    display: table-cell;
    color: #50b9bf;
    font-size: 115%;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    vertical-align: middle;
}

.inquiry_support01 dd {
    padding: 0 0 0 23px;
    display: table-cell;
    vertical-align: middle;
}

.inquiry_support01 p {
    text-align: center !important;
    margin-bottom: 10px;
}

#content_02 .tel-attention {
    border: solid 1px #e74069;
    color: #e74069;
    font-weight: 700;
    width: 100%;
    padding: 10px !important;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 0px;
}

#content06 .tel-attention {
    border: solid 2px #e74069;
    color: #e74069;
    font-weight: 700;
    width: 100%;
    padding: 10px !important;
    box-sizing: border-box;
    font-size: 18px;
}


/* !pageTop
---------------------------------------------------------- */
.pageTop {
    clear: both;
    position: absolute;
    right: 0;
    bottom: 6%;
}

.pageTop a {
    width: 30px;
    height: 30px;
    margin: 5%;
    line-height: 200px;
    background-color: #82d7dc;
    border-radius: 50%;
    color: #fff;
    float: right;
    position: relative;
    display: block;
}

.pageTop a::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 0;
    left: 0;
    top: 18%;
    bottom: 0;
    margin: auto;
    bottom: 0px;
    transform: rotate(-45deg);
}

#content .pageTop {
    text-align: right;
}

#content .pageTop a {
    padding: 5px 18px 5px 0;
    font-size: 86%;
    display: inline;
    float: none;
    text-indent: 0;
    /*		background: url(../img/pagetop01_pc.gif) no-repeat right center;*/
}

.return-top {
    text-align: right;
}


/* !footer
---------------------------------------------------------- */
#btn_sns {
    padding: 20px 0 20px 0;
}

#btn_sns li {
    margin: 0 0 0 10px;
    height: 26px;
    display: inline-block;
    float: right;
}

#ft_inner {
    margin: 0 auto 0;
    width: 930px;
    position: relative;
}

#ft_menu {
    padding: 24px 0 24px 0;
    font-size: 96%;
    line-height: 2;
    background: url(../img/bg_dot.gif) repeat-x left top;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 20px;
    font-weight: 300;
}

.ft_menu_inner01 {
    width: calc(100% / 4 - 10px);
}

.ft_menu_inner01 dt {
    margin: 0 0 10px 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.ft_link01 dt {
    background: #f0f0f0 url(../img/tit_ft01.gif) no-repeat 10px center;
}

.ft_link02 dt {
    background: #f0f0f0 url(../img/tit_ft02.gif) no-repeat 10px center;
}

.ft_link03 dt {
    background: #f0f0f0 url(../img/tit_ft03.gif) no-repeat 10px center;
}

.ft_link04 {
    margin: 40px 0 0 0;
}

.ft_menu_inner02 {
    width: 195px;
    float: right;
}

.ft_menu_inner02 li {
    margin: 0 0 10px 0;
    text-align: center;
    border-radius: 3px;



}

.ft_menu_inner02 li a {
    padding: 6px 0;
    text-indent: inherit;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: normal;
}

.ft_menu_inner02 .first a {}

.ft_menu_inner02 .first a:hover {}

.ft_menu_inner02 .last a {}

.ft_menu_inner02 .last a:hover {}

#site_info {
    padding: 15px 0 15px 0;
    background: #82d7dc;
}

#site_info_inner {
    margin: 0 auto 0;
    width: 930px;
    display: table;
}

#site_info_inner div {
    display: table-cell;
    vertical-align: middle;


}

#site_info_inner .site_info01 {}

#site_info_inner .site_info02 {
    padding: 0;
    text-align: right;
    font-family: Montserrat;
}

/* !h(n)eading
---------------------------------------------------------- */
.h1_basic {}

.h1_basic01 {
    margin: 0 0 30px 0;
    padding: 5px 0 5px 28px;
    font-size: 180%;
    font-weight: 700;
    background: url(../img/bg_h2_basic01.gif) no-repeat left center;
}

.h1_basic01 .date {
    display: block;
    font-size: 60%;
    font-weight: normal;
}

.h2_basic01 {
    margin: 48px 0 24px 0;
    padding: 10px 0 10px 28px;
    font-size: 158%;
    font-weight: 700;
    line-height: 33px;
    background: url(../img/bg_h3_basic01.gif) no-repeat left 20px;
    border-top: 2px solid #82d7dc;
    border-bottom: 2px solid #82d7dc;
}

.h3_basic01 span {
    margin: 0 5px 0 0;
    font-size: 73%;
}

.h2_basic02 {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 28px;
    font-size: 143%;
    background: url(../img/bg_h3_basic01.gif) no-repeat left 0.7em;
    border-top: 1px solid #82d7dc;
    border-bottom: 1px solid #82d7dc;
}

.h2_basic02 h2 {
    font-weight: 700;
}

.h2_basic02 a {
    text-decoration: none;
}

.h2_basic02 a:hover {
    text-decoration: underline;
}

.h2_basic02 span {
    display: block;
    font-size: 70%;
    font-weight: normal;
}

.h3_basic02 {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 28px;
    font-size: 143%;
    background: url(../img/bg_h3_basic01.gif) no-repeat left 0.7em;
    border-top: 1px solid #82d7dc;
    border-bottom: 1px solid #82d7dc;
}

.h3_basic02 h3 {
    font-weight: 700;
}

.h3_basic02 a {
    text-decoration: none;
}

.h3_basic02 a:hover {
    text-decoration: underline;
}

.h3_basic02 span {
    display: block;
    font-size: 70%;
    font-weight: normal;
}

.h4_basic01 {
    margin: 0 0 16px;
    padding: 8px;
    font-size: 1.15rem;
    font-weight: 400;
    background: #cceeef;
}

.h4_basic02 {
    margin: 0 0 20px 0;
    padding: 8px 28px 6px 28px;
    color: #e74069;
    font-size: 129%;
    font-weight: 700;
    background: #fcf7f9;
}

.h5_basic01 {
    margin: 0 0 10px 0;
    padding: 0 0 0px 18px;
    color: #50b9bf;
    font-size: 115%;
    font-weight: 700;
    background: url(../img/bg_h5_basic01.gif) no-repeat left 0.3em;
}

@media screen and (max-width: 728px) {

    .h1_basic01 {
        margin: 0 0 16px;
        font-size: 21px;
    }

    .h1_basic01+section .h2_basic01 {
        margin-top: 6%;
    }

    .h2_basic01 {
        margin: 32px 0 16px;
        font-size: 132%;
        background: url(../img/bg_h3_basic01.gif) no-repeat left 18px;
    }

    .faq .h4_basic01:first-child {
        margin-top: 1em;
    }

    .ul_photo01 {
        margin-top: 20px !important;
    }
}

/* !Listing
---------------------------------------------------------- */
.ul_basic01 {}

.ul_basic01 li {
    padding: 0 0 0px 12px;
    background: url(../img/bg_li_basic01.gif) no-repeat left 12px;
    font-size: 18px;
    line-height: 1.5;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .ul_basic01 li {
        font-size: 16px;
    }
}

/* !Table
---------------------------------------------------------- */
.table_basic01 {
    width: 100%;
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
}

.table_basic01 th,
.table_basic01 td {
    padding: 6px 9px;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

.table_basic01 th {
    background: #C8E7E7;
    text-align: center;
    white-space: nowrap;
}

.table_basic01 .odd td {
    background: #f8f8f8;
}

.table_basic01 td dt {
    width: 70px;
    float: left;
    font-weight: 700;
    margin-right: 20px;
    padding-bottom: 10px;
}

.table_basic01 td dd {
    padding-bottom: 10px;
}

.table_basic02 {
    width: 100%;
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;

}

.table_basic02 th,
.table_basic02 td {
    padding: 8px 10px 8px 10px;
    text-align: center;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

.table_basic02 th {
    font-weight: 700;
    background: #82d7dc;
}

.table_basic02 .table_basic02_th {
    background: #c0c0c0;
}

.table_basic02 .odd td {
    background: #f8f8f8;
}

.table_basic03 {
    width: 100%;
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
}

.table_basic03 th,
.table_basic03 td {
    padding: 8px 10px 8px 10px;
    text-align: center;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

.table_basic03 th {
    background: #e7e7e7;
}

/* !Section
---------------------------------------------------------- */
.sec_basic01 {
    margin: 0 0 32px 0;
    padding: 0;
}

.sec_attention01 {
    padding: 35px 40px 40px 40px;
    background: #fcf7f9;
}

.sec_attention01 h3 {
    margin: 0 0 15px 0;
    color: #e74069;
    font-size: 172%;
    font-weight: 700;
}

/* !btn
---------------------------------------------------------- */
.ft_menu_inner02 .btn_catalog01 {
    background: #fffa82;
}

.btn_contract01 {
    background: #f9d4e5;
    /*    font-weight:bold;*/
}

.btn_contract01:hover {
    background: #fdf0f6;
}

.btn_contract01:hover a img {
    background: #fdf0f6;
}

.btn_catalog01 {
    border-radius: 3px;
}

#content .btn_catalog01 a {
    color: #000;
    background: #fffa82;
    position: relative;
    border: 1px solid #fffa82;
    background-color: #fffa82;
    box-shadow: 0 4px 0px #909090;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .btn_catalog01 a:hover {
    background: #FFF;
    border: 1px solid #fffa82;
}

#content .btn_catalog01 a::before {
    content: "";
    position: absolute;
    margin: auto;
    vertical-align: middle;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    transition: all .5s ease;
}

.btn_catalog01 a span {
    /*		padding: 0 0 0 24px;
        display:block;
		font-size: 115%;
		background: url(../img/ico_arrow02_pc.png) no-repeat 10px center;*/
}

.btn_catalog02 a span {
    padding: 2px 0px 2px 36px;
}

.btn_application01 {
    background: #e74069;
}

#content .btn_application01 a {
    color: #FFF;
    background: #e74069;
    position: relative;
    border: 1px solid #e74069;
    background-color: #e74069;
    box-shadow: 0 4px 0px #909090;
    transition: all .5s ease;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;

}

#content .btn_application01 a:hover {
    color: #e74069;
    background: #FFF;
    border: 1px solid #e74069;
    opacity: 1;
}

#content .btn_application01 a::before {
    content: "";
    position: absolute;
    margin: auto;
    vertical-align: middle;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    transition: all .5s ease;
}

#content .btn_application01 a:hover::before {
    border-top: 2px solid #e74069;
    border-right: 2px solid #e74069;
}


.btn_application01:hover {
    /*background: #e886a8;*/
}

.btn_application01:hover a img {
    /*		background: #e886a8;*/
}

.btn_application01 a {
    color: #ffffff;
}

.btn_application01 a span {
    /*		padding: 0 0 0 40px;
		font-size: 115%;
        display:block;
		background: url(../img/ico_arrow03_pc.png) no-repeat left center;*/
}

.btn_application01 a:hover span {
    /*		background: #e886a8 url(../img/ico_arrow03_pc.png) no-repeat left center;*/
}

.box_application01 p a span {
    font-size: 110% !important;
}






.btn_basic02 {

    border-radius: 3px;
}

.btn_basic02:hover {
    /*		background-color: #81c3d4;*/
}

.btn_basic02 a {
    color: #ffffff;
    position: relative;
    border: 1px solid #50b9bf;
    background-color: #50b9bf;
    box-shadow: 0 4px 0px #909090;
    transition: all .5s ease;
}

.btn_basic02 a::before {
    content: "";
    position: absolute;
    margin: auto;
    vertical-align: middle;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    transition: all .5s ease;
}

.btn_basic02 a:hover {
    color: #50b9bf;
    background: #FFF;
    border: 1px solid #50b9bf;
}

.btn_basic02 a:hover::before {
    border-top: 2px solid #50b9bf;
    border-right: 2px solid #50b9bf;
}


.btn_basic02 a span {
    /*background: url(../img/ico_arrow03_pc.png) no-repeat 10px center;
			background-size: auto;
			text-align: center;
			display: block;
            line-height: 1.2;*/
}

.btn_basic02 a span small {
    font-size: 14px;
    font-weight: 400;
}

#content .btn_basic03 {
    background-color: rgb(80, 185, 191);
    line-height: 1.4;
}

.btn_basic03:hover {
    background-color: #f4f4f4;
}

.btn_basic03 a {
    color: #ffffff;
    padding: 16px;
}

.btn_basic03 a span {
    padding: 0 0 0 16px;
    font-size: 115%;
    background: url(../img/ico_arrow03_pc.png) no-repeat left center;
}

.btn_basic04 {
    background-color: #f596be;
}

.btn_basic04:hover {
    background-color: #f1bbd2;
}

.btn_basic04 a,
.btn_basic04 input,
.btn_basic04 button {
    color: #000000;
}

.btn_basic04 a span {
    padding: 0 0 0 16px;
    font-size: 143%;
    background: url(../img/ico_arrow02_pc.png) no-repeat left center;
}

.btn_catalog01 a,
.btn_application01 a,
.btn_basic01,
.btn_basic02 a,
.btn_basic03 a,
.btn_basic04 a,
.btn_basic04 input,
.btn_basic04 button {
    font-weight: 700;
    display: block;
    text-decoration: none;
    /*transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;*/
}

.btn_catalog01 a,
.btn_application01 a {
    font-weight: normal;
}


.box_inner01 .btn_catalog01 a {
    font-weight: 700;
}


.btn_basic01:hover,
.btn_basic01:focus {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filte: alpha(opacity=0.75);
    background: #ffffff;
    border: none;
}

.btn_catalog01 a:hover,
.btn_application01 a:hover,
.btn_basic02 a:hover,
.btn_basic03 a:hover,
.btn_basic04 a:hover,

.btn_basic04 input:hover,
.btn_basic04 button:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filte: alpha(opacity=0.8);
}

.ft_menu_inner02 .btn_sns01 {
    line-height: 0;
    margin: 0;
}

.ft_menu_inner02 .btn_sns01 .container_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.ft_menu_inner02 .btn_sns01 .container_sns li {
    margin: 0;
    width: 32px;
}

/*	.ft_menu_inner02 .btn_sns01 .container_sns li:nth-child(2){
	width:28px;
}*/

.ft_menu_inner02 .btn_sns01 .container_sns li:last-child {}

.ft_menu_inner02 .btn_sns01 .container_sns li:nth-child(2) a {
    text-decoration: none;
    white-space: inherit;
    background: #000;
    /*	width: 33px;
	height: 33px;*/
    border-radius: 50%;
    padding-top: 7px;
}

.ft_menu_inner02 .btn_sns01 .container_sns li:nth-child(2) img {
    width: 18px;
    height: 18px;
}

.ft_menu_inner02 .btn_sns01 img.pc {
    height: 32px;
    width: 32px;
}

.ft_menu_inner02 .btn_sns01 img.sp {
    height: 24px;
    width: 24px;
}

.ft_menu_inner02 .btn_sns01 img:hover {
    opacity: 0.7;
}

@media screen and (max-width: 728px) {
    .btn_sns01 {
        background-color: #50B9BF;
    }

    .btn_sns01 .container_sns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 16px;
    }

    .ft_menu_inner02 .btn_sns01 .container_sns li {
        width: 26px;
    }

    /*	.ft_menu_inner02 .btn_sns01 .container_sns li:nth-child(2){
	width:22px;
}*/

    .ft_menu_inner02 .btn_sns01 .container_sns li:last-child {
        width: 28px;
    }

    .ft_menu_inner02 .btn_sns01 .container_sns li:nth-child(2) a {
        /*	width: 28px;
	height: 28px;*/
        padding-top: 7px;
    }

    .ft_menu_inner02 .btn_sns01 .container_sns li:nth-child(2) img {
        width: 14px;
        height: 14px;
    }

}

/* !link
---------------------------------------------------------- */
.a_basic01 {
    padding: 0 0 0 12px;
    background: url(../img/ico_arrow01_pc.png) no-repeat left center;
}

.a_basic02 {
    padding: 0 0 0 12px;
    font-size: 86%;
    background: url(../img/ico_arrow01_pc.png) no-repeat left center;
}

.a_basic03 {
    background: url(../img/ico_window01.png) no-repeat right;
    padding: 2px 25px 1px 0;
}

.anchor_basic01 {
    padding: 20px 20px 15px 20px;
    background: #f0f0f0;
}

.anchor_basic01 li {
    margin: 0 16px 0 16px;
    padding: 0 12px 0 12px;
    display: inline-block;
    /*	line-height: 1;*/
    /*		font-size: 86%;*/

    background: url(../img/ico_arrow01_pc.png) no-repeat left center;
    /*border-right: 1px solid #000000;*/
}

.anchor_basic01 li.last {
    border: none;
}

.anchor_basic01 li.current a {
    font-weight: 700;
    text-decoration: none;
}

@media screen and (max-width: 728px) {
    .sec_basic01 {
        margin: 1em 0 2em 0;
        padding: 0 !important;
    }
}

/* !supervision
---------------------------------------------------------- */
.supervision {
    border: solid 3px #88cccf;
    padding: 15px;
    clear: both;
}

.supervision dl {
    width: 100%;
    display: flex;
    align-items: center;
}

.supervision dt {
    width: 20%;
    text-align: center;
}

.supervision dd {
    width: 77%;
    padding-left: 3%;
}

#content .supervision p:first-child {
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing:0;
}

.supervision p {
    font-size: 90%;
    line-height: 130%;
}

.supervision ul {
    margin: 10px 0 0;
}

.supervision li {}

.supervision li:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(/uploads/2019/09/27/link_icon.png);
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;
}

.supervision li:last-child {
    margin-bottom: 0;
}


.right-photo {
    float: right;
    margin: 20px 0 20px 20px !important;
    border: solid 1px #DDD;
    padding: 5px !important;
    width: 300px;
    text-align: center;
}

.right-photo img {
    height: auto;
}

.right-photo p {
    font-size: 12px !important;
    font-weight: 700;
    line-height: 200%;
    color: #333;
    text-align: center !important;
    margin: 0 !important;
    padding: 5px;
}

.left-photo {
    float: left;
    margin: 20px 20px 20px 0 !important;
    border: solid 1px #DDD;
    padding: 5px !important;
    width: 300px;
    text-align: center;
}

.left-photo img {
    width: 100% !important;
    height: auto;
}

.left-photo p {
    font-size: 12px !important;
    font-weight: 700;
    line-height: 200%;
    color: #333;
    text-align: center !important;
    margin: 0 !important;
    padding: 5px;
}

@media screen and (max-width: 767px) {
    .supervision dl {
        width: 100%;
        display: inherit;
    }

    .supervision dt {
        width: 100%;
        text-align: center;
    }

    .supervision dd {

        width: 100%;
        padding-left: 0;
        margin-top: 10px
    }
}

/* !Notice
---------------------------------------------------------- */
.notice01 {
    color: #666666;
}

.notice01 small {
    padding: 0 0 0 2em;
    font-size: 86%;
    text-indent: -2em;


    display: block;
}

.notice02 {
    color: #666666;
}

.notice02 small {
    padding: 0 0 0 1.4em;
    font-size: 86%;
    text-indent: -1.4em;
    display: block;
}

/* !animal list
---------------------------------------------------------- */
.animal_list ul {
    width: 100%;
    margin: 20px 0 0;
}

.animal_list li {
    display: inline-block;
    width: 16.2%;
    text-align: center;
    vertical-align: top;
}

.animal_list li img {
    max-width: 120px;
    height: auto;
}

.animal_list .button {
    text-align: center;
    margin-bottom: 15px;
    padding-top: 50px;
}

.animal_list .button a {
    color: #FFFFFF;
    font-size: 20px;
    background-color: #e74069;
    border-radius: 5px;
    padding: 9px 12px 9px 38px;
    margin: 5px;
    text-decoration: none;
    background-image: url(/common/img/link.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

.animal_liste .button a:hover {
    background-color: #00b8bb;
}

@media screen and (max-width: 929px) {
    #hd_logo p {
        font-size: 50%;
    }

    .animal_list li {
        width: 16%;
    }

    .animal_list li img {
        max-width: 100px;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .animal_list li {
        width: 32%;
        font-size: 2vw;
        margin-bottom: 10px;
    }

    .animal_list li img {
        max-width: 90%;
        height: auto;
    }

    .animal_list .button a {
        font-size: 15px;
    }
}

/* !detail-area
---------------------------------------------------------- */
.detail_area {
    background-color: #f5f5f5;
    padding: 20px;
    margin: 0 30px;
}

.detail_area p {
    padding-bottom: 15px;
}

.detail_area .tac {
    text-align: center !important;
    margin-top: 10px;
}

.detail02_area {
    background-color: #f5f5f5;
    padding: 20px;
    margin: 0 30px;
}

.detail02_area p {
    padding-bottom: 15px;
}

.detail02_area .tac {
    text-align: center;
    margin-top: 10px;
}

/* !anicli
---------------------------------------------------------- */
.consultation {
    padding: 30px 0 20px;
    max-width: 930px;
    background: url(/uploads/2018/10/23/sec40cat-bg.jpg) 78% bottom no-repeat;
    margin: 0 auto 20px;
    background-size: 130%;
}

#content00 h3 {
    text-align: center;
    font-size: 22px;
    max-width: 980px;
    margin: 0 auto;
}

#content00 h3 img {
    margin-bottom: 30px;
}

#content00 h3 strong {
    background-color: #5abcc2;
    padding: 10px 30px;
    border-radius: 100px;
    color: #FFF;
    margin: 0;
    display: block;
}

.sec40_poodle_bg {
    background: url(/uploads/2019/01/08/jd_img03_poodle_pc.jpg) left bottom no-repeat;
    padding: 70px 10px 40px 280px;
    margin-bottom: 50px;
}

.sec40_poodle_bg small {
    color: #e74069 !important;
}

#content00 figure {
    text-align: center;
    margin: 40px 0 20px;
}

/*FAQ*/
#content .faq-txt h5 {
    margin: 30px 30px 10px
}

@media screen and (max-width: 767px) {
    .consultation {
        min-width: auto;
        padding: 0;
        background: none;
    }

    #content p {
        /*margin: 0;
      padding: 1em 0 0;*/
        /*font-size: 16px;*/
        /*line-height: 1.5;*/
    }

    #content00 h3 {
        font-size: 20px !important;
    }

    #content00 h3 img {
        width: 96%;
        height: auto;
    }

    #content00 h3 strong {
        background-color: inherit;
        color: #5abcc2;
        border-radius: inherit;
        /*text-decoration: underline;*/
        padding: 0 10px;
        line-height: 130%;
    }

    .sec40_poodle_bg {
        background-size: 100%;
        background-position: bottom center;
        padding: 30px 10px 90% 10px;
        font-size: 18px;
        line-height: 130%;
    }

    #content00 figure {
        margin: 20px 15px;
    }

    /*FAQ*/
    #content .faq-txt h1.h4+p {
        margin: 10px 14px 0 14px;
        padding-top: 20%;
    }

    #content .faq-txt p {
        margin: 10px 14px 0 14px;
    }

    #content .faq-txt h5 {
        margin: 20px 1px 5px;
    }

}

.consultation02 {
    padding: 30px 0 20px;
    max-width: 930px;
    background: url(/lpr/uploads/2018/10/23/sec40cat-bg.jpg) 78% bottom no-repeat;
    margin: 0 auto 20px;
    background-size: 130%;
}

@media screen and (max-width: 767px) {
    .consultation02 {
        min-width: auto;

        padding: 0;
        background: none;
    }

}

/* !DL
---------------------------------------------------------- */
.box_dl01 {
    width: 208px;
}

.box_dl01 p {
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
}

.box_dl01 div {
    margin: 0 0 5px 0;
    text-align: center;
    border: 4px solid #82d7dc;
}

.box_dl01 div h4 {
    margin: 15px 0 20px 0;
    font-weight: 700;
    line-height: 1.3;
}

.box_dl01 div h4 span {
    font-size: 138%;
}

.box_dl01 div .btn_basic02 {
    margin: 0 10px 10px 10px !important;
    padding: 8px 0 10px 0 !important;
    height: 14px !important;
    text-align: center !important;
}

.box_dl01 div .btn_basic02 a {
    padding: 8px 0 10px 0;
    height: 14px;
    text-align: center;
}

.attention-area {
    padding: 24px 10px 10px;
    border: solid 5px #c0ebed;
    margin-bottom: 50px;
    background-color: #e6f7f8;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.attention-area ul {
    /*float: left;
	width: 33%;*/
    width: calc(100% / 2);
    max-width: 400px;
    vertical-align: top;
}

.attention-area li {
    margin: 5px 10px;
    background: url(../../common/img/bg_h5_basic01.gif) no-repeat left 0.3em;
    padding-left: 20px;
    font-size: 18px;
}

.attention-area li.first {
    margin: 0;
    background: no-repeat;
    padding: 0;
}

.attention-area li.first ul {
    width: 100%;
    margin: 0 0 20px;
}

.attention-area li.first h4.h4_basic01 {
    margin: 0;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 100%;
}

.attention-area .btm {
    display: none;
}


.name-list ul {
    margin-bottom: 40px;
}

.name-list li {
    float: left;
    margin-right: 40px;
    font-size: 18px !important;
}

.name-list a {
    color: #1111cc;
}

.nav_inner {
    margin-bottom: 50px;
}

.nav_inner li {
    display: inline-block;
}

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

    .tb {
        display: block !important;
    }

    #wrapper {
        width: 100%;
    }

    #hd_inner,
    #content,
    #ft_inner,
    #site_info_inner {
        width: 728px;
    }

    /* !header
	---------------------------------------------------------- */
    /* hd_cv */
    #hd_cv {
        width: 460px;



    }

    .hd_cv01,
    .hd_cv02 {
        width: 145px;
    }

    .hd_cv03 {
        width: 160px;
    }

    /* !siteNavi
	---------------------------------------------------------- */
    /* gNavi */
    #gNavi li,
    #gNavi .gNavi02 {
        width: 117px;
    }

    #gNavi .gNavi03 {
        width: 115px;
    }

    #gNavi .gNavi05 {
        width: 118px;
    }

    /* !footer
	---------------------------------------------------------- */
    #ft_menu {
        font-size: 79%;
        padding: 24px;
    }

    .ft_menu_inner01 {
        width: calc(100% / 4 - 18px);
    }

    .ft_menu_inner02 {
        width: 160px;
    }

    /* !テンプレートモジュール
	---------------------------------------------------------- */
    /* cv01 */
    .cv_inner {
        padding: 13px 15px 13px 15px;
    }

    .cv_inner a {
        padding: 15px 30px 15px 15px;
    }

    /* inquiry tel */
    .inquiry_tel01,
    .inquiry_tel02,
    .inquiry_tel03 {
        padding: 28px 0 28px 60px;
    }

    /* !pageTop
	---------------------------------------------------------- */
    /*	.pageTop a {

		padding: 0 0 15px 15px;
	}*/
}


@media screen and (max-width: 729px) {
    #siteNavi ul {
        display: none;
    }
}

@media screen and (max-width: 728px) {
    aside ul {
        margin: 0;
    }
}

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

    .tb {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .twoDev {
        opacity: 1;
    }

    #top_slider {
        opacity: 1;
    }

    .hd_inner02,
    #content,
    #btn_sns,
    #site_info_inner {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 0 15px;
        width: 100%;
    }

    #content {
        margin: 0 auto 30px;
    }

    /* !header
	---------------------------------------------------------- */
    #hd_inner {
        width: 100%;
        min-height: 115px;
        position: static;
    }

    .hd_inner01 {
        padding: 0 0 7px 0;
        border-bottom: 1px solid #ffffff;
    }

    .hd_inner02 {
        margin: 6px auto 0;
        position: relative;
    }

    #hd_logo {
        width: 100%;
        margin: 0 auto 0;
    }

    #hd_logo h1 {
        font-size: 65%;
        margin: 0 0 4px 15px;
    }

    #hd_logo p {
        font-size: 86%;
        margin: 0 0 4px 15px;
    }

    #hd_logo img {
        width: 290px;
        margin: 0 0 0 15px;
    }

    #hd_tel {
        width: 100%;
        position: static;
        margin: 0 auto 0;
    }

    /* #hd_cv_sp */
    #hd_cv_sp {
        padding: 7px 0 7px 0;
    }

    #hd_cv_sp a {
        width: calc(100% / 3 - 14px);
        padding: 5px 0;
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    .hd_cv_sp00 {
        background: #f9d4e5 url(https://pshoken.co.jp/uploads/2019/01/22/btn_hd_cv00_sp.png) no-repeat center center;
        background-size: 80%;
    }

    .hd_cv_sp01 {
        background: #fffa82 url(https://pshoken.co.jp/uploads/2019/01/22/btn_hd_cv02_sp.png) no-repeat center center;
        background-size: 80%;
        margin: 0 2%;
    }

    .hd_cv_sp02 {
        background: #e74069 url(https://pshoken.co.jp/uploads/2019/01/22/btn_hd_cv03_sp.png) no-repeat center center;
        background-size: 80%;
    }


    /* !siteNavi
	---------------------------------------------------------- */
    #siteNavi h2 {
        width: 32px;
        height: 42px;
        display: block;
        position: absolute;
        top: -60px;
        right: 15px;
    }

    #siteNavi h2 a {
        width: 32px;
        height: 42px;
        display: block;
        text-indent: 100%;

        white-space: nowrap;
        overflow: hidden;
        background: url(../img/btn_menu01_sp.gif) no-repeat;
        background-size: contain;
    }

    body {
        position: relative;
    }

    #pageslide {
        visibility: visible;
        z-index: 9999;
        opacity: 1;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        position: absolute;
        width: 260px;
        -webkit-transition: visibility 0s linear .2s;
        -webkit-transition: z-index 0s linear .2s;
        background: #ecf9fa;
        -webkit-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.2);
    }

    #pageslide .show {
        position: absolute;
    }

    #pageslide #siteNavi_inner {
        width: auto;
    }

    #pageslide ul {
        margin: 0 !important;
    }

    /* gNavi */
    #gNavi {
        position: static;
    }

    #gNavi li,
    #gNavi .gNavi02,
    #gNavi .gNavi03,
    #gNavi .gNavi05 {
        margin: 0 0 0 0;
        width: 100%;
        height: auto;
        float: none;
        text-align: left;
        background: #82d7dc;
        background-image: none;
        border: none;
        border-bottom: 1px solid #ffffff;
    }

    #gNavi li:hover,
    #gNavi li.current {
        background: #82d7dc;
        background-image: none;
        border: none;
        border-bottom: 1px solid #ffffff;
    }

    #gNavi li.last {
        border: none;
    }

    #gNavi li a,
    #gNavi li:hover a,
    #gNavi li.current a {
        padding: 11px 12px 10px 12px;
        width: auto;
        height: auto;
        color: #333;
        font-size: 100%;
        font-weight: normal;
        text-indent: 0;
        text-decoration: none;
        background: url(../img/ico_arrow02_sp.png) no-repeat 95% center;
        background-size: 6px 10px;
    }


    /* #subNavi */
    #subNavi {
        padding: 0 0 0 0;
        font-size: 100%;
    }

    #subNavi li {
        padding: 0 0 0 0;
        display: block;
        line-height: 1.5;
        text-align: left;
        background: #ecf9fa;
        border-right: none;
        border-bottom: 1px solid #82d7dc;
    }

    #subNavi li a {
        padding: 11px 12px 10px 12px;
        display: block;
        color: #333;
        background: url(../img/ico_arrow01_sp.png) no-repeat 95% center;
        background-size: 6px 10px;
    }

    #subNavi li a:hover {
        text-decoration: none;
    }

    /* hd_cv */
    #hd_cv {
        width: 100%;
        position: static;
    }

    #hd_cv li {
        margin: 0 0 0 0;
        float: none;
        text-align: left;

        text-indent: 0;

    }

    .hd_cv01,
    .hd_cv02,
    .hd_cv03 {
        width: 100%;
    }

    .hd_cv01,
    .hd_cv02 {
        border-bottom: 1px solid #ffffff;
    }

    .hd_cv01 {
        background: #f9d4e5;
    }

    .hd_cv01.btn_catalog01:hover {
        background: #f9d4e5;
    }

    .hd_cv02.btn_catalog01:hover {
        background: #fffa82;
    }

    .hd_cv03.btn_application01:hover {
        background: #e74069;
    }

    #hd_cv li a {
        padding: 11px 12px 10px 12px;
        text-decoration: none;
    }

    .hd_cv01 a,
    .hd_cv01 a:hover {
        color: #333;
        background: url(../img/ico_arrow02_sp.png) no-repeat 95% center;
        background-size: 6px 10px;
    }

    .hd_cv02 a,
    .hd_cv02 a:hover {
        color: #333;
        background: url(../img/ico_arrow02_sp.png) no-repeat 95% center;
        background-size: 6px 10px;
    }

    .hd_cv03 a,
    .hd_cv03 a:hover {
        color: #ffffff;
        background: url(../img/ico_arrow03_sp.png) no-repeat 95% center;
        background-size: 6px 10px;
    }


    /* !content
	---------------------------------------------------------- */
    #main {
        float: none;
        width: 100%;
    }

    .container02 {
        padding: 24px 0;
    }

    .time_zone {
        padding: 0 3.2% 0 3.2%;
    }

    .time_zone ul {
        font-size: 0;
        margin-bottom: 20px;
        text-align: left;
        width: 90%;
    }

    .time_zone li {
        font-size: 15px;
        display: inherit;
        padding-left: 25px;
        margin-right: 30px;
        margin-bottom: 10px;
        text-align: left;
    }

    .time_zone td {
        padding: 7px;
        width: 14%;
    }

    .time_zone td:first-child {
        width: 30%;
    }

    span.new {
        margin: 0 5px 0 0;
        width: 28px;
        height: 12px;
        line-height: 1;
        position: static;
        background: url(../img/label_new01_sp.gif) no-repeat;
        background-size: 28px 12px;
    }

    /* !side
	---------------------------------------------------------- */
    #side {
        float: none;
        width: 100%;
    }

    .side_inner {
        margin: 0 0 10px 0;
    }

    .side_inner ul {
        margin: 0 !important;
    }

    #rerated ul {
        margin: 0 !important;
    }

    /* !テンプレートモジュール
	---------------------------------------------------------- */
    /* cv01 */
    .cv01 div,
    .page .cv01 div p {
        margin: 0 0 0 0;
        display: block;
    }

    .page .cv01 div p.tb {
        display: none;
    }

    .cv_inner {
        margin: 3px 0 15px 0;
        padding: 15px 10px 15px 10px;
    }

    .cv_inner .cv_txt03 {
        margin: 0 0 10px 0;
        font-size: 86%;
    }

    .cv_inner .btn_application01,
    .cv_inner .btn_catalog01 {
        width: 100%;
    }

    .cv_inner .btn_application01 {
        margin: 0 0 16px 0;
    }

    .cv_inner a {
        padding: 12px 10px 12px 40px;
    }

    .cv_inner a img {
        width: 72%;
    }



    /* simulation link */
    .sec_basic02 {
        padding: 15px 15px 5px 15px;
    }

    .sec_basic02 h4 {
        font-size: 129%;
    }

    .sec_basic02 .btn_basic02 {
        width: 100%;
    }

    /* bnr01 */
    #bnr01 li {
        margin: 0 0 5px 0;
        width: 100%;
        float: none;
        text-align: center;
    }

    #bnr02 li {
        margin: 0 0 5px 0;
        width: 100%;
        float: none;
        text-align: center;
    }

    /* inquiry tel */
    .inquiry_tel01,
    .inquiry_tel02,
    .inquiry_tel03 {
        padding: 15px 15px 28px 15px;
    }

    .inquiry_tel01,
    .inquiry_tel02,

    .inquiry_tel03 {
        margin: 20px 0 0;
    }

    .inquiry_tel01 div,
    .inquiry_tel02 div,
    .inquiry_tel03 div {
        padding: 95px 0 0 0;
        background-size: 80px;
        background-position: center top;
    }

    .inquiry_tel01 h4,
    .inquiry_tel02 h4,
    .inquiry_tel03 h4 {
        margin: 0 0 15px 0;
    }

    /* inquiry support */
    .inquiry_support01 div {
        width: 100%;
        box-sizing: border-box;
    }

    .inquiry_support01 dl {
        margin: 25px 15px 15px 15px;
    }

    .inquiry_support01 dl,
    .inquiry_support01 dt,
    .inquiry_support01 dd {
        width: auto;
        display: block;
    }

    .inquiry_support01 dt,
    .inquiry_support01 dd {
        padding: 0 0 0 0;
    }

    .inquiry_support01 dt {
        margin: 0 0 5px 0;
        text-align: left;
    }

    .inquiry_support01 p {
        padding: 0 15px !important;
        font-size: 14px !important;
    }




    /* !pageTop
	---------------------------------------------------------- */
    .pageTop {
        /*		margin: 10px auto 0;
		width: 320px;*/
        position: relative;
    }

    .pageTop a {
        /*		padding: 12px 12px 12px 12px;
		background: url(../img/pagetop01_sp.gif) no-repeat center center;
		background-size: 15px 15px;*/
    }

    #content .pageTop {
        width: 100%;
    }

    /* !footer
	---------------------------------------------------------- */
    #ft_inner {
        width: 100%;
    }

    #btn_sns li {
        margin: 0 10px 5px 0;
        display: block;
        float: none;
    }

    #ft_menu {
        padding: 0 0 0 0;
        font-size: 14px;
        background: #ecf9fa;
        background-image: none;
        border-top: 1px solid #82d7dc;
    }

    .ft_menu_inner01,
    .ft_menu_inner02 {
        margin: 0 0 0 0;
        width: 100%;
        float: none;
    }

    .ft_menu_inner01,
    .ft_menu_inner02 {}

    .ft_menu_inner01 dl {
        background: #82d7dc;
        border-bottom: 1px solid #ecf9fa;
    }

    .ft_menu_inner01 dl ul {
        margin: 0;
    }

    .ft_link01 dt,
    .ft_link02 dt,
    .ft_link03 dt {
        margin: 0 auto 0;
        padding: 8px 0;
        width: 92%;
        text-indent: 0;
        color: #ecf9fa;
        background: none;
    }

    .ft_menu_inner01 .trigger {
        background: url(../img/accordion02_close.png) no-repeat 100% center;
        background-size: 13px 13px;
    }

    .ft_menu_inner01 .ft_link03 {
        border-bottom: none;
    }

    .ft_menu_inner01 .trigger.active {
        background: url(../img/accordion02_open.png) no-repeat 100% center;
        background-size: 12px;
        border-bottom: none;
    }

    .ft_menu_inner01 li {
        border-top: 1px solid #82d7dc;
        background: #ecf9fa;
        margin: 0 !important;
    }

    .ft_menu_inner01 li a {
        margin: 0;
        padding: 8px 16px;

        display: block;
        color: #50b9bf;
        text-decoration: none;
        background: url(../img/ico_arrow01_sp.png) no-repeat 96% center;
        background-size: 6px 10px;
    }

    .ft_link04 {
        margin: 0 0 0 0;
    }

    .ft_menu_inner01 .ft_link04 li {
        background: #FFF;
        margin: 0;
    }

    .ft_menu_inner01 .ft_link04 li a {
        padding: 8px 8px 7px 16px;
        /*background: url(../img/ico_arrow01_sp.png) no-repeat 99.5% center;*/
        background-size: 6px 10px;
    }



    .ft_menu_inner01 .ft_link04 li.first {
        border: none;
    }

    .ft_menu_inner02 li {
        margin: 0 0 0 0;
    }

    .ft_menu_inner02 li.first {
        background: #e74069;
        border-top: 1px solid #82d7dc;
        border-bottom: 1px solid #ffffff;
    }

    .ft_menu_inner02 li.last {
        background: #fffa82;
    }

    .ft_menu_inner02 li.first a,
    .ft_menu_inner02 li.last a {
        margin: 0 auto 0;
        padding: 8px 0 7px 0;
        width: 290px;
        text-indent: 0;
        text-decoration: none;
    }

    .ft_menu_inner02 li.first a,

    .ft_menu_inner02 li.first a:hover {
        color: #ffffff;
        background: url(../img/ico_arrow03_sp.png) no-repeat 99% center;
        background-size: 6px 10px;
    }

    .ft_menu_inner02 li.last a,
    .ft_menu_inner02 li.last a:hover {
        background: url(../img/ico_arrow02_sp.png) no-repeat 99% center;
        background-size: 6px 10px;
    }

    .ft_menu_inner02 ul {
        margin: 0
    }

    #site_info_inner div {
        text-align: center !important;
        display: block;
        font-size: 65%;
    }

    #site_info_inner .site_info01 {
        margin: 10px 0 10px 0;
    }

    #site_info_inner .site_info01 img {
        width: 163px;
    }

    #site_info_link {
        margin: 5px auto 5px;
        text-align: center;
    }

    #site_info_link a {
        padding: 0 8px 0 5px;
        display: inline-block;
        line-height: 1;
        font-size: 79%;
        text-decoration: none;
    }

    .site_info_link01,
    .site_info_link01:hover {
        border-right: 1px solid #000000;

    }

    /* !h(n)eading
	---------------------------------------------------------- */
    .h3_basic01 span {
        display: block;
    }

    .h4_basic01,
    .h4_basic02 {
        padding: 16px;
        margin: 24px 0 16px;
    }

    /* !Section
	---------------------------------------------------------- */
    .sec_attention01 {
        padding: 20px 15px 20px 15px;
    }

    .sec_attention01 h3 {
        margin: 0 0 10px 0;
        font-size: 115%;
    }

    .attention-area {
        padding: 10px;
        margin-bottom: 50px;
        margin-top: 1em;
    }

    .attention-area ul {
        float: none;
        width: 100%;
        margin: 0;
    }

    .attention-area li {
        margin: 3px 5px;
        font-size: 16px;
    }

    .btm {
        padding: 0;
        display: none;
    }

    .topbtn {
        text-align: right;
        display: block;
        width: 100%;
        margin: 0;
        cursor: pointer;
        color: #4776AF;
    }

    .name-list ul {
        margin-bottom: 40px;
    }

    .name-list li {
        float: none;
        margin-right: 0;
        margin-top: 10px !important;
        font-size: 14px !important;
    }

    .right-photo {
        float: none;
        margin: 10px 0 20px !important;
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
        border: none;
    }

    .left-photo {
        float: none;
        margin: 10px 0 20px !important;
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
        border: none;
    }

    .detail_area {
        padding: 10px;
        margin: 0;
    }

    .detail_area p {
        font-size: 14px;
    }

    .detail02_area {
        padding: 10px;
        margin: 0;
    }

    .detail02_area p {
        font-size: 14px;
    }
}

@media screen and (min-width: 1025px) {
    .pageTop a {
        margin: 0 0 5% 0;
    }
}

@media screen and (max-width: 375px) {
    #hd_logo img {
        width: 245px;
        margin: 0 0 0 15px;
    }
}


/* !病気リスト
	---------------------------------------------------------- */
.sickList {
    padding-left: 1em;
    margin: 0 30px 80px;
    list-style-image: url(../img/bg_li_basic01.gif);
}

.sickList li {
    font-size: 1.3em;
    padding-top: 1em;
}


/* !Bdashスマホcloseボタン
	---------------------------------------------------------- */

@media screen and (max-width: 728px) {
    #bdash-reception iframe:first-child {
        margin-right: 5px !important;
        margin-top: -10px;
    }
}

/* !Fixedボタン
	---------------------------------------------------------- */

/*共通*/
.commonFixedArea {
    position: fixed;
    right: 0;
    top: calc(50% - 240px);
    z-index: 999;
    width: 62px;
}

.commonFixedArea a {
    display: block;
    height: 100%;
}

/*.commonFixedArea ul{
box-shadow: 0px 0px 20px #999;
}*/

.commonFixedArea .btn_common_Document {
    background: #f6ba11;
    text-align: center;
    width: 62px;
    height: 240px;
}

.commonFixedArea .btn_common_Application {
    background: #f37212;
    text-align: center;
    width: 62px;
    height: 240px;
}

.commonFixedArea .btn_insurance_Document {
    background: #72c571;
    text-align: center;
    width: 62px;
    height: 240px;
    border-radius: 3px;
}

.commonFixedArea .btn_insurance_Document a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.commonFixedArea .btn_insurance_Document a img {
    max-width: 140px;
    width: 80%;
}

.common_ol {
    margin: 40px 0 0;
    padding-left: 40px;
}

.common_ol li {
    border-bottom: none !important;
    list-style-type: decimal !important;
    padding: 0 !important;
    font-size: 1.1rem !important;
}

.common_ol li:nth-child(even) {
    background-color: #FFF !important;
}



/*テーブル*/

.common_table {
    width: 90%;
    margin: 20px auto 40px;
}

.common_table caption {
    font-size: 16px;
}

.common_table th,
.common_table td {
    font-size: 16px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.common_table th {
    font-weight: 700;
    background: #50B9BF;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.10em;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    color: #FFF;
}

.common_table3 th {
    width: calc(100% / 3);
}

.common_table thead th {
    padding: 15px;
}

@media screen and (max-width: 767px) {
    .common_table {
        width: 100%;
    }

    .common_table th,
    .common_table td {
        font-size: 14px;

        line-height: 1.4;
    }
}



/*お申込み*/


.applicationFixedArea a {
    display: block
}



.applicationFixedAreaSp {
    visibility: hidden;
}

.applicationFixedArea {
    display: none;
}

.applicationFixedArea,
.applicationFixedAreaSp {
    position: fixed;
    right: 0;
    top: calc(50% - 120px);
    z-index: 9999;
    width: 60px;
    height: 380px;
}

.applicationFixedArea .btn_application01,
.applicationFixedAreaSp .btn_application01 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    padding: 0;
    cursor: pointer;
}

.applicationFixedArea .btn_application01::before,
.applicationFixedAreaSp .btn_application01::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 40%;
    top: 16px;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    position: absolute;
}


.applicationFixedArea .btn_application01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*letter-spacing: 0.1em;*/
    line-height: 1;
    box-shadow: 0 4px 0px #909090;
    font-size: 1.0rem;
}

.applicationFixedArea .btn_application01 a,
.applicationFixedAreaSp .btn_application01 a {
    padding: 32px 16px 16px;
    font-weight: 700;
}

.btn_common_Document a,
.btn_common_Application a {
    transition: all 0.3s ease;
}

.btn_common_Document a:hover,
.btn_common_Application a:hover {
    opacity: 0.6;
}

.applicationFixedArea .btn_application01 a span,
.applicationFixedAreaSp .btn_application01 a span {
    background: none;
    padding: 0;
}

.applicationFixedArea li {
    /*height: 240px;*/
}

.applicationFixedArea li a {
    text-align: center;
}

@media screen and (max-width: 728px) {


    /*共通*/

    #site_info {
        padding-bottom: 120px;
    }

    .commonFixedArea {
        width: 100%;
        top: auto;
        bottom: 0;
        display: block;
        background: rgba(255, 255, 255, 0.6);
    }


    .commonFixedArea .btnList-insurance {
        display: flex !important;
        justify-content: space-between;
        padding: 8px 8px 0;
        background: rgba(255, 255, 255, 0.8);
    }

    .commonFixedArea .btnList-insurance li {
        width: 100%;
        padding: 12px 0;
        height: 20%;
    }


    .commonFixedArea .btnList {
        display: flex !important;
        justify-content: space-between;
        padding: 4px 8px 8px;
        background: rgba(255, 255, 255, 0.8);
    }

    .commonFixedArea .btnList li {
        width: calc(100% / 2 - 1px);
        padding: 4px 0 0;
        height: 20%;
    }


    .commonFixedArea .btnList li a img {
        width: auto;
    }


    .commonFixedArea .btn_common_Document {
        border-radius: 3px 0 0 3px;
    }

    .commonFixedArea .btn_common_Application {
        border-radius: 0 3px 3px 0;
    }

    .commonFixedArea02 {
        height: auto;
    }

    .commonFixedArea .btnList,
    .commonFixedArea .btnList-insurance {
        margin: 0;
    }

    .commonFixedArea .btn_insurance_Document a img {
        width: auto;
        max-width: 270px;
    }


    /*お申込み*/

    .applicationFixedAreaSp {
        visibility: visible;
        background: rgba(255, 255, 255, 0.8);
    }

    .applicationFixedAreaSp li {
        margin: 8px;
    }

    .applicationFixedArea {
        display: none !important;
    }

    body.indexsp .applicationFixedArea {
        display: none !important;
    }



    .applicationFixedArea,
    .applicationFixedAreaSp {
        bottom: 0;
        top: auto;
        text-align: center;
        width: 100%;
        height: auto;
        z-index: 1;
    }


    .applicationFixedArea .btn_application01,
    .applicationFixedAreaSp .btn_application01 {
        -webkit-writing-mode: lr-tb;
        -ms-writing-mode: lr-tb;
        -o-writing-mode: lr-tb;
        writing-mode: lr-tb;
        line-height: 1;
        border-radius: 3px;
        font-size: 1.0rem;
    }

    .applicationFixedArea .btn_application01::before,
    .applicationFixedAreaSp .btn_application01::before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        margin: 0;
        top: 42%;
        left: 20px;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        transform: rotate(-45deg);
        position: absolute;
    }

    .applicationFixedArea .btn_application01 a,
    .applicationFixedAreaSp .btn_application01 a {
        padding: 15px;
    }

    .applicationFixedAreaSp {
        display: block;
    }


    /*保険料*/
    .commonFixedArea .pc {
        display: none !important;
    }


}

@media screen and (max-width: 728px) {
    .commonFixedArea .btnList li {
        height: 20%;
    }
}

/*下層のフッター*/
.btn_contrac01 {
    background: #f9d4e5;
}

.btn_contrac01 a {
    text-decoration: none;
    color: #333;
}

.btn_contrac01:hover {
    opacity: 0.6;
}

/*犬の保険執筆者プロフィール*/
.writer-profile-area {
    display: flex;
    margin: 20px 10px;
}

.writer-profile-area .img-area {
    width: 200px;
}

.writer-profile-area .txt-area {
    flex-basis: 70%;
    margin: 0 0 0 20px;
}

@media screen and (max-width: 728px) {
    .writer-profile-area {
        display: block;
    }

    .writer-profile-area .img-area {
        width: 100%;
    }

    .writer-profile-area .txt-area {
        margin: 20px 0;
    }

    .writer-profile-area .txt-area p {
        font-size: 14px;
        line-height: 142%;
    }

    .writer-profile-area .img-area {
        text-align: center;
    }
}


/*注意喚起*/
.note_area {
    align-items: center;
    margin: 0 0 40px;
    padding: 20px 20px 10px 20px;
    background: #f0fafc;
}

#content .note_area .note {
    background: #fee809;
    padding: 5px;
    letter-spacing: 0.1em;
    display: inline-block;
    align-items: center;
    justify-content: center;

    border-radius: 6px;
    margin: 0 0 10px 0;
}

.note_area .ul_basic01 {
    margin: 0 0 0 20px !important;
}

.note_area .ul_basic01 li:first-child {
    margin: 0 0 5px !important;

}

@media screen and (max-width: 728px) {

    /*注意喚起*/
    .note_area {
        display: block;
        margin: 20px 0 0;
    }

    #content .note_area .note {
        writing-mode: initial;
        width: auto;
        padding: 5px;
        margin: 0 0 10px;
    }

    .note_area .ul_basic01 {
        margin: 0 !important;
    }

    .note_area .ul_basic01 li {
        font-size: 14px !important;
    }

}

@media screen and (max-width: 767px) {
    #content .event_info_cont01 p {
        padding: 0% 8% 15px 8%;
    }
}



/*----------------------------------------------------
テーブル ラッパー
----------------------------------------------------*/
.table_wrapper01 {
    padding: 30px 0 0;
}

.table_wrapper01 .bordered {
    width: 100%;
    margin: 0;
}

.table_wrapper02 {
    padding: 0 0 60px;
}

.table_wrapper02 .bordered {
    width: 100%;
    margin: 0;
}



@media only screen and (max-width: 800px) {
    .table_wrapper01 {
        width: auto;
        padding: 0;
        margin: 1ex 0 1em;
        overflow-x: scroll;
    }

    .table_wrapper01 .bordered {
        margin: 0;
    }

    .table_wrapper02 {
        width: auto;
        padding: 0;
        margin: 1ex 0 1em;
        overflow-x: scroll;
        margin-bottom: 60px;
    }

    .table_wrapper02 .bordered {
        margin: 0;
    }

    .table_wrapper::-webkit-scrollbar {
        height: 5px;
    }

    .table_wrapper::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 5px;
    }

    .table_wrapper::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #666;
    }
}

@media only screen and (max-width: 767px) {
    .table_wrapper01 {
        margin-bottom: 7%;
    }

    .table_wrapper02 {
        margin-bottom: 60px;
    }
}




/*----------------------------------------------------
テーブル
----------------------------------------------------*/

.commonTable03 th {
    width: calc(100% / 3);

}

article#webpage>.normalCommonTable {
    margin: 0 30px;
}

.normalCommonTable {
    margin: 0 30px;
    width: 100%;
    max-width: 870px;
}

.normalCommonTable th {
    font-weight: 700;
    background: #DCDDDD;
    text-align: center;


    vertical-align: middle;
    letter-spacing: 0.10em;
    font-feature-settings: "palt" 1;
}

.normalCommonTable td {
    background: #FFF;
    letter-spacing: 0.05em;
    font-feature-settings: "palt" 1;
    text-align: center;
}

.normalCommonTable th,
.normalCommonTable td {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.4em;
    white-space: normal;
    vertical-align: middle;
}



@media only screen and (max-width: 767px) {


    article#webpage>.normalCommonTable {
        margin: 0;
    }

    .normalCommonTable {
        margin: 0;
    }
}

a {
    color: #000000;
    text-decoration: underline;
}

a:visited {}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    border: none;
}



.fwN {
    font-weight: normal;
}

.fwB {
    font-weight: bold;
}

.fzSS {
    font-size: 78%;
}

/* base 12px ->  8px */
.fzS {
    font-size: 85%;
}

/* base 12px -> 10px */
.fzM {
    font-size: 100%;
}

.fzL {
    font-size: 115%;
}

/* base 12px -> 14px */
.fzLL {
    font-size: 130%;
}

/* base 12px -> 16px */
.fzLLL {
    font-size: 143%;
}

/* base 12px -> 18px */
sup {
    font-size: 78%;
    vertical-align: top;
}

sub {
    font-size: 78%;
    vertical-align: baseline;
}

/* !Inline Align ------------------------------------------------------------ */
.taL {
    text-align: left !important;
}

.taC {
    text-align: center !important;
}

.taR {
    text-align: right !important;
}

.vaT {
    vertical-align: top !important;
}

.vaM {
    vertical-align: middle !important;
}

.vaB {
    vertical-align: bottom !important;
}

.blockC {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

* html .blockC {
    margin-right: 0;
    margin-left: 0;
}

.blockR {
    margin-left: auto;
    text-align: left;
}

* html .blockR {
    margin-left: 0;
}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960 {
    width: 960px;
}

.w800 {
    width: 800px;
}

.w640 {
    width: 640px;
}

.w480 {
    width: 480px;
}

.w320 {
    width: 320px;
}

.w160 {
    width: 160px;
}

.wHalf {
    width: 48%;
}

.wTri {
    width: 33%;
}

.wQuart {
    width: 24%;
}

.wFull {
    width: 99.9%;
}

.wMax {
    width: 100%;
}

.w03per {
    width: 3% !important;
}

.w05per {
    width: 5% !important;
}

.w10per {
    width: 10% !important;
}

.w13per {
    width: 13% !important;
}

.w15per {
    width: 15% !important;
}

.w20per {
    width: 20% !important;
}

.w25per {
    width: 25% !important;
}

.w30per {
    width: 30% !important;
}

.w35per {
    width: 35% !important;
}

.w40per {
    width: 40% !important;
}

.w45per {
    width: 45% !important;
}

.w50per {
    width: 50% !important;
}

/* !Floats ------------------------------------------------------------------ */
.flL {
    display: inline;
    float: left;
}

.flR {
    display: inline;
    float: right;
}

.flImgL {
    display: inline;
    float: left;
    margin-right: 10px;
}

.flImgR {
    display: inline;
    float: right;
    margin-left: 10px;
}

.ftBox {
    overflow: hidden;
    *zoom: 1;
}

/* !Tools ------------------------------------------------------------------- */
.clear {
    clear: both;
}

.block {
    display: block;
}

.hide {
    display: none;
}

.bgN {
    background: none !important;
}

.tdU {
    text-decoration: underline;
}

.tdN {
    text-decoration: none;
}

.atode {
    border: 2px solid #96c;
    padding: 10px;
    text-align: center;
    background-color: #f9f;
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    font-size: 30px;
    color: #fff;
}

/* !JavaScript -------------------------------------------------------------- */
.over {
    /* ロールオーバー呼び出し用 */
}

.png {
    /* DD_belatedPNG.js呼び出し用 */
}

.js_popup_width_height {}

.js_page_print {}

.js_window_close {}

/* !Margin ------------------------------------------------------------------ */
.m00 {
    margin: 0 !important;
}

.mt00 {
    margin-top: 0 !important;
}

.spmt00 {
    margin-top: 0 !important;
}

.mt05 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mr00 {
    margin-right: 0 !important;
}

.mr05 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb00 {
    margin-bottom: 0 !important;
}

.mb05 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml00 {
    margin-left: 0 !important;
}

.ml05 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

/* !Padding  ---------------------------------------------------------------- */
.p00 {
    padding: 0 !important;
}

.pt00 {
    padding-top: 0 !important;
}

.pt05 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt12 {
    padding-top: 12px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr00 {
    padding-right: 0 !important;
}

.pr05 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr12 {
    padding-right: 12px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pb00 {
    padding-bottom: 0 !important;
}

.pb05 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb12 {
    padding-bottom: 12px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pl00 {
    padding-left: 0 !important;
}

.pl05 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl12 {
    padding-left: 12px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

#bdash-reception-window-close-detector {
    z-index: -1 !important;
}



@media screen and (max-width: 728px) {
    .flR {
        margin-top: 20px;
        display: block;
    }

    .number_list {
        font-size: 1em;
    }

    .btn_basic02 a span {
        /*    background: url(../img/ico_arrow03_pc.png) no-repeat 10px center;
    background-size: auto;
    text-align: left;
    padding: 10px 10px 10px 30px;*/
    }

    #content01 .btn_basic02 a span {
        text-align: center;
    }

    .box_step02 .btn_basic03 a span {
        text-align: center;
    }
}

.accordion {
    display: none;
}

.accordion+#mix_dog {
    display: block;
}

.mix_dog_table {
    text-decoration: underline;
}

.number_list {
    list-style-type: decimal;
    padding-left: 2em;
    text-align: left;
}


.marker {
    background: linear-gradient(transparent 70%, #ffff66 70%);
}


/* !ボタン  ---------------------------------------------------------------- */
.nav_inner {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

#page .nav_inner .scroll {
    padding: 0;
}

.nav01,
.nav02,
.nav03 {
    display: block;
    color: #50B9BF;
    padding: 40px;
    border: solid 1px #50B9BF;
    text-align: center;
}

.nav01::after {
    background: #50B9BF;
}

.nav01 a {
    display: block;
    text-decoration-line: none;
}

.nav02 a {
    display: block;
    text-decoration-line: none;
}

.nav03 a {
    display: block;
    text-decoration-line: none;
}

@media screen and (max-width: 727px) {
    .nav_inner {
        justify-content: space-around;
    }

    #page .nav_inner .scroll {
        width: 48%;
        display: inline-block;
        padding: 0;
    }

    #webpage .nav_inner {
        margin-top: 5%;
        justify-content: flex-start;
    }

    #webpage .nav_inner .scroll {
        width: 48%;
        display: inline-block;
        padding: 0;
    }

}


/*にぎわいツール*/
.iframe_wrapper {
    margin-top: 30px;
}

.iframe {
    position: relative;
    width: 90%;
    /* 横幅は100%で固定 */
    height: 0;
    /* 高さは0にしておく(padding-topで高さを指定するため) */
    padding-top: 70%;
}


@media screen and (max-width: 1080px) {
    .iframe_wrapper {
        padding: 30px 20px 0;
    }

}

@media screen and (max-width: 728px) {
    .iframe_wrapper {
        padding: 0 5%;
    }
}







/*2カラムレイアウト*/

article#webpage>.second-wrap,
.second-wrap {
    display: flex;
    gap: 24px 40px;
    margin-top: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0;
    justify-content: center;
}

article#webpage>.second-wrap.fat,
.second-wrap.fat {
    align-items: flex-start;
}

.second-wrap .second-in {
    width: calc(100% / 2 - 20px);
    list-style-type: none;
    display: block;
    justify-content: center;
}

.second-wrap .second-in figure {
    margin: 0;
}



.second-wrap .second-in-list {
    width: 69%;
}

.second-wrap .second-in-img {
    width: auto;
    max-width: 240px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .second-wrap {
        gap: 20px;
        justify-content: center;
    }

    .second-wrap .second-in {
        width: 100%;
        max-width: initial;
    }

    .second-wrap .second-in img {
        max-width: 80%;
        margin: 0 auto;
        display:block;
    }



    .second-wrap-sp_reverse {
        flex-direction: column-reverse;
    }


    .plan50_wrap,
    .plan70_wrap,
    .plan100_wrap {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 480px) {
    .second-wrap .second-in img {
        max-width: 100%;
    }

    .commonFixedArea .btn_insurance_Document a img {
        max-width: 170px;
    }

    .commonFixedArea .btnList-insurance li {
        padding: 6px 0;
    }

}




/*3カラムボタン*/
.three-btn {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}

.three-btn li {
    width: calc(100% / 3);
    font-size: 18px;
    line-height: 1.2;

}



.three-btn li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 16px;
    background: #50b9bf;
    border: 1px solid #50b9bf;
    box-shadow: 0 4px 0px #909090;
    transition: all .5s ease;
    position: relative;
    border-radius: 3px;
}

.three-btn li a .txt {
    display: block;
    font-weight: 600;
}

.three-btn li a::before {
    content: "";
    position: absolute;
    margin: auto;
    vertical-align: middle;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    transition: all .5s ease;
}

.three-btn li a:hover {
    color: #50b9bf;
    background: #FFF;
}

.three-btn li a:hover::before {
    border-top: 2px solid #50b9bf;
    border-right: 2px solid #50b9bf;
}


@media screen and (max-width: 929px) {
    .three-btn {
        flex-wrap: wrap;
        gap: 20px;
        max-width: 320px;
        margin: 0 auto;
    }

    .three-btn li {
        width: 100%;
    }


    @media screen and (max-width: 767px) {
        .three-btn li {
            font-size: 16px;
        }
    }


}


/*ページ内リンク*/


/*ページ内リンク*/
.In-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 auto 40px;
    max-width: 800px;
}

.In-page li {
    width: 100%;

    font-size: 1.2rem;
    letter-spacing: 0.05em;
    padding: 0;
    font-weight: 700;
    /*background: #50B9BF;*/
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    transition: all 0.3s ease;
    height: 50px;
    border: none;
}

/*.In-page li:hover {
	background: #FFF;
	border: solid 2px #50B9BF;
}*/

.In-page li a {
    display: flex;
    align-items: center;
    justify-content: center;
    /*	padding: 16px 8px;*/
    width: 100%;
    color: #50B9BF;
    height: 100%;
    box-sizing: border-box;

    border: solid 1px #50B9BF;
    text-decoration: none;
}

.In-page li a:hover {
    color: #50B9BF;
}

.In-page li a:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 100%;
    background: #50B9BF;
    left: 0px;
}

.In-page li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 4px;
    top: 0px;
    /*    right: 0;*/
    left: 24px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: translateX(-50%) rotate(135deg);
    transition-duration: 0.3s;
}

.In-page li a:hover::after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    bottom: -10px;
}

.In-page .nav01::after {
    background: none;
}


@media screen and (max-width: 767px) {
    .In-page {}

    .In-page li {
        width: 100%;
        margin: 0 0 10px;
        font-size: 1.0rem;
    }

    .In-page li a {
        /* padding: 5% 2% 0% 27%; */
        /* align-items: center; */
        justify-content: flex-start;
        text-align: left;
        padding-left: 23%;
        line-height: 1.3;
    }

    .In-page li a:before {
        content: "";
        position: absolute;
        /* width: 26%; */
        /* height: 95%; */
        background: #50B9BF;
        /* left: 0.5%; */



        height: 100%;
    }

    .In-page li::after {
        bottom: 30px;
        width: 14px;
        height: 14px;
    }
}

/*お客さまサービスセンター*/
.inquiry_support01 .service_tel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.inquiry_support01 .service_tel .free_phone {
    color: #e74069;
    font-size: 11px;
    border: solid 1px #e74069;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    height: 31px;
    border-radius: 6px;
}

@media screen and (max-width: 728px) {
    .inquiry_support01 .service_tel .free_phone {}
}

.inquiry_support01 .service_tel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.inquiry_support01 .service_tel .free_phone {
    color: #e74069;
    font-size: 11px;
    border: solid 1px #e74069;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    height: 31px;
    border-radius: 6px;
}

@media screen and (max-width: 728px) {
    .inquiry_support01 .service_tel .free_phone {}
}




.youtube_area {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.youtube_area iframe {
    width: 100%;
    height: 100%;
}





/*FAQツールの強制上書き*/
@media screen and (max-width: 728px) {
    .helpfeel-backdrop {
        width: auto !important;
    }

    .helpfeel-modal iframe {
        width: 90% !important;
        margin: 0 auto;
        width: auto !important;
    }
}

@media screen and (max-width: 360px) {
    .helpfeel-modal-close-button {
        right: 20px !important;
    }
}




/*SNSシェアボタン*/

.share-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin: 40px 20px;
}

.share-area h3 {
    font-weight: 400;
}

article#webpage .share-area a {
    color: #FFF;
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
    width: calc(100% / 5 - 16px);
    text-align: center;
}

.share-area a:hover {
    opacity: 0.8;
}

.share-area .share-facebook {
    background: #1877F2;
    box-shadow: 0 5px 0 #084A9A;
}

.share-area .share-twitter {
    background: #000000;
    box-shadow: 0 4px 0 #8f8f8f;
}

.share-area .share-line {
    background: #06c755;
    box-shadow: 0 5px 0 #036229;
}


.share-area .share-hatena {
    background: #5279E7;
    box-shadow: 0 5px 0 #1A43B6;
}



@media screen and (max-width: 800px) {
    .share-area h3 {
        width: 100%;
        text-align: center;
    }

    article#webpage .share-area a {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

}




body.active {
    width: 100%;
    height: 100%;
    position: fixed;
}


body {
    position: relative;
}





/*年末サーバーメンテナンスに伴う緊急対応*/
.notice_area_emergency {
    margin: 1% auto;
    border: solid 1px #f22400;
    border-radius: 5px;
    color: #f22400;
    padding: 20px;
    max-width: 930px;
}


.notice_area_emergency .notice_area_emergency-heading {
    font-size: 1rem;
    text-align: center !important;
}

.notice_area_emergency .notice_area_emergency-heading span {
    text-decoration: underline;
}

.notice_area_emergency .notice_area_emergency-area {
    margin: 20px 0px 0px;
}

.notice_area_emergency .notice_area_emergency-area .notice_area_emergency-txt {
    font-size: 1rem;
    text-align: center !important;
    margin: 10px 0 0;
}




.notice_area_emergency-heading:hover {
    cursor: pointer;
}

@media screen and (max-width:728px) {
    .notice_area_emergency {
        margin: 4%;
        padding: 4%;
    }

    .notice_area_emergency .notice_area_emergency-area .notice_area_emergency-txt02 {
        text-align: left !important;
    }
}



#content .cv_inner .btn_application01 a:hover {
    background: #e74069;
}

#content .cv_inner .btn_catalog01 a:hover {
    background: #fffa82;
}


#content .cv_inner .btn_application01 a:hover::before {
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
}





#content .inquiry_note {
    margin: 40px 0 24px;
}

/*table*/
.table01 {
    border-top: 1px solid #aaa;
}

.table01 dl {
    width: 100%;
    display: table;
    font-size: 18px;
}


.table01 dt {
    width: 20%;
    padding: 16px;
    background: #C8E7E7;
    border-left: 1px solid #aaa;
    text-align: center;
    letter-spacing: 0.08em;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.table01 dd {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 16px;
}

.attention_label {
    color: #000;
    background: #FFFF00;
    padding: 2px;
    border: solid 1px #000;
    width: 48px;
    box-sizing: border-box;
    font-size: 0.8rem;
    margin: 0;
    border-radius: 3px;
    font-weight: 400;
    flex: 1;
}

#main .h2_basic01:first-child {
    margin-top: 0;
}

@media screen and (max-width:728px) {



    .table01 dl,
    .table01 dt,
    .table01 dd {
        display: block;
        width: 100%;
    }

    .table01 dd {
        border-left: 1px solid #aaaaaa;
    }

    .table01 .odd td {
        background: none;
    }

    .box_table {
        padding: 0;
    }

}



.hd_inner01 img {
    height: auto
}

#content .sakikuni {
    border: #cccccc 1px solid;
    padding: 10px;
    font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, sans-serif;
}





@media screen and (max-width: 728px) {
    #content .sakikuni {
        text-align: left;
    }
}

.not_found #heading {
    font-weight: 600;
    border-bottom: 2px solid #50B9BF;
    font-size: 1.8rem;
    text-align: left;
    padding-bottom: 16px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 24px;
    background: none;
    outline: none;
    width: 100%;
    max-width: 930px;
    margin-top: 20px !important;
}

.not_found figure {
    padding-bottom: 20px;
}


.not_found .mygo_btn {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 15px 20px;
    background: #F27293;
    border-radius: 10px;
    width: 50%;
    margin: 0 auto;
    line-height: 1.4;
    margin-bottom: 20px;
}

.not_found .copy {
    text-align: center;
    font-size: 0.95rem;
}

@media screen and (max-width: 728px) {
    .not_found {
        padding: 0 4%;
    }

    .not_found #heading {
        font-size: clamp(24px, 1.6vw, 30px);
    }

    .not_found .mygo_btn {
        width: 80%;
        text-align: justify;
    }
}

/*タグ入力用ページのh1下のpadding解消用css*/
.h1_basic01+section>.h2_basic01 {
    margin: 0 0 24px 0;
}




picture {
    margin: 0 0 32px;
    display: block;
    text-align: center;
}



/*記事だけのクラス*/
article.article p em {
    border: 1px solid #50B9BF;
    background: #eaf7f7;
    padding: 40px 16px 16px;
    position: relative;
    margin-bottom: 1em;
    font-size: 1.0rem;
    font-weight: 400;
    box-shadow: 0px 8px 10px -5px #ccc;
    display: block;
    color: #000000 !important;
}

article.article p em::before {
    content: "関連記事";
    position: absolute;
    left: 0;
    top: 0;
    background: #50B9BF;
    color: #FFF;
    padding: 2px 8px;
    font-size: 0.9rem;
    font-weight: 300;
}





/*お知らせのテーブル*/
.campaignNewsTable {
    font-size: 1.0rem;
    margin: 0 24px;
}


.campaignNewsTable th {
    text-align: left;
    width: 10em;
    padding: 0.7em 0;
    letter-spacing: 0.05em;
    border-bottom: 1px dashed #ccc;
}


.campaignNewsTable td {
    text-align: left;
    padding: 0.7em 0;
    letter-spacing: 0.05em;
    border-bottom: 1px dashed #ccc;
}

.campaignNewsTable ul {
    list-style: disc;
    margin: 0% 0 0 5%;
}

@media screen and (max-width: 728px) {


    .campaignNewsTable {
        margin: 0 4%;
    }

    .campaignNewsTable th {
        display: block;
        padding: 0.7em 0 0;
        width: 100%;
        border-bottom: 0;
    }

    .campaignNewsTable td {
        display: block;
        padding: 0.3em 0 0.7em;
    }

    ul.list {
        margin: 6px 0 12px;
    }

    ul.list li {
        font-size: 18px;
    }
}

/*ここから追記　2024年5月17日*/

ul.disc {
    padding-left: 1.6em;
    list-style-type: disc;
}

/*ここから追記 2024年6月26日 申込みページ用header*/

#header .nav-header__conversion,
#header .nav-header__container {
    display: none;
}

#header #top1 a,
#header address a {
    display: block;
}

#top-inner {
    width: 100%;
    max-width: 930px;
    margin-inline: auto;
    position: relative;
}

#top-inner #top1 {
    padding: 10px 20px;
}

#top-inner #top1 .catch {
    font-size: 12px;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
}

#top-inner #top1 .logo {
    width: 60%;
    max-width: 200px;
}

#header .nav-header__hamburger {
    width: 48px;
    height: 59px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(../../indexfile/images/btn_menu01_sp.gif) no-repeat;
    background-size: contain;
    position: absolute;
    top: 58%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

#header .nav-header__hamburger:hover,
#header .nav-header__overlay__btn:after {
    cursor: pointer;
}

#header .nav-header__container {
    width: 500px;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#header .nav-header__conversion,
#header .nav-header__container {
    display: grid;
    grid-template-rows: repeat(3, auto) 50px;
}

#header .nav-header__positioning {
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -120%;
    z-index: 1000;
    transition: right 0.2s;
    -webkit-transition: right 0.2s;
    -o-transition: right 0.2s;
    -moz-transition: right 0.2s;
    -ms-transition: right 0.2s;
}

#header .nav-header.nav-active .nav-header__positioning {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: right 0.2s;
    -o-transition: right 0.2s;
    transition: right 0.2s;
    z-index: 1000;
}

#header .nav-header__conversion {
    width: 100%;
    position: inherit;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    align-items: stretch;
    gap: 0;
}

#header .nav-header__conversion li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
    display: grid;
    align-items: center;
}

#header .nav-header__conversion li a {
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px 10px 10px;
}

#header .nav-header__conversion li a:hover {
    opacity: 0.8;
}

#header .nav-header__conversion li a::before {
    display: none;
}


#header .nav-header__conversion__item--application a:after {
    content: '';
    width: 10px;
    height: 6px;
    display: inline-block;
    background: url(../img/ico_arrow03_sp.png) center center no-repeat;
    background-size: 6px 10px;
    position: absolute;
    top: 18px;
    right: 10px;
}

#header .nav-header__conversion__item--catalog a:after {
    content: '';
    width: 10px;
    height: 6px;
    display: inline-block;
    background: url(../img/ico_arrow02_sp.png) center center no-repeat;
    background-size: 6px 10px;
    position: absolute;
    top: 18px;
    right: 10px;
}

#header .nav-header__conversion__item--contract a:after {
    content: '';
    width: 10px;
    height: 6px;
    display: inline-block;
    background: url(../img/ico_arrow02_sp.png) center center no-repeat;
    background-size: 6px 10px;
    position: absolute;
    top: 18px;
    right: 10px;
}

#header .nav-header__global-nav {
    margin: 0 auto;
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    gap: 0;
}

#header .nav-header__global-nav__item {
    width: 100%;
    height: auto;
    display: grid;
    align-items: center;
    text-align: left;
    background: #82d7dc;
    background-image: none;
    border: none;
    border-bottom: 1px solid #fff;
}

#header .nav-header__global-nav__item a {
    width: auto;
    height: 100%;
    padding: 10px 20px 10px 10px;
    color: #333;
    display: block;
    font-weight: 400;
    text-decoration: none;
    line-height: 2;
    position: relative;
}

#header .nav-header__global-nav__item a:after {
    content: '';
    width: 10px;
    height: 6px;
    display: inline-block;
    background: url(../img/ico_arrow03_sp.png) center center no-repeat;
    background-size: 6px 10px;
    position: absolute;
    top: 18px;
    right: 10px;
}

#header .nav-header__sub-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ecf9fa;
    display: grid;
    grid-template-rows: repeat(8, 1fr);
}

#header .nav-header__sub-nav__item {
    padding: 0;
    font-size: 14px;
    line-height: 1;
    border-right: none;
    border-bottom: 1px solid #82d7dc;
    display: grid;
    align-items: center;
}

#header .nav-header__sub-nav__item a {
    padding: 10px 20px 10px 10px;
    display: block;
    line-height: 1.5;
    position: relative;
}

#header .nav-header__sub-nav__item a:after {
    content: '';
    width: 10px;
    height: 6px;
    display: inline-block;
    background: url(../img/ico_arrow01_sp.png) center center no-repeat;
    background-size: 6px 10px;
    position: absolute;
    top: 18px;
    right: 10px;
}

#header .nav-header__sns {
    max-height: 50px;
    margin: 0;
    display: flex;
    align-items: center;
    background-color: #50B9BF;
}

#header .nav-header__overlay {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition: z-index .0s;
    -o-transition: z-index .0s;
    transition: z-index .0s;
}

#header .nav-header.nav-active .nav-header__overlay {
    opacity: 0.8;
    z-index: 999;
}

#header .nav-header__overlay__btn:after {
    color: #fff;
    content: '×';
    display: inline-block;
    font-size: 35px;
    left: 7%;
    position: absolute;
    top: 2%;
}

#header .nav-header__overlay__btn:after {
    top: 0;
    left: inherit;
    right: 530px;
}

#header address:not(.phone) {
    padding-block: 10px;
    text-align: center;
    border-top: 1px solid #fff;
}

#header address a {
    display: block;
    pointer-events: none;
}


@media screen and (max-width: 728px) {
    #header #top {
        padding: 6px 20px;
    }

    #top-inner #top1 {
        width: 46%;
        min-width: 120px;
        max-width: 230px;
        padding: 0;
    }

    #top-inner #top1 .catch {
        font-size: 10px;
        letter-spacing: -0.03em;
    }

    #top-inner #top1 a {
        display: block;
    }

    #top-inner #top1 .logo {
        width: 80%;
    }

    #header .nav-header__container {
        width: 80vw;
        min-width: 265px;
        max-width: calc(100vw - 50px);
        overflow-y: scroll;
    }

    #header .nav-header__hamburger {
        top: 58%;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    #header .nav-header__hamburger {
        width: 42px;
        height: 53px;
    }

    #header .nav-header__conversion,
    #header .nav-header__container {
        display: block;
    }

    #header .nav-header__hamburger:hover,
    #header .nav-header__overlay__btn:after {
        cursor: inherit;
    }

    #header .nav-header__positioning {
        height: 85vh;
        overflow-y: auto;
    }

    #header .nav-header__global-nav,
    #header .nav-header__global-nav__item,
    #header .nav-header__sub-nav,
    #header .nav-header__sub-nav__item {
        display: block;
    }

    #header .nav-header.nav-active .nav-header__positioning {
        height: 85vh;
        overflow-y: auto;
    }

    #header .nav-header__overlay__btn:after {
        top: 2%;
        left: 7%;
        right: inherit;
    }

    #header address {
        padding-block: 6px;
    }

    #header address a {
        padding: 0 20px;
        display: block;
        text-align: center;
    }
}

.app_header{
    padding: 16px;
}
.app_header .header_wrap{
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 0 30px;
}
.app_header .logo{
    width: 100%;
    max-width: 352px;
    margin-right: auto;
    text-align: left;
}
.app_header .logo span{
    margin-bottom: 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
}
.app_header .logo a{
    display: block;
    text-decoration: none;
}

.app_footer{
    padding: 16px;
    background: #82d7dc;
}
.app_footer .footer_wrap{
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(auto,300px) auto;
    justify-content: space-between;
    align-items: center;
}
.app_footer .logo{
    width: 100%;
    max-width: 223px;
}
.app_footer .logo a{
    display: block;
}
.app_footer .footer_wrap p{
    color: #333;
    font-weight: normal;
    text-align: right;
}
.app_footer .footer_wrap p small{
    font-size: 13px;
}

@media screen and (max-width: 728px) {
    .app_header{
        padding: 12px 20px 16px;
    }
    .app_header .header_wrap{
        padding: 0;
    }
    .app_header .logo{
        max-width: 230px;
    }
    .app_footer .footer_wrap{
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 8px;
    }
    .app_footer .logo{
        max-width: 200px;
    }
    .app_footer .footer_wrap p{
        text-align: center;
    }
    .app_footer .footer_wrap p small{
        font-size: 9px;
    }
}