﻿#contents_links .square_box a h4{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}

@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal{color: #3d3d3d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #5cc2f2} /* メインカラー */
.txt_color2{color: #ebf1ff} /* サブカラー */
.txt_color3{color: #b3b3b3} /* アクセントカラー1 */
.txt_color4{color: #f3f3f3} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white}
/*.bg_white,body,.loader.logo::before, .loader.logo::after{background-color: #f9f9f9}*/ /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #5cc2f2} /* メインカラー */
.bg_color2{background-color: #d8d8d8} /* サブカラー */
.bg_color3{background-color: #4748a9} /* アクセントカラー1 */
.bg_color4{background-color: #f3f3f3} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #5cc2f2}
.border_color2{border-color: #ebf1ff}
.border_color3{border-color: #b3b3b3}
.border_color4{border-color: #f3f3f3}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #3d3d3d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #2f418b} /* メインカラー */
.hvr_txt_color2:hover{color: #ebf1ff} /* サブカラー */
.hvr_txt_color3:hover{color: #b3b3b3} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f3f3f3} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #2f418b} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ebf1ff} /* サブカラー */
.hvr_bg_color3:hover{background-color: #b3b3b3} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f3f3f3} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #2f418b }
.hvr_border_color2:hover{border-color: #ebf1ff}
.hvr_border_color3:hover{border-color: #b3b3b3}
.hvr_border_color4:hover{border-color: #f3f3f3}

.linkStyle{color: #5cc2f2;}

.youtube_box{
  position: relative;
  width: 80%;
  padding-top: 46.25%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
h1 img{max-width: 159px}
h1 a{padding: 18px;}
#header h1{
	width: 20%;
}
#sc_menu .logo img{max-width: 125px;}
header #header #main_menu{
	width: 80%;
    margin-left: 20%;
}header #header #main_menu li a{
	padding: 10px;
}
/*#main_img{
	background: url(Dup/img/cacth_bg.png)no-repeat;
	background: url(Dup/img/item3.png)no-repeat;
	background-position: bottom left -120px;
}*/
#main_img #catch{
	min-width: 430px;
	padding: 30px;
	background: url(Dup/img/item3.png)no-repeat;
	background-color: rgba(92,194,242,0.9);
}
#main_img #catch h2{
	left: 0;
	font-size: 31px;
	line-height: 1.7;
	border: none;
}
#main_img #catch h2 span{padding: 0 30px;}
#main_img #catch p{padding-top: 90px;}
#top_cms .top_cms_box .more a{
	background-color: #9dd219;
}
#intro{background-image: url(Dup/img/ishida.png);}
#contents .contents_txt{
	background-color: rgba(143,212,190,0.5);
}
#contents .width_300,footer #footer #footer_txt .logo{
	max-width: 150px;
}
.top_cms_box h3.font_24{
	padding-bottom: 30px;
}
#intro_title p{
    border-color: #191ba9;
	color: #191ba9;
}
#intro_title h3{
	color: #191ba9;
}
#contents_links .square_box a{
	text-shadow: 1px 1px 5px #333;
	background-color: rgba(0,0,0,0.1);
}
#page_title h2,#footer{text-shadow: 1px 1px 5px #333;}
/*下層*/
#cate2 .cate_box{
	padding-bottom: 0;
	margin-top: 0;
}
#page_title::after{background-color: transparent;}
footer::after,#contents::before{background-color: rgba(0,0,0,0.1);}
#page_title p{
	background-color: #191ba9;
	border: 2px solid #191ba9;
}
#page08 .border_color2{
	border-color: #2f418b;
}
#page08 .txt_color2{
	color: #191ba9;
}
#cms_5-a .youtube_box{
	margin-bottom: 20px;
}
#cms_6-b .youtube_box{
	margin: 0 5%;
}
#cms_6-b .cate_title{text-align: left;}
#cms_3-b .cate_wrap > div{
	text-align: left;
}
body{
    font-size: 18px;
}
.cate_list_title{font-size: 22px;}
.cate_list li a{font-size: 18px;}


@media screen and (max-width: 768px){
	#main_img #catch h2{transform: translateY(30px)}
	#main_img #catch h2 span{padding: 0;}
#page08 #tel_txt h3,
#page08 #tel_txt p{
font-size: 16px;
}
}

@media screen and (max-width: 678px){
	#main_img #catch{min-width: auto;}
	#header h1{width: 40%;}
	#main_img #catch h2{font-size: 26px;}
	#main_img #catch p{padding-top: 70px;}
	.youtube_box{
		width: 100%;
		padding-top: 56.25%;
		
	}
	#cms_6-b .youtube_box{margin: 0;}
.cate_list_title{font-size: 18px;}
.cate_list li a{font-size: 16px;}
body,.font_14_sp{
    font-size: 16px;
}
.font_12_sp {
    font-size: 14px;
}
}
@media all and (-ms-high-contrast: none){
	#cms_2-a .cate .cate_title{padding-top: 10px!important;}
	#cms_3-b .cate_title{padding-top: 10px!important;}
	#cms_5-a .cate .cate_title span:last-of-type{padding-top: 0!important;}
	#cms_6-b .cate .cate_title{padding: 10px 5px 10px!important;}
}