.linkStyle {color: #333333;}

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #6F89A2} /* メインカラー */
.txt_color2{color: #C5E7F1} /* サブカラー */
.txt_color3{color: #60EFDB} /* アクセントカラー1 */
.txt_color4{color: #79CEED} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #6F89A2} /* メインカラー */
.bg_color2{background-color: #C5E7F1} /* サブカラー */
.bg_color3{background-color: #60EFDB} /* アクセントカラー1 */
.bg_color4{background-color: #79CEED} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #6F89A2}
.border_color2{border-color: #C5E7F1}
.border_color3{border-color: #60EFDB}
.border_color4{border-color: #79CEED}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #6F89A2} /* メインカラー */
.hvr_txt_color2:hover{color: #C5E7F1} /* サブカラー */
.hvr_txt_color3:hover{color: #60EFDB} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #79CEED} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #6F89A2} /* メインカラー */
.hvr_bg_color2:hover{background-color: #C5E7F1} /* サブカラー */
.hvr_bg_color3:hover{background-color: #60EFDB} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #79CEED} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #6F89A2}
.hvr_border_color2:hover{border-color: #C5E7F1}
.hvr_border_color3:hover{border-color: #60EFDB}
.hvr_border_color4:hover{border-color: #79CEED}

.width_1280-max { max-width: 1080px;}

body {background-image: url(./Dup/img/bg.svg);
	background-size: 100%;}

header.bg_white {background-color:rgba(255,255,255,0.5);}
#header {padding-top:15px; padding-bottom:10px;}

#logo {width:25%!important}
#logo img {width:90%;}
#header_menu {margin-left: 8.33333%;}

header #header #header_menu li a .en { opacity: 1.0;}
header #header #header_menu li a .en:hover { opacity: 0.5;}
#main_img {margin-bottom: 10px;}

/* TOPテキスト　文字数の関係でレイアウトが崩れるため　レイアウトCSSで変更 */
#contents h2.font_30 {font-size:24px}
#contents h2 {border-color: #60EFDB;}
#contents .box:nth-of-type(2) .d_flex {justify-content:center;}
#contents .box:nth-of-type(2) .d_flex .width_30per:first-of-type {width: 90%!important;
	margin-bottom: 50px;
        border-color: #C5E7F1;}
#contents .box:nth-of-type(2) .d_flex .width_30per:nth-of-type(2),#contents .box:nth-of-type(2) .d_flex .width_30per:nth-of-type(3) {	padding: 0 5%;
	width: 40%!important;}

#top_cms h2 {	border-color: #60EFDB;}

#footer .border_so5 {background-color:#fff}
.cate_list li a {border-bottom:2px solid #60EFDB}
.cate_list li a:hover {color:#6f89a2;
border-bottom:2px solid #6f89a2}

#cms_6-a .cate_img1 {width:50%!important}
#cms_2-c .box_item {border-bottom: 2px solid #60efdb;border-left: 2px solid #60efdb;}

#page7 .box_wrap .box .box_item:first-child {width: 25%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 75%!important;}
#page7 .box_item h3 {color:#6F89A2}
#page8 #tel_contact p a  {color:#6F89A2}

@media (max-width:768px){
#header_menu {margin-left: 0%;}
#contents .box:nth-of-type(2) .d_flex .width_30per:nth-of-type(2),#contents .box:nth-of-type(2) .d_flex .width_30per:nth-of-type(3) {	width: 50%!important;}

}

@media (max-width:667px){
body {background-repeat:no-repeat;}
.pd_l-r5per_sp { padding: 0 3%;}
#logo {width:58.33333%!important}
#logo a img {width:90%!important}
#contents .box:nth-of-type(2) .d_flex .width_30per:nth-of-type(2),#contents .box:nth-of-type(2) .d_flex .width_30per:nth-of-type(3) {	width: 100%!important;}

#cms_2-c .box_item {padding:20px 10px;}
#cms_6-a .cate_img1 {width:100%!important}
#page7 .box_wrap .box .box_item:first-child {width: 100%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 100%!important;}
}

@media all and (-ms-high-contrast:none){
body {background-image: url(./Dup/img/bg.png);
	background-size: 100%;}
}