@charset "utf-8";
/*
Theme Name:JSM-2025
Description:JSM-2025
Theme URI: 
Author: 2024-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/


/* 基本 */
body {margin: 0;padding: 0;background: #fff ;color: #4c4c4c;letter-spacing:0.05em;}
* {box-sizing: border-box;font-family: "kozuka-r", 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:1000px;}

/* 全体横幅1000px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1000px;min-width:1000px;
text-align:center;
}


/*小塚ゴシックR（Regular） */
@font-face {
font-family: "kozuka-r";
src: url("fonts/kozuka-r-subset.woff") format("woff");
}
.kozuka-r {font-family: "kozuka-r", sans-serif;}

/*小塚ゴシックM（Medium） */
@font-face {
font-family: "kozuka-m";
src: url("fonts/kozuka-m-subset.woff") format("woff");
}
.kozuka-m {font-family: "kozuka-m", sans-serif;}

/* 小塚ゴシックB（Bold）*/
@font-face {
font-family: "kozuka-b";
src: url("fonts/kozuka-b-subset.woff") format("woff")
}
.kozuka-b {font-family: "kozuka-b", 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:#035D77;}
.toppage a{text-decoration:none;color:#4C4C4C;}
a:hover{text-decoration:none;}


/* 文字間つめ */
.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: 1000px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
/* 改行用 */
.newline{display:block;}
}

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

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

/*▼▼▼トップの設定▼▼▼*/
/*全体*/
#container{font-family: "kozuka-r", sans-serif;}

.more{font-size:12px;margin-top:15px;padding:0 30px 7px 30px;
display:block;font-family: "kozuka-b", sans-serif;letter-spacing: 0.15em;}
.more a{font-family: "kozuka-b", sans-serif;}

.toppage h2 {font-size:22px;font-family: "kozuka-b", sans-serif;font-weight:normal;letter-spacing: 0.2em;margin:0 0 80px 0;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

header {width: 100%;text-align: center;overflow: hidden;position: absolute;background:transparent;z-index: 1;}

/*ヘッダ メニュー */
.h-navi{width:100%;text-align: left;height: 100px;font-size: 17px;position: relative;}

.h-navi .h-logo{
padding:45px 55px;
float: left;
width: ;
}

.h-navi .otoiawase{background-color:rgba(255, 255, 255, 0.3);color:#fff;display:inline-block;font-size:10px;
padding: 15px 25px;border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;
position: absolute;top: 30px;right: 115px;
}
.h-navi .otoiawase a{color:#fff;display:block;}

.h-navi .otoiawase:hover{background-color:rgba(255, 255, 255, 0.6);}
.h-navi .otoiawase a:hover{color:#035D77;}
.w-arrow-icon{
background:url(images/allow-white-s.png) no-repeat left center;
background-size:21px;padding: 15px 0 15px 28px;
}
.g-arrow-icon{
background:url(images/allow-green.png) no-repeat left center;
background-size:21px;padding: 15px 0 15px 28px;

}
.h-navi .r-nav-box{float:right;}

.h-navi .h-menu{text-align: right;padding: 5px 250px 0 0;display: inline-block;vertical-align: middle;font-size: 14px; color:#fff;}
.h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 50px 0 0;position: relative;padding: 44px 0 0 0;}
.h-navi .h-menu a {display: block; color:#fff !important;}

.h-navi .h-menu .oya{margin-bottom:0;}


/* ▼サブメニュー */
.h-menu li:hover ul {
display: block;
text-align: left;
font-size: 11px;
}

.h-menu ul {
margin: 0px;
padding: 0px;
display: none;/* 標準では非表示にする */
position: absolute;
z-index: 1000 !important;font-size: 11px;
}

.h-menu ul li {
width: 180px;/* サブメニュー1項目の横幅(135px) */
font-size: 11px;padding: 8px 0 0 0 !important;
}

.h-menu ul li a {
line-height: 11px;/* サブメニュー1項目の高さ(20px) */
text-align: left;
padding: 0 3px 1px 1px;/* 文字列前方の余白(0px) */
font-weight: normal;
font-size: 11px;
}

.h-menu ul li a:hover {text-decoration:none;font-size: 11px;color: #fff;}

.h-menu li ul {
  margin: ;
  padding: 5px 0 0 0;
  list-style-type: none;
  position: absolute;
  overflow: hidden;
  height: 0;
  transition: height 0.8s;font-size: 11px;
}
.ltsp{letter-spacing:-0.1em;}
.h-menu li:hover ul {
  height: 140px;font-size: 11px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 30px 0 0;}
}

@media screen and (max-width: 1000px) {
.r-nav-box{display:none;}
.h-navi .h-logo{
padding:30px 35px;
float: left;
width: ;
}
}

@media screen and (max-width:600px){
.h-navi .h-logo{
padding:15px 15px;
float: left;
width: ;
}
.h-navi .h-logo img{width:80px;height:auto;}

.h-navi .otoiawase{display:none;}

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

/* メインイメージ */
#main-img{width: 100%;text-align: center;overflow: hidden;position: relative;height:755px;background: #74F2AF url(images/grd-bg.png) repeat-x top center;}
#main-img .right-bg{position: absolute;bottom: 0;right: 0;filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));}
#main-img .town-img{position: absolute;bottom: 140px;right: 30px;filter: drop-shadow(10px 0 10px rgba(0,0,0,0.2));}
#main-img .box{width:1250px;margin:0 auto;position: relative;height:755px;}
#main-img .left-box{text-align:left;margin:;position: absolute;top: 220px;left: 90px;z-index: 1;}
#main-img .left-box .main-copy{color:#fff;font-size:60px;letter-spacing:0.1em;line-height:1.7;}
#main-img .left-box .sub-copy{color:#fff;font-size:24px;letter-spacing:0.3em;line-height:1.7;margin:0.5em 0;}
#main-img .left-box .read-copy{color:#035d77;font-size:12px;letter-spacing:0.1em;line-height:1.7;}

#main-img .kumo01{position: absolute;top: 130px;left: 270px;}
#main-img .kumo02{position: absolute;bottom:60px;left: 50px;}
#main-img .kumo03{position: absolute;top: 240px;right: 50px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
#main-img{height: 600px;}
#main-img .box{height:600px;}
#main-img .box{width:100%;margin:0 auto;position: relative;}
#main-img .left-box{text-align:left;margin:;position: absolute;top: 100px;left: 4%;}
#main-img .left-box .main-copy{color:#fff;font-size:45px;letter-spacing:0.1em;line-height:1.5;}
#main-img .town-img{position: absolute;bottom:15px;right: -30px;width: 600px;height:auto;}
#main-img .kumo01{position: absolute;top: 120px;right: -20px;left: auto;}
#main-img .kumo02{position: absolute;bottom:60px;right: 70%;left: auto;}
}

@media screen and (max-width:768px){
#main-img .town-img{position: absolute;bottom: 15px;right: -30px;width: 550px;height:auto;}
#main-img .kumo02{position: absolute;bottom:60px;right: 70%;left: auto;}
}
@media screen and (max-width:600px){
#main-img .town-img{width: 450px;height:auto;}
}

@media screen and (max-width:480px){
#main-img{height: 100svh;height: 500px;}
#main-img .box{height: 100svh;height: 500px;}
#main-img .left-box .main-copy{font-size:8vw;line-height:1.5;}
#main-img .left-box .sub-copy{font-size:5vw;line-height:1.5;margin:0.5em 0;}
#main-img .left-box .read-copy{font-size:10px;letter-spacing:0.1em;line-height:1.7;}
#main-img .town-img{width: 400px;height:auto;}
#main-img .kumo02{position: absolute;bottom:0px;right: 70%;left: auto;}
#main-img .kumo01{width: 80px;height:auto;}
#main-img .kumo02{width: 120px;height:auto;}
#main-img .kumo03{width: 100px;height:auto;}
}

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


/*導入実績*/
#performance{background-color:#fff;position:relative;padding: 80px 0 60px 0;color: #035d77;line-height:1.4;}
#performance h2{font-size: 28px;margin: 0 0 30px 0;}
#performance .read{font-family: "kozuka-b", sans-serif;margin: 0 0 30px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
#performance{padding: 60px 0 30px 0;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

/*コンセプト*/
#concept{background:#F0F3F7;position:relative;padding: 120px 0 90px 0;line-height:1.4;}
#concept .main-title{
background-color: #F0F3F7;
font-size: 18px;
padding: 28px 10px;
border-radius: 26px 26px 0 0;-webkit-border-radius: 26px;-moz-border-radius: 26px;
letter-spacing:0.2em;
}
#concept .concept-allow{
background:url(images/concept-allow.png) no-repeat left center;
background-size:25px;padding: 15px 0 15px 32px;font-family: "kozuka-b", sans-serif;
}
#concept .sub-title{padding: 50px 30px 40px 30px;}
#concept .read{padding:0 60px 50px 60px;line-height: 2.2;font-size: 14px;color:#035d77;text-align:left;margin:25px 0 0 0;}
#concept .box{background:#fff;width: 840px;margin:0 auto 60px auto;filter: drop-shadow(8px 8px 8px rgba(199,226,235,1));border-radius: 26px;-webkit-border-radius: 26px;-moz-border-radius: 26px;}
#concept .s-box{background:#fff;padding: 0;width: 840px;margin:0 auto 60px auto;filter:drop-shadow(8px 8px 8px rgba(199,226,235,1));border-radius: 26px;-webkit-border-radius: 26px;-moz-border-radius: 26px;}
#concept .s-box img{
border-radius: 26px;-webkit-border-radius: 26px;-moz-border-radius: 26px;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
#concept .box,#concept .s-box{width: 100%;}
}
@media screen and (max-width:600px){
#concept{padding: 80px 0 50px 0;}
#concept h2{margin: 0 0 40px 0;}
#concept h2 img{width: 250px;}
#concept .main-title{border-radius: 16px 16px 0 0;-webkit-border-radius: 16px 16px 0 0;-moz-border-radius:  16px 16px 0 0;
}
#concept .box,#concept .s-box{margin:0 auto 30px auto;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;}
#concept .s-box img{
border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;
}
#concept .read{padding:0 30px 50px 30px;line-height: 2.2;font-size: 12px;color:#035d77;text-align:left;margin:25px 0 0 0;}
#concept .box .sp{width: 300px;margin:0 auto;}
#concept .s-box .sp{width: auto;margin:0 auto;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*JSMで解決する7個の課題*/
#solution{background-color:#FCFCFC;position:relative;padding: 120px 0;letter-spacing: 0.15em;}
#solution h2{font-size: 34px;}
#solution h2 span{font-size: 64px;font-family: "kozuka-b", sans-serif;}
#solution .inner{text-align:left;width:900px; margin:0 auto;}

#solution .box{display: inline-block;vertical-align: top;width: 46%;margin:0 2%;}
#solution .box .l-box{display: inline-block;vertical-align: top;width: 30px;}
#solution .box .r-box{display: inline-block;vertical-align: top;width: 352px;}
#solution .image img{filter:drop-shadow(8px 8px 8px rgba(199,226,235,1));border-radius: 0 0 26px 0;-webkit-border-radius: 0 0 26px 0;-moz-border-radius: 0 0 26px 0;}
#solution .top-sps{margin-top: 100px;}

#solution .titles{margin:30px 0 15px 0 ;font-family: "kozuka-b", sans-serif;font-size: 18px;line-height: 1.3;}
#solution .read{margin:0 0 0 0 ;font-size: 13px;line-height: 1.8;color:#035d77;}
/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width:900px){
#solution .inner{text-align:left;width:100%; }
#solution .box .l-box{display: inline-block;vertical-align: top;width: 7%; padding-right: 5px;}
#solution .box .r-box{display: inline-block;vertical-align: top;width: 93%;}
}

@media screen and (max-width:600px){
#solution{padding: 80px 0;}
#solution h2{font-size: 22px;margin: 0 0 40px 0;}
#solution h2 span{font-size: 44px;font-family: "kozuka-b", sans-serif;}
#solution .titles{font-size: 16px;}
#solution .read{font-size: 11px;line-height: 1.6;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*Q＆A*/
#qanda{background:#F0F3F7;position:relative;padding: 120px 0;line-height: 1.4;}
#qanda .box{background-color:#fff;width: 840px;margin:0 auto 40px auto;
border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;
filter: drop-shadow(8px 8px 8px #D9DFEB);
  font-size: 15px;text-align: left;
}

#qanda .q-box{font-size: 14px;padding: 20px 20px 20px 55px;
background:url(images/allow-green.png) no-repeat 20px center;
background-size:25px;
}
#qanda .a-box{font-size: 12px;padding: 20px 20px 20px 55px;background:;border-radius: 0 0 24px 24px;-webkit-border-radius: 0 0 24px 24px;-moz-border-radius:0 0 24px 24px;
background:#F0F3F7 url(images/allow-white.png) no-repeat 20px center;
background-size:25px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
#qanda .box{width: 100%;}
}
@media screen and (max-width:600px){
#qanda{padding: 80px 0;}
#qanda h2{font-size: 22px;margin: 0 0 40px 0;}

}
@media screen and (max-width:480px){
}
@media screen and (max-width:380px){
}
/*--------------------------------------------------------------------------------*/


