﻿.bg_color1 {background-color: #F090B4;}
.bg_color4 {background-color: #F3709C;}
.border_color1 {border-color: #F090B4;}
.border_color2 {border-color: #c1c1c1;}
.border_color3 {border-color: #f3709c;}
.txt_color1 {color: #f3709c;}
.txt_color2 {color: #f3709c;}
.txt_color3 {color: #F090B4;}
.txt_color4 {color: #c1c1c1;}
/* ----------　all　---------- */
.linkStyle{
	color:#F090B4;
}
.linkStyle:hover{
	color:#F090B4;
	opacity: 0.7;
	transition: all 0.5s;
}
body,.font_en {
    font-family: 'Montserrat', sans-serif!important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
#fakeloader{
background: -moz-linear-gradient(-30deg, #f3709c, #e1a083);
    background: -webkit-linear-gradient(-30deg, #f3709c, #e1a083);
    background: linear-gradient(120deg, #f3709c, #e1a083);
}
.spinner7 .circ2{
    background-color: transparent;
background-image: url(Dup/img/dec3.png);
background-size: contain;
height: 25px;
    width: 25px;
}
#main_menu ul li a {
    color: #ffffff;
}
#main_menu ul li a::before {
    background-color: #F090B4;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #f090b4;
}
header{
background: -moz-linear-gradient(-30deg, #f3709c, #e1a083);
    background: -webkit-linear-gradient(-30deg, #f3709c, #e1a083);
    background: linear-gradient(120deg, #f3709c, #e1a083);
}
header .head_box {
    background-image: url(Dup/img/back.png);
    background-repeat: no-repeat;
    background-position: bottom -100px right;
    background-size: 200%;
max-width: 100%;
}
header .head_box .pc_box{
max-width: 300px;
    margin: auto;
    width: 100%;
}
header .tel_bt a{
color: #ffffff;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    background-color: #fff!important;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
    background-color: #F3709C!important;
}
.txt_shadow-b {
    text-shadow: none;
}
.button2:hover {
    box-shadow: none;
    background-color: #f3709c;
    color: #fff;
}
.f_back{
    background-color: #f3f5f4;
}
.foot_tel_bt {
    z-index: 1;
    position: relative;
}
/* ----------　TOP　---------- */
#main_img .txt1:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url(Dup/img/dec.png);
    background-size: contain;
    vertical-align: middle;
    right: 25px;
    position: absolute;
    top: -50px;
}
.contents_back{
background: -webkit-repeating-linear-gradient(-45deg,#f3f5f4 0,#f3f5f4 6px,#fff 6px,#fff 8px);
    background: -o-repeating-linear-gradient(-45deg,#f3f5f4 0,#f3f5f4 6px,#fff 6px,#fff 8px);
    background: repeating-linear-gradient( -45deg ,#f3f5f4 0,#f3f5f4 6px,#fff 6px,#fff 8px);
}
.cms_title {
    padding-left: 55px;
}
.cms_title::before {
content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 0;
    background-image: url(Dup/img/dec2.png);
    background-size: contain;
    vertical-align: middle;
    background-color: transparent;
}

/* ----------　下層ページ　---------- */
#page_title p{
color: #c1c1c1;
}
#page_title .page_box::before {
content: "";
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 0;
    background-image: url(Dup/img/dec2.png);
    background-size: contain;
    vertical-align: middle;
    background-color: transparent;
}
#page_title .page_box {
    padding-left: 80px;
}
#cms_1-a .box_txt1{
    opacity: 1;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_list li a {
    padding: 10px 0 10px!important;
}
#cms_2-b .cate .cate_title {
    padding-top: 15px!important;
}
#cms_5-a .cate .cate_title {
    padding-top: 15px!important;
}
#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 0px!important;
}
#page9 .box p a {
    padding: 5px 5px 5px!important;
}
#page10 ul li a {
    padding: 15px 0 15px!important;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header{
padding-top: 0px!important;
    padding-bottom: 0px!important;
}
header .head_box{
    padding-top: 17px!important;
    padding-bottom: 17px!important;
    background-position: bottom -100px right 50px;
    background-size: 50%;
}
#main_img .txt1:before {
    width: 45px;
    height: 45px;
    right: 30px;
    top: -40px;
}
#page_title .page_box::before {
    width: 50px;
    height: 50px;
}
#page_title .page_box {
    padding-left: 70px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header .head_box {
    background-size: 70%;
}
#main_img .txt1:before {
    width: 25px;
    height: 25px;
    right: -15px;
    top: -20px;
}
.txt1 {
    width: 80%;
}
#page_title .page_box {
    padding-left: 50px;
}
#page_title .page_box::before {
    width: 40px;
    height: 40px;
}
}