@charset "utf-8";
/* CSS Document */



.linktext {	color: inherit;text-decoration: none;position: relative;display: inline-block;transition: .3s;}
.linktext ::after {position: absolute;bottom: 0;left: 50%;content: '';width: 0;height: 2px;background-color: #e0be24;transition: .3s;transform: translateX(-50%);}
.linktext :hover::after{width: 100%;}

.linkimg:hover{filter: contrast(200%);}


h1{color: #fff;text-shadow: 1px 1px 1px #5e5e5e, -1px 1px 1px #5e5e5e, 1px -1px 1px #5e5e5e, -1px -1px 1px #5e5e5e, 1px 1px 1px #5e5e5e, -1px 1px 1px #5e5e5e, 1px -1px 1px #5e5e5e, -1px -1px 1px #5e5e5e, 4px 4px #e0be24;transform: rotate(0deg);}
h2{color:#5e5e5e;}


.style2{font-size:medium; line-height:150%; color:#5e5e5e;}
.style3{font-size: small; line-height:150%; color:#5e5e5e;}
.style4{font-size:medium; line-height:150%; color:#5e5e5e; font-weight:bold;}
.style5{font-size:medium; line-height:150%; color:#FFFFFF; font-weight:bold;}
.style6{font-size:medium; line-height:120%; color:#5e5e5e; font-weight:bold;}
.style7{font-size: small; line-height:200%; color:#FFFFFF; font-weight:bold;}
.style8{font-size: small; line-height:150%; color:#FFFFFF;}
.style9{font-size:medium; line-height:150%; color:#5e5e5e; }
.style10{font-size:large; line-height:150%; color:#FFFFFF; font-weight:bold;}
.style11{font-size:large; line-height:150%; color:#5e5e5e; font-weight:bold;}
.style12{font-size:medium; line-height:150%; color:#e0be24;; font-weight:bold;}


.box1 { width:30%; font-size:small; line-height:120%; color:#5e5e5e; font-weight:bold; margin:auto;
		padding:7px; border:solid 1px #5e5e5e;}
.box1:hover{color:#FFFFFF;  background-color:#e0be24; border:none;}		




body {font-family: Futura, 'Century Gothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",游ゴシック体, YuGothic,  'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;}

#body{ width:100%; }



#header{ width:50%; margin:auto;}

#header_left{ width:50%;  display:inline-block; position: relative}
#header_left_logo{width:20%;  display:inline-block;  padding-top:25px;}
#header_left_text{width:75%; display:inline-block; float:right;  padding-top:55px;}

#header_right{ width:50%; text-align:right; display:inline-block; float:right;}
#header_right_tel{ width:95%; padding-top:5px; padding-bottom:5px; display:inline-block; background-color:#e0be24; text-align:center; border-radius: 0px 0px 10px 10px;}
#header_right_menu_button{display:inline-block;　float:left; padding-left:15px; padding-right:15px; padding-top:30px;}　



#main{ width:100%;}
#main_home{ width:70%; margin:auto; text-align:center;  padding-top:50px; padding-bottom:50px;}
#main_home_contents{display:inline-block;} 
.featherlight-sample {display: none;}
 
#main2{ width:100%;  background-color:#e3dfdd; padding-top:50px; padding-bottom:50px;}
#main_home2{width:50%; background-color:#FFFFFF; margin:auto;text-align:center; padding:50px;}
#main_home2_contents{  width:100%; margin:auto; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));}
#main_home2_contents_left{  width:50%; height:100px;display:inline-block; background-color:#e0be24; padding-top:25px; padding-bottom:10px;}
#main_home2_contents_right{  width:50%; height:100px;display:inline-block; background-color:#FFFFFF; float:right; padding-top:30px; padding-bottom:5px;}





#footer{ width:100%; margin:auto; background-color:#5e5e5e; padding-top:50px; padding-bottom:50px;}
#footer_contents{ width:50%; height:130px; margin:auto; position: relative;}
#footer_contents_left{ width:50%; 　display:inline-block; position: absolute; top: 0;}
#footer_contents_right{ width:50%;　display:inline-block;float:right;}
#copyright{ text-align:center;}


#main_title{ width:50%; margin:auto; text-align:center;  padding-top:80px; padding-bottom:50px;}

#main_company{ width:100%; margin:auto; text-align:center;  padding-top:20px; padding-bottom:50px;}
table{width:100%; height:50px; border:solid 5px #FFFFFF; }
th{width:40%; background-color:#e3dfdd; }
td{width:60%; background-color:#f0efef;}
table th{padding : 10px 10px;  border:solid 2px #FFFFFF; text-align:center;}
table td{padding : 10px 20px;  border:solid 2px #FFFFFF;}




#main_mail{ width:100%; margin:auto; text-align:center;  padding-top:20px; padding-bottom:50px;}
#main_flow{width:50%;  margin:auto;text-align:center; padding:0px; background-color:#FFFFFF;}

.ho_br{display: none;}

@media screen and (min-width:320px) and ( max-width:760px)  {
/*スマホ：320pxから1024pxまでの幅の場合に適応される */

.ho_br{display: none;}


.style2{font-size:14px; line-height:150%; color:#5e5e5e;}
.style3{font-size: 12px; line-height:150%; color:#5e5e5e;}
.style5{font-size:14px;line-height:150%; color:#FFFFFF; font-weight:bold;}
.style6{font-size:14px; line-height:120%; color:#5e5e5e; font-weight:bold;}
h1{ font-size:18px;}

.box1 { width:50%; margin-bottom:15px;}
		
#body{ width:100%; }
#header{ width:95%;}
#header_left{ width:90%; margin:auto;}
#header_left_logo img{width:80%;}
#header_left_logo{padding-top:15px;}
#header_left_text{width:80%; display:inline-block; float:right;  padding-top:25px;}
#header_right{display:none;}

#main img{ width:100%;}
#main_home{ width:100%; margin:auto; text-align:center;  padding-top:10px; padding-bottom:25px;}
#main_home_contents img{ width:80%;}
.featherlight-sample img{ width:90%; margin-top:15px;}

#main2{ width:100%; padding-top:35px; padding-bottom:30px;}
#main_home2{width:80%; padding:20px;}
#main_home2_contents{  width:95%; padding-bottom:120px;}
#main_home2_contents_left{  width:100%; height:auto; padding-top:15px; padding-bottom:20px;}
#main_home2_contents_right{  width:100%; height:auto; padding-top:20px; padding-bottom:20px; margin-bottom:20px;}

#footer{ width:100%; margin:auto; background-color:#5e5e5e; padding-top:30px; padding-bottom:50px;}
#footer_contents{ width:90%; height:100px; text-align:center; margin:auto; }
#footer_contents_left img{ width:50%;}
#footer_contents_left{ width:100%;  top: 0;}
#footer_contents_right{ display:none;}
#copyright{ text-align:center;}


#main_title{ width:90%; margin:auto; text-align:center;  padding-top:50px; padding-bottom:50px;}
#main_mail{ width:90%; margin:auto; text-align:center;  padding-top:50px; padding-bottom:50px;}
#main_flow{width:90%;  margin:auto;text-align:center; padding:0px; background-color:#FFFFFF;}
}


@media screen and (min-width:760px) and ( max-width:979px)  {
/*タブレット：760pxから1024pxまでの幅の場合に適応される */
.sp_br{display: none;}
.style2{font-size:16px; line-height:150%; color:#5e5e5e;}
.style3{font-size:16px; line-height:150%; color:#5e5e5e;}
.style5{font-size:16px;line-height:150%; color:#FFFFFF; font-weight:bold;}
.style6{font-size:16px; line-height:120%; color:#5e5e5e; font-weight:bold;}
h1{ font-size:30px;}


#body{ width:100%; }
#header{ width:80%;}
#header_left{ width:90%; margin:auto;}
#header_left_logo img{width:80%;}
#header_left_logo{padding-top:20px;}
#header_left_text{width:80%; display:inline-block; float:right;  padding-top:50px;}
#header_right{display:none;}

#main img{ width:100%;}
#main_home{ width:100%; margin:auto; text-align:center;  padding-top:10px; padding-bottom:25px;}
#main_home_contents img{ width:32%;}

#main2{ width:100%; padding-top:50px; padding-bottom:50px;}
#main_home2{width:80%; padding:30px;}
#main_home2_contents{  width:90%; padding-bottom:130px; }
#main_home2_contents_left{  width:100%; height:auto; padding-top:20px; padding-bottom:20px;}
#main_home2_contents_right{  width:100%; height:auto; padding-top:20px; padding-bottom:20px; margin-bottom:30px;}

#footer{ width:100%; margin:auto; background-color:#5e5e5e; padding-top:30px; padding-bottom:50px;}
#footer_contents{ width:100%; height:150px; text-align:center; margin:auto; }
#footer_contents_left img{ width:20%;}
#footer_contents_left{ width:100%;  top: 20px;}
#footer_contents_right{ display:none;}
#copyright{ text-align:center;}

#main_title{ width:80%; margin:auto; text-align:center;  padding-top:50px; padding-bottom:50px;}
#main_mail{ width:90%; margin:auto; text-align:center;  padding-top:50px; padding-bottom:50px;}
#main_flow{width:90%;  margin:auto;text-align:center; padding:0px; background-color:#FFFFFF;}
}

@media screen and (min-width:980px) {
/* 最大から1024pxまでの幅の場合に適応される */
.sp_br{display: none;}
}


@media screen and (min-width: 980px) and ( max-width:1500px)   {
/*ノートパソコン：980pxから1500pxまでの幅の場合に適応される */
#header{ width:90%;}
#main_home{ width:85%;}
#main_home_contents img{ width:30%;}
#main_home2{width:80%; padding:30px;}

#main_flow{width:70%;}
#main_title{ width:70%;}
.ho_br{display: none;}
.sp_br{display: none;}
}