@charset "utf-8";
/*===========================
add
===========================*/
/*-----------
   色変更   
-----------*/
/* #F5CB05 #F5CB05 を書き換え */
.txtMincho {
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
/* humberger area*/
.slicknav_menu .slicknav_menutxt { /* MENU文字色　*/
    color: #fff;
}
.slicknav_btn {
    background-color: #F5CB05; /* MENU背景　*/
}
.slicknav_menu {
    background-color: #f2f2f2; /* 背景　*/
}
.slicknav_nav li {
    background-color: #F5CB05; /* ナビ色　*/
}
.slicknav_nav a {
    border-bottom: 1px solid #fcfcfc; /* 下線　*/
}
.slicknav_nav li:first-child {
    border-top: 1px solid #fcfcfc; /* 最初の上線　*/
}
.slicknav_nav .slicknav_row:hover {
    background: #F5CB05;
    color: #fff;
}
.slicknav_nav a:hover {
    background: #F5CB05; /* オーバー時背景色　*/
    color: #fff; /* オーバー時文字色　*/
}
/* column  */
.column1_100p {
    border: 1px solid #e1e1e1;
    background: rgba(255, 255, 255, .9);
}
.column1_80p {
    border: 1px solid #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column1_60p {
    border: 1px solid #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column1_50p {
    border: 1px solid #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column1_40p {
    border: 1px solid #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column1_30p {
    border: 1px solid #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column2_80p {
    border: 3px double #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column2_60p {
    border: 3px double #F5CB05;
    background: rgba(255, 255, 255, .9);
}
.column3_80p {
    border: 4px dashed #F5CB05;
    background: rgba(255, 255, 255, .95);
}
.column3_60p {
    border: 4px dashed #F5CB05;
    background: rgba(255, 255, 255, .95);
}
.column4_80p {
    border: 4px dashed #F5CB05;
    background: rgba(255, 255, 255, .95);
}
.column4_60p {
    border: 4px dashed #F5CB05;
    background: rgba(255, 255, 255, .95);
}
/* table  */
table.table3 th {
    background-color: #FEEDD3;
    color: #333;
}
table.table2 th {
    background-color: #FEEDD3;
    color: #333;
}
.tdColorBeige {
    background: #FEF8E9 !important;
    text-align: center;
    vertical-align: middle;
}
table.table2 td.tdBgC01 {
    background-color: #FFF;
}
table.table2 td.tdBgC02 {
    background-color: #EEE;
}
table.table2 td.tdBgC03 {
    background-color: #DDD;
}
table.table2 td.tdBgC04 {
    background-color: #CCC;
}
table.table2 td.tdBgC05 {
    background-color: #BBB;
}
/* addon-circle */
.circle-big::before {
    color: #FFF;
    background: #F5CB05;
}
ol.liFeature li::before {
    color: #FFF;
    background: #F5CB05;
}
/* buttons */
.txtBnr a {
    background-color: #F5CB05;
}
.txtBnr2 a {
    color: #FFF;
    background-color: #F5CB05;
    margin: 0.4em 0;
}
.txtBnr3 a {
    color: #FFF;
    background-color: #F5CB05;
}
.txtBnrInline a {
    color: #FFF;
    background-color: #F5CB05;
}
/* contactBtn */
.txtContacBnr a {
    color: #FFF;
    background-color: #F5CB05;
}
.txtContacBnrPC {
    color: #FFF;
    background-color: #F5CB05;
}
/* catch */
h3.h3Catch1 {
    color: #F5CB05;
}
h3.h3Catch2 {
    color: #F5CB05;
}
/* catchiphrase */
.catch1 {
    color: #F5CB05;
}
.catch2 {
    color: #F5CB05;
}
.catchS {
    color: #F5CB05;
}
/* list */
ul.liCircle li::before {
    background: #F5CB05;
}
ul.liOrangeFlaot li::before {
    color: #F5CB05;
}
/* flow */
.area_flowC .inner_flow {
    background: rgba(250, 250, 250, .85);
}
.area_flowC .inner_flow .largeTxt {
    color: #F5CB05;
    border-bottom: 1px dotted #CCC;
}
/* .fbox */
.fbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fbox_1_1 > * {
    width: 46%;
    margin: 0 2%;
    margin-bottom: 30px;
}
.fbox_2_1 > *:first-child {
    width: 65%;
}
.fbox_2_1 > *:last-child {
    width: 33%;
}
.fbox_1_2 > *:first-child {
    width: 33%;
}
.fbox_1_2 > *:last-child {
    width: 65%;
}
.fbox_3 > * {
    width: 32%;
}
.fbox_reverse {
    display: flex;
    align-items: center;
}
.fbox_reverse > div {
    width: 50%;
}
.fbox_reverseWrap > .fbox_reverse:nth-child(even) {
    flex-direction: row-reverse;
}
.fbox_reverseWrap > .fbox_reverse div:nth-child(odd) {
    padding: 30px;
    box-sizing: border-box;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .fbox_3 > *, .fbox_2_1 > *, .fbox_1_2 > *, .fbox_1_1 > * {
        width: 100% !important;
    }
    .fbox_3 > * + *, .fbox_2_1 > *:last-child, .fbox_1_2 > *:last-child, .fbox_1_1 > *:last-child {
        margin-top: 20px !important;
    }
    .fbox_reverse {
        display: block;
    }
    .fbox_reverse > div {
        width: 100%;
    }
    .fbox_reverseWrap > .fbox_reverse div:nth-child(odd) {
        padding-left: 0;
        padding-right: 0;
    }
}
.res-img90 {
    width: 90% !important;
    height: auto !important;
}
.res-img80 {
    width: 80% !important;
    height: auto !important;
}
.res-img70 {
    width: 70% !important;
    height: auto !important;
}
.res-img60 {
    width: 60% !important;
    height: auto !important;
}
.res-img50 {
    width: 50% !important;
    height: auto !important;
}
.res-img40 {
    width: 40% !important;
    height: auto !important;
}
.res-img30 {
    width: 30% !important;
    height: auto !important;
}
.res-img20 {
    width: 20% !important;
    height: auto !important;
}
@media only screen and (max-width: 768px) {
    .res-img90, .res-img80, .res-img70, .res-img60 {
        width: 100% !important;
        height: auto !important;
    }
}
.th30 th {
    width: 30%;
}
/* wp */
.tx-right {
    text-align: right;
}
.titleWrap {
    display: flex;
    align-items: center;
}
.data {
    margin-left: 15px;
    display: inline-block;
}
.title {
    margin-left: 15px;
    display: inline-block;
}
.imghover:hover {
    opacity: 0.6;
    transition: 0.6s;
}
@media only screen and (max-width: 480px) {
    .titleWrap {
        display: block;
        align-items: flex-start;
    }
    span.txtCenter {
        display: block;
    }
    .data {
        margin-left: 0;
        display: block;
    }
    .title {
        margin-left: 0;
        display: block;
    }
}
.box1 {
    background-color: rgba(243, 248, 255, 0.42);
    padding: 2em;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
    border-radius: 15px;
}
.box1 ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
}
.emergencyWrap {
    position: fixed;
    right: 1%;
    bottom: 15%;
    z-index: 1000;
    padding: 10px 30px;
    background-color: #cbc48a;
    border-bottom: 6px solid #fad831;
    border-radius: 12px;
}
@media screen and (max-width: 768px) {
    .emergencyWrap {
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0;
        border: none;
        background-color: #cbc48a;
    }
}
.emergencyWrap > span {
    display: block;
    margin-bottom: 8px;
    margin-top: 3px;
    color: #222;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.emergencyWrap .emergencyBtnWrap {
    display: block;
}
@media screen and (max-width: 768px) {
    .emergencyWrap .emergencyBtnWrap {
        /*display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;*/
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
    }
}
.emergencyWrap a {
    display: block;
    margin-bottom: 0px;
    margin-top: 8px;
    padding: 2px;
    color: #222;
    background-color: #fad831;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .emergencyWrap a {
        margin: 3px 8px;
    }
}
.emergencyWrap a.tel {
    display: block;
    padding: 8px 8px;
    color: #222;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}
.emergencyWrap a.tel .fa-phone-volume {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
}
.emergencyWrap a.tel span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}
.emergencyWrap a.tel:hover {
    background-color: #69d782;
    text-decoration: none;
}
.emergencyWrap a.contact {
    display: block;
    padding: 8px 8px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}
