.hannari {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f9cfd1} /* メインカラー */
.txt_color2{color: #f9e7eb} /* サブカラー */
.txt_color3{color: #f39f89} /* アクセントカラー1 */
.txt_color4{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f9cfd1} /* メインカラー */
.bg_color2{background-color: #f9e7eb} /* サブカラー */
.bg_color3{background-color: #f39f89} /* アクセントカラー1 */
.bg_color4{background-color: #FFF7F0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #f9cfd1}
.border_color2{border-color: #f9e7eb}
.border_color3{border-color: #f39f89}
.border_color4{border-color: #FFF7F0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f9cfd1} /* メインカラー */
.hvr_txt_color2:hover{color: #f9e7eb} /* サブカラー */
.hvr_txt_color3:hover{color: #f39f89} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #f9cfd1} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f9e7eb} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f39f89} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FFF7F0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f9cfd1}
.hvr_border_color2:hover{border-color: #f9e7eb}
.hvr_border_color3:hover{border-color: #f39f89}
.hvr_border_color4:hover{border-color: #FFF7F0}




#fix_bnr {
    bottom: 0px;
    left: 35px;
    z-index: 5;
    width: 350px;
}
.linkStyle {
    color: #2faca1;
}
.tel_box .txt_color1 {
    color: #de7d6c;
}
header.scr_header {
    background-color: rgba(249,207,209,0.8) !important;
}
.line:before {
    background-color: rgba(249,231,235,1) !important;
}
#contents1_wrap .con_title h3, #contents2_wrap .con_title h3 {
    color: #d57a69;
}
#cms_3-a .box_title1 {
    color: #de7d6c;
}
#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
     background-color: rgba(70,70,70,0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#wrap {
    background-color: #fff8ee;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f4ad";
    top: -3px;
    left: -30px;
}
.menu .bg_white {
    background-color: rgba(254, 247, 238, 0.5);
}
#cms_2-e .bg_color2, .cms_2-e .bg_color2 {
    background-color: #fef5f3;
}
#video {
    width: 1000px;
    position: relative;
    z-index: 2;
}
.video {
    margin-top: 100px;
}
#video::before {
    content: '';
    width: 100%;
    background: repeating-linear-gradient( 45deg, #fff8ee, #fff8ee 6px, #fce4e0 6px, #fce4e0 13px );
    display: block;
    position: absolute;
    right: 7px;
    bottom: -2px;
    top: 20%;
    transition: all 200ms ease;
    z-index: -1;
}
#info_contact .con_box {
    width: 38.5%;
    margin-right: 5%;
    box-sizing: border-box;
}
#intro_wrap {
    padding-top: 7%;
    padding-bottom: 7%;
    border-radius: 64% 48% 55% 41%;
    box-shadow: 0px 0px 20px #ffedeb;
}
.portrait_img, #contents2 .con_img, #contents3 .con_box {
    border-radius: 50px;
}
.num {
    opacity: 0.8;
    text-shadow: 2px 2px 4px #d57a69;
    /*text-shadow: 
    #fef6ee 2px 0px 0px, #fef6ee -2px 0px 0px,
    #fef6ee 0px -2px 0px, #fef6ee 0px 2px 0px,
    #fef6ee 2px 2px 0px, #fef6ee -2px 2px 0px,
    #fef6ee 2px -2px 0px, #fef6eek -2px -2px 0px,
    #fef6ee 1px 2px 0px, #fef6ee -1px 2px 0px,
    #fef6ee 1px -2px 0px, #fef6ee -1px -2px 0px,
    #fef6ee 2px 1px 0px, #fef6ee -2px 1px 0px,
    #fef6ee 2px -1px 0px, #fef6ee -2px -1px 0px,
    #fef6ee 1px 1px 0px, #fef6ee -1px 1px 0px,
    #fef6ee 1px -1px 0px, #fef6ee -1px -1px 0px;*/
}
.num:after {
    position: absolute;
    content: "";
    width: 165px;
    height: 58px;
    top: 10px;
    left: -33px;
    background-image: url(./Dup/img/check.png);
    background-repeat: no-repeat;
    background-size: 76px;
}
.tel_box {
    max-width: 400px;
    background-color: #fef7ee;
    border-radius: 20px;
    padding: 10px;
}
.catch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    font-size: 23px;
    background-color: #00a496;
    width: 700px;
    text-align: center;
    color: #fff;
}


.catch {
    position: absolute;
}
.menu .bg_white {
    height: 500px;
}
.width_700-max {
    width: 100%;
    max-width: 700px;
}
#pc_nav li .txt_white {
    color: #ffffff;
}
header.scr_header #pc_nav li .txt_white {
    color: #00a496;
}
#contents3 .con_box {
    z-index: 1;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: rgba(255,255,255,0.9);
}
.maru1 {
    bottom: -102px;
    right: -58px;
    width: 357px;
    opacity: 0.4;
}
.maru2 {
    opacity: 0.4;
    /* top: 0; */
    left: -105px;
    bottom: -190%;
}
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 0.4;
  transform : translate(0, 0);
}






