@font-face {
font-family: "harenosora";
  src: url("./Dup/img/harenosora.otf") format("otf"),url("./Dup/img/harenosora.woff") format("woff"),url("./Dup/img/harenosora.woff2") format("woff2");
}
.font1{font-family: "harenosora","serif";}
/*--------------------------------
全体
--------------------------------*/
html {font-size: 125%;font-size: 18px;font-weight: 600;}
h1, h2, h3, h4, h5, h6{font-weight: 600;}
#wrap{background-color: #f8f7f9;}
#logo img.width_200{width: 300px;}
#main_menu ul li a{color: #666;}
#main_menu .menu_sub_title.txt_color2{color: #a582c8;}
#main_menu.fixed  .menu_sub_title.txt_color2{color: rgba(255,255,255,0.7);}
#main_menu.fixed{background-color: rgba(130,105,150,0.7)!important;}
#main_menu.fixed ul li a{color: #fff;}
#info_map{
background-image: url(./Dup/img/bg.jpg);
background-size: 35%;
}
#info_map .txt_white{color: #666;}
#logo2 img.width_200-max{max-width: 300px;}
#f_menu ul li a{color: #666;}
#copyright .txt_color2{color: #a582c8;}
/*--------------------------------
TOP
--------------------------------*/
#aisatsu > div{background-color: rgba(230,230,230,0.7)!important;}
#contents1 .contents_box,
#contents2 .contents_box,
#contents3 .contents_box{
background: linear-gradient( 135deg, rgba(165,130,200,0.8) 0%, rgba(165,130,200,0.8) 100%)!important;
margin-left: 50%;
margin-top: -330px;
z-index: 2;
width: 50% !important;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after{background-color: rgba(225,205,155,0.7);}
#top_cms .border_white{border-color: rgba(225,205,155,0.7);}
/*--------------------------------
下層
--------------------------------*/
#main_img2 .page_title{background-color: transparent!important;}

/* 5-c QA削除 */
#cms_5-c.page5 .box_title1::before,#cms_5-c.page5 .box_txt1::before{
display: none;
}
#cms_5-c.page5 .box_title1,#cms_5-c.page5 .box_txt1{
padding-left: 0;
}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.page_title h2{padding-top: 30px;}
#cms_3-e .cate_title{padding-top: 5px;padding-bottom: 7px;}
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
html {font-size: 110%;}
#fakeloader .fl {width: 70%!important;}
#main_menu li a .menu_title{
font-size: -webkit-calc(1rem);
font-size: calc(1rem - 2px);
}
#contents1 .contents_box,
#contents2 .contents_box,
#contents3 .contents_box{
margin-left: 30%;
margin-top: -160px;
width: 70% !important;
}
#f_menu .letter_1_tb{letter-spacing: 0;}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
html {font-size: 100%;}

#contents1 .contents_box,
#contents2 .contents_box,
#contents3 .contents_box{
margin-left: 0;
margin-top: -50px;
width: 100% !important;
}
.page_title h2{width: 50%;}
.page9 .page_title h2{width: 55%;}
}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #a582c8; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #a582c8;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #a582c8;}
.bg_color3 .linkStyle{color: #a582c8;}
.bg_color4 .linkStyle{color: #666;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------カラー--------------------------*/
body,.txt_color_nomal{color: #444!important;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #a582c8} /* メインカラー */
.txt_color2{color: #e1d2e1} /* サブカラー */
.txt_color3{color: #d7c8e6} /* アクセントカラー1 */
.txt_color4{color: #9b8250} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #a582c8}
.border_color2{border-color: #e1d2e1}
.border_color3{border-color: #d7c8e6}
.border_color4{border-color: #e1cd9b}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #444;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #a582c8} /* メインカラー */
.hvr_txt_color2:hover{color: #e1d2e1} /* サブカラー */
.hvr_txt_color3:hover{color: #d7c8e6} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #9b8250} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #a582c8}
.hvr_border_color2:hover{border-color: #e1d2e1}
.hvr_border_color3:hover{border-color: #d7c8e6}
.hvr_border_color4:hover{border-color: #e1cd9b}



.font_14{font-size: 18px;}
.font_16{font-size: 20px;}
.font_18{font-size: 22px;}
.font_20{font-size: 24px;}
.font_22{font-size: 26px;}
.font_24{font-size: 28px;}
.font_26{font-size: 30px;}
.font_28{font-size: 32px;}
.font_30{font-size: 32px;}
.font_100per{
font-size: -webkit-calc(1rem + 4px);
font-size: calc(1rem + 4px);
}
.font_2up{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}
.font_4up{
font-size: -webkit-calc(1rem + 8px);
font-size: calc(1rem + 8px);
}
.font_6up{
font-size: -webkit-calc(1rem + 10px);
font-size: calc(1rem + 10px);
}
.font_8up{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
.font_10up{
font-size: -webkit-calc(1rem + 14px);
font-size: calc(1rem + 14px);
}
.font_2dw{
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
}

@media  screen and (max-width: 768px){
.font_14_tb{font-size: 18px;}
.font_16_tb{font-size: 20px;}
.font_18_tb{font-size: 22px;}
.font_20_tb{font-size: 24px;}
.font_22_tb{font-size: 26px;}
.font_24_tb{font-size: 28px;}
.font_26_tb{font-size: 30px;}
.font_28_tb{font-size: 32px;}
.font_30_tb{font-size: 32px;}
.font_100per_tb{
font-size: -webkit-calc(1rem + 4px);
font-size: calc(1rem + 4px);
}
.font_2up_tb{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}
.font_4up_tb{
font-size: -webkit-calc(1rem + 8px);
font-size: calc(1rem + 8px);
}
.font_6up_tb{
font-size: -webkit-calc(1rem + 10px);
font-size: calc(1rem + 10px);
}
.font_8up_tb{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
.font_10up_tb{
font-size: -webkit-calc(1rem + 14px);
font-size: calc(1rem + 14px);
}
.font_2dw_tb{
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
}
}

@media  screen and (max-width: 667px){
.font_14_sp{font-size: 18px;}
.font_16_sp{font-size: 20px;}
.font_18_sp{font-size: 22px;}
.font_20_sp{font-size: 24px;}
.font_22_sp{font-size: 26px;}
.font_24_sp{font-size: 28px;}
.font_26_sp{font-size: 30px;}
.font_28_sp{font-size: 32px;}
.font_30_sp{font-size: 32px;}
.font_100per_sp{
font-size: -webkit-calc(1rem + 4px);
font-size: calc(1rem + 4px);
}
.font_2up_sp{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}
.font_4up_sp{
font-size: -webkit-calc(1rem + 8px);
font-size: calc(1rem + 8px);
}
.font_6up_sp{
font-size: -webkit-calc(1rem + 10px);
font-size: calc(1rem + 10px);
}
.font_8up_sp{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
.font_10up_sp{
font-size: -webkit-calc(1rem + 14px);
font-size: calc(1rem + 14px);
}
.font_2dw_sp{
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
}
}