@import url('https://fonts.googleapis.com/css?family=Knewave|Kosugi+Maru&display=swap');


#header .grid_8 .d_flex .grid_7{
    width: 55.33333%!important;
}
body{
	font-family: "Kosugi Maru","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
color:#333;
}
.linkStyle{
	color:#ffa03e;
}
.bg_color1 .linkStyle{
	color:#6b2620;
}
.bg_color3 .linkStyle{
	color:#ffa03e;
}
.cate_link{
	margin: auto 0;
	margin-top: 50px;
} 
header{
	box-shadow: 0px 1px 15px rgba(0,0,0,0.2)!important;
	position: relative;
	z-index: 99;
border-bottom:9px solid #ED701D;
}
#logo{
	max-width: 350px;
}
#footer{
	border-top: 9px solid  #ED701D;
}
#footer > div.grid_4{
	width: 30.33333%!important;
}
#footer #logo2{
	margin-bottom: 30px;
}
#page7 .box_wrap .box .box_item:nth-child(1){
	width: 30%!important;
}
#page7 .box_wrap .box .box_item:nth-child(2){
	width: 70%!important;
}
/*
#contents .box:nth-of-type(1) {
	border-top: 9px solid #E50A84;
}
#contents .box:nth-of-type(2) {
	border-top: 9px solid #FFF100;
}
*/
#intro_txt{
	background-image: url("./Dup/img/doco.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 260px;
}


/*IE*/
@media all and (-ms-high-contrast: none){
.cate_link a{
	padding: 20px 20px 15px!important;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#footer > div.grid_4{
	width: 41.66667%!important;
}
#footer #logo2{
	margin-bottom: 38px;
}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.cate_link{
	margin: auto;
}
header {
    position: fixed;
}
#header{
	padding: 0;
}
#logo {
    max-width: 148px;
}
#intro_txt .cate_link{
	margin-top: 30px;
}
#footer > div.grid_4{
	width: 100%!important;
}
#footer #logo2{
	margin-bottom: 40px;
}
#page7 .box_wrap .box .box_item:nth-child(1){
	width: 100%!important;
}
#page7 .box_wrap .box .box_item:nth-child(2){
	width: 100%!important;
}
}
/* color */
.txt_color_nomal{color: #333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ffa03e} /* メインカラー */
.txt_color2{color: #ffffff} /* サブカラー */
.txt_color3{color: #6b2620} /* アクセントカラー1 */
.txt_color4{color: #fffbf7} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #ffa03e}
.border_color2{border-color: #ffffff}
.border_color3{border-color: #E50A84}
.border_color4{border-color: #fffbf7}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ED701D} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #E50A84} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fffbf7} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ED701D}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #E50A84}
.hvr_border_color4:hover{border-color: #fffbf7}




/* design correct */
header.bg_color1,footer.bg_color1,main #intro{background-color:#001A45;}
header .txt_white{color:#FFF100;text-shadow:1.1px 1.4px 1px rgba(214,104,5,1);}
header .border_so2-b{border:none;}
header,.cms_title p,#page_title p {
font-family: "Knewave","Kosugi Maru","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
}
.yoyaku img{box-shadow:3px 3px 3px rgba(0,0,0,0.4);}
#intro h2{color:#FFF100!important;}
#intro p{color:#fff!important;text-shadow:1px 2px 2px rgba(0,0,0,0.25);}
#intro .cate_link a{background-color:#E50A84;}