.flow_type3 .cate_title {
    background-color: #fef7ee;
    color: #de7d6c;
    padding-left: 20px;
    border-left: 5px solid #f9cfd1;
    /* font-size: 24px; */
    padding-top: 3px;
}
.flow_type3 .box_wrap {
    margin-bottom: 100px;
}
.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .box_title1::before {
	content: "0"counter(box);
	font-size: 86px;
	color: #fce7e8;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #333;
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}
/* タブレット */
@media screen and (max-width: 768px){
#cms_3-a .cate_box p {
    text-align: right;
}
#video {
    width: 90%;
}
.menu .bg_white {
    height: 300px;
    max-width: 400px;
}
.catch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
    font-size: 24px;
    background-color: #00a496;
    width: 400px;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}
.button_container span {
    background: rgb(46 175 162);
}
.button_container .menu {
    color: #00a496;
}
#contents1_wrap .con_img {
    border-radius: 50px;
}
#tel_txt .grid_3 {
    padding-left: 0px;
}
.page_title_box .font_30 {
    font-size: 29px;
}
.catch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -85px;
    font-size: 24px;
    background-color: #00a496;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}
.menu .bg_white {
    background-color: rgba(254, 247, 238, 0);
}
.pd_t-50px_tb {
    padding-top: 90px;
}
header.scr_header #logo {
    max-width: 200px;
}
.num:after {
    top: -5px;
}
.page8  #nav_menu .overlay {
    background: linear-gradient(135deg, rgba(249,207,209,0.9) , rgba(243,159,137,0.9) );
}
header.scr_header {
    background-color: rgba(249,207,209,0.8) !important;
}
#fix_bnr {
    bottom: 0px;
    left: 6px;
    z-index: 5;
    width: 300px;
}
}

/* スマホ */
@media screen and (max-width: 667px){
    .tel_box {
    padding: 4px;
}
#video {
    width: 100%;
}
.video {
    margin-top: 0px;
}
.menu .bg_white {
    background-color: rgba(254, 247, 238, 0);
}
.catch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -250px;
    font-size: 23px;
    background-color: #00a496;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}
.back1 {
    padding-top: 200px;
}
.maru2 {
    opacity: 0.4;
    /* top: 0; */
    left: 0px;
    bottom: -111%;
    width: 70%;
}
.maru1 {
    bottom: -17px;
    right: -50px;
    width: 254px;
    opacity: 0.4;
}
#intro_wrap {
    padding-top: 7%;
    padding-bottom: 7%;
    border-radius: 50px;
    box-shadow: 0px 0px 20px #ffedeb;
}
#info_contact .con_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.page_title_box .font_30 {
    font-size: 24px;
}
.tel_box .font_10up_sp {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#page_title .page_title_box {
    padding-bottom: 28px;
    width: 270px;
}
header.scr_header #logo {
    max-width: 150px;
}
.top_cms_box:first-of-type {
    padding-top: 0px;
}
.tel_box .pd_10px {
    padding: 10px 0;
}
#tel_txt .pd_20px {
    padding: 20px 10px;
}
#contents1 {
    padding-top: 100px;
}
#contents2 {
    padding-top: 100px;
}
}