@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Quicksand:wght@600&display=swap');

body, .font_sans-serif{font-family: 'Quicksand', 'Kosugi Maru', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}
.txt_color_nomal{color: #333!important}

/* color */
.txt_color1{color: #66C3F2} /* メインカラー */
.txt_color2{color: #DCF1F9} /* サブカラー */
.txt_color3{color: #FF4F50} /* アクセントカラー1 */
.txt_color4{color: #F4F4EA} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #66C3F2} /* メインカラー */
.bg_color2{background-color: #DCF1F9} /* サブカラー */
.bg_color3{background-color: #FF4F50} /* アクセントカラー1 */
.bg_color4{background-color: #F4F4EA} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #66C3F2}
.border_color2{border-color: #DCF1F9}
.border_color3{border-color: #FF4F50}
.border_color4{border-color: #F4F4EA}

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

/* color */
.hvr_txt_color1:hover{color: #66C3F2} /* メインカラー */
.hvr_txt_color2:hover{color: #DCF1F9} /* サブカラー */
.hvr_txt_color3:hover{color: #FF4F50} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F4F4EA} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #66C3F2} /* メインカラー */
.hvr_bg_color2:hover{background-color: #DCF1F9} /* サブカラー */
.hvr_bg_color3:hover{background-color: #FF4F50} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F4F4EA} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #66C3F2}
.hvr_border_color2:hover{border-color: #DCF1F9}
.hvr_border_color3:hover{border-color: #FF4F50}
.hvr_border_color4:hover{border-color: #F4F4EA}

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

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

#wrap, header{background-image: url(./Dup/img/img2.png);background-position: top left;background-size: 200px;background-repeat: no-repeat}
header{background-image: url(./Dup/img/img3.png);background-position: top right}
#intro{background-image: url(./Dup/img/bg_img.png);background-size: 50px;background-position: center top;position: relative}
#intro::before{position: absolute;content: "";width: 200px;height: 76px;top: -75px;left: 0;right: 0;margin: auto;background-image :url(./Dup/img/bg_img2.png);background-size: contain}
#intro::after{position: absolute;content: "";width: 80px;height: 80px;left: 0;right: 0;top: -20px;margin: auto;background-image: url(./Dup/img/img1.png);background-size: contain;}
#intro .intro{padding-bottom: 50px;margin-bottom: 50px;background-image: url(./Dup/img/nami.png);background-size: 30px;background-repeat: repeat-x;background-position: bottom}
#main_menu.fixed{background-color: rgba(0,126,204,0.9)!important;border-bottom: none}
.cate_list a{color: #fff;border-color: #fff}

#logo img{width: 100%!important}
#main_img2{overflow: hidden;border-radius: 10px;background-position: center}
#main_img2 h2{border-radius: 10px}
#main_img2 .page_title{background-color: rgba(0,82,132,0.7)!important}
#price .price_title{top: -30px;left: 0;right: 0;margin: auto;border-radius: 100px}
.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;margin-bottom: 50px;color: #fff}
.cate_title span{background-image: url(./Dup/img/nami.png);background-size: 30px;background-repeat: repeat-x;background-position: bottom}
#top_cms .cms_title h2::before{height: 2px}
#top_cms .cms_title h2::after{width: 2px}
#top_cms .cms_box > .border_white{border-width: 2px;border-radius: 0 0 10px 10px}

#cms_2-d .box_txt2{color: #66C3F2!important}
#cms_5-b .cate_box .open_bt .box_title1::before{color: #fff!important}
#cms_3-f .box_wrap{color: #66C3F2!important}
#cms_6-a .cate_file1{height: 1000px}
#info_map{background-image: url(./Dup/img/bg_img3.png);background-size: 50px;background-position: center top}
#contents input[name="PassText"]{border: none;border-bottom: solid 1px transparent;background-color: rgba(255,255,255,0.1);color: #fff;padding: 10px;transition: 0.3s;border-radius: 3px;margin-top: 10px}
#contents input[name="PassText"]:focus{border-color: #fff;background-color: transparent}
#contents input[onclick="fncPass()"]{;border-radius: 3px;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;padding: 10px 20px;background-color: #fff;color: #66C3F2;margin-top: 10px}

input[type="button"]::-webkit-search-decoration {display: none;}
input[type="button"]::focus {outline-offset: -2px;outline: none}

#page10 .txt_color_nomal{color: #fff!important}
#page10 a span.font_13{display: block;padding-left: 0}
#page10 a span.font_13::after{content: "-"}
#form_area input:hover, #page9 #contents a:hover{background-color: #1ea7ec}

/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img2, video.border_rad10{border-radius: 0}
#logo{margin-right: 20%;width: 40%!important;}
#cms_6-a .cate_file1{height: 140vw}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{width: 200px!important;margin: 0 auto 20px}
#main_img2 h2{width: 60%!important}
#wrap, header{background-size: 100px;}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}
}