@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');

body{font-family: 'Comfortaa', heisei-maru-gothic-std, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;font-style: normal;}


/* color */
.txt_color1{color: #f0aa3f} /* メインカラー */
.txt_color2{color: #f7f7f7} /* サブカラー */
.txt_color3{color: #e45827} /* アクセントカラー1 */
.txt_color4{color: #e6e6e6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #f0aa3f} /* メインカラー */
.bg_color2{background-color: #f7f7f7} /* サブカラー */
.bg_color3{background-color: #e45827} /* アクセントカラー1 */
.bg_color4{background-color: #e6e6e6} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #f0aa3f}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #e45827}
.border_color4{border-color: #e6e6e6}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #f0aa3f} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f7f7} /* サブカラー */
.hvr_txt_color3:hover{color: #e45827} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e6e6e6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #f0aa3f} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f7f7f7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e45827} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e6e6e6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f0aa3f}
.hvr_border_color2:hover{border-color: #f7f7f7}
.hvr_border_color3:hover{border-color: #e45827}
.hvr_border_color4:hover{border-color: #e6e6e6}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #e45827}
.linkStyle:hover{opacity: 0.7}
.font_bold{font-weight: normal}

#footer #logo2, #contents1 .con1_left, .con1_left .filter, .index #pc_nav::before{border-radius: 0 20px 0 0}
.trans_header .trans_logo, header > .page_title_bg, #cms_1-a .date{border-radius: 0 0 20px 0}
.menu_stick, #main_img .box_img, .index #logo::before{border-radius: 0 0 0 20px}
#contents2 .con2_wrap, #page07 p.grid_9, #cms_6-c .h_cate_box, .cms_6-c .h_cate_box, #page09 .privacy_top, #cms_3-b .cate_box{border-radius: 20px}
#contents1 .con1_left::before{content: "";position: absolute;width: 60%;height: calc(100% - 100px);background-image: url(./Dup/img/bg_img1.png);background-position: center;background-size: contain;background-repeat: no-repeat;top: 0;left: 0;right: 0;margin: auto;opacity: 0.8}
.contents_wrap .contents_bg, #page_title, #page-top a{border-radius: 20px 0 0 20px}
#top_cms .top_cms_bg{border-radius: 0 20px 20px 0}
#form_box input, #form_box textarea{border-radius: 25px}
#page_title{overflow: hidden}
#page_title .page_title_bg, header > .page_title_bg{background: linear-gradient(to bottom right, #f0aa3f, #efea4b);}
#page_title .page_title_bg{opacity: 0.4}

.contents_wrap .contents_bg{background: linear-gradient(to bottom right, #efea4b, #f0aa3f);}
.trans_logo a{display: inline-block;padding: 10px 0}
.index #logo{padding: 0;background-color: transparent;padding-right: 50px;text-align: center}
.index #logo::before{content: "";position: absolute;height: 100vh;left: calc(100% - 50px);right: 0;bottom: -50px;background-color: #ececec}
.index #logo a{display: inline-block;padding: 0}
.index #logo a img{width: 100%;max-width: 300px;margin: 0 auto}
.index #logo span{display: none}
.index #pc_nav{position: relative;padding-left: 0;padding-right: 50px;text-align: center}
.index #pc_nav::before{content: "";position: absolute;height: 100vh;top: -50px;left: -100px;right: 50px;background-color: #f7f7f7;z-index: -1}
.more a, #page09 a, #form_area input{border-radius: 50px}
#main_img .swiper-container::before{content: "";position: absolute;width: calc(100% - 50px);height: calc(100% + 50px);background-image: url(./Dup/img/main_img.png);background-size: auto 100%;background-position: right bottom;background-repeat: no-repeat;right: 50px;top: -20px;opacity: 0;transition: 1s}
#main_img.trans_main .swiper-container::before{top: 0;opacity: 1}

#top_cms .cms_title .border_so1-t, #top_cms .cms_wrap.border_so1-t{border-top: none;position: relative}
#top_cms .cms_title .border_so1-t::before{content: "";position: absolute;width: 100%;height: 10px;top: -5px;left: 0;background-image: url(./Dup/img/border.png);background-size: contain;background-position: right}
#top_cms .cms_wrap.border_so1-t::before{content: "";position: absolute;width: 100%;height: 10px;top: -5px;left: 0;background-image: url(./Dup/img/border.png);background-size: contain;background-position: left}
#page_title .page_title_box{background-image: url(./Dup/img/page_title.png);background-size: auto 100%;background-position: right 50px top 0;background-repeat: no-repeat;}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 10px;margin-bottom: 50px;color: #333;font-weight: normal;position: relative}
.cate_title::before{content: "";position: absolute;width: 40px;height: 2px;bottom: 0;left: 0;right: 0;margin: auto;background-color: #333}

#cms_3-b .box_title1::before{content: "";position: absolute;width: 5px;left: -22px;height: 100%;top: 0;background-color: #f0aa3f;border-radius: 0 10px 10px 0}
#cms_6-c .h_cate_box, .cms_6-c .h_cate_box{box-shadow: 10px 10px 0 #f7f7f7}
#cms_6-c .h_cate_box::before, .cms_6-c .h_cate_box::before{content: "";position: absolute;width: 30px;height: 20px;background-image: url(./Dup/img/hukidashi.png);background-repeat: no-repeat;background-size: 100% 100%;bottom: -20px;left: 50px}
#cms_6-c .h_cate_box:nth-of-type(even)::before, .cms_6-c .h_cate_box:nth-of-type(even)::before{transform: rotateY(180deg);left: auto;right: 50px}


/** tablet 780 **/
@media screen and (max-width: 768px){
.menu_stick, #main_img .box_img, #contents1 .con1_left, .con1_left .filter, #footer #logo2{border-radius: 0}
#main_img .swiper-container::before{width: 80%;right: 5%}
#top_cms .cms_wrap.border_so1-t::before{display: none}
#contents1 .con1_left::before{width: 100%}
#page_title{border-radius: 0 0 20px 20px}
#page_title .page_title_box{background-image: url(./Dup/img/page_title2.png);background-position: right 30px top 0;}
#page_title .page_title_bg{background: linear-gradient(to bottom right, #efea4b, #f0aa3f);opacity: 0.8}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.contents_wrap .contents_bg{border-radius: 0}
#footer #logo2{border-radius: 0 0 20px 20px}
#contents1 .con1_left::before{display: none}
#contents1 .con1_right{background-image: url(./Dup/img/bg_img1.png);background-size: 100%;background-position: left 0 bottom -150px;background-repeat: no-repeat}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#page09 a{padding-top: 10px}
#cms_3-b .box_title1{padding-top: 7px}
.more a{padding-top: 22px!important;}
#cms_5-c .box_title1::before, .cms_5-c .box_title1::before{top: 3px}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before{top: 4px}
input[type="text"], textarea{padding-top: 15px}
}