@charset "utf-8";


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Reset
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,button{box-sizing:border-box;
display: block;}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-spacing:0;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Body
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

body{text-align:left;height:100%;box-sizing:border-box;color:#000;background:#fff;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div{font-size:100%;line-height:1;}

div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}

a{overflow:hidden;}
a:link{color: #000; text-decoration:none;}
a:visited{color: #000; text-decoration:none;}
a:hover{opacity:0.8;}
a:active{color: #000; text-decoration:none;}

a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";    //ie6
background: #fff;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
}

* html body *{vertical-align:baseline;}


.btn a{display:block;padding:14px 20px;border:2px solid #1cbcd1;color:#fff;position:relative;background:#1cbcd1;line-height:1.5;}
.btn a:after{content:"";position:absolute;right:10px;top:0;bottom:0;margin:auto 0;background:url(../images/common/arrow_white.png) no-repeat;width:24px;height:13px;}
.btn a:hover{color:#1cbcd1;background:#fff;}
.btn:hover a:after{background:url(../images/common/arrow_blue.png) no-repeat;}

.btn a.color{background:#ff8c00;border:2px solid #ff8c00;}
.btn a.color:hover{background:#fff;color:#ff8c00;}


.btn_down{max-width:400px;margin:50px auto 80px;text-align:center;}
.btn_down a:after{content:"↓";position:absolute;right:10px;top:0;bottom:0;margin:auto 0;width:24px;height:20px;background:none;}
.btn_down:hover a:after{background:none;}


.dspnone{display:block!important;}
.dpcnone{display:none!important;}

ul li.li_blank{height:0!important;border:0!important;}

.li_blank{height:0!important;border:0!important;}



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// glbnav
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.sp_logo{display:none;}

nav.glbnav{background:#fff;display:block;width:240px;height:100%;position:fixed;text-align:center;top:0;right:0;z-index:100;}

nav.glbnav dl#acmenu{width:100%;position:relative;z-index:1;}
nav.glbnav dl#acmenu dt{width:60px;height:60px;text-align:center;color:#000;font-size:12px;font-weight:bold;line-height:1.4;position: absolute;right: 45px;top:30px;z-index:1;}
nav.glbnav dl#acmenu dd{display:none;width:100vw;height:100vh;background:#1cbcd1;right:0;position:absolute;top:0;z-index:0;overflow:scroll!important;}

/*
nav.glbnav dl#acmenu dd ul{width:280px;position:absolute;}
nav.glbnav dl#acmenu dd li{font-size:12px;margin:0 0 35px;text-align:left;}
nav.glbnav dl#acmenu dd li a{font-size:27px;width:100%;color:#fff;display:block;}
nav.glbnav dl#acmenu dd li span{font-size:12px;}

nav.glbnav dl#acmenu dd ul.nav01{left:20%;top:150px;}
nav.glbnav dl#acmenu dd ul.nav02{left:50%;top:150px;}
nav.glbnav dl#acmenu dd ul.sub{left:20%;top:500px;}

nav.glbnav dl#acmenu dd ul.sub li{margin-bottom:20px;}
nav.glbnav dl#acmenu dd ul.sub li a{font-size:18px;}

nav.glbnav dl#acmenu ul.glbsub{display:none;background:#fff;padding:0 0;margin:0 0 0 40px;}
nav.glbnav dl#acmenu ul.glbsub li{float:none;}
nav.glbnav dl#acmenu ul.glbsub li svg{margin-right:5px;}
*/

nav.glbnav dl#acmenu dd  div.sitemap_wrap{display:flex;flex-wrap:wrap;max-width:1000px;margin:10px 0 10px 30px;}
nav.glbnav dl#acmenu dd  ul{width:50%;    padding: 10px;}
nav.glbnav dl#acmenu dd  ul li{padding:20px 10px;font-size:24px;text-align:left;}
nav.glbnav dl#acmenu dd  ul li a{color:#fff;width: 100%;display: block;}
nav.glbnav dl#acmenu dd  ul li h3{color:#1cbcd1;margin:30px 0 10px;border-bottom: 1px dashed #fff;padding-bottom: 10px;position:relative;}
nav.glbnav dl#acmenu dd  ul li h3:after{position:absolute;content:">";top:3px;right:15px;font-size:18px;font-weight:bold;color:#fff;}

nav.glbnav dl#acmenu dd  ul li ul{width:100%;}
nav.glbnav dl#acmenu dd  ul li ul li{padding-left:30px;position:relative;font-size:16px;}
nav.glbnav dl#acmenu dd  ul li ul li:after{position:absolute;content:"";width:12px;height:3px;background:#fff;left:10px;top:28px;}




.menu{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
}

.menu__line{
    background: #000;
    display: block;
    height: 4px;
    position: absolute;
    transition:transform .3s;
    right:0;
}

dt.active .menu__line{background: #fff;width:50px;}

.menu__line--top{
    top: 15px;
    width:50px;
    
}

.menu__line--center{
    top: 50%;
    width:30px;
}
.menu__line--bottom{
    bottom: 11px;
    width:40px;
}
dt.active .menu__line--top {
    top: 30px;
    transform: rotate(45deg);
}
dt.active .menu__line--center{
    transform:scaleX(0);
}
dt.active .menu__line--bottom{
    bottom: 26px;
    transform: rotate(135deg);
}


nav.glbnav div.sns_icon{position:absolute;top:120px;right:45px;z-index:1;}
nav.glbnav div.sns_icon a{display:block;}

nav.glbnav p.copyright{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: sideways;position:absolute;top:210px;right:20px;font-size:12px;z-index:1;}

nav.active  p.copyright{color:#fff;}

nav.glbnav h1.logo{display:block;width:240px;bottom:0;position:absolute;line-height:0;z-index:1; text-align:center;}
nav.glbnav h1.logo img{width:140px;margin-bottom:10px;}
nav.glbnav h1.logo a.bnr_01{display:block;width:100%;background:#1cbcd1;padding:20px;color:#fff;line-height:1.2;border-bottom: 4px solid #fff;text-align:center;box-sizing: border-box;position:relative;}
nav.glbnav h1.logo a.bnr_01:after{content:"";position:absolute;right:10px;bottom:20px;background:url(../images/common/arrow_white.png) no-repeat;width:24px;height:13px;}

nav.glbnav h1.logo div.bnr_side{display:flex;flex-wrap:wrap;}

nav.glbnav h1.logo a.bnr_01 span{font-size:13px;line-height:1.2;}
nav.glbnav h1.logo a.bnr_02{display:block;width:calc(50% - 5px);background:#1cbcd1;padding:15px;color:#fff;line-height:1.5;text-align:center;box-sizing: border-box;position:relative;margin-top:5px;margin-left:5px;}
/*
nav.glbnav h1.logo a.bnr_02:after{content:"";position:absolute;right:10px;bottom:20px;background:url(../images/common/arrow_white.png) no-repeat;width:24px;height:13px;}
*/

nav.active > h1.logo a{background:url(../images/common/logo_h.png) no-repeat;animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;}
    
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// section
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section{width:100%;padding-right:240px;}

section img{max-width:100%;height:auto;}

div.sec_wrap{max-width:800px;padding:0 ;margin:0 auto;position:relative;}

div.btn_list{width:120px;position:absolute;right:0;top:-80px;}
div.btn_list a{display:block;padding:10px 20px;border:2px solid #1cbcd1;color:#1cbcd1;position:relative;background:#fff;}
div.btn_list a:after{content:"";position:absolute;right:10px;top:0;bottom:0;margin:auto 0;background:url(../images/common/arrow_blue.png) no-repeat;width:24px;height:13px;}

div.btn_list a:hover{color:#fff;background:#1cbcd1;}
div.btn_list:hover a:after{background:url(../images/common/arrow_white.png) no-repeat;}

section.kaso h2{background:#dffbff;padding:40px;font-size:48px;color:#1cbcd1;line-height:1.5;}
section.kaso h2 span{font-size:18px;}
section.kaso h3{max-width:800px;margin:70px auto 20px;font-size:33px;color:#1cbcd1;line-height:1.5;}
section.kaso h3 span{font-size:18px;}

a.color_l{color:#1cbcd1;}
a.color_l:link{color:#1cbcd1;}
a.color_l:visited{color:#1cbcd1;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// pankuzu
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

ul.pankuzu{max-width:1040px;padding:20px 240px 40px 0;margin:0 auto;}
ul.pankuzu li{float:left;margin:5px 10px;}
ul.pankuzu li a{color:#01b4cb;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// footer
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/


footer{max-width:100%;padding:40px 240px 40px 0;margin:0 auto 0;position:relative;}

footer div.foot_staff{width:100%;background:#1cbcd1;padding:40px 0;}
footer div.foot_benefaction{width:100%;background:#fea73c;padding:40px 0;}


div.btn_staff{width:220px;float:left;margin-right:30px;margin-bottom:20px;}
div.btn_staff a{display:block;padding:10px 20px;border:2px solid #fff;color:#fff;position:relative;background:#1cbcd1;}
div.btn_staff a:after{content:"";position:absolute;right:10px;top:0;bottom:0;margin:auto 0;background:url(../images/common/arrow_white.png) no-repeat;width:24px;height:13px;}

div.btn_staff a:hover{color:#1cbcd1;background:#fff;}
div.btn_staff:hover a:after{background:url(../images/common/arrow_blue.png) no-repeat;}

div.btn_benefaction{width:220px;float:left;margin-right:80px;}
div.btn_benefaction a{display:block;padding:10px 20px;border:2px solid #fff;color:#fff;position:relative;background:#fea73c;}
div.btn_benefaction a:after{content:"";position:absolute;right:10px;top:0;bottom:0;margin:auto 0;background:url(../images/common/arrow_white.png) no-repeat;width:24px;height:13px;}

div.btn_benefaction a:hover{color:#1cbcd1;background:#fff;}
div.btn_benefaction:hover a:after{background:url(../images/common/arrow_blue.png) no-repeat;}

footer div.bnr_area{padding:40px 0;background:#eeeeee;text-align:center;}
footer div.bnr_area img{display:inline-block;width:145px;margin:5px;background:#fff;vertical-align:top;}

footer div.foot_icon{display:flex;padding:15px 0;}
footer div.foot_icon div.foot_icon01{width:100px;margin-right:15px;}
footer div.foot_icon div.foot_icon01 p{font-size:0.8em;line-height:1.2;}
footer div.foot_icon div.foot_icon02{width:100px;}
footer div.foot_icon img{width:100%;margin-bottom:5px;}


footer div.foot_nav{padding:50px 0 0;font-size:14px;}
footer div.foot_nav ul{float:left;}
footer div.foot_nav ul li{float:left;margin-right:20px;}
footer div.foot_nav div.address{float:right;text-align:right;line-height:1.5;}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 404
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.notfound{max-width:980px;text-align:center;padding:50px 0;margin:0 auto;}

section.notfound h2{text-align:center;margin-bottom:100px;padding-top:20px;font-weight:bold;font-size:28px;color:#ec6800;position:relative;}
section.notfound h2::after{width:65px;height:5px;background:#ec6800;position:absolute;content: "";bottom:-32px;left:50%;margin-left: -32px;}




/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 余白設定・レイアウト基本設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// マージン設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.m_auto{margin-left:auto !important;margin-right:auto !important;}

.m_t-5{margin-top:-5px !important;}
.m_t0{margin-top:0px !important;}.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}.m_t15{margin-top:15px !important;}
.m_t20{margin-top:20px !important;}.m_t30{margin-top:30px !important;}
.m_t25{margin-top:25px !important;}.m_t40{margin-top:40px !important;}
.m_t50{margin-top:50px !important;}.m_t100{margin-top:100px !important;}

.m_b0{margin-bottom:0px !important;}.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}.m_b15{margin-bottom:15px !important;}
.m_b20{margin-bottom:20px !important;}.m_b30{margin-bottom:30px !important;}
.m_b40{margin-bottom:40px !important;}.m_b50{margin-bottom:50px !important;}
.m_b100{margin-bottom:100px !important;}

.m_r0{margin-right:0px !important;}.m_r5{margin-right:5px !important;}
.m_r10{margin-right:10px !important;}.m_r15{margin-right:15px !important;}
.m_r20{margin-right:20px !important;}.m_r30{margin-right:30px !important;}

.m_l0{margin-left:0px !important;}.m_l5{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}.m_l15{margin-left:15px !important;}
.m_l20{margin-left:20px !important;}.m_l30{margin-left:30px !important;}
.m_l35{margin-left:35px !important;}

.m_l50{margin-left:50px !important;}

.allnone{padding:0!important;margin:0!important;border:none!important;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// パディング設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.p_5{padding:5px !important;}
.p_10{padding:10px !important;}

.p_t0{padding-top:0px !important;}.p_t5{padding-top:5px !important;}
.p_t10{padding-top:10px !important;}.p_t15{padding-top:15px !important;}
.p_t20{padding-top:20px !important;}.p_t30{padding-top:30px !important;}

.p_b0{padding-bottom:0px !important;}.p_b5{padding-bottom:5px !important;}
.p_b10{padding-bottom:10px !important;}.p_b15{padding-bottom:15px !important;}
.p_b20{padding-bottom:20px !important;}.p_b30{padding-bottom:30px !important;}

.p_r0{padding-right:0px !important;}.p_r5{padding-right:5px !important;}
.p_r10{padding-right:10px !important;}.p_r15{padding-right:15px !important;}
.p_r20{padding-right:20px !important;}.p_r30{padding-right:30px !important;}

.p_l0{padding-left:0px !important;}.p_l5{padding-left:5px !important;}
.p_l10{padding-left:10px !important;}.p_l15{padding-left:15px !important;}
.p_l20{padding-left:20px !important;}.p_l25{padding-left:25px !important;}
.p_l30{padding-left:30px !important;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// TEXT-ALIGN設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// フロート
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.float_l{float:left;}
.float_r{float:right;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// フォントサイズ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.size_small{font-size:0.9em !important;}
.size_vb{font-size:0.6em !important;}
.size_default{font-size:100% !important;}
.size_large{font-size:120% !important;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// フォントカラー
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.fblue{color:#1cbcd1!important;}
.fgreen{color:#81b12a!important;}
.fred{color:#db0f2f!important;}
.fwhite{color:#fff!important;}
.fblack{color:#000!important;}

span.orange{color:#ec642c;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 背景カラー
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/



.colororange{background-color:#ec6800!important;}
.colorygreen{background-color:#89b929!important;}
.colorsblue{background-color:#1ea8c7!important;}
.colorgreen{background-color:#18a58e!important;}
.colorred{background-color:#d51649!important;}
.colordred{background-color:#9e223c!important;}
.coloryellow{background-color:#efb91b!important;}
.colorgray{background-color:#8f969c!important;}
.colorpurple{background-color:#8a458f!important;}
.colorpink{background-color:#db6a9b!important;}
.colorlgray{background-color:#b3b3b3!important;}

.colororange{background-color:#ec6800!important;}
.colorsocialaction{background-color:#89b929!important;}
.colorsocialbusiness{background-color:#1ea8c7!important;}
.colorspace{background-color:#1ea8c7!important;}
.colorlocal{background-color:#18a58e!important;}
.colorexpression{background-color:#d51649!important;}
.colormarunouchi{background-color:#9e223c!important;}
.colorfood{background-color:#efb91b!important;}
.colorroots{background-color:#8f969c!important;}
.colorphysical{background-color:#8a458f!important;}
.colormental{background-color:#db6a9b!important;}
.colorlgray{background-color:#b3b3b3!important;}


.colorblue{background-color:#41a4e5!important;}
.colorwhite{background-color:#fff!important;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// width
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.w30{width:30px!important;}
.w50{width:50px!important;}
.w100{width:100px!important;}
.w150{width:150px!important;}
.w200{width:200px!important;}
.w250{width:250px!important;}
.w300{width:300px!important;}
.w350{width:350px!important;}
.w400{width:400px!important;}
.w450{width:450px!important;}
.w500{width:500px!important;}
.w550{width:550px!important;}
.w600{width:600px!important;}
.w650{width:650px!important;}
.w700{width:700px!important;}
.w750{width:750px!important;}
.w800{width:800px!important;}
.w850{width:850px!important;}
.w900{width:900px!important;}
.w950{width:950px!important;}
.w1000{width:1000px!important;}


.w25p{width:25%!important;}
.w33p{width:33%!important;}
.w50p{width:50%!important;}
.w65p{width:65%!important;}
.w80p{width:80%!important;}
.w100p{width:100%!important;}


.h330{height:330px!important;}
.h450{height:450px!important;}

.mw100p{max-width:100%!important;}
.mw500{max-width:500px!important;}

.b_none{border:none!important;}

.b_top_d{border-top:1px dotted #ccc;}
.b_bootm_d{border-bottom:1px dotted #ccc;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ContentClear
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{height:1%;}
/*\*//*/
.clearfix{
	display: inline-table;
}
/**/