@charset "utf-8";
.center,.submit{text-align:center!important}
.right{text-align:right!important}
.public,.private{display:inline-block;margin:0 8px;padding:3px 10px 1px;color:#FFF;font-weight:700;background:#F93;border-radius:3px}
.private{background:#6AA8E6}
.green{padding:70px 0;color:#FFF;text-shadow:-1px -1px 0 #54A01B;background:#64C830}
.green h2{margin-bottom:30px;color:#FFF;font-size:40px}
.green h2 + p{margin-bottom:20px}
.tell{color:#111!important;text-decoration:none;border:none;cursor:default}
.tri a{position:relative;padding-left:12px}
.tri a:before{content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:10px;height:14px;background:url(/images/common/arrowRG.png) no-repeat;background-size:contain}
.tri a:hover:before{opacity:.6}
br.min{display:none}
br.min2{display:block}
br.min3{display:block}
br.max2{display:none}
br.max{display:block}
@media screen and (max-width: 1200px) {
header > div{padding:0 40px}
header h1,header.fixed h1{margin-top:20px;font-size:11px}
header #ContactHead{right:40px}
header nav{max-width:none}
header nav ul li:first-child:before,header nav ul li:last-child a:before{display:none}
footer #FootLinks,#Breadcrumbs,.pageTitle,article,#Home section#Kouken > div,#Csr article section:not(:first-of-type),.company #Submenu{padding-left:40px;padding-right:40px}
main{background-position:150% top,top left}
.news .contents{padding:0 40px}
.news article{padding:80px 0 0}
.green{padding:70px 40px}
br.max{display:none}
br.max2{display:block}
#Visual{background-size:105% auto,auto 100%}
#Home article{padding-left:0;padding-right:0}
#Home section.regions{padding:100px 40px}
#Home section#Kouken{padding:80px 40px}
}
@media screen and (max-width: 1080px) {
header{padding-top:14px}
header > div{padding:0 20px}
header p.logo a{font-size:26px}
header p.logo img{width:48px}
header h1{margin-top:9px}
header #ContactHead{top:13px;right:20px}
header #ContactHead p.number{font-size:12px}
header #ContactHead p.number a.tell{padding-left:20px;font-size:30px}
header #ContactHead p.number a.tell:before{margin-top:-11px;background-size:16px 23px}
header #ContactHead p.number span{font-size:10px;vertical-align:baseline}
header #ContactHead p.number + p a.btn{padding:12px 10px 10px;width:180px;font-size:16px}
header #ContactHead p.number + p a.btn img{margin-right:5px;height:16px}
body{padding-top:150px}
main{background-position:10% top,top left}
p.number + p a.btn{font-size:22px}
p.number + p a.btn img{height:18px}
#Visual{height:400px}
#Visual h2{font-size:18px}
#Visual h2 span{font-size:20px}
#Visual h2 b{font-size:40px}
#Home section.regions{margin:0 auto;padding:100px 40px 60px;max-width:920px}
#Home .regions div{margin:0 2% 40px 0;width:47%;max-width:300px}
#Home .regions div:nth-of-type(2n){margin:0 0 40px 2%}
#Home section#ContactBlock p.number span{vertical-align:top}
#Home section#News,#Home section#ContactBlock{display:block;padding:0 40px;width:100%;max-width:none}
#Home section#ContactBlock{width:92%;width:calc(100% - 80px)}
#Home section#ContactBlock h2 + p{text-align:center}
#Home section#ContactBlock div{display:table;width:100%}
#Home section#ContactBlock div p{display:table-cell;padding-left:20px;width:50%;vertical-align:middle}
#Home section#ContactBlock div p.number{padding:0 15px 0 0;text-align:center;border-right:1px dashed #BBB}
.contact #Contact p.number a{font-size:46px}
}
@media screen and (max-width: 920px) {
header{padding:14px 0}
header #ContactHead{right:75px}
header #ContactHead *{font-size:0!important}
header #ContactHead p.number a.tell{margin-bottom:0;width:40px;height:40px;background:-webkit-gradient(linear,left top,left bottom,from(#64C830),to(#5BB53C));background:-webkit-linear-gradient(top,#64C830,#5BB53C);background:linear-gradient(to bottom,#64C830,#5BB53C);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64C830',endColorstr='#5BB53C',GradientType=0);border-radius:5px;cursor:pointer}
header #ContactHead p.number a.tell:hover{background:-webkit-gradient(linear,left top,left bottom,from(#3FC100),to(#279a00));background:-webkit-linear-gradient(top,#3FC100,#279a00);background:linear-gradient(to bottom,#3FC100,#279a00);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FC100',endColorstr='#279a00',GradientType=0)}
header #ContactHead p.number a.tell:before{left:12px;background:url(/images/common/tellW_36.png) no-repeat;background-size:16px 23px}
header #ContactHead p.number + p a.btn{padding:12px 9px;width:40px}
header nav,.menu-trigger,.menu-trigger span{-moz-transition:.3s ease-out;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}
header nav{position:fixed;top:0;right:-240px;padding-left:0;width:240px;height:100%;background:#FFF;z-index:9999}
header nav.open{right:0}
header nav ul{display:block;padding:0 20px;height:auto}
header nav ul li{display:block;margin:0;width:100%;border-bottom:1px dashed #BBB}
header nav ul li a{font-size:16px}
header nav ul li.current a{color:#64C830!important;border:none}
header nav ul li a:before,header nav ul li a:after,header nav ul li:hover a:after{display:none}
.layer{position:fixed;top:0;left:0;z-index:950;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.menu-trigger{position:absolute;top:27px;right:20px;padding-top:30px;width:40px;height:40px;font-size:11px;text-align:center;vertical-align:bottom;z-index:9995}
.menu-trigger,.menu-trigger span{display:inline-block;box-sizing:border-box}
.menu-trigger:hover,.menu-trigger span:hover{cursor:pointer}
.menu-trigger span{position:absolute;left:3px;width:34px;height:3px;background-color:#222;border-radius:2px}
.menu-trigger span:nth-of-type(1){top:3px}
.menu-trigger span:nth-of-type(2){top:12px}
.menu-trigger span:nth-of-type(3){top:21px}
.menu-trigger.active{top:18px;right:250px;color:#FFF}
.menu-trigger.active span{background:#FFF}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(4px) rotate(-226deg);transform:translateY(4px) rotate(-226deg)}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-13px) rotate(226deg);transform:translateY(-13px) rotate(226deg)}
.menu-trigger b{font-family:Futura,STHeitiK-Medium,"Avenir-Medium","Avenir",Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,sans-serif;font-weight:700}
.menu-trigger .on,.menu-trigger.active .off{display:none}
.menu-trigger .off,.menu-trigger.active .on{display:block}
footer #FootLinks div,footer #FootLinks ul{display:block;padding:0;width:100%;border:none}
footer #FootLinks div dt{max-width:100px}
footer #FootLinks ul{margin-top:40px;padding:40px 0 0;text-align:center;border-top:1px dashed #BBB}
#PageTop{right:10px}
#PageTop a{padding-top:6px;width:40px;height:35px}
#PageTop a img{width:20px}
header > div,footer #FootLinks,#Breadcrumbs,.pageTitle,article,#Home section#Kouken > div,.company #Submenu,#Csr article section:not(:first-of-type),.news .contents{padding-left:20px;padding-right:20px}
body{padding-top:94px}
main{background-position:20% top,top left}
br.min3{display:none}
br.max2{display:none}
article h2,.green h2{margin-bottom:30px;font-size:30px}
p.number a.tell{margin:0 0 20px;padding-bottom:5px;border-bottom:1px dashed #64C830;cursor:pointer}
p.number a.tell:before{margin-top:-24px}
p.number br.max2{display:block}
#Contact{padding:0 20px;max-width:600px}
#Contact div p{display:block;padding:0;width:100%}
#Contact div p.number{padding:0 0 25px;border:none}
.contact #Contact{max-width:640px}
.contact #Contact p.number{display:block;padding:0!important;width:100%;text-align:center;border:none!important}
.contact #Contact p.number a.fax{margin:20px 0 0}
#Visual{height:360px;background-size:113% auto,auto 100%}
#Visual h2{top:50px;font-size:16px}
#Visual h2 span{margin:0 5px 0 10px;font-size:18px}
#Visual h2 b{margin-top:12px;font-size:32px}
#Home section#Kouken h2{font-size:28px}
#Home section#News h2{font-size:20px}
#Home section#ContactBlock{max-width:570px}
#Home section#ContactBlock div p{display:block;width:100%;padding:0!important;border:none!important}
#Region article > div{max-width:720px}
#Region article > div figure{float:none;margin:0 auto 15px;padding:0!important;width:100%}
#Region article > div h4,#Region article > div p{margin:0 auto 12px!important}
#Region article > div p:last-child{margin-bottom:0!important}
#Flow article li figure{max-width:250px}
#Flow article li h3{font-size:28px}
#Flow article li h3 + p{max-width:60%;max-width:calc(100% - 290px);font-size:16px}
#Company article > div div:first-child figure{margin:0 auto 20px;width:180px}
#Company article > div div:last-child p{padding-left:40px}
#About article th{min-width:145px}
#About article dd{max-width:68%;max-width:calc(100% - 170px)}
#About article tr:nth-of-type(11) dd{max-width:30%;max-width:calc(100% - 210px)}
#Csr article section:first-of-type{padding:40px 20px}
#Csr article section:last-of-type figure img{margin:0 20px 0 0;width:calc(50% - 10px)}
#Csr article section:first-of-type h4{font-size:18px}
#Form td label:last-child b + input{width:60%;width:calc(100% - 190px)}
}
@media screen and (max-width: 780px) {
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="url"],select,select{height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select{background-image:url(/images/common/select_bg.png);background-position:right center;background-repeat:no-repeat;background-size:14px 10px}
button,a.btn,input[type="submit"]{padding:7px 20px 7px 10px}
.submit button{padding:15px 20px}
form th span,label span,legend span{top:-2px;padding:4px 8px;font-size:10px}
main{background-position:40% top,top left}
p.number i{padding:6px 10px}
p.number span{margin-top:-3px}
.pageTitle{padding:22px 20px}
#Visual{height:500px;background-color:#E4FAFB;background-image:url(/images/home/visual_man_mini.png),url(/images/home/visual_bg_mini.png);background-position:center bottom,center bottom;background-repeat:no-repeat,repeat-x;background-size:100% auto,auto 300px}
#Home section#ContactBlock p.number i{padding:6px 8px}
#Region article > div h4::before{vertical-align:middle}
#Flow article li figure{float:none;position:relative;margin:0 0 20px 70px;max-width:none;height:160px;overflow:hidden}
#Flow article li figure img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
#Flow article li h3{margin-bottom:15px;line-height:1}
#Flow article li h3 + p{max-width:none}
#About article dd{max-width:50%;max-width:calc(100% - 168px)}
#Csr article section:first-of-type figure + p{font-size:15px}
#Csr article section:first-of-type > div div div{display:block;padding:0}
#Csr article section:first-of-type > div div div:first-of-type{margin-bottom:20px;padding:0 0 20px;width:100%;border:none;border-bottom:1px dashed #999}
#Csr article #Plans li > dl dd p{padding:2px 10px}
#Form td label:last-child b + input{width:50%;width:calc(100% - 190px)}
#Privacy article{padding:40px 40px 10px}
#Privacy article h3{margin-bottom:30px;font-size:28px}
}
@media screen and (max-width: 720px) {
#Visual{height:450px}
#Visual h2{top:40px}
}
@media screen and (max-width: 670px) {
br.max2{display:block}
br.min2{display:none}
br.min{display:block}
th,td{font-size:15px;line-height:1.2}
button,a.btn,input[type="submit"]{padding:7px 20px 7px 10px;max-width:none;font-size:14px}
button:before,a.btn:before,input[type="submit"]:before{right:5px}
.submit button{max-width:none;font-size:20px}
form .M{width:100px}
form .S{width:80px}
form .SS{width:60px}
header,header.fixed{padding:5px 0 7px;height:58px}
header > div{padding:0 10px}
header p.logo a{font-size:20px}
header p.logo img{width:32px}
header h1,header.fixed h1{margin-top:4px;font-size:10px}
header h1{max-width:68%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
header #ContactHead{top:4px;right:65px}
header .menu-trigger,header.fixed .menu-trigger{top:9px;right:10px}
header .menu-trigger.active,header.fixed .menu-trigger.active{top:10px;right:245px}
body{padding-top:58px}
p.number span{margin-top:-3px;line-height:1.6}
.contact #Contact h3{font-size:28px}
.contact #Contact p.number > span{margin:0;padding-top:3px;vertical-align:top}
.contact #Contact p.number span br{display:block}
.contact th,.contact td{display:block;padding:15px 0 12px}
.contact th{padding-bottom:0;border-bottom:none}
.contact td{padding-top:10px}
main{background-size:auto 80px,100% 80px}
.pageTitle{padding:22px 20px;height:80px;font-size:34px}
#Breadcrumbs + article{padding-top:40px}
article{margin:0 auto 80px}
section{padding-top:60px;padding-bottom:60px}
.green{padding:50px 40px}
article h2,.green h2,main h3{margin-bottom:30px;font-size:24px}
article p{text-align:left}
main h2 + p,main h3 + p{margin-bottom:30px;font-size:16px}
#Contact{margin-bottom:80px}
.company #Submenu{margin:50px 0}
.contact #Contact{margin:30px auto 40px}
.contact h4{font-size:20px}
.news .contents{margin-bottom:80px}
.news .contents article,.news aside{display:block;margin:0;padding:40px 0 0;width:100%}
.news article h3:not(:first-child){margin-top:40px}
#Visual{height:430px}
#Visual h2{top:30px}
#Home section.regions{padding:60px 40px 20px}
#Home section#Kouken{padding:60px 40px}
#Home section#Kouken > div div{display:block}
#Home section#Kouken > div div:first-child{display:inline-block;margin-bottom:30px;padding:20px}
#Home section#Kouken > div img{width:80px}
#Home section#Kouken > div div:last-child{padding:0}
#Home section#Kouken h2{font-size:24px;text-align:center}
#Home section#Kouken p{font-size:16px}
#Home section#News,#Home section#ContactBlock{margin:60px auto}
#Home section#ContactBlock{padding:30px!important}
#Home section#ContactBlock h2{font-size:28px}
#Region article h3 + p,#Region article h3 + p + p{font-size:16px}
#Region article > div{margin-top:40px;padding-top:40px}
#Flow article li{margin-bottom:50px}
#Flow article li h3{font-size:24px}
#Company article > div div{display:block}
#Company article > div div:first-child p{margin-bottom:30px;text-align:center}
#Company article > div div:last-child p{padding:0}
#About article tr:nth-of-type(9) dt,#About article tr:nth-of-type(9) dd{display:block;width:100%;max-width:none}
#About article tr:nth-of-type(9) dt:not(:first-child){margin-top:8px}
#About article tr:nth-of-type(9) dd li{display:inline-block;margin-right:12px}
#Csr article section:first-of-type figure,#Csr article section:first-of-type figure + p{display:block}
#Csr article section:first-of-type figure{margin:0 auto 20px;width:120px}
#Csr article section:first-of-type figure img{width:60px}
#Csr article section:first-of-type div p{padding:0!important;font-size:14px!important}
#Csr article section:first-of-type .btn{max-width:none}
#Csr article #Plans li > h6{display:block;margin:20px 0 10px;padding:10px;width:100%}
#Csr article #Plans li > p,#Csr article #Plans li > dl,#Csr article #Plans li > ul{display:block;padding:0 10px;width:100%}
#Csr article #Plans li > ul{padding-left:30px}
#Recruit article td ol > li{margin-bottom:8px}
#Conf th,#Conf td{padding:10px}
#Privacy article{padding:0;border:none}
#Privacy article h3{margin-bottom:30px;font-size:24px}
#Csr article #Attempt figcaption {text-align: center; font-size:20px; }
}
@media screen and (max-width: 600px) {
#Visual{height:400px}
#Csr article #Attempt figcaption {text-align: center; font-size:18px; }
}
@media screen and (max-width: 550px) {
#Visual{height:380px}
#Csr article #Attempt figcaption {text-align: center; font-size:16px; }
}
@media screen and (max-width: 500px) {
header p.logo{padding:9px 0 0 35px;max-width:55%}
header p.logo a{font-size:14px;line-height:1.2}
header p.logo span{display:block}
header p.logo img{position:absolute;top:6px;left:8px;margin-right:5px;width:36px}
header h1{display:none}
header #ContactHead{right:60px}
header #ContactHead p{vertical-align:top}
header #ContactHead p.number{margin:0 5px 0 0}
#Breadcrumbs{padding:8px 10px 0;white-space:nowrap;overflow:hidden;overflow-x:auto}
#Breadcrumbs li{line-height:1}
#Breadcrumbs li::after{margin:0 0 0 6px}
#Breadcrumbs li a{font-size:12px}
footer #FootLinks{padding:40px 0 0;overflow:hidden}
footer #FootLinks div{padding:0 20px}
footer #FootLinks div h2{margin-bottom:5px}
footer #FootLinks div dt{width:23%}
footer #FootLinks div dd{width:74%}
footer #FootLinks ul{margin-left:-1%;padding:0;width:102%;font-size:0;border-top:1px solid #CCC}
footer #FootLinks ul li{margin:0;padding:8px!important;width:50%;font-size:14px;text-align:center;border:none;border-bottom:1px solid #CCC!important}
footer #FootLinks ul li:nth-child(2n){border-left:1px solid #CCC}
footer #FootLinks ul li:nth-child(7){width:100%}
footer .copyright{padding:15px 0;font-size:10px}
header > div,.pageTitle,article,#Home section#Kouken > div,.company #Submenu,#Csr article section:not(:first-of-type),#Contact{padding-left:15px;padding-right:15px}
article,#Contact{margin-bottom:60px}
article section{padding:40px 0}
.green{padding:40px 15px}
article h2,.green h2,main h3{margin-bottom:20px;font-size:20px}
article h2 + p,main h3 + p{margin-bottom:20px;font-size:14px}
article p,.green p,#Contact h3 + p,#Flow article li h3 + p{font-size:14px}
th,td{display:block;padding:10px;font-size:14px}
th{border-bottom:none}
#Breadcrumbs + article{padding-top:30px}
#Contact{max-width:380px}
#Contact h3{font-size:20px}
#Contact div p.number{padding:0 0 8px}
p.number{margin-bottom:12px}
p.number a.tell{margin:0 auto 12px;padding-left:20px;font-size:32px}
p.number a.tell:before{margin-top:-15px;width:16px;height:24px;background-size:contain}
p.number a.fax:before{margin-top:-12px;width:20px;height:24px}
p.number i,p.number span b,p.number span{margin-top:0;font-size:12px;white-space:nowrap}
p.number span b{position:relative;top:-2px;font-size:14px}
p.number + p a.btn{padding:15px 10px;max-width:300px;font-size:18px}
p.number + p a.btn span{display:none}
p.number + p a.btn img{margin-right:6px;height:16px}
main{background-size:auto 60px,100% 60px}
.pageTitle{padding:15px;height:60px;font-size:26px}
.company #Submenu{margin:30px 0}
.company #Submenu li{padding:0 3px}
.company #Submenu li:first-child{padding:0 6px 0 0}
.company #Submenu li:last-child{padding:0 0 0 6px}
.company #Submenu li a{padding:5px 0;font-size:16px}
.company #Submenu li.current a:before{bottom:-22px;margin-left:-8px;border-top-width:8px;border-left-width:8px;border-right-width:8px}
.contact #Contact{margin:30px 0 40px;padding:15px}
.contact #Contact h3{font-size:20px}
.contact #Contact p.number a.tell,.contact #Contact p.number a.fax{font-size:32px}
.contact #Contact p.number a.fax{margin:10px 0 0;padding-left:24px}
.contact #Contact p.number > span{padding-top:3px;font-size:11px}
.contact th,.contact td{font-size:14px}
.contact th{font-weight:700}
.contact small{display:block;margin:10px 0 0}
.contact .note{margin:10px 0 30px;padding:20px}
.contact h4{padding-top:30px;font-size:20px}
.contact h4 + ol{margin:10px 0 0;font-size:14px}
.news .contents{margin-bottom:40px}
.news .contents article,.news aside{padding:30px 0 0}
.news article h3{margin-bottom:15px;font-size:20px}
.news article h3:not(:first-child){margin-top:30px}
.news article p{margin-bottom:15px;font-size:14px}
.news article .date{margin-bottom:40px;font-size:12px}
.news aside h3{font-size:18px}
.news aside ul li a{padding:10px 30px 10px 10px;font-size:14px}
.public,.private{padding:2px 8px}
#Visual{height:330px}
#Visual h2{top:20px;font-size:14px;line-height:2.3}
#Visual h2 span{padding:6px 8px;font-size:15px;line-height:1}
#Visual h2 b{margin-top:8px;font-size:26px;letter-spacing:0}
#Home section.regions{padding:40px 15px 10px}
#Home .regions div{margin:0 0 10px!important;padding-left:5px;width:48.5%;box-shadow:none!important}
#Home .regions div:nth-of-type(2n-1){padding:0 5px 0 0}
#Home .regions div h3{margin:-10px 0 5px;font-size:16px}
#Home .regions div h3 + p{margin:0 0 65px;padding:0;font-size:13px}
#Home .regions div h3 + p + p{padding:0 5px 0 0}
#Home section#Kouken{padding:40px 15px}
#Home section#Kouken > div{padding:15px}
#Home section#Kouken > div div:first-child{margin-bottom:15px}
#Home section#Kouken > div img{width:60px}
#Home section#Kouken p{margin-top:15px}
#Home section#Kouken h2{font-size:18px}
#Home section#Kouken h2 + p{font-size:14px}
#Home section#News,#Home section#ContactBlock{margin:40px auto}
#Home section#News{padding:0 15px}
#Home section#News h2{margin-bottom:10px;font-size:18px}
#Home section#News ul li a{padding:8px 25px 8px 0;font-size:13px;line-height:1.5}
#Home section#News ul li a:before{right:0}
#Home section#News ul li a span{display:block;color:#999}
#Home section#ContactBlock{margin:40px 15px;width:91%;width:calc(100% - 30px);padding:20px!important}
#Home section#ContactBlock h2{margin-bottom:15px;font-size:20px}
#Home section#ContactBlock h2 + p{margin-bottom:15px;font-size:14px}
#Home section#ContactBlock p{text-align:center}
#Home section#ContactBlock p.number i{font-size:11px}
#Home section#ContactBlock p.number span{padding-top:2px;font-size:11px}
#Region article h3 + p,#Region article h3 + p + p{font-size:14px}
#Region article > div{margin:40px 0 0;padding:40px 0 0}
#Region article > div h4{font-size:20px;line-height:35px}
#Region article > div h4::before{margin-right:5px;width:40px;height:35px;vertical-align:top}
#Flow article li figure{height:100px}
#Flow article li h3{font-size:20px}
#Company article > div div:first-child figure{width:120px}
#Company article > div div:first-child p,#Company article > div div:last-child p{font-size:16px}
#About article dt,#About article dd{font-size:15px}
#About article dt{min-width:100px}
#About article tr:nth-of-type(11) dt{width:200px}
#About article tr:nth-of-type(11) dd{max-width:20%;max-width:calc(100% - 210px)}
#Csr article section h4{margin-bottom:20px!important;font-size:20px!important}
#Csr article h5{font-size:14px}
#Csr article p{margin-bottom:20px}
#Csr article section:first-of-type{padding:30px 15px}
#Csr article section:first-of-type > div{padding:20px}
#Csr article section:first-of-type h4{margin-bottom:10px!important;font-size:16px!important}
#Csr article #Plans ol{margin-bottom:60px}
#Csr article li,#Csr article #Plans li{margin-bottom:15px;font-size:14px}
#Csr article #Plans li > h6{margin:0 0 10px;font-size:15px}
#Csr article #Plans li dt,#Csr article #Plans li dd{display:block;margin:0 0 10px;padding:0;width:100%;max-width:none;font-size:14px;border:none}
#Csr article #Plans li dt{padding-bottom:3px;border-bottom:5px solid #f2f2f2}
#Csr article #Plans li dd li{margin-bottom:5px}
#Csr article section:last-of-type li{margin-bottom:30px}
#Csr article section:last-of-type li,#Csr article section:last-of-type li h5{font-size:16px}
#Csr article section:last-of-type li h5,#Csr article section:last-of-type li p{margin-bottom:10px}
#Csr article section:last-of-type li p{font-size:14px}
#Csr article section:last-of-type figure img{margin:0 10px 0 0;width:calc(50% - 5px)}
#Recruit article td ol > li{margin-bottom:8px}
#Form table,#Form table + p{margin-bottom:20px}
#Form td li{margin-right:10px;min-width:180px}
#Form td b{display:block;margin:0 0 5px}
#Form td b + select{margin-left:0}
#Form td label:not(:first-child) b + input{width:100%}
#Conf th,#Conf td{padding:12px;font-weight:400}
#Comp .note{margin:0 auto 20px}
#Privacy .pageTitle{padding-top:19px;font-size:20px}
#Privacy article{margin:30px auto 60px}
#Privacy article h3{font-size:20px}
#Privacy article p{margin-bottom:15px;font-size:14px}
#Csr article #Attempt figcaption {text-align: center; font-size:14px; }
}
@media screen and (max-width: 480px) {
#Visual{height:320px}
}
@media screen and (max-width: 420px) {
#Visual{height:300px}
}
@media screen and (max-width: 380px) {
#Visual{height:290px}
}
@media screen and (max-width: 350px) {
#Visual{height:270px}
}