@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Droid+Serif:700");
*{margin:0;padding:0}html{font-family:"游明朝体", "Yu Mincho", YuMincho, serif;font-size:62.5%}
body{-webkit-text-size-adjust:100%;margin:0;padding:0}
body a img,body img{border:0}
body img{line-height:100%}
body abbr,body acronym{border:0}
body address,body caption,body cite,body code,body dfn,body em,body th,body var{font-style:normal;font-weight:normal}
body caption,body th{text-align:left}
body code,body kbd,body pre,body samp,body tt{font-family:monospace;line-height:100%}
body h1,body h2,body h3,body h4,body h5,body h6{font-size:100%;font-weight:normal}
body ol,body ul{list-style:none}
body q:before,body q:after{content:''}
body button,body fieldset,body form,body input,body label,body legend,body select,body textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline}
body fieldset{border:none}
body table{border-collapse:collapse;border-spacing:0;font-size:100%}
body object{outline:none}
body article,body aside,body dialog,body figure,body footer,body header,body hgroup,body nav,body section{display:block}
body .f_left{float:left}
body .f_right{float:right}
body .t_center{text-align:center !important}
body .t_right{text-align:right !important}
body .t_left{text-align:left !important}
body .clear{clear:both}
body .mb3{margin-bottom:3px !important}
body .mb5{margin-bottom:5px !important}
body .mb10{margin-bottom:10px !important}
body .mb15{margin-bottom:15px !important}
body .mb20{margin-bottom:20px !important}
body .mb25{margin-bottom:25px !important}
body .mb30{margin-bottom:30px !important}
body .mb35{margin-bottom:35px !important}
body .mb40{margin-bottom:40px !important}
body .mt3{margin-top:3px !important}
body .mt5{margin-top:5px !important}
body .mt10{margin-top:10px !important}
body .mt15{margin-top:15px !important}
body .mt20{margin-top:20px !important}
body .mt25{margin-top:25px !important}
body .mt30{margin-top:30px !important}
body .mt35{margin-top:35px !important}
body .mt40{margin-top:40px !important}
body .mr3{margin-right:3px !important}
body .mr5{margin-right:5px !important}
body .mr10{margin-right:10px !important}
body .mr15{margin-right:15px !important}
body .mr20{margin-right:20px !important}
body .mr25{margin-right:25px !important}
body .mr30{margin-right:30px !important}
body .mr35{margin-right:35px !important}
body .mr40{margin-right:40px !important}
body .ml3{margin-left:3px !important}
body .ml5{margin-left:5px !important}
body .ml10{margin-left:10px !important}
body .ml15{margin-left:15px !important}
body .ml20{margin-left:20px !important}
body .ml25{margin-left:25px !important}
body .ml30{margin-left:30px !important}
body .ml35{margin-left:35px !important}
body .ml40{margin-left:40px !important}
body .pb3{padding-bottom:3px !important}
body .pb5{padding-bottom:5px !important}
body .pb10{padding-bottom:10px !important}
body .pb15{padding-bottom:15px !important}
body .pb20{padding-bottom:20px !important}
body .pb25{padding-bottom:25px !important}
body .pb30{padding-bottom:30px !important}
body .pb35{padding-bottom:35px !important}
body .pb40{padding-bottom:40px !important}
body .pt3{padding-top:3px !important}
body .pt5{padding-top:5px !important}
body .pt10{padding-top:10px !important}
body .pt15{padding-top:15px !important}
body .pt20{padding-top:20px !important}
body .pt25{padding-top:25px !important}
body .pt30{padding-top:30px !important}
body .pt35{padding-top:35px !important}
body .pt40{padding-top:40px !important}
body .pl3{padding-left:3px !important}
body .pl5{padding-left:5px !important}
body .pl10{padding-left:10px !important}
body .pl15{padding-left:15px !important}
body .pl20{padding-left:20px !important}
body .pl25{padding-left:25px !important}
body .pl30{padding-left:30px !important}
body .pl35{padding-left:35px !important}
body .pl40{padding-left:40px !important}
body .pr3{padding-right:3px !important}
body .pr5{padding-right:5px !important}
body .pr10{padding-right:10px !important}
body .pr15{padding-right:15px !important}
body .pr20{padding-right:20px !important}
body .pr25{padding-right:25px !important}
body .pr30{padding-right:30px !important}
body .pr35{padding-right:35px !important}
body .pr40{padding-right:40px !important}

.cf{zoom:1}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}

