html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body {
font-size: 14px;
/* font-family: -apple-system, YakuHanJPs_Narrow,BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
font-family: Noto Sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: normal;
line-height: 2;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #444;
}
.home .h2,nav a,header .pageheader div{font-family:Helvetica,Arial,sans-serif; }
input[type="text"],input[type="submit"],input[type="date"],textarea{ -webkit-appearance: none;}
::placeholder {color: #c6c6c6;}
a{text-decoration:none;color: #000;transition: all .2s ease;}
header div,.home header div h1,header nav,.mission1 h2,.mission4 h2,.homemissiongrid strong,.mediacontent2 h2,.meida .mediacontent4 h2{text-shadow: 1px 1px 3px rgba(51,51,51, 0.5);}/*太字*/
header h1,.homecontact,.mission1,.mission4,.homemissiongrid p,.mediacontent2 p,.media .mediacontent4 p{text-shadow: 1px 1px 2px rgba(51,51,51, 0.8) ;}/*細字*/
.pageheader h1{font-size: 16px;}
.homecontact a{box-shadow: 1px 1px 3px rgba(51,51,51, 0.6); }
.homecontact a:hover{text-shadow: none !important;}
footer a:hover,article a:hover,header a:hover{opacity: .7;}
img{max-width:100%;}
p{text-align: left;}
header{background: url(/images/ix-home-mainbg.jpg) center center no-repeat;background-size: cover;position: relative;text-align: center;color: #fff;}
.about header{background: url(/images/ix-about-top.jpg) center center;background-size: cover;}
.media header{background: url(/images/ix-media-top.jpg) center 70%;background-size: cover;}
.mission header{background: url(/images/ix-mission-top.jpg) center center;background-size: cover;}
.access header{background: url(/images/ix-access-top.jpg) center center;background-size: cover;}
.service header{background: url(/images/ix-service.jpg) center center;background-size: cover;}
.contact header{background: url(/images/ix-contact-top.jpg) center center;background-size: cover;}
.web-designer header{background: url(/images/ix-partner-top.jpg) center center;background-size: cover;}
.law header{background: url(/images/ix-mission-top.jpg) center center;background-size: cover;}
.privacy header{background: url(/images/ix-contact-top.jpg) center center;background-size: cover;}
.meetup header{background: url(/images/doomo-business-meetup-bg.jpg) center center;background-size: cover;}
.eventstaff header{background: url(/images/doomo-business-meetup-bg.jpg) center center;background-size: cover;}
.recruit header{background: url(/images/recruit-header-bg.jpg) center center;background-size: cover;}
header::before,.homemissiongrid div::before,.homecontact:before,.mediacontent2:before,.mediacontent4:before{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.1);top:0;left:0;content: '';z-index: 0}
.homeheader img{filter: drop-shadow(1px 1px 3px rgba(51,51,51, 0.5));}
.home header:before{background: rgba(0,0,0,.0);}/*ヘッダー*/
.about header:before{background: rgba(0,0,0,.3);}
.mission header::before{background: rgba(0,0,0,.1);}
.service header::before{background: rgba(0,0,0,.2);}
.media header:before{background: rgba(0,0,0,.3);}
.access header:before{background: rgba(0,0,0,.1);}
.contact header:before{background: rgba(0,0,0,.3);}
.page header:before{background: rgba(0,0,0,.2);}
.home .homecontact::before {background: rgba(0,0,0,.5);}/*フッターコンタクト*/
.about .homecontact::before {background: rgba(0,0,0,.6);}
.mission .homecontact::before {background: rgba(0,0,0,.1);}
.media .homecontact::before {background: rgba(0,0,0,.4);}
.access .homecontact::before {background: rgba(0,0,0,.4);}
.contact .homecontact::before {background: rgba(0,0,0,.4);}
.page .homecontact::before {background: rgba(0,0,0,.4);}
.homemissiongrid div.homemission1::before{background: rgba(0,0,0,.5);}/*HOMEミッション*/
.homemissiongrid div.homemission2::before{background: rgba(0,0,0,.5);}
.homemissiongrid div.homemission3::before{background: rgba(0,0,0,.5);}
.mediacontent2:before{background: rgba(0,0,0,.5); }/*メディア*/
.mediacontent4:before{background: rgba(0,0,0,.5); }
.mediacontent4.mission1::before { background: rgba(0,0,0,.5);}/*ミッション*/
.mediacontent4.mission4::before { background: rgba(0,0,0,.6);}
header div,.mediacontent2 div,.mediacontent4 div{z-index: ;position: relative;}
nav{position: relative;z-index: 199;font-size: 16px;}
nav a{color: #fff;font-weight: bold;margin: 0 18px;}
.logo img{width: 50px;}
.home{text-align: center;}
/* .home .logo{visibility: hidden;} */
.homeheaderflex{display: flex;justify-content: center;align-items: center;height: 70%;}
.homeheader{text-align: center;color: #fff;}
.homeheader img{width: 100px;}
.home h1{width: 100%;margin-top: 20px;font-weight: bold;}
.h2{font-size: 2.9rem;font-weight: bold;position: relative;margin: 80px 0 50px;}
.h2::before{position: absolute;content: '';width: 60px;height:5px;background: #000;left:50%;top:-20px;margin-left: -30px;}
.homemissiongrid div{background:url(/images/P1000054.jpg) center right no-repeat;background-size: cover;padding: 60px 30px 50px;position: relative;color: #fff;}
/* .homemission1{background: url(/images/72048069.jpg) center center no-repeat;} */
.homemissiongrid div.homemission2{background: url(/images/pixta_82155333_M.jpg) 19% 50% no-repeat;background-size: cover;}
.homemissiongrid div.homemission3{background: url(/images/pixta_77033409_M.jpg) center center no-repeat;background-size: cover;}
.homemissiongrid div.homemission4{background: url(/images/https://t.pimg.jp/079/718/355/1/79718355.jpg) -100px center no-repeat;background-size: cover;}
.homemissiongrid div strong{display: block;margin-bottom: 30px;font-size: 20px;}
.homemissiongrid p,.homemissiongrid div strong{z-index: ;position: relative;}
.readmore{padding: 50px 0;}
.readmore a{display: block;width: 280px;padding: 15px 0;border: 1px solid #444;margin: 0 auto;box-sizing: border-box;}
.readmore a:hover{background: #06ABC6;color: #fff;border-color: #06ABC6;}
/*home media*/
.homemedia{background: #;}
/*home contact*/
.homecontact{background: url(/images/IMG_9594.jpg) center center;background-size: cover;position: relative;padding: 80px 0;text-align: center;}
.homecontact div{z-index: ;position: relative;color: #fff;font-size: 18px; margin-top: 20px;}
.homecontact a{border: 1px solid #fff;width: 280px;margin: 50px auto;padding: 15px 0;position: relative;display: block;color: #fff;font-size: 20px;}
.homecontact a:hover{background: #06ABC6;color: #fff;border-color:#06ABC6;filter: grayscale(0);}
/*page common*/
.pageheader{padding: 60px 0 150px;}
.pageheader div{font-size: 4rem;font-weight: bold;margin-bottom: -30px;text-transform:capitalize;}
.missioncontent p{margin: 25px 0}
.gmap-sp{text-align: left;}
article{padding: 50px 0 100px;}
article a{color: #06ABC6;}
article h1{ font-weight: bold; font-size: 25px; margin: 30px 0 25px;}
article h2 {
font-weight: bold;
background: #FFF !important;
color: #444 !important;
padding: 30px 0 12px;
font-size: 22px;
line-height: 1.6;
margin: 0 0 0;
border-bottom: 4px solid #06ABC6;
}
article h3 {
font-weight: bold;
font-size: 20px;
margin : 0 0 36px;
padding: 32px 0 0;
}
article ul{margin: 20px 0;}
article li{list-style: disc;margin-left: 25px;}
article table {
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
width: 100%;
margin: 20px 0;
}
article th {
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background: #f5f5f5;
font-weight: bold;
padding: 10px;
vertical-align: middle;
/* color:#fff; */
}
article td {
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
padding: 10px 8px;
}
article ol,ol li,article ul li{list-style: none;}
article ul li::before {
content: '\2022';
color: #666;
/* font-size: 1.2em; */
padding: 0 8px 0 0;
}
ol li,article ul li{margin-left: 10px}
.thcenter th{text-align: left;padding: 10px 30px;}
.thcenter td{padding: 10px 30px;}
/*about*/
.about td,.about th{border-bottom: 1px solid #efefef;padding: 40px 0; font-size:15px;}
.about th{font-weight: bold;}
.about table{width: 100%;}
/*meida*/
.media{text-align: center;}
.media p{text-align: left;}
.mediacontent1{padding: 100px 0 80px;}
.mediacontent1 img{margin: 0 0 60px;}
.mediacontent2{background: url(/images/P1000075.jpg) center center no-repeat;background-size: cover;position: relative;color: #fff;padding: 180px 0 220px;}
.media h2{font-size: 1.3rem;font-weight: bold;position: relative;margin-bottom: 30px;line-height: 1.8;}
.media h2::before{position: absolute;content: '';width: 60px;height:4px;background: #000;left:50%;top:-25px;margin-left: -30px;}
.mediacontent1 img{margin: 0 auto;}
.mediacontent1 img:first-child{width: 450px;max-width: 90%;display: block;}
.mediacontent1 img:nth-child(2){width: 150px;max-width: 90%;display: block;margin: 40px auto 60px;}
.media .mediacontent2 h2::before{background: #fff;}
.mediacontent4{background: url(/images/pixta_76898895_M.jpg) center center no-repeat;padding: 100px 0;background-size: cover;width:800px;max-width: 80%;margin:0 auto;position: relative;color:#fff;}
.mediacontent3,.mediacontent5{padding: 100px 0}
/*mission*/
.missioncontent h2{text-align: center;font-size: 1.3rem;margin-bottom: 30px;font-weight: bold;}
.mediacontent4.mission1{background-image: url(/images/P1000054.jpg);}
.media h2::before{background: transparent}
.mission4{background-image: url(/images/pixta_77033409_M.jpg); }
.mission .mediacontent4{margin: 130px auto;}
/*contact*/
input[type="text"],input[type="date"],textarea{border: none;width: 100%;background: #;border:1px solid #ddd;padding: 10px;box-sizing: border-box;font-size: 14px;margin-bottom: 10px;}
form p{display: ;margin-top: 20px;font-weight: bold;font-size: 15px;}
input[type="submit"]{background: #06ABC6;color: #fff;cursor: pointer;display: block;border-radius: 5px;margin: 0 auto;width: 50%;padding:17px 0;font-weight: bold;font-size: 16px;border: none;}
input[type="submit"]:hover{opacity: .7;}
.kome{margin: 10px 0 30px;font-size: 11px;opacity: .9;font-weight: normal;}
.yellow{color: #f00;}
/*access*/
.address{font-weight: bold;margin: 0 0 10px;display: block;}
.access h2{font-size: 18px;font-weight: bold; font-family:Noto Sans,sans-serif,Helvetica,Arial;}
iframe{margin: 20px 0;max-width: 100%;}
.access h3{font-weight: bold;padding-top: 25px; }
.access p{margin-bottom: 25px;}
footer{background: #;color: #111;padding: 40px 0;text-align: center;}
footer a{color: #111; margin: 0 18px; font-size: 15px;}
.footerlinks2nd{font-size: 12px;margin-top: 50px;text-transform:;}
footer .footerlinks2nd a{margin: 0;font-size: 12px;margin-right: 15px;}
.center{text-align: center;}
@media only screen and (min-width: 768px) {
.hamburger{display: none;}
.home header{height: 50vh;min-height: 700px}
.wrap{max-width: 95%;width: 800px;margin: 0 auto;}
.headerflex{display: flex;justify-content: space-between;}
.headerflex{padding: 50px 0 0;margin:0 auto;max-width: 82%;width: 90%;}
.wrap.homemission{padding: 60px 0 100px;max-width: 1000px;width: 80%;}
.homemissiongrid,.homemissiongrid2{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 50px;margin-bottom: 20px;}
.homemissiongrid2 a{width: 100%;}
.homemediaflex{display: flex;background: #f0f0f0;}
.homecompanyflex{display: flex;background: #;flex-direction: row-reverse;}
.homemediabg{background: url(/images/pixta_76898895_M.jpg) center 0 no-repeat;background-size: cover;width: 50%;max-width:;margin: 120px 0;}
.homecompanybg{background: url(/images/gtd-east-building-gotanda.jpg) center 0 no-repeat;background-size: cover;width: 50%;max-width:;margin: 120px 0;}
.homemediainner{width: 40%;max-width: 550px;margin:auto;margin-right: auto;padding: 100px 0 170px;}
.homecontact{padding-top: 100px;}
.home h1{font-size: 35px;line-height: 1.6;}
.gmap-sp{width: 80%;max-width: 100%;margin: 0 auto;}
section.graybg{background: #f5f5f5;padding: 130px 0;}
.page section.graybg{padding: 20px 0;}
/*page*/
article{max-width: 800px;margin: 0 auto;}
/*media*/
.media p{width: 550px;margin: 0 auto 2em;}
section .wrap{background: #fff;padding: 80px 0 100px}
/*mission*/
.media2{margin-bottom: 130px;}
.missionflex{display: flex;width: ;}
.missionbg{flex:3;}
.missioninner{flex:7;}
.missioncontent{width: 700px;max-width: 70%;padding: 150px 0; }
.missionbgright .missioncontent{margin-left: 10%;}
.missionbgleft .missioncontent{margin-right: 10%;margin-left: auto;}
.missionbg1{background: url(/images/P1000054.jpg) right center no-repeat;background-size: cover;}
.missionbg2{background: url(/images/pixta_82155333_M.jpg) 40% 50% no-repeat;background-size: cover;}
.missionbg3{background: url(/images/IMG_7669.jpg) 53% 50% no-repeat;background-size: cover;}
.missionbg4{background: url(/images/P1000068a.jpg) right center no-repeat;background-size: cover;}
.mission1{margin: 80px 0;}
.sp{display: none;}
}
@media only screen and (max-width: 767px) {
.h2{margin: 70px 0 30px;font-size: 2rem;}
.h2:before{top:-5px;}
.media h2,.mission h2{font-size: 1.2em;line-height: 1.5;}
section{margin: 0 15px;}
section.homecontact{margin: 70px 0 0;padding-bottom: 20px;}
.homecontact div{width: 80%;margin: 0 auto;}
.homeheader img{width: 45px;margin-top: 70px;}
.home .homeheader h1{font-size: 18px;line-height: 1.5;margin-top: 10px;}
/* .home section.homemissionsection{margin: 0;} */
.pageheader{padding: 60px 20px 50px}
.pageheader div{font-size: 28px;margin-bottom: -15px;}
.home h1{margin: 0 0 70px;line-height: 1.2;font-size: 10px;}
.pageheader h1{font-size: 14px;}
.homemission{margin-bottom: 80px;}
.homemissiongrid > div{margin-bottom: 35px;padding: 40px 35px 30px}
/* .mission section.media{margin: 50px 0 80px;} */
.media p,.mission p{padding: 8px 0;}
.readmore{padding: 10px 0 }
.missioncontent h2{font-size: ;margin-top: 80px;}
.logo a{display: inline-block;}
.logo{position: absolute;top: 25px;left: 25px;z-index: 10;}
.logo img{width: 30px;}
.mediacontent1 {padding: 50px 0 40px;}
.mediacontent2{padding: 70px 20px 50px;}
.mediacontent3{padding: 10px 0 10px;}
section .mediacontent4{margin:80px 0 0;padding: 50px 20px 50px;box-sizing: border-box;width: 100%;max-width: 100%;}
.mediacontent5{padding: 0; }
.missioncontent img.sp{height: 150px;width: 100%;object-fit:cover;}
.mission .mediacontent4{margin: 80px auto;}
.mediacontent2{margin-top: 60px;}
nav a{color:#fff;}
nav .header-nav-sp a{display: block;text-align: right;padding-right: ;font-size: 18px;padding: 10px 0;margin: 0 25px;}
article{margin: 0 15px;}
.access section .wrap{padding: 30px 0 0}
.about section .wrap{padding: 30px 0 30px;}
.about td{padding:20px 20px 20px 0 ;}
.contact section .wrap{padding: 30px 0 30px;}
.readmore{margin-top:20px;}
.page article{padding: 50px 0 0}
article h3{margin-bottom: 20px;}
table.table-tate td,
table.table-tate th,
.about td,
.about th
{display: block;width: 100%;box-sizing: border-box;}
.footerlinks ul{margin: 0 30px;}
.footerlinks ul li{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;text-align: left;}
.contact footer{margin-top: 70px;}
footer a{margin: 6px 40px;}
.about th{font-weight: bold;padding-bottom: 0;border: none;}
.about td{padding: 7px 0 20px;}
/*hamburger*/
.hamburger {
position: absolute;
right: 7px;
top: 5px;
width: 50px;
height: 50px;
z-index: 300;
}
.menupos{
position: fixed;
background: #fff;
width: 40px;
height: 40px;
top: 19px;
right:19px;
border-radius: 3px;
z-index: 201;
}
.hamburger-line {
position: fixed;
right: 27px;
width: 25px;
height: 2px;
background-color: #06ABC6;
transition: all .6s;
z-index: 202;
}
.nav-open .hamburger-line {background-color: #000;}
.hamburger-line-1 {
top: 30px;
}
.hamburger-line-2 {
top: 38px;
}
.hamburger-line-3 {
top: 46px;
}
.nav-open .hamburger-line-1 {
transform: rotate(45deg);
top: 38px;
/* background: #fff; */
}
.nav-open .hamburger-line-2 {
width: 0;
right: 24px;
}
.nav-open .hamburger-line-3 {
transform: rotate(-45deg);
top: 38px;
/* background: #fff; */
}
header nav .header-nav-sp {
position: fixed;
right: -350px;
top: 0;
bottom: 0;
width: 200px;
padding-top: 80px;
background-color: rgba(0,0,0,.6);
transition: all .6s;
z-index: 200;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.header-nav-sp a{border-bottom: ;}
.black-bg {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(0,0,0,.2);
opacity: 0;
visibility: hidden;
transition: all .5s;
height: -webkit-fill-available;
}
.nav-open .header-nav-sp{
right: 0;
padding-top: 82px;
}
.nav-open .black-bg {
opacity: .8;
visibility: visible;
}
}