/*コラム*/
#column{background-color:#fff;position:relative;padding: 120px 0;}
#column .inner{text-align:left;width: 840px;margin:0 auto 60px auto;}
#column .box{background-color:#fff;width:44.5%;display: inline-block;
vertical-align: top;margin:0 2.3% 50px 2.3%;
filter:drop-shadow(8px 8px 8px rgba(199,226,235,1));
line-height:1.5;
}

#column .box .thumb-box{position:relative;}
#column .box .thumb-box .copy{position:absolute;background-color:#78BDCE;color:#fff;font-size:13px;padding: 6px 15px;bottom:28px;width:62%;}
#column .box .thumb img{width: 100%;height: auto;object-fit: cover;}
#column .box .titles{padding: 16px 15px 6px 15px;font-size: 14px;font-family: "kozuka-b", sans-serif;}
#column .box .names{padding: 6px 15px;text-align: center;color: #035D77;font-size: 10px;}
#column .box .read-more{
display:block !important;
width:133px;
text-align: center;
color: #fff;
font-size: 10px;
background:url(images/readmore-bg.png) no-repeat center center;
background-size:133px auto;
border-radius: 24px;-webkit-border-radius:24px;-moz-border-radius:24px;
margin: 10px auto 25px auto;
}
#column .box .read-more a{
display:block !important;
color: #fff;padding: 10px 25px;
}