html,body{height:100%}
body{font-family:"A1明朝 A1", "A1 Mincho", serif}
.sans{font-family:'Open Sans', sans-serif}
.droid{font-family:'Droid Serif', serif;letter-spacing:0.15em}
.yugo{font-family:"游ゴシック体", "Yu Gothic", YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, sans-serif}
::-moz-selection{color:#2a6a94}
::selection{color:#2a6a94}
::-moz-selection{color:#2a6a94}
a{-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;color:#2a6a94;text-decoration:none}
a:hover{opacity:0.6}
.loadingBar{-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;width:0;height:2px;background:#000;position:fixed;top:0;left:0;z-index:99999}
#loading{background:url(../images/logo_konpura_bk.png) no-repeat 50% 50% #fff;background-size:509px auto;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}

#wrapper{position:relative;overflow:hidden;min-width:1100px}
#wrapper a{color:#148dba}
#wrapper .target{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0}
#wrapper .target.action{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#wrapper #globalNavi{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(90deg) translate(50%, 0);transform:rotate(90deg) translate(50%, 0);position:fixed;top:50%;right:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2rem;font-weight:bold;letter-spacing:0.1em;z-index:999}
#wrapper #globalNavi li{margin:0 17px;line-height:100%}
#wrapper #globalNavi a{-webkit-transition:color 0.2s ease;transition:color 0.2s ease;display:block;position:relative;color:#000}
#wrapper #globalNavi a:after{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#000;content:'';display:block;width:0;height:1px;position:absolute;bottom:-5px;left:50%}
#wrapper #globalNavi a:hover,#wrapper #globalNavi a.active{opacity:1}
#wrapper #globalNavi a:hover:after,#wrapper #globalNavi a.active:after{width:100%}
#wrapper #globalNavi.wh a{color:#fff}
#wrapper #globalNavi.wh a:after{background-color:#fff}
#wrapper .btn_fb{position:fixed;top:25px;right:25px;z-index:999}
#wrapper #btnMenu{display:none}
#wrapper #exLink2{display:none}
#wrapper #globalFooter{padding:150px 0 40px 0;max-width:1100px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#wrapper #globalFooter #btnPagetop{-webkit-transition:all 0.4s ease;transition:all 0.4s ease;position:fixed;bottom:46px;right:0;font-size:1.2rem;font-weight:bold;width:60px;text-align:center;line-height:100%;opacity:0}
#wrapper #globalFooter #btnPagetop.active{bottom:56px;opacity:1}
#wrapper #globalFooter #btnPagetop a{display:block;color:#000;word-break:break-all;padding:0 25px;position:relative}
#wrapper #globalFooter #btnPagetop a:before{-webkit-transition:height 0.2s ease;transition:height 0.2s ease;background-color:#000;content:'';display:block;width:1px;height:50px;position:absolute;top:-60px;right:50%}#wrapper #globalFooter #btnPagetop a:after{-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);border-top:1px solid #000;border-left:1px solid #000;content:'';display:block;width:8px;height:8px;position:absolute;top:-60px;left:50%;margin-left:0}
#wrapper #globalFooter #btnPagetop a:hover:after{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}
#wrapper #globalFooter #copyright{font-weight:bold;letter-spacing:0.1em}
#wrapper #mv{background:url(../images/img_main.jpg) no-repeat 50% 50% fixed;background-size:cover;width:100%;height:100vh;position:relative;z-index:0}
#wrapper #mv h1{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(../images/logo_compra.png) no-repeat 0 0;background-size:509px auto;position:fixed;top:50%;left:50%;width:509px;height:423px;text-indent:-9999px}
#wrapper #mv p{position:fixed;top:45px;left:50px}
#wrapper #container{background-color:#fff;position:relative;z-index:100}
#wrapper #container .content{width:1100px;margin:0 auto}
#wrapper #container .content .section_title{font-size:3.2rem;line-height:100%;position:relative;padding:0 0 22px 50px;margin-bottom:60px}
#wrapper #container .content .section_title:after{background-color:#000;content:'';display:block;width:20px;height:1px;position:absolute;bottom:0;left:50px}
#wrapper #container .content .section_title.no_bdr{margin-bottom:25px;padding-bottom:0}
#wrapper #container .content .section_title.no_bdr:after{display:none}

#wrapper #container #exLink{margin:35px 0 125px 35px;font-size:1.2rem}
#wrapper #container #exLink li{float:left;line-height:100%;margin-right:38px}
#wrapper #container #exLink li:last-child{margin-right:0}
#wrapper #container #exLink a{display:block;position:relative;color:#000;padding-right:15px}
#wrapper #container #exLink a:after{-webkit-transition:right 0.2s ease;transition:right 0.2s ease;background:url(../images/ic_arrow-x.png) no-repeat 0 0;background-size:auto 12px;content:'';display:block;width:7px;height:12px;position:absolute;top:50%;right:0;margin-top:-6px}
#wrapper #container #exLink a:hover:after{right:-5px}

#wrapper #container #about{margin-bottom:105px}
#wrapper #container #about .unit{margin-bottom:130px}
#wrapper #container #about .unit:last-child{margin-bottom:0}
#wrapper #container #about .unit .txt{position:relative;width:380px}
#wrapper #container #about .unit .txt .unit_title{position:absolute}
#wrapper #container #about .unit .txt dl dt{font-size:2.2rem;margin-bottom:30px;padding-bottom:30px;position:relative;line-height:150%}
#wrapper #container #about .unit .txt dl dt:after{background-color:#000;content:'';display:block;width:20px;height:1px;position:absolute;bottom:0;left:0}
#wrapper #container #about .unit .txt dl dt span{font-size:1.6rem}
#wrapper #container #about .unit .txt dl dd{font-size:1.4rem;line-height:200%}

#wrapper #container #about #au1 .img{float:left}
#wrapper #container #about #au1 .txt{float:right;margin:150px 50px 0 0}
#wrapper #container #about #au1 .txt .unit_title{top:-135px;left:-145px}
#wrapper #container #about #au2 .img{float:right}
#wrapper #container #about #au2 .txt{float:left;margin:135px 0 0 50px}
#wrapper #container #about #au2 .txt .unit_title{top:-120px;left:330px}
#wrapper #container #about #au3 .img{float:left}
#wrapper #container #about #au3 .txt{float:right;width:510px;margin:110px 50px 0 0}
#wrapper #container #about #au3 .txt .unit_title{top:-150px;left:-165px}
#wrapper #container #about #au3 .txt .graph{margin:55px 0 0 30px}

#wrapper #container #activity{margin-bottom:175px}
#wrapper #container #activity .section_title{margin-bottom:25px}
#wrapper #container #activity .unit{margin-bottom:90px;position:relative}
#wrapper #container #activity .unit:last-child{margin-bottom:0}
#wrapper #container #activity .unit .unit_title{font-size:1.6rem;margin:0 0 80px 50px;padding-top:30px;position:relative;line-height:150%}
#wrapper #container #activity .unit .unit_title:after{background-color:#000;content:'';display:block;width:20px;height:1px;position:absolute;top:0;left:0}
#wrapper #container #activity .unit .unit_img{position:absolute;z-index:10}
#wrapper #container #activity .unit .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
#wrapper #container #activity .unit .box a{display:block;color:#000}
#wrapper #container #activity .unit .box a:hover{color:#2a6a94
}#wrapper #container #activity .unit .box .img{position:relative;overflow:hidden;margin-bottom:35px}
#wrapper #container #activity .unit .box .img img{-webkit-transform:translateX(-50%);transform:translateX(-50%);position:relative;left:50%;height:100%;width:auto;vertical-align:bottom}
#wrapper #container #activity .unit .box dl dt{font-size:1.8rem;margin-bottom:20px;line-height:150%}
#wrapper #container #activity .unit .box dl dd{font-size:1.2rem;line-height:180%}

#wrapper #container #activity #ac1 .unit_img{left:530px;top:113px}
#wrapper #container #activity #ac1 .box{width:320px}
#wrapper #container #activity #ac1 .box:nth-child(2){margin-top:40px}
#wrapper #container #activity #ac1 .box:nth-child(3){margin-top:80px}
#wrapper #container #activity #ac1 .box .img{height:500px}

#wrapper #container #activity #ac2 .unit_img{left:722px;top:110px}
#wrapper #container #activity #ac2 .box{width:250px}
#wrapper #container #activity #ac2 .box:nth-child(2){margin-top:23px}
#wrapper #container #activity #ac2 .box:nth-child(3){margin-top:46px}
#wrapper #container #activity #ac2 .box:nth-child(4){margin-top:69px}
#wrapper #container #activity #ac2 .box .img{height:340px}

#wrapper #container #activity #ac3 .unit_img{left:585px;top:65px}
#wrapper #container #activity #ac3 .box{width:250px}
#wrapper #container #activity #ac3 .box:nth-child(3){margin-top:23px}
#wrapper #container #activity #ac3 .box:nth-child(4){margin-top:46px}
#wrapper #container #activity #ac3 .box:nth-child(5){margin-top:69px}
#wrapper #container #activity #ac3 .box .img{height:340px}

#wrapper #container #activity #ac3 .first{width:100%;margin-bottom:92px}
#wrapper #container #activity #ac3 .first dl{float:left;width:370px;margin-left:50px}
#wrapper #container #activity #ac3 .first dl dt{font-size:2.2rem}
#wrapper #container #activity #ac3 .first dl dd{font-size:1.4rem}
#wrapper #container #activity #ac3 .first .img{float:right;width:600px}
#wrapper #container #activity #ac3 .first .img img{height:auto;width:100%}

#wrapper #container #contact{position:relative}
#wrapper #container #contact .unit_img{position:absolute;top:75px;left:350px;z-index:10}
#wrapper #container #contact .img{float:left}
#wrapper #container #contact .txt{float:right;width:500px;margin-right:50px;padding-top:90px}
#wrapper #container #contact .txt dt{font-size:1.6rem;margin:0 0 20px 0;padding-bottom:20px;position:relative;line-height:150%}
#wrapper #container #contact .txt dt:after{background-color:#000;content:'';display:block;width:20px;height:1px;position:absolute;bottom:0;left:0}
#wrapper #container #contact .txt dd{font-size:1.4rem}
#wrapper #container #contact .txt dd strong{font-size:1.6rem;margin-bottom:20px;line-height:100%;font-weight:normal;display:inline-block}
#wrapper #container #contact .txt .sep{margin-bottom:70px}

#wrapper.under #container #exLink{margin:25px 0 100px 35px}

#wrapper.under #container .logo{position:absolute;top:22px;right:20px}

#wrapper.under #container #entryDetail .unit_title{font-size:1.6rem;margin:0 0 90px 50px;padding-top:30px;position:relative;line-height:150%}
#wrapper.under #container #entryDetail .unit_title:after{background-color:#000;content:'';display:block;width:20px;height:1px;position:absolute;top:0;left:0}

#wrapper.under #container #entryDetail .txt{float:left;width:380px;margin-left:50px}
#wrapper.under #container #entryDetail .txt .entry_title{font-size:2rem;position:relative;line-height:150%;padding-bottom:25px;margin-bottom:30px}
#wrapper.under #container #entryDetail .txt .entry_title:after{background-color:#000;content:'';display:block;width:20px;height:1px;position:absolute;bottom:0;left:0}
#wrapper.under #container #entryDetail .txt p{font-size:1.4rem;line-height:200%;margin-bottom:35px}

#wrapper.under #container #entryDetail .txt .entry_title_underline_none{font-size:2rem;position:relative;line-height:150%;padding-bottom:25px;margin-bottom:30px}

#wrapper.under #container #entryDetail .img{float:right;width:600px;margin-right:20px}
#wrapper.under #container #entryDetail .img img{vertical-align:bottom;max-width:100%;margin-bottom:25px}

#wrapper.under #container #entryDetail .column_layout header{margin-bottom:40px}
#wrapper.under #container #entryDetail .column_layout header h1{margin-bottom:55px;font-size:2.6rem;padding-left:50px}
#wrapper.under #container #entryDetail .column_layout header h1 span{font-size:2rem}
#wrapper.under #container #entryDetail .column_layout header img{position:relative;width:100%;display:block;margin-bottom:10px}
#wrapper.under #container #entryDetail .column_layout header .caption{text-align:right;font-size:1.2rem}
#wrapper.under #container #entryDetail .column_layout .profile{margin:0 50px 85px 50px;border:1px solid #000;padding:40px 50px 50px 50px}
#wrapper.under #container #entryDetail .column_layout .profile h2{font-size:1.6rem;margin-bottom:35px}
#wrapper.under #container #entryDetail .column_layout .profile .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#wrapper.under #container #entryDetail .column_layout .profile .inner dl{width:calc(50% - 25px);margin-bottom:30px}
#wrapper.under #container #entryDetail .column_layout .profile .inner dl dt{font-size:1.6rem;margin-bottom:5px}
#wrapper.under #container #entryDetail .column_layout .profile .inner dl dt:before{background-color:#000;content:'';display:block;width:20px;height:1px;margin-bottom:25px}
#wrapper.under #container #entryDetail .column_layout .profile .inner dl dd{font-size:1.4rem;line-height:180%}
#wrapper.under #container #entryDetail .column_layout .profile .inner dl dd a{color:#000}

#wrapper.under #container #entryDetail .column_layout .unit{margin-bottom:100px}

#wrapper.under #container #entryDetail .column_layout .txt .entry_title{line-height:180%}
#wrapper.under #container #entryDetail .column_layout .txt p{line-height:220%}

#wrapper.under #container #entryDetail .column_layout .img .caption{text-align:right;font-size:1.2rem;margin-top:-10px;display:block}
#wrapper.under #container #entryDetail .column_layout .insert_img{margin-bottom:80px}
#wrapper.under #container #entryDetail .column_layout .insert_img img{position:relative;width:100%;display:block;margin-bottom:10px}
#wrapper.under #container #entryDetail .column_layout .insert_img .caption{text-align:right;font-size:1.2rem;display:block}