@charset "utf-8";


@media screen and (max-width: 1280px ) {

section.bnr ul.bnr_list{width: calc(100% - 80px);margin: 0 auto;}
nav.glbnav h1 {width: 190px;}
nav.glbnav ul li{margin-left:15px;}


}


@media screen and (max-width: 980px ) {

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

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

header{padding:10px 20px;}

nav.head_nav{display:none;}
nav.glbnav{display:none;}
header.h_02 nav.head_nav{display:none;}

nav.glbnav_sp{display:flex;justify-content:flex-end;align-items: center;}
header h1{width:100%;max-width:180px;left:0;right:auto;bottom:5px;}
header h1 img{width:150px;}

nav.glbnav_sp div.nav_group{display:flex;align-items: center;}

div.search_float{display:none;}
nav.glbnav_sp div.search_float_sp{width:40px;height:40px;border-radius:6px;background:#1E2951;padding:12px;margin-right:10px;}
nav.glbnav_sp div.search_float_sp img{width:100%;}

#acmenu dt{width:40px;height:40px;border-radius:6px;background:#06A2D6;padding:8px;position:relative;}

#acmenu dd{display:none;width:100vw;height:calc(100vh - 60px);padding:0 0 0;overflow-y:auto!important;position:fixed;top:60px;bottom:0;left:0;right:0;text-align:left;background:#fff;z-index:10;border-top:1px solid #ccc;}

nav.glbnav_sp ul{padding:0 10px;}
nav.glbnav_sp ul li{text-align:left;margin-left:0px;border-bottom: 1px dotted #ccc;padding: 10px 0;}
nav.glbnav_sp ul li a{padding-bottom:20px;display:block;position:relative;text-decoration:none;padding:15px 0 10px 40px;font-size: 1.1em;}
nav.glbnav_sp ul li a:after{width:7px;height:7px;position:absolute;content:"";border-top:1px solid #808080;border-right:1px solid #808080;transform: rotate(45deg);right: 10px;color:#808080;}
nav.glbnav_sp ul li a.active{border-bottom: 1px dotted #ccc;}
nav.glbnav_sp ul li a.active:after{transform: rotate(135deg);}
nav.glbnav_sp ul li.nav01 a{background:url(/content/001328998.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav01 a.active{background:url(/content/001329000.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav02 a{background:url(/content/001328995.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav02 a.active{background:url(/content/001328997.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav03 a{background:url(/content/001328991.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav03 a.active{background:url(/content/001328993.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav04 a{background:url(/content/001328986.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav04 a.active{background:url(/content/001328989.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav05 a{background:url(/content/001328981.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav05 a.active{background:url(/content/001328983.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav06 a{background:url(/content/001328972.svg) no-repeat center left;background-size:30px 30px;}
nav.glbnav_sp ul li.nav06 a.active{background:url(/content/001328966.svg) no-repeat center left;background-size:30px 30px;}


nav.glbnav_sp ul.glb_sub{display:none;width:100%;padding: 0 0 0 20px;}


nav.glbnav_sp ul.glb_sub li{position:relative;margin:0;border-bottom: 1px dotted #ccc;}
nav.glbnav_sp ul.glb_sub li:last-child{border:none;}
nav.glbnav_sp ul.glb_sub li a.sub_toggle{background:none;padding:10px 35px 10px 23px;text-align:left;font-size: 1em;color:#4D4D4D;line-height:1.5;}
nav.glbnav_sp ul.glb_sub li a.sub_toggle:before{position:absolute;width:15px;height:15px;background:url(/content/001328803.svg) no-repeat center left;content:"";background-size:100%;top:14px;left:0;text-align:left;}
nav.glbnav_sp ul.glb_sub li a.sub_toggle a:after{width:7px;height:7px;position:absolute;content:"";border-top:1px solid #808080;border-right:1px solid #808080;transform: rotate(45deg);right: 10px;color:#808080;}

nav.glbnav_sp ul.glb_sub li a.sub_toggle_top{background:none;padding:10px 35px 10px 23px;text-align:left;font-size: 1em;color:#4D4D4D;line-height:1.5;}
nav.glbnav_sp ul.glb_sub li a.sub_toggle_top:before{position:absolute;width:15px;height:15px;background:url(/content/001328795.svg) no-repeat center left;content:"";background-size:100%;top:14px;left:0;text-align:left;}


/*
nav.glbnav_sp ul.glb_sub li a.sub_toggle:after{width:23px;height:23px;position:absolute;content:"";background:url(/content/001328747.png) no-repeat;background-size:100%;right: 10px;top:9px;border:none;transform:rotate(0deg);}
nav.glbnav_sp ul.glb_sub li a.active:after{content:"";content:"";background:url(/content/001328758.png) no-repeat;background-size:100%;}
*/

nav.glbnav_sp ul.sub02{display:none;border-top: 1px dotted #ccc;}
nav.glbnav_sp ul.sub02 li{width:100%;position:relative;border:none;margin-right:0;padding:0;}
nav.glbnav_sp ul.sub02 li:before{position:absolute;width:11px;height:12px;background:url(/content/001328794.png) no-repeat;content:"";background-size:100%;top:12px;}
nav.glbnav_sp ul.sub02 li a{font-size:1em;font-weight:normal;background:none;padding:10px 0 10px 23px;}
nav.glbnav_sp ul.sub02 li a:after{display:none;}


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

.menu__line{ background: #fff; display: block; width: 20px; height: 3px;position: absolute;transition:transform .3s;right:0; left:0; margin:auto;}
.menu__line--top{ top: 10px;}
.menu__line--center{ top: calc(50% - 2px);;}
.menu__line--bottom{ bottom: 11px;}
dt.active .menu__line--top { top: 20px; transform: rotate(45deg);}
dt.active .menu__line--center{ transform:scaleX(0);}
dt.active .menu__line--bottom{ bottom: 17px; transform: rotate(135deg);}

nav.glbnav_sp ul.nav_sub{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:15px 10px;}
nav.glbnav_sp ul.nav_sub li{display:flex;border:none;margin:0 10px;}
nav.glbnav_sp ul.nav_sub li img{margin-right:8px;}
nav.glbnav_sp ul.nav_sub li a{text-decoration:underline;font-size:1em;padding:0;}
nav.glbnav_sp ul.nav_sub li a:after{display:none;}
nav.glbnav_sp ul.nav_sub li.sub_nav01 img{width:14px;height:18px;}
nav.glbnav_sp ul.nav_sub li.sub_nav02 img{width:18px;height:17px;}
nav.glbnav_sp ul.nav_sub li.sub_nav03 img{width:21px;height:18px;}

nav.glbnav_sp ul.sns_sub{display:flex;flex-wrap:wrap;background:#F2F2F2;justify-content:center;padding:15px 10px;}
nav.glbnav_sp ul.sns_sub li{border:none;margin:0 10px;}
nav.glbnav_sp ul.sns_sub li img{margin-right:8px;}
nav.glbnav_sp ul.sns_sub li a{font-size:1em;padding:0;}
nav.glbnav_sp ul.sns_sub li a:after{display:none;}
nav.glbnav_sp ul.sns_sub li.sub_nav07 img{width:20px;height:16px;}
nav.glbnav_sp ul.sns_sub li.sub_nav08 img{width:22px;height:17px;}

nav.glbnav_sp ul.lang_sub{display:flex;flex-wrap:wrap;justify-content:center;background:#4D4D4D;padding:15px 10px 60px;}
nav.glbnav_sp ul.lang_sub li{display:flex;border:none;margin:0 10px;align-items:center;}
nav.glbnav_sp ul.lang_sub li:first-child a{border-right:1px solid #fff;padding-right:18px;}
nav.glbnav_sp ul.lang_sub li img{margin-right:8px;}
nav.glbnav_sp ul.lang_sub li a{text-decoration:underline;font-size:1em;color:#fff;padding:0;}
nav.glbnav_sp ul.lang_sub li a:after{display:none;}
nav.glbnav_sp ul.lang_sub li.sub_nav04 span{color:#fff;font-size:0.8em;margin-right:8px;}
nav.glbnav_sp ul.lang_sub li.line{border-right:1px solid #808080;padding:10px 0;}
nav.glbnav_sp ul.lang_sub li.sub_nav06 img{width:15px;height:23px;}

div.photonews h2{left:20px;}
div.photonews h2 img{width:100px;}
div.photonews dl dt{width:45%;}
div.photonews dl dt p{margin-top:30px;font-size:0.7em;line-height:1.6;}
div.photonews dl dt button{font-size:0.8em;padding:5px 60px 5px 15px;margin:10px 0 10px auto;}
div.photonews dl dt button:after{width:28px;height:28px;position:absolute;right:0;top:0;content:"";background:url(/content/001328797.png) center center no-repeat #115EC1;}
div.photonews dl dd{width:55%;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//org
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.org ul li{width: calc(33% - 10px); margin-right: 12px;}
section.org ul li p{font-size:0.95em;}
section.org ul li.org05,section.org ul li.org10{margin-right:12px;}
section.org ul li.org04,section.org ul li.org08{margin-right:12px;}
section.org ul li.org03,section.org ul li.org06,section.org ul li.org09{margin-right:0;}


div.foot_sns{display:none;}
div.foot_sitemap{display:none;}

footer div.foot_nav{border-bottom:none;background:#4D4D4D;padding:30px 20px 15px;}
footer div.foot_nav ul{flex-wrap:wrap;justify-content:flex-start;}
footer div.foot_nav ul li{margin-right:15px;margin-bottom:15px;}
footer div.foot_nav ul li span{color:#fff;margin-right:8px;}
footer div.foot_nav ul li a{text-decoration:none;color:#fff;}

footer div.sec_wrap{flex-wrap:wrap;}
footer p{width:100%;line-height:2;padding-top:10px;}
footer div.copy{width:100%;padding-top:10px;}

}


@media screen and (max-width: 840px){

div.photonews ul.news_slide li img{max-height:300px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// life
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.life ul li{width:33.3%;border-right:2px solid #fff;border-bottom:2px solid #fff;}

section.life ul li:nth-child(3),section.life ul li:last-child{border-right:none;}

section.life ul li:nth-child(1) a{border-radius:6px 0 0 0;}
section.life ul li:nth-child(3) a{border-radius:0 6px 0 0;}
section.life ul li:nth-child(4) a{border-radius:0 0 0 6px;padding-bottom: 23px;}
section.life ul li:nth-child(6) a{border-radius:0 0 6px 0;}

section.life ul li a{font-size:0.9em;padding:15px 5px;}

section.life ul li a .pcnone{display:block;}
section.life ul li:nth-child(1) a,section.life ul li:nth-child(2) a{padding-bottom:28px;}
section.life ul li:nth-child(6) a{padding-bottom:31px;}


}


@media screen and (max-width: 765px){

div.photonews ul.news_slide li img{max-height:250px;}

.dspnone765{display:none!important;}
.dpcnone765{display:block!important;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// keyword
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.keyword div.sec_wrap{display:block;}

section.keyword h2{width:100%;border-right:none;display:flex;align-items:center;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px;font-size:1.2em;}
section.keyword h2 img{margin-right:15px;width:36px;height:36px;}
section.keyword ul{padding-left:0;width:100%;}
section.keyword ul li{font-size:0.8em;}



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// info
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.info div.info_con{display:flex;flex-wrap:wrap;}
section.info ul.info_cat{width:100%;display:flex;border:1px solid #B3B3B3;flex-wrap:wrap;}
section.info ul.info_cat li{width:20%;border-bottom:none;font-size:0.9em;}
section.info ul.info_cat li a{padding:15px;line-height:1.5;font-size:1em;}
section.info ul.info_cat a span{margin-right:5px;text-align:center;}

section.info ul.info_cat{width:100%;display:flex;border:none;flex-wrap:wrap;border-bottom:none;}
section.info ul.info_cat li{width:50%;}
section.info ul.info_cat li button{border-right:1px solid #fff;}
section.info ul.info_cat li a{padding:15px;line-height:1.5;font-size:1em;}
section.info ul.info_cat li:nth-child(2),section.info ul.info_cat li:nth-child(4){border-right:none;}

section.info ul.info_cat li:last-child button{1px solid #1E2951}

section.info ul.info_list{width:100%;padding:20px 0;max-height: 515px;height: auto;}
section.info ul.info_list li{flex-wrap:wrap;line-height:1.5;}
section.info ul.info_list li span{margin-bottom:8px;}

section.info ul.info_list li a{width:100%;flex-wrap:wrap;white-space: break-spaces;flex-direction: column;}
section.info ul.info_list li a span.title{width:100%;}

section.info ul.info_list li.spnone{display:none;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// topics
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.topics{padding:20px 0;background:#F5F5F5;}

section.topics div.sec_wrap{display:flex;flex-wrap:wrap;}

section.topics div.h2_bg{width:100%;background:#f5f5f5;display:flex;align-items:center;}
section.topics h2{width:100%;border-bottom:1px solid #B3B3B3;padding:15px 30px;background:#f5f5f5;}
section.topics h2:before{position:absolute;content:"";width:3px;height:40px;margin-bottom:2px;background:#1E2951;left:0;bottom:0;top:0;margin:auto 0;}
section.topics ul {max-width:100%;}

section.info h2{margin-bottom:70px;padding: 10px 20px 18px;font-size:1.2em;}
section.info h2 a{position:absolute;right:0;bottom:-50px;;border:1px solid #34414F;background:#fff;padding:10px 15px;font-size:0.9em;}


div.pagetop{display:none;}

div.totop{display:block;position:fixed;right:0;bottom:100px;z-index:3;}
div.totop a{display:block;width:42px;height:47px;}
div.totop img{width:100%;}
div.totop a:hover{opacity:unset;}

}


@media screen and (max-width: 640px){

div.iziModal{margin:130px 25px auto;}
div.iziModal h2{font-size:1.8em;}
div.iziModal ul li{font-size:1em;}

div.photonews ul.news_slide li img{max-height:200px;}
div.photonews h2{left:10px;}
div.photonews h2 img{width:90px;}

section.life h2{font-size:1.2em;padding: 10px 20px 18px;}

div.photonews div.sec_wrap{padding:0 0 10px;}
div.photonews ul.slick-dots{position: relative;max-width: calc(100% - 90px);text-align: left;margin-top:10px;padding-left:10px;bottom:5px;right:0;}

section.bnr ul.bnr_list{display:none;}
section.bnr ul.bnr_list_sp{display:flex;flex-wrap:wrap;height:220px;overflow-y:scroll;}
section.bnr ul.bnr_list_sp li{width:calc(50% - 10px);height:100px;padding:3px;border:1px solid #999;border-radius:4px;margin:0 5px 10px;display:flex;align-items:center;}
section.bnr ul.bnr_list_sp li a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
section.bnr ul.bnr_list_sp li img{max-width:100%;max-height:100%;}



section.bnr h2{font-size:1.2em;padding: 10px 20px 18px;}

section.topics h2{font-size:1.2emx;padding: 10px 20px 18px;}

section.org h2{font-size:1.2em;padding: 10px 20px 18px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// topics
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.topics ul li a{font-size:1.1em;}
section.topics ul li.em01 a{max-height: 5.5rem;}
section.topics ul li.em02 a{max-height: 5.5rem;}
section.topics ul li.em03 a{font-size:1em;max-height: 5.1rem;}
section.topics ul li.basic a span{font-size:1em;max-height:4.3rem}
section.topics ul li.basic a {color:#4D4D4D;font-size:0.8em;}

section.info ul.info_cat li button:focus{border:none;}
section.info ul.info_cat li.cat_all button:focus{border:1px solid #1E2951;border-top:none;}

section.org ul li{width: calc(50% - 12px); margin-right: 12px;}
section.org ul li.org05,section.org ul li.org10{margin-right:12px;}
section.org ul li.org04,section.org ul li.org08{margin-right:12px;}
section.org ul li.org03,section.org ul li.org06,section.org ul li.org09{margin-right:12px;}

section.org ul li dl{height:130px}
section.org ul li dd h3{font-size:1em;}
section.org ul li dd p{font-size:0.9em;}

footer p{font-size:0.9em;}
footer div.copy{font-size:0.7em;}

}


@media screen and (max-width: 480px){




div.iziModal-content{padding:30px!important;}
section.org ul li{width: 100%; margin-right: 0;}
section.org ul li.org05,section.org ul li.org10{margin-right:0;}
section.org ul li.org04,section.org ul li.org08{margin-right:0;}
section.org ul li.org03,section.org ul li.org06,section.org ul li.org09{margin-right:0;}

section.org ul li dl{height:110px}

}