.emergencyWrap a.contact .fa-envelope {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}
.emergencyWrap a.contact span {
    display: inline-block;
    margin-left: 35px;
    display: inline-block;
    vertical-align: middle;
}
.emergencyWrap a.contact:hover {
    background-color: #69d782;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .emergencyWrap a.contact {
        text-align: center;
        padding: 8px 0px 8px 8px;
    }
    .emergencyWrap a.tel span {
        font-size: 14px;
        font-weight: 900;
    }
    .emergencyWrap a.contact span {
        display: block;
        margin-left: 15px;
        text-align: center;
        margin: auto;
    }
    .emergencyWrap a.contact .fa-envelope {
        color: #fff;
        font-size: 20px;
        display: block;
        text-align: center;
        margin: auto;
    }
}
@media screen and (max-width: 340px) {
    .emergencyWrap a.tel span {
        font-size: 13px;
        font-weight: 900;
    }
}


/*　addに追加　*/
.emergencyWrap {
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	    .emergencyWrap .emergencyBtnWrap {
       
        display: flex;
        justify-content: center;
    }
    .emergencyWrap a.tel {
        display: inline-block;
        padding: 8px 8px;
        color: #222;
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: bold;
        box-sizing: border-box;
    }
	footer {
	padding-bottom: 150px;
}

}
@media screen and (max-width: 640px) {
    img {
	width: auto;
	height: auto;		
        
    }
}