#column .more{
margin-top:-50px !important;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
#column .inner{text-align:left;width: 100%;margin:0 auto 60px auto;}
#column .box .thumb-box .copy{font-size:10px;padding: 6px 15px;bottom:10px;width:62%;}
}
@media screen and (max-width:600px){
#column{padding: 80px 0;}
#column h2{margin: 0 0 40px 0;}
#column h2 img{width: 380px;}
#column .box .thumb-box .copy{font-size:10px;padding: 6px 15px;bottom:10px;width:85%;}
#column .box .read-more{
width:100px;
background:url(images/readmore-bg.png) no-repeat center center;
background-size:100px auto;
border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;
margin: 5px auto 15px auto;
}
#column .box .read-more a{padding: 10px 15px;}
}
@media screen and (max-width:480px){
#column .inner{text-align:center;}
#column .box{background-color:#fff;width:90%;display: inline-block;
vertical-align: top;margin:0 0 30px 0;
filter:drop-shadow(8px 8px 8px rgba(199,226,235,1));
line-height:1.5;
}
}
/*--------------------------------------------------------------------------------*/

/*お知らせ*/
#news{background:#F0F3F7;position:relative;padding: 120px 0 80px 0;text-align: left;}
#news .all-width{text-align: left;}
#news h2{text-align:left !important;font-size:28px;padding:  0;margin:  0;}
#news .more{padding:0;}
#news .l-box{text-align: left;width: 24%;display: inline-block;vertical-align: top;margin-right: 1%;}
#news .r-box{text-align: left;width: 75%;display: inline-block;vertical-align: top;}
#news .r-box .box{font-size: 12px;width: 47%;display: inline-block;margin: 0 2% 35px 0;
vertical-align: top;border-bottom: 1px solid #4C4C4C;}
#news .date{margin-right: 15px;display: inline-block;vertical-align: middle;font-size: 10px;}
#news .category{display: inline-block;vertical-align: middle;font-size: 8px;border: 1px solid #4C4C4C;padding: 3px 14px;line-height: 1;border-radius: 24px;-webkit-border-radius:24px;-moz-border-radius:24px;}
#news .title{display: block;vertical-align: middle;margin: 18px 0 22px 0;line-height: 1.2;font-family: "kozuka-b", sans-serif;}

}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#news .inner{text-align: left;padding:10px 0 0 0;font-size:10px;}
#news .inner .date{margin-right: 8px;}
}
@media screen and (max-width:600px){
#news{padding:80px 0 40px 0 !important;}
#news .l-box,#news .r-box,#news .r-box .box{width:100%;}
#news .l-box{margin-bottom:30px;}
}
@media screen and (max-width:480px){


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



/*フッタ*/
footer{padding: 120px 0 80px 0;color:#fff;width: 100%;text-align: center;overflow: hidden;position: relative;min-width:1000px;z-index:0;
background: #74F2AF url(images/grd-bg.png) repeat-x top center;
}

footer .main-copy{font-size:34px;letter-spacing:0.15em;}
footer .sub-copy{font-size:18px;margin:20px 0 42px 0; letter-spacing: 0.15em;}

footer .s-btn{background-color:rgba(255, 255, 255, 0.3);color:#fff;display:inline-block;font-size:12px;
padding: 15px 25px;border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;width: 200px;margin: 0 20px;}

footer .s-btn a{color:#fff;display:block;}
footer .s-btn:hover{background-color:rgba(255, 255, 255, 0.6);color:#035D77 !important;}
footer .s-btn a:hover{color:#035D77 !important;}
footer .copy{font-size:12px;}
footer .img-box{position: relative;text-align:center}
footer .img-box .kumo{position: absolute;top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;}

@keyframes return {
0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-10px);
  }
  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(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
.return02 {
  animation-name: return;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

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


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
footer{min-width:100%;}
}
@media screen and (max-width: 600px){
footer{padding: 80px 0 40px 0;}
footer .main-copy{font-size:5.8vw;}
footer .sub-copy{font-size:4vw;margin:20px 0 32px 0;}
footer .s-btn{font-size:10px;
padding: 15px 15px;border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;width: auto;margin: 0 5px;}
}

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

footer .f-menu{font-size:12px;margin:25px 0 35px 0;line-height: 1.5;}
footer .f-menu a{color:#fff;}
footer .f-menu a:hover{text-decoration:underline;}
footer .f-menu ul{}
footer .f-menu li{display:inline-block; margin:0 12px 0 12px;}
footer .f-logo{margin:25px 0 50px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 600px){
footer .f-menu{font-size:12px;margin:15px 0 15px 0;line-height: 1.5;}
footer .f-menu li{display:inline-block; margin:0 4px 0 4px;}
footer .f-menu{margin:40px 0 20px 0;}
footer .f-logo{margin:15px 0 20px 0;}
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 400px){
}
/*--------------------------------------------------------------------------------*/


/* スクロールアクション用 */
.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;
}


/*FAQアコーディオン*/
.accordion-container {
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
line-height: 1.4;
}

.accordion-title {
display: block;
position: relative;
margin: 0;
padding:0 35px 0 35px;
font-weight: normal;
 font-size:14px;
position: relative;
color: #39A3C4;
background:url(images/q.png) left top / 27px auto no-repeat;
  min-height:27px;
}

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

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

.accordion-content {
display: none;
padding:10px 35px 0 0;
font-size:13px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.accordion-title:after {right: 10px;width: 12px;height: 12px;}
.accordion-content {display: none;font-size:11px;}
#accordion{margin-bottom:10px;}
}
/*--------------------------------------------------------------------------------*/

/* タイプライター */
.movetext{opacity:0 ;}
.movetext span{opacity:0;}