﻿.hamburger {z-index: 9998;}

/* color */
.linkStyle{color: #00ACE5;}
body,.txt_color_nomal{color: #424242;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #00ACE5} /* メインカラー */
.txt_color2{color: #79CEED} /* サブカラー */
.txt_color3{color: #00ACE5} /* アクセントカラー1 */
.txt_color4{color: #c5e7f1} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #00ACE5} /* メインカラー */
.bg_color2{background-color: #79CEED} /* サブカラー */
.bg_color3{background-color: #f57a78} /* アクセントカラー1 */
.bg_color4{background-color: #e2f8ff} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #00ACE5}
.border_color2{border-color: #c5e7f1}
.border_color3{border-color: rgba(255, 250, 77, 0.94)}
.border_color4{border-color: #e2f8ff}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #424242;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #00ACE5} /* メインカラー */
.hvr_txt_color2:hover{color: #79CEED} /* サブカラー */
.hvr_txt_color3:hover{color: #60EFDB} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e2f8ff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #00ACE5} /* メインカラー */
.hvr_bg_color2:hover{background-color: #79CEED} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f57a78} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e2f8ff} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #00ACE5}
.hvr_border_color2:hover{border-color: #c5e7f1}
.hvr_border_color3:hover{border-color: #60EFDB}
.hvr_border_color4:hover{border-color: #e2f8ff}

#main_menu ul li a{color: #424242!important;}

.contact_bt a,.tel_bt a{background-color: #00ACE5!important;color: #fff!important;}
.contact_bt a:hover,.tel_bt a:hover,.foot_tel_bt a:hover,.more a:hover{background-color: transparent!important;border-color: #6fdbff!important;}
.button:hover::after{box-shadow: inset 0 0 0 15em #6fdbff;}
.contact_bt a,.tel_bt a,.more a,.foot_tel_bt a,#page10 a{border-radius: 22px;}
.cate_list a{border-radius: 15px;}
.button2:hover{box-shadow: 0 0 20px rgba(180,180,180,0) inset;background-color: #00ACE5;color: #fff;transform: translateY(-3px)}
header.bg_color4{
background-color:#e7fbff;
background-image:url(../dup/img/header_bg.png);
background-position:bottom left;
background-size: auto 225px;
background-repeat:no-repeat;
}
#contents1{text-align: center;}
#contents1 h2 {
display: inline-block;
position: relative;
padding: 15px 20px;
font-size: 24px;
color: #FFF;
background: #f57a78;
margin-bottom: 35px;
}
#contents1 h2:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}
#contents1 h2:after {
position: absolute;
content: '';
top: 100%;
right: 0;
border: none;
border-bottom: solid 15px transparent;
border-left: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}
#contents1 .txt3{
text-align: left;
border-bottom: 4px dotted #c5e7f1;
border-top: 4px dotted #c5e7f1;
padding-bottom: 30px;
padding-top: 30px;
}
#contents2{padding-top: 70px;}
#contents2 h2 {
position: relative;
padding-left: 60px;
padding-right: 20px;
padding-bottom: 4px;
font-size: 24px;
display: inline-block;
border-bottom: 5px solid rgba(245, 122, 120, 0.83);
margin-bottom: 15px;
}
#contents2 h2::before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background-image: url(../dup/img/icon.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
position: absolute;
left: 0;
top: -15px;
}
#contents3 h3{
display: inline-block;
border-bottom: 4px dotted #c5e7f1;
margin-bottom: 8px;
}
.txt_shadow-b {text-shadow: 0 5px 10px rgba(0,0,0,0);}
#page_title p{color: #c5e7f1!important;}
#page7 .txt_color1{color: #424242!important;}

/* cms */
#cms_6-b .cate_title{color: #424242!important;border-top: 2px solid #f57a78;border-bottom: 2px solid #f57a78;background-color: transparent!important;}


/* IE */
@media all and (-ms-high-contrast: none){
 #contents1 h2{padding: 15px 20px 10px;} 
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header.bg_color4{background-image:none;}
#contents1{padding-top: 60px;padding-bottom: 60px;}
.hamburger{top: 28px;}
#logo {max-width: 113px;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#logo{max-width: 97px;}
.hamburger{top: 21px;}
#contents1{padding-top: 45px;padding-bottom: 50px;}
#contents1 h2{font-size: 18px;margin-bottom: 18px;}
#contents2{text-align: center;}
#contents2 h2{padding-left: 46px;font-size: 20px;}
#contents2 P{text-align: left;}
#contents2 h2::before{width: 40px;height: 40px;}
}