@charset "utf-8";

/*
Theme Name: ikasuakiya2025
Description:ikasuakiya2025
Theme URI: 
Author: 2025-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/

/* 基本 */
body {margin: 0;padding: 0;background: #fff ;color: #222222;letter-spacing:0.05em;}
* {box-sizing: border-box;font-family: 'Noto-Regular', sans-serif;}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* base*/

/* 全体枠 */
.all{min-width:1200px;}

/* 全体横幅1120px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1120px;min-width:1120px;
text-align:center;
padding:0 60px;
}
/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1200px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;padding:0;}
}

@media screen and (max-width: 600px){
/*スマホ・PC振り分け*/
.pc{display: none !important;}
.sp {display: block !important;}
}

/*--------------------------------------------------------------------------------*/

/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}

.weight100{font-weight:100;}
.weight300{font-weight:300;}
.weight400{font-weight:400;}
.weight500{font-weight:500;}
.weight600{font-weight:600;}
.weight700{font-weight:700;}
.weight900{font-weight:900;}


/* Barlow（英文） */
@font-face {
font-family: 'Barlow';
src: url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype');
}
.Barlow {font-family: 'Barlow', sans-serif;}



/* 明朝体フォント */
.font_mincho {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #e33 !important;}
.green{color: #5b0 !important;}
.blue{color: #37c !important;}
.blown{color: #a96 !important;}

a{text-decoration:none;color:#222;}
.toppage a{text-decoration:none;color:#222;}
a:hover{text-decoration:underline;}


/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}

/*スマホ・PC振り分け*/
.sp {display: none !important;}
/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 15px;right:15px;
width: ;height: ;
height: auto;z-index: 50;
text-align: center;
line-height: 0;
z-index: 200;
}
#page-top a {display: block;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
#page-top img {
width:30px;height:30px;
}
}
/*--------------------------------------------------------------------------------*/




/*▼▼▼トップの設定▼▼▼*/
/*全体*/
#container{}
.toppage .more{display:inline-block;margin-top:40px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#1f9947 url(images/white-arrow.png) no-repeat center left 16px;font-size: 100%;min-width: 320px;line-height: 1;}
.toppage .more a{display:block;color:#fff;padding:20px 30px 20px 60px !important;}
.toppage .more a:hover{text-decoration:none;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#FFD91A url(images/white-arrow.png) no-repeat center left 16px;color: #222;}

.toppage h3 {font-size:230%;font-weight:normal;margin-bottom:60px;font-family: 'Noto-Bold', sans-serif;line-height: 1.3;}
.toppage h3 .en {color:#1f9947;font-size:55%;margin-bottom:15px;letter-spacing:0.2em;font-family: 'Barlow', sans-serif;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
.toppage .more{display:inline-block;margin-top:40px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#1f9947 url(images/white-arrow.png) no-repeat center left 16px;font-size: 100%;min-width: 250px;line-height: 1;}
}

@media screen and (max-width:600px){
.toppage h3 {font-size:165%;margin-bottom:40px;}
.toppage h3 .en {font-size:60%;}
}

@media screen and (max-width:480px){
.toppage .more{width:80% !important;}
.toppage .more a{padding:20px 0 20px 0;}
}

@media screen and (max-width:400px){
.toppage .more{width:100% !important;}
}


/*--------------------------------------------------------------------------------*/

/*ヘッダ */
header {width: 100%;text-align: center;overflow: hidden;position:relative ;background:transparent;z-index: 1;}

/*ヘッダ メニュー */
.head-bg{width:100%;text-align:left;height: ;font-size:85%;position: relative;background:#fff;}
.head-bg .l-box{float:left;display: inline-block;vertical-align: top;line-height:1;padding:40px 0 0 40px;}
.head-bg .r-box{float:right;display: inline-block;vertical-align: top;line-height:1;text-align:right;padding:16px 40px 0 0;}

.head-bg ul{display:inline-block;vertical-align: middle;line-height:1;}
.head-bg ul li{display:inline-block;vertical-align: middle;line-height:1;}
.head-bg ul li a{display:block;}

.head-bg .r-box .ue{display:block;}
.head-bg .r-box .ue .menus{display:inline-block;vertical-align: middle;line-height:1;}
.head-bg .r-box .ue .btn{display:inline-block;vertical-align: middle;line-height:1;background-color:#1f9947;
background:#1f9947 url(images/h-mail-icon.png) no-repeat center left 22px;}
.head-bg .r-box .ue .btn a{padding:12px 24px 12px 50px;font-size:110%;color:#fff;font-weight:700;}
.head-bg .r-box .ue .btn a:hover{background:#FFD91A url(images/h-mail-icon.png) no-repeat center left 22px;color: #222 !important;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;}
.head-bg .r-box .ue span{color:#CBCBCB;margin-right:3px;font-size:9px;vertical-align: middle;}

.head-bg .r-box .ue ul li{margin:0 28px 0 0;}


.head-bg .r-box .st{display:block;font-size:125%;font-weight:900;margin:18px 0 ;}
.head-bg .r-box .st ul li{margin:0 0 0 32px;}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1045px){
.head-bg .l-box{float:left;display: inline-block;vertical-align: top;line-height:1;padding:20px 0 0 20px;}
.head-bg .l-box img{width:280px;}
.head-bg .r-box{float:right;display: inline-block;vertical-align: top;line-height:1;text-align:right;padding:16px 20px 0 0;}
.head-bg .r-box .ue ul li{margin:0 18px 0 0;}

.head-bg .r-box .ue .btn a{padding:12px 24px 12px 50px;font-size:90%;color:#fff;font-weight:700;}
.head-bg .r-box .st{display:block;font-size:105%;font-weight:900;margin:10px 0 ;}
.head-bg .r-box .st ul li{margin:0 0 0 22px;}
}

@media screen and (max-width: 845px){
.head-bg .r-box{display:none;}
}
/*--------------------------------------------------------------------------------*/


/*メインタイトル */
.main-bg{text-align:center;}
.main-bg .main-title{background:url(images/machinami-ill02.png) repeat-x center bottom;
height:610px;padding:150px 20px 0 20px;position:relative; 
}

.main-bg .btm-box{position:absolute; bottom:0;left:0;width:100%;height:202px;}
.main-bg .btm-box .inner{position:relative; margin:0 auto;width:1200px;height:202px;}
.main-bg .tori01{position:absolute; top:25px;left:5%;}
.main-bg .tori02{position:absolute;top:25px;left:45%;}
.main-bg .tori03{position:absolute;top:25px;right:10%;}
.main-bg .hito01{position:absolute;bottom:32px;left:25%;}
.main-bg .hito02{position:absolute;bottom:32px;left:45%;}
.main-bg .hito03{position:absolute;bottom:32px;right:44%;}
.main-bg .hito04{position:absolute;bottom:32px;right:23%;}



.main-bg .main-list{background: linear-gradient(to bottom,  #aad693 0%,#f7f5df 100%);font-size:150%;padding:0 0 35px 0;margin-top:-12px;min-width:1200px;}
.main-bg .main-list a{display:block;}
.main-bg .main-list a:hover{text-decoration:none;}

.box-f{position:relative; margin-top:-50px;z-index:1;padding:0 20px 0 20px;}

.main-bg .box-a{display:block;vertical-align: top;line-height:1;background-color:#fff;width:95%;margin:0 auto 25px auto;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.1));line-height:1.4;font-size:150%;position:relative;z-index:0;}
.main-bg .box-a a{padding:25px 5px;}
.main-bg .box-a:hover,.main-bg .box-b:hover{background-color:#EAF2E8;}
.main-bg .box-a img{width:160px;height:auto;}

.main-bg .box-a .l-box{display:inline-block;vertical-align: middle;}
.main-bg .box-a .r-box{display:inline-block;vertical-align: middle;text-align: left;margin-left:25px;}

.main-bg .box-b{display:inline-block;vertical-align: top;line-height:1;background-color:#fff;width:46.2%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.1));margin:0 1%;font-family: 'Noto-Bold', sans-serif;line-height:1.4;position:relative;}
.main-bg .box-b a{padding:25px 5px;}
.main-bg .box-b img{width:100px;height:auto;margin-bottom:5px;}

.yellow-bg{background:#FFD91A;padding:2px;}
.yellow-marker{background:linear-gradient(transparent 50%, #FFF687 50%);font-weight:bold;line-height: 1.4 !important; display: inline;padding: 0 4px 2px 4px;}
 
.akiyawo{font-size:70%;}
.link-icon{width:40px;height:auto;position:absolute;right:-10px;bottom:-10px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
.main-bg .main-list{min-width:100%;}
}

@media screen and (max-width: 1000px){
.main-bg .btm-box .inner{width:100%;}
.main-bg .main-title .title-img img{width:550px;}
.main-bg .hito01{bottom:32px;left:20%;}
.main-bg .hito02{bottom:32px;left:45%;}
.main-bg .hito03{bottom:32px;right:44%;}
.main-bg .hito04{;bottom:32px;right:15%;}
}

@media screen and (max-width:768px){
.main-bg .main-list{font-size:120%;}
.main-bg .box-a img{width:130px;height:auto;}
.main-bg .hito01{bottom:32px;left:12%;}
.main-bg .hito02{bottom:32px;left:40%;}
.main-bg .hito03{bottom:32px;right:40%;}
.main-bg .hito04{;bottom:32px;right:10%;}
}

@media screen and (max-width:600px){
.main-bg .main-title{padding:0 20px 0 20px;
background:url(images/machinami-ill.png) repeat-x center bottom;
background-size:900px auto;
height:400px;
padding:80px 20px 0 20px;}
}
@media screen and (max-width:480px){
.main-bg .main-list{font-size:130%;}
.main-bg .box-a{width:100%;margin:0 0 15px 0;text-align:left;}
.main-bg .box-a a{padding:12px 5px 12px 20px;}
.main-bg .box-a .r-box{display:inline-block;vertical-align: middle;text-align: left;margin-left:5px;font-size:80%;}
.main-bg .box-a img{width:120px;height:auto;}
.main-bg .box-b{width:100%;margin:0 0 10px 0;text-align:left;}
.main-bg .box-b a{padding:12px 5px 12px 20px;}
.main-bg .box-b img{display:inline-block;vertical-align: middle;margin-right: 10px;width:80px;height:auto;}
.st-box{display:inline-block;text-align:left;vertical-align: middle;}
.main-bg .hito01{position:absolute;bottom:26px;left:5%;}
.main-bg .hito02{position:absolute;bottom:32px;left:38%;}
.main-bg .hito03{bottom:26px;right:5%;}
.main-bg .hito04{position:absolute;bottom:32px;right:38%;}
}
/*--------------------------------------------------------------------------------*/

/*内容説明*/
#details{
min-width:1200px;
padding: 110px 0 220px 0;
background:#f7f5df url(images/sankaku.png) no-repeat center bottom;
background-size:100% 168px;
position:relative;
}
#details h3{margin-bottom: 10px;}
#details .jinbutsu{position: relative; margin-top: -60px;z-index: 10;}
#details .white-box{background-color:#fff;border-radius: 28px;-webkit-border-radius: 28px;-moz-border-radius: 28px;filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.1));padding:80px 70px;line-height:1.8;font-size:120%;}

#details .read{font-size:90%;margin-top:60px;text-align: left;}
#details .read .houkatsu{font-size:135%;margin-top:40px;text-align:center;font-weight:700;line-height:1.6;}
.yellow-marker-l{background:linear-gradient(transparent 60%, #FFF687 60%);font-weight:bold;color:#1f9947;font-size:130%; line-height: 1.4;
  display: inline-block;}

#details .link-box{margin-top:55px;}
#details .more{font-size:85%;margin:0 10px 10px 10px;}
#details .more a{display:block;}


#details .notes{font-size:75%;margin: 20px 0 0 0;line-height:1.8;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
#details{min-width:100%;}
}
@media screen and (max-width:1120px){
#details .all-width{width:92%;min-width:92%;}
}
@media screen and (max-width:600px){
#details{
background:#f7f5df url(images/sankaku.png) no-repeat center bottom;
background-size:100% 80px;padding: 60px 0 140px 0;
}
#details .white-box{padding:40px 30px;line-height:1.8;font-size:110%;}
#details .read{font-size:90%;margin-top:30px;text-align: left;}
#details .read .houkatsu{font-size:120%;margin-top:40px;}
#details .link-box{margin-top:35px;}
}
@media screen and (max-width:480px){
#details .more{font-size:85%;margin:0 0 10px 0;min-width: 100%;line-height: 1.2;}
}
/*--------------------------------------------------------------------------------*/


/*鳥取県活かす空き家協会の強み*/
#strengths{background:;position:relative;padding: 0 0 120px 0;}
#strengths .box{margin-bottom:50px;}
#strengths .box .txt-box{text-align: left;line-height:1.8;font-size: 105%;}
#strengths .box .txt-box .read{padding: 0 0 0 20px;}
.number-title{font-size: 150%;font-family: 'Noto-Bold', sans-serif;margin-bottom: 20px;
background: url(images/01.png) no-repeat left bottom;line-height: 1.3;
padding:80px 0 5px 20px;}

.one{background: url(images/01.png) no-repeat left bottom;}
.two{background: url(images/02.png) no-repeat left bottom;}
.three{background: url(images/03.png) no-repeat left bottom;}
.four{background: url(images/04.png) no-repeat left bottom;}

.txt-box{width:58%;display: inline-block !important;vertical-align: top !important;}
.ill-box{width:40%;display: inline-block !important;vertical-align: top !important;padding:20px 0 0 0;}

.float-l{float:left;}
.float-r{float:right;}

#strengths .link-box{margin:80px 0 0 0;}
#strengths .more{margin:0 10px 10px 10px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
#strengths{background:;position:relative;padding: 0 0 60px 0;}
#strengths .box .txt-box{text-align: left;line-height:1.8;font-size: 95%;}
.txt-box{width:100%;display: inline-block !important;vertical-align: top !important;margin:-20px 0 0 0;}
.ill-box{width:100%;display: inline-block !important;vertical-align: top !important;padding:20px 0 0 0;}
.ill-box img{width:70%;height:auto;}
.one{background-size:110px auto;}
.two,.three,.four{background-size:140px auto;}
}

@media screen and (max-width:480px){
#strengths .more{margin:0 0 10px 0;}
}
/*--------------------------------------------------------------------------------*/


/*事例紹介*/
#case{width: 100%;min-width:1200px;
background: url(images/green-bg.png) repeat-x left bottom;
position:relative;
padding: 0 80px;
height: 400px;overflow: hidden;width: 100%;
}
#case h3, #case h3 .en{color:#fff;}

#case .l-box{float:left;display: inline-block;vertical-align: top;margin:140px 50px 0 0;padding:0 ;width:20% ;}
#case .more{display:inline-block;margin-top:0;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#fff url(images/green-arrow.png) no-repeat center left 16px;font-size: 100%;min-width: 200px;line-height: 1;text-align: center;}

#case .more a{display:block;color:#1F9848;padding:20px 30px 20px 60px !important;font-weight: bold;}
#case .more a:hover{text-decoration:none;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#FFD91A url(images/green-arrow.png) no-repeat center left 16px;color: #222;}

#case .r-box{float:left;display: block;vertical-align: top;padding:0;margin-right:-800px;width:1350px;}
#case .r-box .box{background-color:#fff;width:300px;height:350px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;display: inline-block;margin:0 25px 25px 0;filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.1));padding: 0 ;}

#case .r-box .box .thumbnail img{width:100%;border-radius: 20px 20px 0 0;-webkit-border-radius: 20px 20px 0 0;-moz-border-radius: 20px 20px 0 0;object-fit: cover;height: 192px;}
#case .r-box .box .inner{padding:25px 20px;font-weight:bold;}
#case .r-box .box .inner .category{background-color:#FFD91A;display:inline-block;padding:5px 25px;font-size:80%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
#case .r-box .box .inner .title{line-height:1.6;display:block;margin-top:10px;font-size:105%;}

.arrow_box {
position:absolute;
top:35%;
right:40px;
z-index:1000 !important;
}

.next-arrow {
display: block;
width: 70px;
height: 70px;
background: #fff;
border-radius: 50%;
transition: all .3s ease;
cursor: pointer;
position:relative;
filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.05));
}

.next-arrow::before{
position:absolute;
content: "";
width:15px;
height:15px;
border-right: 3px solid #222;
border-top: 3px solid #222;
top:0;
bottom:0;
left:0;
right:5px;
margin:auto;
transform:rotate(45deg);
}
 .prev-arrow,.prev-arrow::before {
transform: rotate(180deg);
margin-right: 20px;
display: none !important;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
#case{min-width:100%;}
}
@media screen and (max-width:1120px){
#case{
background: url(images/green-bg.png) repeat-x left top;
position:relative;
padding: 0;
height: 550px;overflow: hidden;
}
#case h3{display: inline-block;margin:20px 0 40px 0;vertical-align: middle;}
#case .more{display:inline-block;margin:0 0 0 50px;vertical-align: middle;}

#case .l-box{float:none;display: inline-block;vertical-align: top;margin:0;padding:30px 10px 0 20px ;width:100% ;}
#case .r-box{float:none;display: inline-block;vertical-align: top;padding:0 0 50px 25px;margin-right:-800px;}

.arrow_box {
position:absolute;
top:55%;
right:30px;
}
}

@media screen and (max-width:768px){
#case{height: 480px;}
#case .r-box{float:none;display: inline-block;vertical-align: top;padding:0 0 50px 10px;margin-right:-800px;width:970px;}
#case .r-box .box{background-color:#fff;width:220px !important;height:260px !important;margin:0 10px 50px 10px;}
#case .r-box .box .thumbnail img{width:100%;height: 145px;}
#case .r-box .box .inner{padding:15px 15px;font-weight:bold;}
#case .r-box .box .inner .title{line-height:1.4;display:block;margin-top:10px;font-size:95%;}

.arrow_box {
position:absolute;
top:58%;
right:20px;
}
.next-arrow {
width: 50px;
height: 50px;
}
.next-arrow::before{
width:12px;
height:12px;
}
}

@media screen and (max-width:480px){
#case{height: 460px;}
#case .more{width: 150px !important;min-width: 150px !important;margin:0 0 0 20px;display:inline-block;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#fff url(images/green-arrow.png) no-repeat center left 12px;font-size: 95%;background-size:25px auto;}
#case .more a{padding:15px 10px 15px 30px !important;font-weight: bold;}
#case .more a:hover{background:#FFD91A url(images/green-arrow.png) no-repeat center left 12px;color: #222;background-size:25px auto;}
.arrow_box {
position:absolute;
top:55%;
right:20px;
}

}
/*--------------------------------------------------------------------------------*/

/*Q＆A*/
#qanda{position:relative;padding: 120px 0;line-height: 1.4;}
#qanda .more{}
#qanda .all-width{position:relative;}
#qanda .box{width: 100%;text-align: left;border:1px solid #D7D7D7;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;padding:0 28px 0 28px;margin-bottom:15px;}

/*アコーディオン*/
.accordion-title{display: block;position: relative;margin:18px 0 22px 0;padding-right: 18px;}
.accordion-title span{color:#BDBDBD;font-size:150%;margin-right:10px;font-weight: bold;}
.accordion-content{border-top:1px solid #D7D7D7;padding:25px 0;line-height:1.8;display: none;}

.accordion-container {
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
}

.accordion-title:after {
content: "";
position: absolute;
right: 0;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 10px;
height: 10px;
border-top: solid 2px #222;
border-right: solid 2px #222;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 42%;
}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#qanda{padding: 50px 0 80px 0;}
}
@media screen and (max-width:480px){
#qanda h3{margin-bottom:30px;}
}
@media screen and (max-width:400px){
#qanda .more{width:100%;}
}
/*--------------------------------------------------------------------------------*/


/*お知らせ*/
#news{background:#F2F2F2;position:relative;padding: 100px 0 80px 0;min-width: 1200px;}
#news .inner{text-align:left;background:#Fff;padding:60px 40px 20px 40px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;width: 800px;margin: 0 auto;}
#news h3{text-align:center;}
#news .listbox{display: inline-block !important;vertical-align: top !important;line-height:1;text-align:left !important;width:100% !important;margin:0 0 15px 0 !important;
padding:0 0 20px 0 !important;border-bottom: none;}
#news .date{display: inline-block;vertical-align: middle;line-height:1;font-size:80%;font-weight:300;}
#news .category{display: inline-block;vertical-align:bottom;line-height:1;font-size:150%;margin:0 12px 0 0;font-weight:600;
background:#ddd;padding:5px 10px;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;}
#news .category a{text-decoration:none;background-color:transparent !important;padding:4px 0 0 0 !important;border:none !important;color:#fff !important;border-radius:0;-webkit-border-radius: 0;-moz-border-radius: 0;}

#news .news_news{background:#1F9848;color:#fff;}
#news .news_column{background:#FFD91A;} #news .news_column a{color:#222 !important;}
#news .news_mi{background:#ccc;color:#fff;}

#news .title{line-height:1.4;margin:10px 0 0 0;font-weight:bold;}
#news .title a{}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
#news{min-width:100%;}
}
@media screen and (max-width:1120px){
#news .all-width{width:92%;min-width:92%;}
#news .inner{text-align:left;background:#Fff;padding:60px 40px 20px 40px;width:100%;margin: 0 auto;}
}
@media screen and (max-width:600px){
#news{;padding: 80px 0 80px 0;}
#news .inner{text-align:left;background:#Fff;padding:30px 20px 0 20px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;margin: 0 auto;}
}
/*--------------------------------------------------------------------------------*/

/*企業リンク*/
#company-link{padding: 80px 0 80px 0;}
#company-link .all-width{text-align:center;}
#company-link .inner{text-align:left;}
#company-link .link{margin:5px 0.5%;display:inline-block;vertical-align:middle;text-align:center;
background:;width:31.5%;line-height:1.4;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;
border:2px solid #D2E3CE;font-size:90%;}
#company-link .link a{display:block;vertical-align:top;text-align:center;
background:;padding:15px 5px;}
#company-link .link:hover{background:#D2E3CE;}
#company-link .link a:hover{text-decoration:none;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1120px){
#company-link .link{}
#company-link .link a{padding:15px 5px;}
}
@media screen and (max-width:600px){
#company-link .link{width:47%;height:auto;}
}
/*--------------------------------------------------------------------------------*/

/*フッタ*/
footer{background:#F2F2F2;width: 100%;text-align: center;overflow: hidden;position: relative;z-index:0;min-width: 1200px;}

#contact .photo-bg{background:transparent url(images/photo-bg.png) repeat-x center center;height:500px;}
#contact .copy{font-size:270%;color:#fff;letter-spacing:0.2em;padding:230px 20px 0 20px;line-height:1.3;}
#contact .copy br{display:none;}
#contact a:hover{text-decoration:none;}
#contact .all-width{text-align: left;}
#contact .inn{margin-top:-50px;margin-bottom:-30px;padding:50px;background-color:#fff !important;min-width:1000px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.1));font-weight:bold;}
#contact .l-box{width:60%;display:inline-block;vertical-align:top;text-align:left;line-height:2;font-size:120%;padding-top:30px;}
#contact .r-box{width:40%;display:inline-block;vertical-align:top;text-align:left;}

#contact .btn{display:inline-block;vertical-align: middle;line-height:1.2;background-color:#1f9947;
background:#1f9947 url(images/mail-icon.png) no-repeat center left 30px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;width: 325px;text-align: center;}
#contact .btn a{padding:20px 50px 20px 75px;font-size:105%;color:#fff;font-weight:700;}
#contact .btn a:hover{background:#FFD91A url(images/mail-icon.png) no-repeat center left 30px;color: #222 !important;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;}
.contact-link{}

.tel-link{margin-top: 18px;background:#F2F2F2 url(images/tel-icon.png) no-repeat center left 30px !important;}
.tel-num{font-size: 120%;}
.tel-link a:hover{background:#FFD91A url(images/tel-icon.png) no-repeat center left 30px !important;color: #222 !important;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;}
.tel-link a{color:#222 !important;}

#contact .yellow-marker{background:linear-gradient(transparent 50%, #FFF687 50%);font-weight:bold;line-height: 1.4 !important; display: inline;padding: 0 4px 2px 4px;font-size: 120%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
footer{min-width:100%;}
}
@media screen and (max-width:1120px){
footer{min-width:100%;width:100%;}
#contact .all-width{width:100%;min-width:100%;}
}
@media screen and (max-width:1000px){
#contact .copy{color:#fff;letter-spacing:0.05em;padding:200px 20px 0 20px;line-height:1.3;font-size:5vw;}
#contact .copy br{display:block;}
#contact .inn{margin:-50px auto -30px auto;padding:20px;width:92%;min-width:92%;}
}

@media screen and (max-width: 900px){
#contact .all-width{text-align: center;}
#contact .inn{margin:-50px auto -30px auto;padding:0 15px 20px 15px;width:92%;min-width:92%;}
#contact .l-box{width:100%;text-align:center;}
#contact .r-box{width:100%;text-align:center;margin-top:20px;}
.tel-link{margin-top: 0;}
#contact .btn{width: 325px;}
}
@media screen and (max-width: 768px){
#contact .photo-bg{background:transparent url(images/photo-bg.png) repeat-x left center;height:300px;
background-size:720px auto;
}
#contact .copy{color:#fff;letter-spacing:0.05em;padding:100px 20px 0 20px;line-height:1.3;font-size:5vw;}
#contact .btn{margin-bottom: 10px;}
}
@media screen and (max-width: 480px){
#contact .photo-bg{background:transparent url(images/photo-bg.png) repeat-x left center;height:250px;
background-size:600px auto;}
#contact .copy{color:#fff;letter-spacing:0.05em;padding:85px 10px 0 10px;line-height:1.3;font-size:6.2vw;}
}
@media screen and (max-width: 400px){
#contact .btn{width: 100%;}
}
/*--------------------------------------------------------------------------------*/

#address{position: relative;padding:30px 0 0 0;}
#address .all-width{text-align: left;width:1000px !important;min-width:1000px !important;padding:50px 0 0 0;}
#address .l-box{width:50%;display:inline-block;vertical-align:top;text-align:center;line-height:1.8;padding:50px 0 0 0;}
#address .l-box .logo{margin-bottom:40px;}
#address .r-box{width:50%;display:inline-block;vertical-align:top;text-align:right;}
#address .r-box .map{border:3px solid #fff;display:inline-block;}

footer .f-menu{font-size:95%;margin:0;margin-top:50px;line-height: 2.0;font-weight: bold;padding:0;}
footer .f-menu .all-width{text-align: left;border-top:1px solid #CBCBCB;width:1000px !important;min-width:1000px !important;padding:50px 0 0 0;}
footer .f-menu a{}
footer .f-menu a:hover{text-decoration:underline;}
footer .f-menu ul{display:inline-block;vertical-align:top;width:25%;}
footer .f-menu li{display:block; margin:0;}
footer .f-menu li span,footer .sp-f-menu li span{color:#CBCBCB;font-size:50%;vertical-align:middle;margin-right:5px;}
footer .sp-f-menu{display:none;}
footer .sp-f-menu .all-width{text-align:left !important; margin:0;font-weight: bold;font-size:85%;}
footer .sp-f-menu li{display:inline-block; margin:0 20px 15px 0;}

footer .f-logo{margin:20px 0 50px 0;}
.copy{padding:62px 10px;font-size:95%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1120px){
#address .all-width{text-align: left;width:92% !important;min-width:92% !important;padding:50px 0 0 0;}
footer .f-menu .all-width{text-align: left;border-top:1px solid #CBCBCB;width:92% !important;min-width:92% !important;padding:50px 0 0 0;}
}
@media screen and (max-width: 900px){
#address .l-box{width:100% !important;margin-bottom:30px;padding:0;}
#address .l-box .logo{margin-bottom:30px;text-align:center;}
#address .r-box{width:100%;text-align:center;}
footer .f-menu{display:none;}
footer .sp-f-menu{display:block;margin:30px 0 0 0;}}
footer .sp-f-menu .all-width{text-align:left !important; margin:0;font-weight: bold;font-size:85%;border-top:1px solid #CBCBCB;padding:30px 0 0 0;}
footer .sp-f-menu li{display:inline-block; margin:0 20px 15px 0;}
.copy{padding:42px 10px;font-size:80%;}
}
/*--------------------------------------------------------------------------------*/




/* スクロールアクション用 */
.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}

/* Webkit */
	::-webkit-input-placeholder {
		color: #fff;
		opacity: 1;
	}
	/* Firefox 18 以前 */
	:-moz-placeholder {
		color: #fff;
	}
	/* Firefox 19 以降 */
	::-moz-placeholder {
		color: #fff;
		opacity: 1;
	}
	/* IE 10 以降 */
	:-ms-input-placeholder {
		color: #fff;
	}


@keyframes return {
0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-6px);
  }
  100% {
    transform: translateX(0px);
  }
}
.return {
  animation-name: return;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

@keyframes return02 {
0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
  }
}
.return02 {
  animation-name: return02;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

@keyframes return03 {
0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-15px);
  }
  100% {
    transform: translateX(0px);
  }
}
.return03 {
  animation-name: return03;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

@keyframes return04 {
0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
.return04 {
  animation-name: return04;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}