@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* init */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
ul li{list-style:none;}
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0;}
button,
input[type=submit],
input[type=button],
input[type=reset]{cursor:pointer;}
small{font-size:85%;}
b,i,em{font-weight:normal; font-style:normal;}
img{max-width:100%; height:auto;}
html{scroll-behavior: smooth;}

.hidden{display:none;}
a{color:#1d443b; text-decoration:none;}
body{font-family:'Roboto','Noto Sans JP', sans-serif; font-size:14px;}
.pageWrapper{overflow-x:hidden; padding-top:150px;}
.pageHead{border-bottom:3px solid #f0eeeb; padding:0 25px; position:fixed; left:0; top:0; width:100%; z-index:99; background:#fff;}
.pageHead header{max-width:1240px; height:140px; margin:0 auto; position:relative;}
.pageHead header #siteID{padding:12px 0; width:248px;}
.pageHead header #siteID img{width:100%; height:auto;}
.pageHead header nav{position:absolute; left:0; bottom:-3px;}
.pageHead input#toggleMenu{display:none;}
/*
.pageHead header nav ul{display:flex; justify-content:flex-start; align-items:center;}
.pageHead header nav ul li{margin-right:40px; font-size:16px;}
.pageHead header nav ul li a{display:flex; justify-content:center; align-items:center; padding:10px 15px; font-weight:700; border-bottom:3px solid #f0eeeb; transition:border .5s ease;}
.pageHead header nav ul li a:hover{border-bottom:3px #1d443b solid;}
.pageHead header nav ul li a.disabled{pointer-events:none; color:#ccc;}
*/
.pageHead header nav ul{display:flex; justify-content:flex-start; align-items:stretch;}
.pageHead header nav ul li{margin-right:0px; font-size:16px;}
.pageHead header nav ul li a{display:flex; justify-content:center; align-items:center; padding:10px 20px; font-weight:700; flex-direction:column; height:100%; align-self:stretch; border-bottom:3px transparent solid;}
.pageHead header nav ul li a:hover{color:#00A894;}
.pageHead header nav ul li a.disabled{pointer-events:none; color:#ccc;}
.pageHead header nav ul li a small{font-size:14px; font-weight:normal;}
.pageHead header nav ul li.linkIndex{display:none;}

.pageHead header nav ul li.ci{position:relative;}
.pageHead header nav ul li.ci ul{position:absolute; display:block; background:#F0EEEB; overflow:hidden; max-height:0; transition:all .5s ease;}
.pageHead header nav ul li.ci ul li{border-bottom:1px #fff solid;}
.pageHead header nav ul li.ci ul li a{text-align:center; justify-content:center; padding:10px; border-bottom:0 !important;}
.pageHead header nav ul li.ci:hover ul{max-height:300px;}

.pageHead header nav ul li.media{position:relative; margin-left:20px; padding-left:20px;}
.pageHead header nav ul li.media::before{content:''; display:block; width:1px; height:calc(100% - 30px); background-color:#ccc; position:absolute; left:0; top:15px;}

body.ducoHome .pageHead header nav > ul > li:first-child a,
body.magazine .pageHead header nav ul li.magazine a,
body.media .pageHead header nav ul li.media a,
body.events .pageHead header nav ul li.events a,
body.strategy .pageHead header nav ul li.strategy a,
body.corporate_identity .pageHead header nav ul li.ci a,
body.product .pageHead header nav ul li.products a,
body.curiosity .pageHead header nav ul li.curiosity a,
body.global .pageHead header nav ul li.global a{border-bottom:3px #1d443b solid;}

.pageHead .function{width:200px; height:70px; position:absolute; top:0; color:#fff; left:calc(50vw + 410px);}
.pageHead .function .logout{width:158px; height:70px; position:absolute; left:0; top:0; font-size:16px; border-right:1px #fff solid; background:#00a894;}
.pageHead .function .logout a{width:100%; height:100%; color:#fff; background:url("/duco/assets/img/icnUser.svg") no-repeat 40px center; display:flex; justify-content:center; align-items:center; padding-left:30px; transition:background-color .3s ease;}
.pageHead .function .logout a:hover{background-color:#1d443b;}
.pageHead .function dl{position:absolute; right:0; top:0;}
.pageHead .function dl dt{width:42px; height:70px; text-indent:-9999px; position:absolute; right:0; top:0; cursor:pointer; background:#00a894; margin-bottom:1px;}
.pageHead .function dl dt::after{content:''; display:block; width:8px; height:8px; border:1px #fff solid; border-width:1px 1px 0 0; position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); transform:rotate(135deg); transition:transform .5s ease;}
.pageHead .function dl dd{position:absolute; right:0; top:71px; width:200px; font-size:12px; max-height:0; overflow:hidden; transition:max-height .9s ease .2s}
.pageHead .function dl dd a{display:block; color:#fff; padding:15px 10px 15px 40px; border-bottom:1px #fff solid; background:#00a894; background-repeat:no-repeat; background-position:10px center; background-size:20px;}
.pageHead .function dl dd a:hover{background-color:#1d443b;}
.pageHead .function dl dd a.update{background-image:url("/duco/assets/img/icnGear.svg");}
.pageHead .function dl dd a.unsubscribe{background-image:url("/duco/assets/img/icnOut.svg");}
.pageHead .function dl:hover dt{background:#1d443b;}
.pageHead .function dl:hover dd{max-height:400px;}
.pageHead .function dl:hover dt::after{transform:rotate(-45deg);}
.pageHead .toggle{display:none;}
.breadcrumbs{max-width:1240px; margin:0 auto;}
.breadcrumbs ul{display:flex; justify-content:flex-start; align-items:center; padding:10px 0; flex-wrap:wrap;}
.breadcrumbs ul li{font-size:12px; margin-right:10px;}
.breadcrumbs ul li a{text-decoration:underline;}
.breadcrumbs ul li a:hover{text-decoration:none;}
.breadcrumbs ul li::after{content:'>'; padding-left:10px;}
.breadcrumbs ul li:last-child::after{content:none;}
.pageContainer{max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; padding:30px 0 60px;}
.pageBody{width:calc(100% - 320px);}
.sideBar{width:280px;}
.sideBar ul.primary{margin-bottom:30px;}
.sideBar ul.primary li{margin-bottom:15px;}
.sideBar ul.primary li a{background:#1d443b; color:#fff; padding:0 0 0 150px; height:100px; text-align:center; display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:700; background-repeat:no-repeat; background-position:left center; background-size:150px auto; border:1px #ccc solid; transition:background .3s ease;}
.sideBar ul.primary li a:hover{background-color:#00a894;}
.sideBar ul.primary li:nth-child(1) a{background-image:url("/duco/assets/img/navGuide.jpg");}
.sideBar ul.primary li:nth-child(2) a{background-image:url("/duco/assets/img/navProvision.jpg");}
.sideBar ul.primary li:nth-child(3) a{background-image:url("/duco/assets/img/navEnquete.jpg");}
.sideBar ul.primary li:nth-child(4) a{background-image:url("/duco/assets/img/navSchedule.jpg");}
.sideBar dl{margin-bottom:30px;}
.sideBar dl dt{font-weight:700; color:#1d443b; font-size:20px; margin-bottom:10px;}
.sideBar dl dd ul li{border-bottom:1px #f0eeeb solid;}
.sideBar dl dd ul li a{display:block; padding:15px; position:relative;}
.sideBar dl dd ul li a:hover{text-decoration:underline;}
.sideBar dl dd ul li a::before{content:''; display:block; background:#CDD6DD; width:5px; height:5px; position:absolute; left:0; top:calc(50% - 2px);}
.searchForm{position:relative;}
.searchForm input{border:1px #6D7174 solid; padding:10px 10px 10px 60px; width:100%; height:50px;}
.searchForm button{width:40px; height:40px; border-radius:20px; background:#fff url("/duco/assets/img/icnSearch.svg") no-repeat center; text-indent:-9999px; white-space:nowrap; position:absolute; left:10px; top:5px; border:0 none; transition:box-shadow .3s ease;}
.searchForm button:hover{box-shadow:0 0 5px rgba(0,0,0,.3);}
/* new search window for estraier */
.form-search{display:block; position:relative;}
.form-search .input-append{display:block; position:relative;}
.form-search .input-append .search-query{border:1px #6D7174 solid; padding:10px 10px 10px 60px; width:100%; height:50px;}
.form-search .input-append  button{width:40px; height:40px; border-radius:20px; background:#fff url("/duco/assets/img/icnSearch.svg") no-repeat center; text-indent:-9999px; white-space:nowrap; position:absolute; left:10px; top:5px; border:0 none; transition:box-shadow .3s ease; min-width:0;}
.form-search .input-append  button::after{content:none;}
.form-search .input-append  button:hover{box-shadow:0 0 5px rgba(0,0,0,.3);}



.pageBottom{background:#F3F5F8; padding:0 25px;}
.pageBottom footer{padding:40px 0 0; max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.pageBottom footer .logo{width:300px;}
.pageBottom footer .logo .duco{font-size:85px; font-weight:700; font-style:italic; color:#1d443b; letter-spacing:0.28em; margin-bottom:10px;}
.pageBottom footer .logo .tink a{padding:10px 50px 10px 20px; font-size:14px; color:#fff; background:url("/duco/assets/img/icnExt.svg") no-repeat 90% center #1d443b; background-size:14px auto;}
.pageBottom footer ul{float:right; display:flex; justify-content:flex-end;}
.pageBottom footer ul li{font-size:14px; font-weight:700; margin:0 10px;}
.pageBottom footer ul li a{padding:5px; transition:all .3s ease; border-bottom:1px transparent solid; display:block; width:fit-content;}
.pageBottom footer ul li a:hover{border-bottom:1px #1d443b solid;}
.pageBottom footer ul li a.disabled{pointer-events:none; color:#ccc;}
.pageBottom footer ul li ul{display:block; margin-top:.5em;}
.pageBottom footer ul li ul li{font-size:90%; font-weight:normal;}
.pageBottom footer ul li ul li a{padding:3px 0;}


.pageBottom footer .copyright{width:100%; border-top:1px #f0eeeb solid; margin-top:80px; padding:20px 0; text-align:right; font-size:12px;}

.pageTop{width:60px; height:60px; position:fixed; right:15px; bottom:70px;}
.pageTop a{display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url("/duco/assets/img/icnArrUp.svg") no-repeat center #1d443b;}

/* TOP PAGE */
.pageContainer.isIndex{display:block;}
.pageContainer.isIndex .sideBar .form-search .input-append{display:none;}
.pageContainer.isIndex .pageBody{width:auto;}
.pageContainer.isIndex .heroArea{display:flex; justify-content:space-between; align-items:flex-start;}
.pageContainer.isIndex .heroArea::after{content:none;}
.pageContainer.isIndex .heroArea .boxPrimary{display:flex; column-gap:40px; justify-content:space-between; align-items:flex-start; flex-direction:row-reverse; width:calc(100% - 320px);}

.pageContainer.isIndex .heroArea .listPrimary{width:280px;}
.pageContainer.isIndex .heroArea .boxSub{width:280px;}
.pageContainer.isIndex .heroArea .listMain{width:calc(100% - 320px);}
.pageContainer.isIndex .heroArea .listMain .contentList .postTtl{font-size:26px; color:#00A894;}

@media screen and (min-width: 768px) and (max-width:1260px){
	.pageContainer.isIndex .heroArea{display:block;}
	.pageContainer.isIndex .heroArea .boxPrimary{width:100%;}
	.pageContainer.isIndex .heroArea .listMain{width:70%;}
	.pageContainer.isIndex .heroArea .listPrimary{width:calc(30% - 40px);}
	.pageContainer.isIndex .heroArea .boxSub {width:auto;}
	.pageContainer.isIndex .heroArea .boxSub .contentList{width:auto; display:flex; column-gap:40px;}
	.pageContainer.isIndex .heroArea .boxSub .contentList .item{width:auto; flex:1;}
	.pageHead header nav ul li{font-size:14px;}
	.pageHead header nav ul li a{padding:5px 10px;}
	.pageHead header nav ul li a small{font-size:12px;}
	.pageHead header nav ul li.ci ul li a{font-size:12px; padding:5px;}
	.pageHead .function{right:-25px; left:auto;}
}

.pageContainer.isIndex .heroArea .contentList{display:block;}
.pageContainer.isIndex .heroArea .contentList .item{width:100%; margin:0 0 40px 0;}
.pageContainer.isIndex .heroArea .contentList .item p{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; display:box; box-orient:vertical; line-clamp:3; padding:0;}
.pageContainer.isIndex .heroArea .contentList .item .img img{display:block; width:100%; height:auto;}
.pageContainer.isIndex .heroArea .listMain .contentList .item p{-webkit-line-clamp:10; line-clamp:10;}
.pageContainer.isIndex .heroArea .boxSub .contentList .item .postMeta{flex-wrap:wrap;}
.pageContainer.isIndex .heroArea .boxSub .contentList .item .postMeta span.ctg{display:block; width:100%; padding-top:5px; font-weight:bold;}
.pageContainer.isIndex .heroArea .boxSub .contentList .item{border-bottom:1px #ccc solid; margin-bottom:20px;}
.pageContainer.isIndex .heroArea .boxSub .contentList .item p{margin-bottom:20px;}

.pageContainer.isIndex section:not(.heroArea) .contentList{justify-content:flex-start; column-gap:40px;}
.pageContainer.isIndex section:not(.heroArea) .contentList .item{width:calc((100% - 120px) / 4); margin:0;}

.pageContainer.isIndex .sideBar{width:100%;}
.pageContainer.isIndex .sideBar ul.primary{display:flex; justify-content:center; align-items:center; column-gap:30px;}
.pageContainer.isIndex .sideBar ul.primary li{width:280px;}

.pageContainer.isIndex section h2{margin:60px 0 20px; position:relative; border-top:3px #f0eeeb solid; font-size:26px;}
.pageContainer.isIndex section h2::before{width:100px; height:3px; top:-3px;}
.pageContainer.isIndex section h2 a{color:#00A894; display:flex; justify-content:flex-start; align-items:center; width:fit-content; padding-right:30px; position:relative; transition:all .3s ease;}
.pageContainer.isIndex section h2 a small{font-size:16px; color:#1D443B; margin-left:.5em;}
.pageContainer.isIndex section h2 a::before{content:''; display:block; width:18px; height:18px; border-radius:50%; border:2px #00A894 solid; position:absolute; right:0; top:calc(50% - 9px);}
.pageContainer.isIndex section h2 a::after{content:''; display:block; width:6px; height:6px; border:2px #00A894 solid; border-width:2px 2px 0 0; position:absolute; right:8px; top:calc(50% - 2px); transform:rotate(45deg);}

.pageContainer.isIndex section h2 a:hover{color:#1d443b;}
.pageContainer.isIndex section h2 a:hover small{color:#00A894;}
.pageContainer.isIndex section h2 a:hover::before{border-color:#1d443b;}
.pageContainer.isIndex section h2 a:hover::after{border-color:#1d443b;}


@media screen and (max-width: 768px){
	/* TOP PAGE */
	.pageContainer.isIndex .sideBar .form-search .input-append{display:block;}
	.pageContainer.isIndex .heroArea{display:block;}
	.pageContainer.isIndex .heroArea::after{content:none;}
	.pageContainer.isIndex .heroArea .boxPrimary{display:block; width:auto; margin-bottom:30px; border-bottom:1px #ccc solid;}
	.pageContainer.isIndex .heroArea .listPrimary{width:auto;}
	.pageContainer.isIndex .heroArea .boxSub{width:auto;}
	.pageContainer.isIndex .heroArea .boxSub .form-search{display:none;}
	.pageContainer.isIndex .heroArea .listMain{width:auto;}
	.pageContainer.isIndex .heroArea .listMain .contentList .postTtl{font-size:18px;}
	.pageContainer.isIndex .heroArea .contentList{display:block;}

	.pageContainer.isIndex .sideBar{width:100%;}
	.pageContainer.isIndex .sideBar ul.primary{display:block;}
	.pageContainer.isIndex .sideBar ul.primary li{width:auto;}
	.pageContainer.isIndex section h2{font-size:20px;}
	.pageContainer.isIndex section h2 a{display:block; width:auto; padding-right:0;}
	.pageContainer.isIndex section h2 a small{font-size:14px; margin:.5em 0 ; display:block;}
	.pageContainer.isIndex section h2 a::before{width:14px; height:14px; border:1px #00A894 solid; right:0; top:calc(50% - 7px);}
	.pageContainer.isIndex section h2 a::after{width:4px; height:4px; border:1px #00A894 solid; border-width:1px 1px 0 0; right:6px; top:calc(50% - 1px);}
	
	.pageContainer.isIndex section:not(.heroArea) .contentList{display:block;}
	.pageContainer.isIndex section:not(.heroArea) .contentList .item{width:auto; margin-bottom:30px;}
}

/* CI Banner */
.ciBnr{background:url('/duco/assets/img/bnrCI_bg.jpg') no-repeat center; height:215px; width:1220px; margin:30px auto 50px; position:relative;}
.ducoHome .ciBnr{left:10px;}
.ciBnr a{ height:215px; width:1220px; display:block; transition:opacity .3s ease;}
.ciBnr a:hover{opacity:.7;}
.ciBnr dl{padding:30px 0 0 430px; color:#fff;}
.ciBnr dl dt{font-size:28px; margin-bottom:10px;}
.ciBnr dl dd{font-size:17px; line-height:2;}

/* CI Menu */
.ciBtns{display:flex; justify-content:flex-start; flex-wrap:wrap; margin-bottom:40px;}
.ciBtns li{width:calc(33.33% - 15px); margin:0 15px 15px 0; letter-spacing:0.1em;}
.ciBtns li a{display:block; color:#fff; background:#1D443B; padding:15px; text-align:center; height:100%; border:1px #1D443B solid; transition:all .3s ease;}
.ciBtns li a span{display:block; font-size:12px; padding-top:4px; margin-top:4px; position:relative; letter-spacing:0;}
.ciBtns li a span::before{content:''; display:block; width:40px; height:1px; background:#ADC8C2; left:calc(50% - 20px); top:0; position:absolute;}
.ciBtns li a:hover{background:#F0EEEB; color:#1D443B;}
.ciBtns li a.active{pointer-events:none; background:#F0EEEB; color:#1D443B;}


@media screen and (max-width: 768px){
	.pageWrapper{padding-top:40px;}
	.pageHead{border-bottom:1px solid #f0eeeb; padding:0; width:100%; position:fixed; left:0; top:0; background:#fff; z-index:999;}
	.pageHead header{max-width:none; height:40px; padding:10px 15px;}
	.pageHead header #siteID{width:100px; padding:0;}
	
	.pageHead .toggle{width:50px; height:40px; position:absolute; right:0; top:0; display:block; cursor:pointer; text-indent:-9999px;}
	.pageHead .toggle::before,
	.pageHead .toggle::after{width:20px; height:2px; display:block; content:''; left:15px; position:absolute; background:#1d443b; transition:all .3s ease;}
	.pageHead .toggle::before{top:15px;}
	.pageHead .toggle::after{top:25px;}
	.pageHead input#toggleMenu:checked + .toggle::before{top:20px; transform:rotate(45deg);}
	.pageHead input#toggleMenu:checked + .toggle::after{top:20px; transform:rotate(-45deg);}
	.pageHead .toggled{position:fixed; left:0; top:41px; width:100%; background:rgba(0,0,0,.7); max-height:0; overflow:hidden; transition:max-height .5s ease-out; overflow:hidden; overflow-y:auto;}
	.pageHead input#toggleMenu:checked + label + .toggled{max-height:calc(100vh - 41px); height:calc(100vh - 41px);}
	.pageHead header nav{position:relative; left:auto; bottom:auto; background:#1d443b;}
	/*.pageHead header nav ul{flex-wrap:wrap;}
	.pageHead header nav ul li{margin-right:0; width:50%; border-bottom:1px #fff solid;}
	.pageHead header nav ul li:nth-child(odd){border-right:1px #fff solid;}
	.pageHead header nav ul li a{display:block; padding:20px; text-align:center; font-weight:700; border-bottom:0; color:#fff;}*/
	.pageHead header nav ul{display:block;}
	.pageHead header nav ul li{margin:0; border-bottom:1px #fff solid; font-size:14px;}
	.pageHead header nav ul li.linkIndex{display:block;}
	.pageHead header nav ul li a{display:block; padding:15px; font-weight:700; border-bottom:0; color:#fff; position:relative;}
	.pageHead header nav ul li a small{font-size:12px;}
	.pageHead header nav ul li a:hover{color:#fff;}
	.pageHead header nav ul li.ci > a::after{content:''; display:block; width:8px; height:8px; border:1px #fff solid; border-width:0 1px 1px 0; transform:rotate(45deg); position:absolute; right:15px; top:calc(50% - 7px); transition:all .3s ease;}
	.pageHead header nav ul li.ci > a.open::after{transform:rotate(-135deg); top:calc(50% - 2px);}
	.pageHead header nav ul li.ci ul{position:relative; display:none; max-height:none;}
	.pageHead header nav ul li.ci ul li{border-bottom:0; border-top:1px #457A4E solid;}
	.pageHead header nav ul li.ci ul li a{text-align:left; background:#2F6007; padding:15px 30px; font-weight:normal;}
	.pageHead header nav ul li.ci:hover ul{max-height:none;}
	
	.pageHead header nav ul li.media{margin-left:0; padding-left:0;}
	.pageHead header nav ul li.media::before{content:none;}

	.pageHead .function{width:auto; height:auto; position:relative; right:auto; top:auto; left:auto; padding:40px;}
	.pageHead .function .logout{width:auto; height:auto; position:relative; left:auto; top:auto; font-size:16px; border-right:0; background:#00a894; margin-bottom:10px;}
	.pageHead .function .logout a{background:url("/duco/assets/img/icnUser.svg") no-repeat 20px center; display:block; padding:10px 10px 10px 60px;}
	.pageHead .function dl{position:relative; right:auto; top:auto;}
	.pageHead .function dl dt{display:none;}
	.pageHead .function dl dd{position:relative; right:auto; top:auto; width:auto; height:auto; font-size:16px; max-height:none; overflow:visible;}
	.pageHead .function dl dd a{padding:10px 10px 10px 60px; border-bottom:0; margin-bottom:10px; background-position:20px center; background-size:24px;}
	.pageHead .function dl:hover dd{max-height:none;}
	.breadcrumbs{max-width:none; border-bottom:1px #f0eeeb solid;}
	.breadcrumbs ul{display:flex; justify-content:flex-start; align-items:center; padding:10px 15px;}
	.breadcrumbs ul li{font-size:10px; margin-right:5px; margin-bottom:5px;}
	.breadcrumbs ul li::after{content:'>'; padding-left:5px;}
	.pageContainer{max-width:none;display:block; padding:0 0 30px;}
	.pageBody{width:auto; padding:30px 15px;}
	.sideBar{width:auto; padding:30px 15px 15px; border-top:1px #f0eeeb solid;}
	.sideBar ul.primary{margin-bottom:15px;}
	.sideBar ul.primary li{margin-bottom:1px;}
	.sideBar ul.primary li a{padding:15px 10px 15px 90px; height:auto; text-align:left; display:block; font-size:14px; background-size:contain; border:0; position:relative;}
	.sideBar ul.primary li a::after{content:''; display:block; width:6px; height:6px; border:1px #fff solid; border-width:2px 2px 0 0; position:absolute;right:15px; top:calc(50% - 3px); transform:rotate(45deg);}
	.sideBar ul.primary li br{display:none;}
	.sideBar dl{margin-bottom:0; padding:15px;}
	.sideBar dl dt{font-size:16px; margin-bottom:0; border-bottom:1px #f0eeeb solid; padding-bottom:5px;}
	.sideBar dl dd ul li{font-size:12px;}
	.sideBar dl dd ul li a{padding:10px 15px;}
	.sideBar .searchForm{padding:15px;}
	.sideBar .searchForm input{padding:10px 60px 10px 10px;}
	.sideBar .searchForm button{left:auto; right:20px; top:20px;}
	.pageBottom{padding:0 15px;}
	.pageBottom footer{padding:20px 0 0; max-width:none; display:block;}
	.pageBottom footer .logo{width:auto; display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
	.pageBottom footer .logo .duco{font-size:40px; margin:0;}
	.pageBottom footer .logo .tink a{padding:8px 40px 8px 10px; font-size:12px; color:#fff; background:url("/duco/assets/img/icnExt.svg") no-repeat 90% center #1d443b; background-size:12px auto;}
	.pageBottom footer ul{float:none; justify-content:flex-start; margin-bottom:40px; flex-wrap:wrap;}
	.pageBottom footer ul li{font-size:14px; font-weight:700; margin:0 5px;}
	.pageBottom footer ul li a{padding:10px; display:block;}
	.pageBottom footer .copyright{margin-top:0; padding:10px 15px; text-align:center; font-size:10px;}
	.pageTop{width:40px; height:40px; position:fixed; right:0; bottom:0;}
	
	/* CI Banner */
	.ciBnr{background:url('/duco/assets/img/bnrCI_bg_sp.jpg') no-repeat center top; background-size:cover; height:80vw; width:100%; margin:10px auto 20px;}
	.ducoHome .ciBnr{left:0;}
	.ciBnr a{height:100%; width:100%;}
	.ciBnr dl{padding:32vw 4.5vw 0;}
	.ciBnr dl dt{font-size:7vw; margin-bottom:1.5vw; text-align:center;}
	.ciBnr dl dd{font-size:4.75vw;}
	.ciBnr dl dd br{display:none;}

}

/* common */
.pageContainer section{margin-bottom:50px; padding:0 20px; clear:both;}
.pageContainer section::after{content:''; display:block; clear:both;}
.pageContainer .clear{clear:both;}
.pageContainer .clearBlock{clear:both;}
.pageContainer .clearBlock::after{content:''; display:block; clear:both;}
.pageContainer h1,
.pageContainer aside h1{font-size:32px; font-weight:700; padding:25px 0; color:#1d443b; border-top:1px #f0eeeb solid; position:relative; margin:0 0 25px;}
.pageContainer h1 span.en{font-size:20px; font-weight:400;}
.pageContainer h1::before,
.pageContainer aside h1::before{position:absolute; left:0; top:0; width:80px; height:1px; display:block; content:''; background:#1d443b;}
.pageContainer section h1{margin:0 -20px 25px;}
.pageContainer section h1 span{font-size:20px; font-weight:normal; padding-left:1em;}

body.corporate_identity .pageContainer section h1 span,
body.strategy .pageContainer section h1 span,
body.product .pageContainer section h1 span{display:none;}


.pageContainer section h2{font-size:20px; font-weight:700; position:relative; padding:10px 0 0; margin:60px -20px 20px; color:#1d443b;}
.pageContainer section h2::before{position:absolute; left:0; top:0; width:40px; height:1px; display:block; content:''; background:#1d443b;}
.pageContainer section h3{font-size:18px; font-weight:700; padding:0 0 10px; margin:50px 0 20px; color:#1d443b; border-bottom:1px #f0eeeb solid;}
.pageContainer section h4{font-size:16px; font-weight:700; margin:40px 0 20px; color:#1d443b; border-left:4px #1d443b solid; padding:2px 10px 2px 10px; line-height:1.4;}
.pageContainer section h1 + h2{margin-top:0;}
.pageContainer section h2 + h3{margin-top:0;}
.pageContainer section h3 + h4{margin-top:0;}
.pageContainer section p{line-height:1.75; margin-bottom:1.5em; font-size:16px;}
.btn{background:#1d443b; color:#fff !important; font-size:16px; font-weight:700; text-align:center; padding:13px; min-width:260px; display:table; margin:0 auto; position:relative; border:2px #1d443b solid; transition:background .3s ease;}
.btn::after{content:''; display:block; width:6px; height:6px; border:1px #fff solid; border-width:2px 2px 0 0; transform:rotate(45deg); position:absolute; right:10px; top:calc(50% - 3px);}
.btn:hover{background:#fff; color:#1d443b !important; text-decoration:none !important;}
.btn:hover::after{border:1px #1d443b solid; border-width:2px 2px 0 0;}
.btn span{font-size:12px; display:block;}

.btn.return{background:#ccc; color:#666; border:2px #ccc solid;}
.btn.return::after{border:1px #666 solid; border-width:2px 2px 0 0; transform:rotate(-135deg); position:absolute; left:10px; right:auto;top:calc(50% - 3px);}
.btn.return:hover{background:#fff; color:#666;}

.pageContainer section table{margin-bottom:50px; width:100%;}
.pageContainer section table.fixed{table-layout:fixed;}
.pageContainer section table th,
.pageContainer section table td{border:1px #ccc solid; padding:15px; line-height:1.5;}
.pageContainer section table th{font-weight:700; background:#F3F5F8;}
.pageContainer section table thead th{text-align:center;}
.pageContainer section table td a{text-decoration:underline;}
.pageContainer section table td a:hover{text-decoration:none;}

.pageContainer section table.noStyle th,
.pageContainer section table.noStyle td{border:0 none; padding:5px;}
.pageContainer section table.noStyle th{font-weight:700; background:transparent;}
.pageContainer section table.noStyle thead th{text-align:left;}


.pageContainer section dl.flat{font-size:16px; line-height:1.75;}
.pageContainer section dl.flat dt{float:left; clear: both;}
.pageContainer section dl.flat dd{margin-bottom:10px;}
.pageContainer section dl.flat.w5 dt{width:5em;}
.pageContainer section dl.flat.w5 dd{padding-left:5em;}
.pageContainer section a.blank{padding-left:20px; display:inline-block; background:url("/duco/assets/img/icnExtR.svg") no-repeat left center; background-size:14px auto;}
.pageContainer section ul.regular{margin-left:1.5em;}
.pageContainer section ul.regular li{font-size:16px; line-height:1.5; margin-bottom:.5em; list-style:disc;}

.pageContainer section dl.pr{background:#959EA7; color:#fff; width:600px; margin:60px auto 30px; text-align:center;}
.pageContainer section dl.pr dt{padding:10px; font-size:16px; border-bottom:1px #fff solid;}
.pageContainer section dl.pr dd{padding:15px; font-size:14px; font-weight:bold;}
.pageContainer section dl.pr dd a{display:block; font-size:18px; color:#fff !important;}

.pageContainer section ol{counter-reset: num; margin-bottom:50px;}
.pageContainer section ol li{list-style:none; font-size:16px; line-height:1.5; margin-bottom:.5em; text-indent:-1.15em; padding-left:1.15em;}
.pageContainer section ol li::before{counter-increment:num; content:counter(num)'. '; font-weight:bold; color:#1d443b;}

.contentsLinkBox{background:#f0eeeb; padding:40px 40px 1px; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.contentsLinkBox .box{width:calc((100% - 80px) / 3); margin-right:40px; margin-bottom:40px;}
.contentsLinkBox .box a{display:block; padding:0 15px 30px; position:relative; height:100%; background:#fff; transition:background .3s ease;}
.contentsLinkBox .box a::after{content:''; display:block; width:8px; height:8px; border:2px #1d443b solid; border-width:0 0 2px 2px; position:absolute; left:calc(50% - 4px); bottom:20px; transform:rotate(-45deg);}
.contentsLinkBox .box a:hover{background:#f5f5f5;}
.contentsLinkBox .box a .img{margin:0 -15px; margin-bottom:15px;}
.contentsLinkBox .box a .img img{display:block; width:100%; height:auto;}
.contentsLinkBox .box:nth-child(3n){margin-right:0;}
.contentsLinkBox .box p{font-size:14px;}
.contentsLinkBox .box p b{font-size:16px; font-weight:bold; color:#1d443b;}

.pageContainer blockquote{background:#F0F6F8; position:relative; padding:40px; margin-bottom:2em;}
.pageContainer blockquote p:last-child{margin-bottom:0;}
.pageContainer blockquote::before{content:'“'; color:#C8DCE1; font-weight:bold; position:absolute; left:0; top:0; font-size:80px; width:60px; height:80px; text-align:center; line-height:80px; font-family:"Times New Roman", Times, "serif";}

/* button */
.viewmore{display:flex; justify-content:center; align-items:center;}
.viewmore .btn:not(:only-child){margin:0 10px;}

/* regular link */
.pageContainer .pageBody.article a{color:#00a894;}
.pageContainer .pageBody.article a:hover{text-decoration:underline;}


@media screen and (max-width: 768px){
	.pageContainer h1{font-size:20px; padding:15px 0 0; margin-bottom:20px;}
	.pageContainer section h1{ margin-left:0; margin-right:0;}
	.pageContainer section h2{font-size:18px; padding:10px 0 10px; margin:40px 0 10px;}
	.pageContainer h3{font-size:16px; padding:0 0 5px; margin:30px 0 10px;}
	.pageContainer section{margin-bottom:30px; padding:0;}
	.pageContainer section p{padding:0;}
	.btn{font-size:14px; padding:10px; min-width:200px;}
	.pageContainer section table th,
	.pageContainer section table td{padding:10px;}
	.pageContainer section table.stack{border-bottom:1px #ccc solid;}
	.pageContainer section table.stack th,
	.pageContainer section table.stack td{width:100%; display:block; border-bottom:0;}
	.pageContainer section dl.flat dt{float:none;}
	.pageContainer section dl.flat.w5 dt{width:auto;}
	.pageContainer section dl.flat.w5 dd{padding-left:0;}
	.pageContainer section dl.pr{width:auto; margin:40px auto 20px;}
	.pageContainer section dl.pr dd{padding:10px; font-size:12px;}
	.pageContainer section a.blank{padding-left:20px; display:inline-block; background:url("/duco/assets/img/icnExtR.svg") no-repeat left .25em; background-size:14px auto;}
	.contentsLinkBox{padding:15px 15px 1px; display:block;}
	.contentsLinkBox .box{width:100%; margin-right:0; margin-bottom:20px;}
	.pageContainer blockquote{padding:20px 15px 15px 20px;}
	.pageContainer blockquote p:last-child{margin-bottom:0;}
	.pageContainer blockquote::before{left:0; top:0; font-size:50px; width:40px; height:60px; line-height:40px;}
}

/* module */
/* content list */
.contentList{display:flex; justify-content:flex-start; flex-wrap:wrap;}
.contentList .item{width:calc((100% - 50px) / 3); margin:0 25px 40px 0;}
.contentList.mainArticle .item{width:100%; margin-right:0;}
.contentList .item:nth-child(3n){margin-right:0;}
.contentList .item a{display:block;}
.contentList .item .img{display:block; margin-bottom:15px; position:relative; overflow:hidden;}
.contentList .item .img img{display:block; overflow:hidden; transition:transform .3s ease, opacity .3s ease;}
.contentList .item a:hover .img img{transform:scale(1.05); opacity:.5;}
.contentList .item .img span{position:absolute; left:0; top:0; background:#1d443b; padding:4px 10px; color:#fff; font-size:12px; font-weight:700;}
.contentList .item .postMeta{margin-bottom:10px; display:flex; justify-content:flex-start; align-items:center; font-size:12px;}
.contentList .item .postMeta .time{background: url("/duco/assets/img/icnTime.svg") no-repeat left center; padding:5px 0 5px 25px; margin-right:10px;}
.contentList .item .postMeta .lang span{display:inline-block; padding:2px 5px; background:#ff820b; color:#fff; margin:0 5px;}
.contentList .item .postMeta .lang del{display:inline-block; padding:2px 5px; background:#f0eeeb; color:#fff; margin:0 5px; text-decoration:none;}
.contentList .item .postTtl{font-size:16px; font-weight:700; margin-bottom:10px; position:relative; overflow:hidden; padding-bottom:5px;}
.contentList .item .postTtl::after{content:''; display:block; width:100%; height:1px; background:#1d443b; position:absolute; left:-100%; bottom:0; transition:left .3s ease-out;}
.contentList .item a:hover .postTtl::after{left:0;}
.contentList.mainArticle .item .img{float:left; margin-right:40px; width:435px;}
.contentList .item p{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; display:box; box-orient:vertical; line-clamp:2; padding:0;}
.contentList.mainArticle .item p{-webkit-line-clamp:9; line-clamp:9;}
.contentList.magazine{display:block;}
.contentList.magazine .item{width:100%; margin-bottom:30px; margin-right:0 !important; clear:both;}
.contentList.magazine .item::after{display:block; content:''; clear:both;}
.contentList.magazine .item .img{float:left; margin-right:40px; width:250px;}
.contentList.magazine .item p{-webkit-line-clamp:3; line-clamp:3;}
@media screen and (max-width: 768px){
	.contentList{display:block;}
	.contentList .item{width:100%; margin:0 0 30px 0;}
	.contentList .item:first-child{width:100%; margin-right:0;}
	.contentList .item:nth-child(4),
	.contentList .item:nth-child(7),
	.contentList .item:nth-child(11){margin-right:0;}
	.contentList .item .img{margin-bottom:10px;}
	.contentList .item .img span{padding:2px 10px; font-size:10px;}
	.contentList .item .postMeta{margin-bottom:5px;}
	.contentList .item .postTtl{margin-bottom:5px;}
	.contentList .item:first-child .img{float:none; margin-right:0; width:100%;}
	.contentList .item:first-child p{-webkit-line-clamp:5; line-clamp:5;}
	.contentList.magazine .item .img{float:none; margin-right:0; width:auto;}
	.contentList.magazine .item p{-webkit-line-clamp:2; line-clamp:2;}
}

/* serach window */
.searchWindow{margin-bottom:50px; display:flex; justify-content:flex-start; align-items:center;}
.searchWindow label.select{width:280px; display:block;}
.searchWindow label.select select{height:50px; border:1px #6D7174 solid; padding: 10px; width:100%;}
.searchWindow .searchForm{width:280px; margin-left:20px;}

body.network_news .searchWindow label.select,
body.curiosity .searchWindow label.select,
body.global .searchWindow label.select,
body.product .searchWindow label.select{display:none;}

/* new search window for estraier */
.searchWindow .form-search{display:block; position:relative; margin-right:15px;}
.searchWindow .form-search .input-append{display:block; position:relative;}
.searchWindow .form-search .input-append .search-query{border:1px #6D7174 solid; padding:10px 10px 10px 60px; width:100%; height:50px;}
.searchWindow .form-search .input-append  button{width:40px; height:40px; border-radius:20px; background:#fff url("/duco/assets/img/icnSearch.svg") no-repeat center; text-indent:-9999px; white-space:nowrap; position:absolute; left:10px; top:5px; border:0 none; transition:box-shadow .3s ease; min-width:0;}
.searchWindow .form-search .input-append  button::after{content:none;}
.searchWindow .form-search .input-append  button:hover{box-shadow:0 0 5px rgba(0,0,0,.3);}

body.network_news .searchWindow label.select select option:not(.network_news),
body.strategy .searchWindow label.select select option:not(.strategy),
body.corporate_identity .searchWindow label.select select option:not(.corporate_identity){display:none;}

@media screen and (max-width: 768px){
	.searchWindow{margin-bottom:30px; display:block;}
	.searchWindow label.select{width:auto; margin-bottom:10px;}
	.searchWindow .searchForm{width:auto; margin-left:0;}
	.searchWindow .form-search{margin-right:0; margin-bottom:10px;}
	/* new search window for estraier */
	.searchWindow .form-search{margin-left:0;}
}

/* pager */
ul.pager{display:flex; justify-content:center; margin-bottom:30px;}
ul.pager li{margin:0 5px 10px; flex:1; max-width:40px;}
ul.pager li a,
ul.pager li em,
ul.pager li span{width:100%; height:40px; border:1px #707070 solid; text-align:center; line-height:38px; display:block; font-size:16px; font-weight:700;}
ul.pager li em{background:#1d443b; color:#fff;}
ul.pager li span{border:1px #eee solid; color:#eee;}

.pageFunction{display:flex; justify-content:center; align-items:center;}
.pageFunction .number{margin-right:10px; font-size:18px; font-weight:bold;}
.pageFunction .pagerLinks{margin:0 5px 0 5px; display:flex; justify-content:space-between;}
.pageFunction .pagerLinks a{width:40px; height:40px; border:1px #707070 solid; text-align:center; line-height:38px; display:block; font-size:18px; font-weight:700; margin:0 5px;}
.pageFunction .pagerLinks a.current,
.pageFunction .pagerLinks span{width:40px; height:40px; border:1px #ccc solid; text-align:center; line-height:38px; display:block; font-size:18px; font-weight:700; margin:0 5px; color:#ccc;}
.pageFunction select{width:60px; height:40px; border:1px #707070 solid; text-align:center; line-height:38px; display:block; font-size:18px; font-weight:700; background:#F3F5F8;}


@media screen and (max-width: 768px){
	ul.pager li span{width:100%;}
	.pageFunction{flex-wrap:wrap;}
	.pageFunction .number{width:100%; margin:0 0 15px 0; text-align:center;}


}

/* tab */
.tabsContainer{width:850px; margin:0 auto;}
.tabsContainer .tabs{display:flex; justify-content:space-between; margin-bottom:40px;}
.tabsContainer .tabs a{flex:1; padding:15px; text-align:center; display:block; border:1px #1d443b solid; background:#fff; font-weight:bold; position:relative; transition:background .3s ease;}
.tabsContainer .tabs a:hover{background:#1d443b; color:#fff;}
.tabsContainer .tabs a.active{background:#1d443b; color:#fff; pointer-events:none;}
.tabsContainer .tabs a.active::after{width:0; height:0; border-style:solid; border-width:12px 6px 0 6px; border-color: #1d443b transparent transparent transparent; position:absolute; left:calc(50% - 3px); bottom:-12px; content:''; display:block;}
.list iframe{width:100%; }
@media screen and (max-width: 768px){
	.tabsContainer{width:100%;}
	.tabsContainer .tabs{margin-bottom:20px;}
	.tabsContainer .tabs a{padding:10px;}
}


/* NEWS LIST */
.news-area dl{margin-bottom:50px;}
.news-area dl dt{float:left; padding:15px 0; width:130px; clear:both;}
.news-area dl dt span{display:none;}
.news-area dl dd{padding:15px 0 15px 130px; border-bottom:1px #f0eeeb solid;}
.news-area dl dd a{color:#1d443b;}
.news-area dl dd a:hover{text-decoration:underline;}

@media screen and (max-width: 768px){
	.news-area dl{margin-bottom:30px;}
	.news-area dl dt{float:none; padding:0; width:auto;}
	.news-area dl dd{padding:5px 0 10px 0; margin-bottom:10px;}
}


/* IMAGE LIST */
ul.imgList{display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
ul.imgList li{width:calc((100% - 40px) / 3); margin:0 20px 40px 0; font-size:16px; font-weight:700;}
ul.imgList li:nth-child(3n){margin-right:0;}
ul.imgList li .img{margin-bottom:10px; overflow:hidden; position:relative;}
ul.imgList li .img img{display:block; transition:transform .3s ease, opacity .3s ease;}
ul.imgList li .img span{position:absolute; left:0; top:0; background:#1d443b; padding:4px 10px; color:#fff; font-size:12px; font-weight:700;}
ul.imgList li a{color:#1d443b !important;}
ul.imgList li a:hover{}
ul.imgList li a:hover .img img{transform:scale(1.05); opacity:.5;}
.pageBody section ul.imgList{padding:0 20px;}
aside.related ul.imgList{padding:0 20px;}
@media screen and (max-width: 768px){
	ul.imgList{width:100%;}
	ul.imgList li{width:calc(50% - 10px); margin:0 20px 20px 0; font-size:14px;}
	ul.imgList li:nth-child(3n){margin-right:10px;}
	ul.imgList li:nth-child(2n){margin-right:0;}
	ul.imgList li .img{margin-bottom:5px;}
	.pageBody section ul.imgList{padding:0; margin-top:60px;}
	aside.related ul.imgList{padding:0;}
}

/* magazine article */
.magHeader{margin-bottom:50px;}
.magHeader .postMeta{display:flex; margin-bottom:15px; align-items:center; justify-content:space-between;}
.magHeader .postMeta .time{background: url("/duco/assets/img/icnTime.svg") no-repeat left center; padding:5px 0 5px 25px; margin-right:10px;}
.magHeader .postMeta .ctg{background:#1d443b; color:#fff; font-size:12px; padding:2px 10px 2px;}
.magHeader .postMeta .lang{display:flex;}
.magHeader .postMeta .lang a{display:block; border:1px #1d443b solid; padding:4px 10px 3px; width:160px; text-align:center; position:relative; font-size:12px; line-height:1; color:#1d443b !important;}
.magHeader .postMeta .lang a.current{background:#1d443b; color:#fff !important;}
.magHeader .postMeta .lang a.current::after{width:0; height:0; border-style:solid; border-width:8px 4px 0 4px; border-color: #1d443b transparent transparent transparent; position:absolute; left:calc(50% - 2px); bottom:-8px; content:''; display:block;}
.magHeader .postMeta .lang a:hover{text-decoration:none !important;}
body.engOnly .magHeader .postMeta .lang{display:none;}
.pageContainer .pageBody.article .magHeader a.print{background:#1d443b url("/duco/assets/img/icnPrint.svg") no-repeat 12px center; color:#fff; padding:5px 30px 5px 40px; float:right; display:block; margin-top:-45px; position:relative; z-index:2;}
.pageContainer .pageBody.article .magHeader a.print:hover{text-decoration:none;}
.author{background:#F2F2F2; padding:30px 40px; display:flex; clear:both; justify-content:space-between; align-items:center; margin-bottom:50px;}
.author .photo{width:200px; height:200px; border-radius:50%; overflow:hidden;}
.author .content{width:calc(100% - 230px);}
.author .content:only-child{width:100%;}
.author .content dt{font-size:16px; margin-bottom:15px; color:#1d443b;}
.author .content dt b{font-weight:700; padding-right:1em; font-size:20px; display:block;}
.magFooter{margin-bottom:60px; position:relative; min-height:20px; clear:both; padding-right:100px;}
.magFooter ul{display:flex; justify-content:flex-start; align-items:center; width:calc(100% - 100px); flex-wrap:wrap;}
.magFooter ul li{margin:0 10px 5px 0;}
.magFooter ul li a{background:#f0eeeb; padding:4px 10px; display:block;}
.magFooter ul li a:hover{background:#1d443b; color:#fff !important; text-decoration:none !important;}

.magFooter a.like{}
.magFooter a.like:hover{background-color:#00B092; text-decoration:none !important;}
.magFooter .scored,
.magFooter .scored-else{position:absolute; top:0; right:0;}

.magFooter a.scoring{background:url("/duco/assets/img/icnLike.svg") no-repeat 5px center #707070; color:#fff !important; font-weight:700; font-size:12px; border-radius:4px; padding:4px 4px 4px 30px; background-size:18px auto; position:absolute; right:0; top:0; text-decoration:none;}
.pageContainer .pageBody.article .magFooter a.scoring:hover{text-decoration:none;}
.magFooter a.scoring .scoring-score{}
.magFooter a.scoring .scoring-score::before{content:'（';}
.magFooter a.scoring .scoring-score::after{content:'）';}

.magFooter a.scoring-scorable{background-color:#1691EB;/* いいね可能 (いいねしていない) */}
.magFooter a.scoring-pending{background-color:#89FF00;/* いいね中 (処理中) */}
.magFooter a.scoring-scored{background-color:#00AD03;/* いいね済み */}



.provision{background:#f2f2f2; padding:20px; clear:both; margin-bottom:60px;}
.provision::after{content:''; display:block; clear:both;}
.provision header{text-align:center; font-size:20px; font-weight:700; border-bottom:1px #707070 solid; padding:0 0 10px; margin-bottom:20px;}
.provision dl dt{text-align:center; font-weight:700; margin-bottom:20px; font-size:16px;}
.provision dl dd ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.provision dl dd ul li{margin-bottom:15px; font-size:16px;}
.provision dl dd ul li:last-child{width:100%; display:flex; justify-content:space-between;}
.provision dl dd ul li:last-child label{padding-right:1em; width:7em;}
.provision dl dd ul input[type=radio]{vertical-align:middle; margin-right:.5em;}
.provision dl dd ul input[type=text]{background:#fff; border:1px #707070 solid; width:calc(100% - 7em); vertical-align:middle; padding:5px; font-size:16px;}
.provision .btn{float:right; padding:2px 40px 1px; min-width:0; font-size:14px;}

.provision .contact-form-information{text-align:center; font-weight:700; margin-bottom:10px; font-size:16px;}
.provision .contact-form .form-label{display:none;}
.provision .form-element ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.provision .form-element ul li{margin:0 25px 15px 0; font-size:16px;}
.provision .form-element ul input[type=radio]{vertical-align:middle; margin-right:.5em;}
.provision .form-element input[type=text]{background:#fff; border:1px #707070 solid; vertical-align:middle; padding:5px; font-size:16px; width:100%;}
.provision .contact-form-submit{text-align:right; margin-top:-20px;}
.provision .contact-form-submit input[type=submit]{background:#1d443b; color:#fff; padding:5px 50px;}

.provision .form-element ul li:nth-child(1) label::after{content:'. わかりやすかった';}
.provision .form-element ul li:nth-child(2) label::after{content:'. まあまあわかりやすかった';}
.provision .form-element ul li:nth-child(3) label::after{content:'. ややわかりにくかった';}
.provision .form-element ul li:nth-child(4) label::after{content:'. わかりにくかった';}
.provision .form-element ul li:nth-child(5) label::after{content:'. その他';}

.provision #mag_eval_other-field{display:inline-block; position:relative; left:120px; top:-40px; width:calc(100% - 120px);}
.provision .contact-form-field clf input{}

.provision #contactform.confirm .form-element .field_value ul{display:block; padding:10px; border:1px #ccc solid; background:#eee; margin-bottom:20px;}
.provision #contactform.confirm .form-element .field_value ul li{margin:0px; text-align:center; font-size:24px; font-weight:bold;}

/* comment block (2025) */
.commentBlock{padding:20px; background:#f5f5f5;}
.commentBlock h2{font-size:18px; font-weight:bold; color:#1d443b; padding-bottom:10px; margin-bottom:20px; border-bottom:1px #1d443b solid;}
.commentBlock h3{font-weight:bold; margin-bottom:10px;}
.commentBlock #comment-greeting{font-size:14px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ccc solid;}
.commentBlock #comment-greeting a:first-child{color:#000; pointer-events:none;}
.commentBlock .control-group{display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ccc solid;}
.commentBlock .control-group .control-label{width:6em; font-weight:bold;}
.commentBlock .control-group .controls{width:calc(100% - 6em);}
.commentBlock .control-group input[type=text],
.commentBlock .control-group textarea{width:100%; padding: 5px; background:#fff; border:1px #ccc solid;}
.commentBlock .control-group textarea{height:6em;}
#comments-open-footer.control-group{border:0;}
#comments-open-footer.control-group .controls{width:100%; display:flex; justify-content:center; align-items:center;}
#comments-open-footer.control-group .controls input[type=submit]{padding:6px; min-width:160px; margin:0 10px;}

.comments-posted{margin-bottom:30px;}
dl.commentPosted{margin-bottom:10px;}
dl.commentPosted dt{font-size:12px; margin-bottom:5px; padding-left:20px;}
dl.commentPosted dd{padding:10px 20px; background:#fff; border-radius:10px;}
.commentBlock dl.postComment{margin:20px auto; font-size:14px;}
.commentBlock dl.postComment dt{float:left; width:6em; font-weight:bold; padding:16px 0 10px 0; clear:both;}
.commentBlock dl.postComment dd{border-bottom:1px #ccc solid; padding:10px 0 10px 6em;}
.commentBlock dl.postComment dd input,
.commentBlock dl.postComment dd textarea{width:100%; padding: 5px; background:#fff; border:1px #ccc solid;}
.commentBlock dl.postComment dd textarea{height:6em;}
.commentBlock p.post{text-align:center;}
.commentBlock p.post input[type=submit]{background:#1d443b; padding:5px 40px; color:#fff; font-weight:bold; border-radius:6px;}

/* comment confirm and post (Dynamic Template Modules) */
.commentConfirmHeader{margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ccc solid;}
.commentConfirmHeader h2{font-size:24px; font-weight:bold; line-height:1.4; margin-bottom:20px; padding-bottom:10px; border-bottom:1px #ccc solid;}
.commentConfirmHeader ul{display:flex; justify-content:flex-start; align-items:center;}
.commentConfirmHeader ul li{margin-right:1.5em;}
.commentConfirmHeader ul li b{font-weight:bold;}
.commentPreview{background:#f5f5f5; border:1px #ccc solid; padding:30px; margin-bottom:30px; display:none;}/* これ出す意味あるか？ */
.commentPreview h3{font-size:18px; font-weight:bold; line-height:1.4; margin-bottom:10px;}
.commentPreview p{margin-bottom:10px;}
.commentPreview .comment-header{background:#fff; padding:10px; margin-bottom:10px; display:none;}
.commentPreview .comment-content{background:#fff; padding:20px;}

.commentEdit h3{font-size:18px; font-weight:bold; line-height:1.4; margin-bottom:10px;}
.commentEdit p{margin-bottom:10px;}
.commentEdit #comment-greeting{margin-bottom:20px;}
.commentEdit #comment-greeting a:first-child{pointer-events:none; color:#000;}
.commentEdit .control-group label{font-weight:bold; margin-bottom:5px; display:block;}
.commentEdit .controls textarea{width:100%; border:1px #999 solid; padding:20px; height:20em; line-height:1.75; font-size:16px;}
.commentEdit .buttonArray{display:flex; justify-content:center; margin-top:50px;}
.commentEdit .buttonArray .btn{padding:5px; min-width:180px; margin:0 10px;}

@media screen and (max-width: 768px){
	/* comment block (2025) */
	.commentBlock{padding:10px;}
	.commentBlock h2{padding-bottom:5px; margin-bottom:10px;}
	.commentBlock #comment-greeting{font-size:12px;}
	.commentBlock .control-group{display:block;}
	.commentBlock .control-group .control-label{width:auto; display:block;}
	.commentBlock .control-group .controls{width:auto;}
	.commentBlock .control-group input[type=text],
	#comments-open-footer.control-group .controls{padding:20px 10px;}
	#comments-open-footer.control-group .controls input[type=submit]{min-width:0; margin:0 5px; flex:1;}

	dl.commentPosted{margin-bottom:10px;}
	dl.commentPosted dt{padding-left:10px;}
	dl.commentPosted dd{padding:10px;}
	.commentBlock dl.postComment{margin:20px auto; font-size:14px;}
	.commentBlock dl.postComment dt{float:left; width:6em; font-weight:bold; padding:16px 0 10px 0; clear:both;}
	.commentBlock dl.postComment dd{border-bottom:1px #ccc solid; padding:10px 0 10px 6em;}
	.commentBlock dl.postComment dd textarea{height:6em;}
	.commentBlock p.post{text-align:center;}
	.commentBlock p.post input[type=submit]{background:#1d443b; padding:5px 40px; color:#fff; font-weight:bold; border-radius:6px;}

	/* comment confirm and post (Dynamic Template Modules) */
	.commentConfirmHeader{margin-bottom:20px; padding-bottom:10px; border-bottom:1px #ccc solid;}
	.commentConfirmHeader h2{font-size:18px; margin-bottom:10px; padding-bottom:5px;}
	.commentConfirmHeader ul{display:block}
	.commentConfirmHeader ul li{margin:0 0 .5em;}

	.commentEdit h3{font-size:18px; font-weight:bold; line-height:1.4; margin-bottom:10px;}
	.commentEdit p{margin-bottom:10px;}
	.commentEdit #comment-greeting{margin-bottom:20px; font-size:12px;}
	.commentEdit .controls textarea{padding:10px; height:12em; font-size:14px;}
	.commentEdit .buttonArray{margin-top:30px; column-gap:10px;}
	.commentEdit .buttonArray .btn{padding:5px; min-width:0; margin:0; flex:1;}
}


div.return{margin:60px 0;}
div.return .btn{background:#fff; color:#1d443b !important;}
div.return .btn::after{border-color:#1d443b; right:auto; left:10px; transform:rotate(-135deg);}
div.return .btn:hover{background:#1d443b;; color:#fff !important; text-decoration:none !important;}
div.return .btn:hover::after{border-color:#fff;}

/* movie iframe embedding */
.rspMovieFrame{width:100%; height:0; position:relative; padding-top:56.25%; margin-bottom:1em;}
.rspMovieFrame iframe{width:100%; height:100%; position:absolute; left:0; top:0;}

.dispEN,
.btn span.dispEN{display:none;}
body.engOnly .dispEN,
body.engOnly .btn span.dispEN{display:block;}
body.engOnly .dispJA,
body.engOnly .btn span.dispJA{display:none;}

aside.related{margin-top:100px;}


@media screen and (max-width: 1260px){
	.provision .form-element ul{display:block;}
	.provision .form-element ul li{margin:0 0 15px 0;}
	.provision .form-element input[type=text]{background:#fff; border:1px #707070 solid; vertical-align:middle; padding:5px; font-size:16px; width:100%;}
	.provision .contact-form-submit{text-align:right; margin-top:-20px;}
	.provision #mag_eval_other-field{left:100px; top:-40px; width:calc(100% - 100px);}
}


@media screen and (max-width: 768px){
	.magHeader{margin-bottom:40px;}
	.magHeader .postMeta{display:block;}
	.magHeader .postMeta .lang{margin-top:15px; justify-content:space-between;}
	.magHeader .postMeta .lang a{width:50%;}
	.magHeader a.print{display:none;}
	.author{padding:15px; margin-bottom:30px; flex-wrap:wrap;}
	
	
	
	.author .photo{width:100%; height:120px; margin:0 auto 10px;}
	.author .photo img{display:block; height:120px; width:120px; margin:0 auto; border-radius:50%;}
	.author .content{width:100%;}
	.author .content dt{text-align:center; margin-bottom:10px;}

	.magFooter{display:block; margin-bottom:30px;}
	.magFooter ul{display:flex; justify-content:flex-start; align-items:center; width:auto; margin-bottom:20px;}
	.magFooter ul li{font-size:12px;}
	.magFooter a.like{background:url("/duco/assets/img/icnLike.svg") no-repeat 5px center #707070; color:#fff; font-weight:700; font-size:12px; border-radius:4px; padding:4px 18px 4px 30px; background-size:18px auto;}
	.provision{margin-bottom:30px;}
	.provision header{font-size:16px; margin-bottom:10px;}
	.provision dl dt{margin-bottom:10px; font-size:14px;}
	.provision dl dd ul{display:block; margin-bottom:20px;}
	.provision dl dd ul li{margin-bottom:10px;}
	.provision dl dd ul li:last-child{display:block;}
	.provision dl dd ul li:last-child label{padding-right:0; width:auto;}
	.provision dl dd ul input[type=text]{width:100%; margin-top:10px;}
	.provision .btn{float:none; margin:0 auto;}
	div.return{margin:30px 0;}
	aside.related{margin-top:60px;}
}

/* madia */
table.mediaList{width:100%;}
table.mediaList th,
table.mediaList td{padding:20px 15px; font-size:16px; line-height:1.5; border-bottom:1px #707070 solid;}
table.mediaList th{border-bottom:2px #333 solid; font-weight:700;}
table.mediaList tr td:nth-child(1){width:10em;}
@media screen and (max-width: 768px){
	table.mediaList col{width:100%;}
	table.mediaList thead{display:none;}
	table.mediaList tbody{border-top:1px #707070 solid;}
	table.mediaList tbody td{padding:0; font-size:14px; display:block; border-bottom:0;}
	table.mediaList tr td:nth-child(1){width:100%; padding:10px 0 5px; font-size:12px;}
	table.mediaList tr td:nth-child(2){font-weight:700; padding:0 0 5px;}
	table.mediaList tr td:nth-child(3){padding-bottom:10px; border-bottom:1px #707070 solid;}

}

/* event */
table.eventList{width:calc(100% - 40px); margin:0 20px;}
table.eventList th,
table.eventList td{padding:10px; font-size:14px; line-height:1.5; border:1px #707070 solid;}
table.eventList tbody th{background:#f0eeeb; font-weight:700;}
table.eventList thead th{background:#1d443b; color:#fff; text-align:center;}
table.eventList tr td:nth-child(2){width:16em;}
table.eventList tr td:nth-child(3){width:12em;}
table.eventList tr td:nth-child(4){width:8em;}
table.eventList .btn{min-width:0; width:100%; font-size:14px; font-weight:normal; padding:5px 20px; display:block;}
table.eventList .btn::after{width:4px; height:4px;}
ul.archiveLink{background:#f2f2f2; padding:30px 20px; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
ul.archiveLink li{margin-right:40px;}
ul.archiveLink li a{text-decoration:underline;}
ul.archiveLink li a::before{content:''; display:inline-block; width:5px; height:5px; border:1px #1d443b solid; border-width:2px 2px 0 0; transform:rotate(45deg); margin-right:10px; position:relative; top:-1px;}
@media screen and (max-width: 768px){
	table.eventList{margin:0; width:100%;}
	table.eventList thead{display:none;}
	table.eventList th,
	table.eventList td{display:block;}
	table.eventList th{padding:10px; border-bottom:0; text-indent:0;}
	table.eventList th::before{content:'展示会：'; display:block; float:left; width:4em;}
	table.eventList td{padding:10px; border-bottom:0; border-top:0;}
	table.eventList tbody th{background:#f0eeeb; font-weight:700; border:0 none;}
	table.eventList thead th{background:#1d443b; color:#fff; text-align:center; border:0 none;}
	.pageContainer section table.eventList th,
	.pageContainer section table.eventList td{border:0;}
	table.eventList tr td:nth-child(2){width:auto; padding:10px 10px 0;}
	table.eventList tr td:nth-child(2)::before{content:'開催地：'; display:block; float:left; width:4em;}
	table.eventList tr td:nth-child(3){width:auto; padding-bottom:0; font-size:12px; text-align:right;}
	table.eventList tr td:nth-child(3) br{display:none;}
	table.eventList tr td:nth-child(4){width:auto;}
	table.eventList tr{display:block; margin-bottom:20px; border-bottom:0;}
	ul.archiveLink{padding:20px 20px 10px;}
	ul.archiveLink li{margin:0 30px 10px 0;}
}

/* login and regist */
body.logout .pageContainer{display:block;}
body.logout .pageContainer .pageBody{width:100%;}
body.logout header{max-width:1240px; height:80px; margin:0 auto; position:relative;}
body.logout header #siteID{padding:20px 0; width:248px;}
body.logout .register{width:960px; margin:0 auto;}
body.logout .register p{text-align:center; margin-bottom:30px; line-height:1.75;}
body.logout .register p span{font-size:12px;}
body.logout .register table{width:100%; border:1px #f0eeeb solid; margin-bottom:60px;}
body.logout .register table th,
body.logout .register table td{padding:15px; font-size:16px;}
body.logout .register table tr:nth-child(odd){background:#f0eeeb;}
body.logout .register table th{text-align:right; width:40%;}
body.logout .register table th span{font-size:12px;}
body.logout .register input,
body.logout .register select{background:#fff; border:1px #707070 solid; padding:5px; font-size:16px; width:250px;}
body.logout .register table td input.account{width:150px;}
body.logout .register table td select.domain{width:auto;}
body.logout .register input.reset-pswd{background:#1d443b; color:#fff;}
body.logout .register input.reset-pswd:hover{background-color:#fff; color:#1d443b;}


body.logout .register table th em{background:#A20000; color:#fff; padding:2px 5px;font-size:12px;}
body.logout .signIn{background:#f0eeeb; padding:50px;}
body.logout .register .signIn table{margin-bottom:20px;}
body.logout .register .signIn table th{width:30%; white-space:nowrap;}
body.logout .register .signIn table td input{width:100%; border:0;}
body.logout .register .signIn .function{display:block; margin-bottom:0;}
body.logout .register .signIn .function label,
body.logout .register .signIn .function a{width:auto;}
body.logout .register .signIn .function label{display:flex; justify-content:flex-start; align-items:center; margin:0 auto 20px; width:fit-content;}
body.logout .register .signIn .function label input{margin-right:10px; width:30px}
body.logout .register .signIn .function span{font-size:12px;}
body.logout .register .signIn .function a{color:#00a894; text-decoration:underline;}
body.logout .register .signIn .function a:hover{text-decoration:none;}
body.logout .register .signIn .function .viewmore{margin-bottom:20px;}
body.logout .register .signIn .function .viewmore + a{display:block; width:fit-content; margin:0 auto 20px;}
body.logout .register .signIn .function p:last-child{margin-bottom:0;}
body.logout .msg{padding:10px; margin-bottom:10px; font-weight:bold; font-size:16px;}
body.logout .msg.msg-success{color: #5EC91B; background:#E9FFD3;}
body.logout .msg.msg-error{color:#c00; background:#FFE2E3;}

body.logout .register .loginPanel{display:flex; justify-content:space-between; column-gap:4px;}
body.logout .register .loginPanel .login,
body.logout .register .loginPanel .signup{width:calc(50% - 2px);}
body.logout .register .signIn dl{margin-bottom:20px;}
body.logout .register .signIn dl dt{font-size:16px; margin-bottom:10px}
body.logout .register .signIn dl dt span{font-size:12px;}
body.logout .register .signIn dl dd{margin-bottom:20px;}
body.logout .register .signIn dl dd input{width:100%; border:0; padding:10px;}
body.logout .register .loginPanel .signup{background:#f0eeeb; padding:50px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
body.logout .register .loginPanel .signup p{font-size:18px;}
body.logout .register .loginPanel .signup p span{font-size:14px}

@media screen and (max-width: 768px){
body.logout .pageWrapper{padding-top:0;}
body.logout .pageBody{padding:0 15px;}
body.logout header{max-width:none; height:60px; padding:0 20px;}
body.logout header #siteID{font-size:30px;padding:12px 0; text-align:center; width:100px;}
body.logout .register{width:100%;}
body.logout .register p{margin-bottom:20px; text-align:left; line-height:1.4;}
body.logout .register p span{line-height:1.2; padding-top:10px; display:inline-block;}
body.logout .register table{width:100%; border:1px #f0eeeb solid; margin-bottom:30px;}
body.logout .register table th,
body.logout .register table td{padding:10px; display:block; text-align:center;}
body.logout .register table tr:nth-child(odd){background:transparent;}
body.logout .register table th{text-align:center; width:100%; background:#f0eeeb; padding:5px;}
body.logout .register table th span{font-size:12px;}
body.logout .register table td input{width:100%;}
body.logout .signIn{padding:10px 10px 30px;}
body.logout .register .signIn table{margin-bottom:10px;}
body.logout .register .signIn table th{width:100%; padding-bottom:0;}
body.logout .register .signIn table td{padding-top:5px;}
body.logout .register .signIn table td input{padding:5px;}
body.logout .register .signIn .function{display:block; margin-bottom:20px; text-align:center;}
body.logout .register .signIn .function label,
body.logout .register .signIn .function a{width:100%;}
body.logout .register .signIn .function label{display:flex; justify-content:center; align-items:center; margin-bottom:20px;}
body.logout .register .signIn .function label input{margin-right:10px;}
body.logout .register .signIn .function span{font-size:12px;}
body.logout .register .signIn .function a{color:#00a894; text-decoration:underline;}
body.logout .register .signIn .function a:hover{text-decoration:none;}

body.logout .register .loginPanel{display:block;}
body.logout .register .loginPanel p{text-align:center;}
body.logout .register .loginPanel .login,
body.logout .register .loginPanel .signup{width:auto; margin:20px auto;}
body.logout .register .signIn{padding:20px}
body.logout .register .loginPanel .signup{padding:20px;}
}


/* multi column */
div.mc{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch;}
div.mc.duo .col{width:calc(50% - 15px); margin:0 30px 30px 0;}
div.mc.duo .col:nth-child(2n){margin-right:0;}
div.mc.trio .col{width:calc((100% - 60px) / 3); margin:0 30px 30px 0;}
div.mc.trio .col:nth-child(3n){margin-right:0;}

@media screen and (max-width: 768px){
	div.mc{display:block;}
	div.mc.duo .col{width:100%; margin:0 0 20px 0;}
	div.mc.trio .col{width:100%; margin:0 0 20px 0;}
}


/* SEARCH RESULT */
dl.search_result{margin:50px auto; line-height:1.5;}
dl.search_result dt{font-size:18px; margin-bottom:10px; font-weight:bold;}
dl.search_result dt a:hover{text-decoration:underline;}
dl.search_result dd{padding-bottom:15px; margin-bottom:15px; border-bottom:1px #eee solid; font-size:16px;}
dl.search_result dd strong{background:#FFFA8A;}
dl.search_result dd:empty::before{content:'マッチする本文がありません。'; color:#999;}
div.pager{text-align:center;}
div.pager ul{display:flex; justify-content:center;}
div.pager ul li{margin:0 5px 10px; font-size:18px;}
div.pager ul li a,
div.pager ul li em,
div.pager ul li span{width:40px; height:40px; border:1px #707070 solid; text-align:center; line-height:38px; display:block; font-size:16px; font-weight:700;}
div.pager ul li em{background:#1d443b; color:#fff;}
div.pager ul li span{border:1px #eee solid; color:#eee;}
@media screen and (max-width: 768px){
	dl.search_result dt{font-size:16px;}
	dl.search_result dd{font-size:14px;}
}

@media print{
	.pageHead,
	.sideBar,
	.pageBottom footer ul,
	.magHeader .postMeta .lang,
	.pageContainer .pageBody.article .magHeader a.print,
	.pageTop,
	.breadcrumbs,
	.provision,
	div.return,
	aside.related,
	.pageBottom footer .logo .tink{display:none;}
	.pageBody{width:100% !important;}
	.pageBody h2,
	.pageBody h3,
	.pageBody h4{clear:both;}
	.pageContainer{padding:0;}
	.pageContainer h1, .pageContainer aside h1{margin-bottom:0; padding-bottom:0;}
	.magFooter{margin-bottom:10px;}
	.pageBottom{background:transparent; padding:0;}
	.pageBottom footer{background:transparent; border-top:1px #aaa solid; display:flex; justify-content:space-between; align-items:center; padding:10px 0;}
	.pageBottom footer .logo{width:auto;}
	.pageBottom footer .logo .duco{width:124px; margin:0 auto; font-size:0;}
	.pageBottom footer .copyright{text-align:center; margin:0; padding:0; border:0 none; width:auto;}
}




html{scroll-padding-top:150px;}
@media screen and (max-width: 768px){
  html{scroll-padding-top:60px;}
}