/*color------------------------------------------------------------------------*/
/*背景*/
.back_color {
    background: -webkit-gradient(linear, rgba(247,254,255,0.5) 0%, rgba(247,254,255,0.9) 20%, rgba(247,254,255,0.9) 80%,rgba(247,254,255,0.5) 100%);
    background: -webkit-linear-gradient(rgba(247,254,255,0.5) 0%, rgba(247,254,255,0.9) 20%, rgba(247,254,255,0.9) 80%,rgba(247,254,255,0.5) 100%);
    background: linear-gradient(rgba(247,254,255,0.5) 0%, rgba(247,254,255,0.9) 20%, rgba(247,254,255,0.9) 80%,rgba(247,254,255,0.5) 100%);}
    
/* color */
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #03142e;}
.txt_color1,.hvr_txt_color1:hover{color: #144693;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #fff;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #a1cee8;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #e4e9f3;} /* アクセントカラー2 */
/* background-color */
.bg_black,.hvr_bg_black:hover{background-color: #03142e;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #144693;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #fff;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #a1cee8;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #e4e9f3;} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #144693 !important;}
.border_color2,.hvr_border_color2:hover{border-color: #c5cddd !important;}
.border_color3,.hvr_border_color3:hover{border-color: #a1cee8 !important;}
.border_color4,.hvr_border_color4:hover{border-color: #e4e9f3 !important;}

.catch_txt h2,.cms_title{color: #144693 !important;}
.catch_txt { color: #03142e;}
#header {background-color: rgba(20,70,147,0.8);}
.g-menu-btn:after {background: rgba(255, 255, 255,0.5);
                   border: 1px solid #144693;}
.g-menu-btn .dot span{background-color: #144693;}
.g-menu {background: rgba(20,70,147,0.9);}
#main .sns_link li,#page_title .sns_link li {background-color: #144693;}
.top_cms_box,.catch_txt{background-color: rgba(247,254,250,0.5);}
#contents .box .box_item:after {background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #144693 50.5%) no-repeat top left/100% 100%;}
#contents .box .box_item:before {background-color: rgba(99,119,157,0.8);}

#page_title:before{background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #e4e9f3 50.5%)}
main.bg_color1 {background: #e4e9f3;}
#page_title:after {background-color: rgba(247,254,255,0.7);}


/*linkStyle*/
a.linkStyle {
    color: #144693;
    transition: 0.5s;
    border-bottom:solid 1px;
}
a.linkStyle:hover {
    color: #144693;
    transition: 0.5s;
    border-bottom:solid 1px;
}


/*color------------------------------------------------------------------------*/

/*font------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,.en_font,.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
body {font-family: 'Zen Kaku Gothic Antique',"Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*font------------------------------------------------------------------------*/

/*all*/

footer{overflow: hidden;}

footer::before {
    background-image: url(dup/img/main.png);
    content: '';
    position: absolute;
    width: 65%;
    height: 100%;
    opacity: 0.1;
    background-size: contain;
    background-repeat: no-repeat;
    right: -20%;}

footer{    background: rgba(34,89,173,1);
    background: linear-gradient(90deg, rgba(34,89,173,1) 0%, rgba(31,85,168,1) 11%, rgba(20,70,147,1) 100%);}
    
.logo img {width: 60% !important;}

div#footer {padding: 0;}

.f_info_wrap .logo {text-align: center;}

@media screen and (max-width: 1500px){
.menu-body .font_25up {
    font-size: -webkit-calc(1rem + 19px);
    font-size: calc(1rem + 19px);
}
}

/*all*/


/*top--------------------------------------------------------------------------*/

/*-----main-----*/
.main_box,.sns_link{
    z-index: 2;}
#main::before {
    content: '';
    background: rgba(255,255,255,1);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 10%, rgba(255,255,255,0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0.8;
    mix-blend-mode: screen;
}

#main::after {
    background-image: url(dup/img/main_img.png);
    content: '';
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    opacity: 0.4;
    background-repeat: no-repeat;
    mix-blend-mode: hard-light;
}
/*-----main-----*/

/*-----con-----*/

.catch_txt h2 {
    text-align: center;
    position: relative;}
.catch_txt h2::before {
    background: #144693;
    background: rgba(34,89,173,1);
    background: linear-gradient(90deg, rgba(34,89,173,1) 0%, rgba(31,85,168,1) 11%, rgba(20,70,147,1) 100%);
    width: 8%;
    height: 1px;
    content: '';
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -40%;
    transform: translate(-50%, -50%);}

.catch_txt p {padding-top: 15px;}
.catch_txt{    overflow: hidden;}
.catch_txt::before {
    background-image: url(dup/img/main.png);
    content: '';
    position: absolute;
    width: 77%;
    height: 102%;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0%;
    top: 0;
    opacity: 0.7;
}

.no {
    background: rgba(34,89,173,1);
    background: linear-gradient(90deg, rgba(34,89,173,1) 0%, rgba(31,85,168,1) 11%, rgba(20,70,147,1) 100%);}


section#contents .box{position:relative;
                     overflow: hidden;}

section#contents .box::before {
    content: '';
    position: absolute;
    width: 355px;
    height: 400px;
    background-image: url(dup/img/gia.png);
    top: -30%;
    right: -5%;
    z-index: 1;
    opacity: 0.4;
    background-size: contain;
    background-repeat: no-repeat !important;
}

/*-----con-----*/

/*-----cms-----*/

#top_cms{position:relative;}

section#contents {padding-bottom: 150px;}

section.top_cms_box {background: transparent;}
section.top_cms_box::before {
    width: 102%;
    height: 102%;
    background: rgba(247,254,250,0.5);
    position: absolute;
    content: "";
    z-index: -7;
    transform: skewY( 2deg );
    bottom: 0%;
    left: -1%;
    opacity: 0.8;}

.top_cms_box .more a {
    background: rgba(34,89,173,1);
    background: linear-gradient(90deg, rgba(34,89,173,1) 0%, rgba(31,85,168,1) 11%, rgba(20,70,147,1) 100%);}

/*-----cms-----*/

/*top--------------------------------------------------------------------------*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*sub--------------------------------------------------------------------------*/
.content_wrap {background-color: rgba(255, 255, 255, 0.95);}
.more a {
    padding: 18px 24px;
    font-size: 18px}
.more a:after { width: 12%;}
#cms_2-a .cate {margin-bottom: 100px;}
#cms_3-b h4.box_title2 {color: #46a6dd;}

.content_wrap  {
    background-color: #fff;
    background-image: url(./Dup/img/gia2.png);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: right -75px top -125px ;
}

/*sub--------------------------------------------------------------------------*/


/*タブレット*/
@media screen and (max-width: 768px){
 .menu-body .font_25up {
    font-size: -webkit-calc(1rem + 7px);
    font-size: calc(1rem + 7px);}
#contents .box .box_item:after {left: -1px;}
section#contents .box::before {
    width: 275px;
    height: 310px;}
#page_title:before{bottom: -1px;}
.page_title_box .font_30up {
    font-size: 35px;
    padding-bottom: 22px;}
.more a {
    padding: 15px 0;
    font-size: 20px;}
    
.logo img {width: 65% !important;}
.content_wrap {
    background-size: 300px;
    background-position: right -50px top -80px;}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*スマホ*/
@media screen and (max-width: 667px){
    
/*背景*/
.back_color {
    background: -webkit-gradient(linear, rgba(247,254,255,0.4) 0%, rgba(247,254,255,0.7) 20%, rgba(247,254,255,0.7) 80%,rgba(247,254,255,0.4) 100%);
    background: -webkit-linear-gradient(rgba(247,254,255,0.4) 0%, rgba(247,254,255,0.7) 20%, rgba(247,254,255,0.7) 80%,rgba(247,254,255,0.4) 100%);
    background: linear-gradient(rgba(247,254,255,0.4) 0%, rgba(247,254,255,0.7) 20%, rgba(247,254,255,0.7) 80%,rgba(247,254,255,0.4) 100%);}
        
.catch_txt::before {opacity: 0.9 !important;}
.no,#contents .box .box_item:after{z-index: 2;}

.content_wrap {
    background-size: 250px;
    background-position: right -50px top -80px;}

.page10 .more {
    margin: 10px auto;
    display: flex;}    
    
.more a {
    padding: 15px 0px;
    font-size: 14px;
    letter-spacing: 0;}
    
footer::before {
    background-image: url(dup/img/main.png);
    width: 100%;
    height: 70%;
    opacity: 0.1;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 10%;}
.page_title_box .font_30up {
    font-size: 20px;
    padding-bottom: 15px;
    letter-spacing: 2px;}
.menu-body .font_25up {
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);}
#contents .box .box_item:after {background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #144693 50.5%) no-repeat bottom left/100% 100%;}
.no {
    background: rgba(34,89,173,1);
    background: linear-gradient(180deg, rgba(34,89,173,1) 0%, rgba(31,85,168,1) 11%, rgba(20,70,147,1) 100%);}


section#contents .box::before {
    top: 10%;
    right: -15%;
    opacity: 0.3;
    z-index: 1;
}

.info h2, .contact h2 {font-size: 26px;}
.shop_info .info,.shop_info .contact{padding: 110px 0;}
.cms_title h2 {font-size: 18px;}
.cms_title .letter_3 {
    font-size: 14px;
    letter-spacing: 2px;}
.cms_title .mg_l-10px {
    margin-left: 5px;
    padding-left: 10px;}
#main .sns_link {top: 63.4%;}
#contents .box_item {padding: 70px 20px 30px !important;}
.page_title_box .font_9up {font-size: 13px !important;}
#cms_6-a .box_wrap {padding: 15px 10px !important;}
#cms_3-b .cate_box {padding: 20px !important;}


#main {
    height: 100vh;
    max-height: 40vh;
    position: relative;}
    
h1.logo {
    margin: 0;}
h1.logo img {
    width: 48% !important;}

h2.main_txt {
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
    line-height: 25px !important;
    margin-top: 30px;
}

.more a {
    padding: 9px 0px;
    font-size: 13px;
    letter-spacing: 0;
}

#main::before {
    content: '';
    background: rgba(255,255,255,1);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);}
}

/*IE*/
@media all and (-ms-high-contrast: none){
#main::before {opacity: 0.8 !important;}
#main::after {opacity: 0.2 !important;}
#contents .box:nth-of-type(1){display:flex !important;}
#contents .box:nth-of-type(1){z-index:3 !important;}
#contents .box:nth-of-type(2){z-index:2 !important;}
.clone-nav{z-index:5 !important;}
.tel a{padding-top:5px !important;}
}



/*デ--------------------------------------------------------------------------*/

.flow_type1 .cate_box{border-left:none;background-color: rgba(0,0,0,0);}
.flow_type1 .box_txt1,
.flow_type1 .box_txt2,.flow_type1 .box_title1{padding-left:130px;}

.flow_type1 .box_wrap{
    position: relative;
    padding-left: 30px;
}
.flow_type1 .box_wrap:before{
    content: "";
    display: inline-block;
    height: calc(100% - 0px);
    border-left: 14px solid #f0f9ff;
    position: absolute;
    top: -5px;
    left: 107px
}
.flow_type1 .box_txt1{position:relative;}
.flow_type1 .box_txt1::before,
.flow_type1 .box_txt1::after {
	content: "";
	display: block;
	position: absolute;
	top: 18px;
}
.flow_type1 .box_txt1::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #6b90db;
	border-radius: 50%;
	left: 61.5px;
}
.flow_type1 .box_txt1::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 72px;
}
.flow_type1 .box_description2{
    position: relative;
    border-left: none;
    background-color: rgba(255, 255, 255, 0);
}
.flow_type1 .box_description2 span{
position: absolute;
    display: inline-block;
    width: 90px;
    top: -23px;
    left: -50px;
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
.flow_type1 .flex_order2_tb{
    width: 78%!important;
    margin-left: auto;
}
}
/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.flow_type1 .box_description2 span {
    width: 70px;
}
.flow_type1 .box_wrap{
    padding-left: 23px;
}
.flow_type1 .box_wrap:before {
    left: 22px;
}
.flow_type1 .box_txt1::before, .flow_type1 .box_txt1::after {
    top: 58px;
}
.flow_type1 .box_txt1::before {
    margin-top: -3px;
    left: -17.5px;
}
.flow_type1 .box_txt1::after {
    width: 30px;
    left: -8px;
}
.flow_type1 .box_txt1, .flow_type1 .box_txt2,.flow_type1 .box_title1 {
    padding-left: 30px;
}
.flow_type1 .box_txt1{
    padding-top: 46px;
}
.flow_type1 .flex_order2_tb {
    width: 87%!important;
}
}


.g-menu-btn.active {
    position: fixed;
}



section#cms_6-a .cate:last-of-type {
    margin-bottom: 50px !important;
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    section#cms_6-a .cate_wrap:last-of-type {margin-bottom: 50px !important;}
    
.header_menu li a.bg_color1 {padding: 5px 10px;}
}
/*デ--------------------------------------------------------------------------*/





/*20220323*/
.page7 p {
    color: #030d1d !important;
}