/*
Theme Name: temp-otomo
*/


/* ----------------reset---------------- */

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ----------------common---------------- */

html {
	overflow: auto;
}

@font-face {
font-family: "notosansjplight";
src: url('https://otomo-inc.com/wp-content/themes/temp-otomo/fonts/nscjkjp-lighti.eot'),
url('fonts/nscjkjp-light.woff');
}

html[lang="ja"] body {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, 'Noto Sans JP',Montserrat, sans-serif;
}
html[lang="en-US"] body {
    font-family: Helvetica, "Segoe UI",Roboto, sans-serif;
}
html[lang="ko-KR"] body {
    font-family: Apple SD Gothic Neo,Malgun Gothic, sans-serif;
}
html[lang="zh-CN"] body {
    font-family: "Microsoft YaHei", 'STHeiti', sans-serif;
}
html[lang="zh-TW"] body {
    font-family: "Microsoft YaHei", 'LiHei Pro', sans-serif;
}

body {
	font-size: 13px;
	color: #777;
	background: #FFF;
	min-width: 1300px;
	overflow: hidden;
}

a {
	text-decoration: none;
}

a:link {
	color: #777777;
}

a:visited {
	color: #95989A;
}

a:hover {
	color: #EE7500;
}

a:active {
	color: #EE7500;
}

a:hover {
	opacity: 0.8;
}

.entry-content a {
	text-decoration: underline;
}

p,
li,
h1,
h2 {
	/* letter-spacing: 1px; */
}

.main-container {
	width: 974px;
	margin: 0 auto;
}

body.page .main-container {
}

.spnone {
	display: none;
}


/* ----------------1 column---------------- */

.column1 {
	display: block;
	width: 974px;
	margin: 0 auto;
	padding-top: 50px;
}

/* ----------------2 column---------------- */

.column2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 974px;
	margin: 0 auto;
	padding-top: 60px;
}

.column2 .main-container {
	flex-grow: 2;
	margin-right: 100px;
}



/* ----------------header---------------- */

.h-inner {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    width: 1300px;
    margin: 0 auto;
    position: relative;
    align-items: center;
	box-sizing: border-box;
}

h1 {
}

h1 a {
	display: block;
	width: 90px;
	height: 30px;
	margin-right: 30px;
	background: url(images/logo.svg) no-repeat;
	background-size: contain;
	text-indent: -999em;
}

header#toppage {
	position: fixed;
	width: 100%;
	transition-duration: 0.5s;
	z-index: 99999;
	padding: 25px 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#header-menu {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    position: relative;
	align-items: flex-start;
}

#header-menu li {
	margin-right: 40px;
}

#header-menu li ul li {
	margin-right: 0;
}

#header-menu li.current {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	display: block;
}

#header-menu li.current ul li.current {
	margin-right: 0;
}

#header-menu li:last-child {
	margin-right: 0;
}

#header-menu li a {
	color: white;
	display: block;
}

.sub-menu li a:hover {
	background: rgba(186, 186, 186, 0.9);
}

.sub-menu {
	display: none;
	position: absolute;
	padding: 0.5em 0;
	top:2em;
	left: -19%;
	text-align: center;
	background: rgba(119, 119, 119, 0.9);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}

html[lang="en-US"] body .sub-menu {
	left: -15%;
}

html[lang="ko-KR"] body .sub-menu {
	left: -20%;
}

html[lang="zh-CN"] body .sub-menu {
	left: -17%;
}

html[lang="zh-TW"] body .sub-menu {
	left: -17%;
}

.sub-menu li {
	border-bottom: 0 !important;
}

.sub-menu li a {
	padding: 0.5em 1em;
	display: block;
}

/* bottom */

header#bottom {
	position: fixed;
	width: 100%;
	padding: 25px 0;
	transition-duration: 0.5s;
	z-index: 9;
}

/* header.white */

header.white {
	background: white !important;
	border-bottom: 1px solid rgba(119, 119, 119, 0.3);
}

body.error404 header#bottom {
	border-bottom: 1px solid rgba(119, 119, 119, 0.3);
}

header.white #header-menu li a,
header.white .dropbtn,
body#sitemaps #header-menu li a,
body#sitemaps .dropbtn,
body#privacy-policy #header-menu li a,
body#privacy-policy .dropbtn,
body#regist #header-menu li a,
body#regist .dropbtn,
body#service_otomo #header-menu li a,
body#service_otomo .dropbtn,
body#service_otomoworks #header-menu li a,
body#service_otomoworks .dropbtn,
body.single #header-menu li a,
body.single .dropbtn,
body.error404 #header-menu li a,
body.error404 .dropbtn {
	color: #777;
}

header.white .globe,
body#sitemaps header .globe,
body#privacy-policy header .globe,
body#regist header .globe,
body#service_otomo header .globe,
body#service_otomoworks header .globe,
body.single header .globe,
body.error404 header .globe {
	background: url(images/icon_globe_gray.svg) no-repeat left;
}

header.white h1 a,
body#sitemaps header h1 a,
body#privacy-policy header h1 a,
body#regist header h1 a,
body#service_otomo header h1 a,
body#service_otomoworks header h1 a,
body.single header h1 a,
body.error404 header h1 a {
	background: url(images/logo_color.svg) no-repeat;
}

header.white #header-menu li.current,
body#sitemaps header #header-menu li.current,
body#privacy-policy header #header-menu li.current,
body#regist header #header-menu li.current,
body#service_otomo header #header-menu li.current,
body#service_otomoworks header #header-menu li.current,
body.single header #header-menu li.current,
body.error404 header #header-menu li.current {
	border-bottom: 1px solid #777777;
}

header.white .lang-menu li:first-child:after,
body#sitemaps header .lang-menu li:first-child:after,
body#privacy-policy header .lang-menu li:first-child:after,
body#regist header .lang-menu li:first-child:after,
body#service_otomo header .lang-menu li:first-child:after,
body#service_otomoworks header .lang-menu li:first-child:after,
body.single header .lang-menu li:first-child:after,
body.error404 header .lang-menu li:first-child:after {
	background: url(images/arrow_down_gray.svg) no-repeat left;
}

header.white .menu-second-level,
header.white .sub-menu,
body#sitemaps header .menu-second-level,
body#sitemaps header .sub-menu,
body#privacy-policy header .menu-second-level,
body#privacy-policy header .sub-menu,
body#regist header .menu-second-level,
body#regist header .sub-menu,
body#service_otomo header .menu-second-level,
body#service_otomo header .sub-menu,
body#service_otomoworks header .menu-second-level,
body#service_otomoworks header .sub-menu,
body.single header .menu-second-level,
body.single header .sub-menu,
body.error404 header .menu-second-level,
body.error404 header .sub-menu {
	background: rgba(240, 240, 240, 0.9);
}

header.white .menu-second-level li,
header.white .menu-second-level li a,
body#sitemaps header .menu-second-level li,
body#sitemaps header .menu-second-level li a,
body#privacy-policy header .menu-second-level li,
body#privacy-policy header .menu-second-level li a,
body#regist header .menu-second-level li,
body#regist header .menu-second-level li a,
body#service_otomo header .menu-second-level li,
body#service_otomo header .menu-second-level li a,
body#service_otomoworks header .menu-second-level li,
body#service_otomoworks header .menu-second-level li a,
body.single header .menu-second-level li,
body.single header .menu-second-level li a,
body.error404 header .menu-second-level li,
body.error404 header .menu-second-level li a {
	color: #777777;
}

/* hamburger */

.hamburger {
	display: none;
}


/* ----------------toppage---------------- */

.topservice {
	margin-top: 3em !important;
}

.mainvisual {
	position: relative;
}

.scrolldown {
	width: 50px;
	height: 50px;
	background: url(images/scrolldown.svg) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
	position: absolute;
	bottom: 5%;
	z-index: 2;
	left: 0;
	right: 0;
}

.scrolldown-txt {
	color: white;
	position: absolute;
	bottom: 11%;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	z-index: 3;
	font-size: 16px;
	text-shadow:0px 0px 10px #000000;
}

.scrolldown-txt a {
	color: white;
}

.wrap-for-txt {
	width: 1300px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}

.private-inner-top img,
.design-inner-top img {
	width: 30vh;
	height: auto;
	margin-bottom: 2em;
}

.private-inner-top img.forsp,
.design-inner-top img.forsp {
	display: none;
} 

.private-inner-top {
	background: url(images/bg_ptour_top.png) no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	min-width: 100%;
	height: 695px;
}

.design-inner-top {
	background: url(images/bg_design_top.png) no-repeat;
	background-position: center center;
	background-size: cover;
	min-width: 100%;
	height: 695px;
	position: relative;
	margin-top: -5%;
}

.private-inner-top .txt {
	background: white;
	width: 580px;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;
}

.design-inner-top .txt {
	background: white;
	width: 580px;
	position: absolute;
	top: 0;
	right: 0;
	min-height: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;
}

.design-inner-top .txt-inner {
	width: 100%;
	padding-top: 15%;
}

.private-inner-top .txt-inner {
	width: 100%;
	margin-top: -15%;
}

.private-inner-top .txt p.comname,
.design-inner-top .txt p.comname {
	font-size: 2.5vh;
	margin-bottom: 1em;
}

.private-inner-top .txt p.catch,
.design-inner-top .txt p.catch {
	border-bottom: 1px solid #BABABA;
	border-top: 1px solid #BABABA;
	padding: 1em 0;
	width: 80%;
	margin: 0 auto 1em auto;
	line-height: 1.4em;
	display: block;
	box-sizing: border-box;
	font-size: 1.3rem;
	letter-spacing: normal;
}

.private-inner-top .txt p.txt-description,
.design-inner-top .txt p.txt-description {
	text-align: left;
	font-size: 16px;
	line-height: 1.7em;
}

.private-inner-top .txt p.more,
.design-inner-top .txt p.more {
	font-size: 20px;
	text-align: right;
	margin-top: 1em;
}

.private-inner-top .txt p.more a,
.design-inner-top .txt p.more a {
	border-bottom: 1px solid #BABABA;
	color: #777;
	margin: 0 auto;
	display: table;
	text-align: center;
}

.private-inner-top .txt p.more a:after,
.design-inner-top .txt p.more a:after {
	content: ">";
}

.top-news li {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	padding: 13px 50px !important;
	align-items: center;
	justify-content: space-between;
}

.top-news li p {
	display: flex;
	line-height: 1.5em;
	align-items: center;
	font-size: 16px;
	margin-bottom: 1em;
}

.top-news li p.title {
	padding-right: 40px;
}

.top-news li dt,
.top-news li dd {
	font-size: 16px;
	line-height: 1.5em;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
}

body#top dt p.txt-tag {
	color: #BABABA;
	margin-left: 1em;
}

.top-news li dd a {
	color: #777;
}

.top-news p.more {
	text-align: right;
	font-size: 16px;
	padding-top: 16px;
}

.top-news p.more a {
	color: #777;
	border-bottom: 1px solid #BABABA;
}

.top-news p.more:after {
	content: ">"
}

.top-news li img {
	width: 150px;
	height: 100px;
}

.services-tour,
.services-design,
.top-news {
	margin-top: 80px;
}

.slider {
	min-width: 100%;
	overflow-x: hidden;
}

@-webkit-keyframes slideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}
@keyframes slideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.main-vision{
	background-position: center center;
	background-size: cover !important;
	position: relative;
	min-width: 100%;
	padding-top: 80px;
	min-height: 90vh;
}

.slick-current {
	opacity: 1;
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: cubic-bezier(0.39, .575, 0.565, 1);
    animation-timing-function: cubic-bezier(0.39, .575, 0.565, 1);
}

.slide1 {
	background-image: url(images/slide1.jpg);
}

.slide2 {
	background-image: url(images/slide2.jpg);
}

.slide3 {
	background-image: url(images/slide3.jpg);
}

.vision {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 1em;
	z-index: 9999;
	text-align: center;
	color: white;
}

.vision h2 {
	font-size: 3.5rem;
	text-shadow:0px 0px 10px #000000;
}




/* ----------------slider---------------- */



/* 
.slick-initialized,
.slider .slick-current div {
	transform: scale(1.1);
	transition: 12s transform ease-out;
}
 */



/* ----------------language---------------- */

.lang-menu {
	position: relative;
	margin-right: auto;
}

.lang-menu-sp {
	display: none;
}

.lang-menu li:first-child,
.lang-menu-sp li:first-child,
#header-menu li#menu-item-96,
html[lang="en-US"] #header-menu li#menu-item-180,
html[lang="ko-KR"] #header-menu li#menu-item-409,
html[lang="zh-CN"] #header-menu li#menu-item-417,
html[lang="zh-TW"] #header-menu li#menu-item-426 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}



.lang-menu li:first-child:after,
#header-menu li#menu-item-96:after,
html[lang="en-US"] #header-menu li#menu-item-180:after,
html[lang="ko-KR"] #header-menu li#menu-item-409:after,
html[lang="zh-CN"] #header-menu li#menu-item-417:after,
html[lang="zh-TW"] #header-menu li#menu-item-426:after {
	content: "";
	background: url(images/arrow_down.svg) no-repeat left;
	display: block;
	width: 9px;
	height: 5px;
	margin-left: 5px;
	background-size: contain;
	cursor: pointer;
}

header.white #header-menu li#menu-item-96:after,
html[lang="en-US"] header.white #header-menu li#menu-item-180:after,
html[lang="ko-KR"] header.white #header-menu li#menu-item-409:after,
html[lang="zh-CN"] header.white #header-menu li#menu-item-417:after,
html[lang="zh-TW"] header.white #header-menu li#menu-item-426:after {
	background: url(images/arrow_down_gray.svg) no-repeat left;
}

.globe {
	width: 17px;
	height: 17px;
	background: url(images/icon_globe.svg) no-repeat left;
	display: block;
	margin-right: 5px;
	cursor: pointer;
}

.menu-second-level {
	display: none;
	position: absolute;
	padding: 0.5em 0;
	top: 1.8em;
	left: -4%;
	text-align: center;
	background: rgba(119, 119, 119, 0.9);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}

.menu-second-level li:first-child:after {
	content: none;
}

.menu-second-level li {
	line-height: 2em;
}

.menu-second-level li,
.menu-second-level li a {
	color: white;
	white-space: nowrap;
	text-decoration: none;
	padding: 0.5em 1em;
	display: block;
}

.menu-second-level li a:hover {
	background: rgba(186, 186, 186, 0.9);
}

.bogoflags,
.bogoflags-before:before {
	display: none;
}

.dropbtn {
	color: white;
	cursor: pointer;
}

ul.bogo-language-switcher li {
}

ul.bogo-language-switcher li.first {
	text-align: center;
	display: block;
}

ul.bogo-language-switcher li.current {
	padding: 0.5em 1em;
}



/* ----------------bottom common---------------- */

#wrap {
	width: 100%;
	margin: 0 auto;
	/* padding-top: 80px; */
}

.breadcrumb {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	margin: 0 auto;
	background: #F0F0F0;
	overflow-x: hidden;
}

.breadcrumb ul {
	width: 1300px;
	margin: 0 auto;
}

.breadcrumb li {
	font-size: 14px;
	display: inline-block;
}

.breadcrumb li:after {
	content: ">";
	margin: 0 5px;
}

html[lang="ja"] body .breadcrumb li span:before {
	content: "トップページ";
	margin: 0 5px;
}

html[lang="en-US"] body .breadcrumb li span:after {
	content: "Top Page";
	margin: 0 5px;
}

html[lang="ko-KR"] body .breadcrumb li span:after {
	content: "톱페이지";
	margin: 0 5px;
}

html[lang="zh-CN"] body .breadcrumb li span:after {
	content: "首页";
	margin: 0 5px;
}

html[lang="zh-TW"] body .breadcrumb li span:after {
	content: "首頁";
	margin: 0 5px;
}


.breadcrumb li:last-child:after {
	content: none;
}

body.category-news .breadcrumb,
body.archive .breadcrumb,
body.tag .breadcrumb {
	margin: 0 auto;
}

.titleimg {
	width: 100%;
	min-height: 400px;
	position: relative;
	min-height: 400px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	background-position: center;
}

.bg-news {
	background-image: url(images/titleimg_news.jpg);
}

.bg-recruit {
	background-image: url(images/titleimg_recruit.jpg);
}

.bg-service {
	background-image: url(images/titleimg_service.jpg);
}

.bg-service_otomo {
	background-image: url(images/titleimg_service_otomo.jpg);
}

.bg-service_otomoworks {
	background-image: url(images/titleimg_service_otomoworks.jpg);
}

.bg-about_us {
	background-image: url(images/titleimg_about_us.jpg);
}

.bg-contact,
body#thanks .bg-thanks {
	background-image: url(images/titleimg_contact.jpg);
}

.titlenoimg {
	margin: 50px 0;
	padding-top: 100px;
	color: #777;
}

.titleimg h2 {
	font-size: 3.5rem;
	font-weight: 200;
	font-style: normal;	
	color: white;
	position: relative;
	z-index: 2;
}

/* ----------------not found---------------- */

.notfound {
	line-height: 1.5em;
	width: auto;
	display: table;
}

.notfound h3 {
	font-size: 1.2rem;
	margin-bottom: 1em;
}

.notfound ul {
	margin-left: 2em;
	margin-bottom: 1em;
}

.notfound li {
	list-style-type: disc;
	font-size: 1.2rem;
	line-height: 1.5em;
}

.notfound p {
	font-size: 1.2rem;
	line-height: 1.5em;
}

body.error404 h2 {
	text-align: center;
	font-size: 1.8rem;
}

.notfound .gsc-control-cse {
	padding: 0;
}

.notfound .search {
	margin-top: 1em;
}

.notfound .search input {
	padding: 1em;
}

.notfound .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding: 0.5em !important;
	box-sizing: border-box;
}

/* ----------------page---------------- */

body#sitemaps #wrap,
body#privacy-policy #wrap,
body#regist #wrap,
body.single #wrap {
	padding-top: 80px;
}

body.page h2 {
	font-size: 3.5rem;
	text-align: center;
}

#access {
}

.service-mov {
	margin-bottom: 100px;
}

.service-mov p.more {
	margin-top: 1.5em;
}

.regist-wrap {
	font-size: 16px;
}

.regist-wrap dl {
	padding: 1.5em 0;
	display: flex;
}

.regist-wrap li {
	border-bottom: 1px solid #BABABA;
}

.regist-wrap li:last-child {
	border-bottom: 0;
}

.regist-wrap dt {
	width: 30%;
}

.regist-wrap a {
	position: relative;
	display: block;
}

.regist-wrap a.pdflink:after {
	content: "";
	width: 44px;
	height: 19px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	background: url(images/icon_pdf.svg) no-repeat;
}

.marginzero {
	margin-top: 0 !important;
}

.service-vision {
	font-size: 24px;
	background: url(images/grid.jpg) repeat-x bottom;
	padding: 0 0 10px 0;
	display: table;
	margin-bottom: 30px;
}

body#about_us .service-vision {
	margin-top: 100px;
}

.title-wave {
	font-size: 50px;
	text-align: center;
	margin: 0 auto 60px auto;
	background: url(images/wave.svg) repeat-x bottom;
	background-size: contain;
	padding: 0 0 10px 0;
	display: table;
}

.service-lead {
	font-size: 50px;
	line-height: 1.5em;
	margin-bottom: 40px;
}

.service-desc {
	font-size: 16px;
	line-height: 1.5em;
}

body#service .service-desc {
	margin-bottom: 60px;
}

.service-wrap {
	box-shadow: 0 0 6px #e6e6e6;
	border: 1px solid #e6e6e6;
	margin-bottom: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.service-wrap img {
	width: 224px;
	margin-bottom: 20px;
}

.service-description {
	padding: 80px 30px;
	color: white;
	line-height: 1.4em;
	width: 50%;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
}

.more-pc {
	display: block;
}

.more-pc a,
.more-sp a {
	color: #777;	
	text-decoration: none !important;
	border-bottom: 1px solid #BABABA;
}

.more-sp {
	display: none;
}

.more-pc:after,
.more-sp:after {
	content: " >";
}

.logo-title {
	width: 50%;
	text-align: center;
}

.service-description p {
	margin-bottom: 1em;
	line-height: 1.8em;
	font-size: 16px;
}

.service-description p:last-child {
	margin-bottom: 0;
}

.privatetour {
	background: url(images/bg_privatetour.jpg) no-repeat;
	background-size: cover;
}

.des-con {
	background: url(images/bg_consulting.jpg) no-repeat;
	background-size: cover;
}

.service-title {
	margin-bottom: 30px;
}

.service-wrap .catch {
	display: table;
	margin: auto;
	padding: 10px 0;
	border-top: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	margin-bottom: 30px;
	width: 18em;
}

.service-wrap .more a {
	color: #777;
}

.service-wrap .more a:after {
	content: " >";
}

.policy-wrap {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 3em;
}

.policy-wrap ul {
	margin-left: 3em;
}

.policy-wrap ul li {
	list-style-type: disc;
	line-height: 1.6em;
	font-size: 20px;
}

.sitemaps-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.outline-wrap {
	font-size: 16px;
}

.outline-wrap li {
	border-bottom: 1px solid #BABABA;
	padding: 1em 1em 1em 0;
	line-height: 1.4em;
}

.outline-wrap li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.outline-wrap li dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.outline-wrap li dl dd dl {
	display: block;
}

.outline-wrap li dl dt {
	width: 200px;
	display: inline-block;
}

.outline-wrap li dl dd dl dt {
	float: left;
	width: auto;
}

.outline-wrap li dl dd dl dd {
	padding-left: 150px;
}

.board-member-wrap .txt-inner {
	width: 482px;
	margin-right: 80px;
}

.board-member-wrap {
	border: 1px solid #BABABA;
	padding: 1.5em;	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	justify-content: space-between;
	padding: 30px 66px 30px 30px;
	box-sizing: border-box;	
}

.board-member-wrap li {
	box-sizing: border-box;
}

.board-member-wrap img {
}


.board-member-wrap  .txt-inner ul li dl dt {
	font-size: 16px;
	margin-bottom: 18px;
}

.board-member-wrap  .txt-inner ul li dl dd {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 18px;
}

.board-member-wrap  .txt-inner ul li dl dd span {
	color: #BABABA;
	margin-left: 1.5em;
}

.board-member-wrap  .txt-inner ul li p {
	font-size: 16px;
	line-height: 1.7em;
}

.bigmaplink {
	text-align: right;
}

.bigmaplink a {
	color: #777;
}

.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom: 1em;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
}

.txt-access {
	font-size: 16px;
	line-height: 1.9em;
}

.txt-access dt {
	float: left;
}

.txt-access dd{
	padding-left: 30%;
}

html[lang="en-US"] body .txt-access dt {
	float: none;
}

html[lang="en-US"] body .txt-access dd{
	padding-left: 0;
	margin-bottom: 1em;
}

.txt-access dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;	
}

.txt-access p {
	margin-bottom: 30px;
}

body#service_otomo h2,
body#service_otomoworks h2 {
	display: none;
}

body#service_otomo .bizname {
	background: url(images/otomo_colorline.svg) no-repeat 100% 95%;
	background-size: 58px 24px;
}

body#service_otomoworks .bizname {
	background: url(images/otomo_blackline.svg) no-repeat 100% 95%;
	background-size: 24px 24px;
}

.ptour-wrap .bizname dt {
	color: #BABABA;
	font-size: 14px;
	margin-bottom: 15px;
}

.ptour-wrap .bizname dd {
	font-size: 50px;
	margin-bottom: 30px;
}

.ptour-wrap p {
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 40px;
}

body#service_otomoworks .ptour-wrap p {
	margin-bottom: 100px;
}

.together p,
.together-works p {
	width: 420px;
	margin-bottom: 40px !important;
}

.together p:last-child,
.together-works p:last-child {
	width: 420px;
	margin-bottom: 0 !important;
}

.ptour-wrap .link {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 100px;
}

.ptour-wrap .link li {
	width: calc(100% / 2 - 7px);
	text-align: center;
	font-size: 16px;
}

.ptour-wrap .link li span.linkicon {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 15px;
	background: url(images/icon_link_white.svg) no-repeat;
}

.ptour-wrap .link li a {
	text-decoration: none;
	font-weight: bold;
	color: white;
	display: block;
	padding: 1em 0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.ptour-wrap .link li:first-child a {
	background: #EE7500;
}

.ptour-wrap .link li:nth-child(2) a {
	background: #2796D4;
}

.together,
.together-works {
	margin-bottom: 100px;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;
}

.t-inner-txt p:last-child,
.ptour-wrap p:last-child {
	margin-bottom: 0;
	line-height: 100%;
}

.t-inner-img {
	background: url(images/img_ptour-2x.jpg) no-repeat right;
	background-size: auto 100%;
	width: 60%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}

.tw-inner-img {
	background: url(images/img_together-2x.jpg) no-repeat right;
	background-size: auto 100%;
	width: 60%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}

.together h3,
.together-works h3 {
	font-size: 24px;
	margin-bottom: 40px;
}

.together-works img {
	float: right;
}

.together img.forpc,
.board-member-wrap img.forpc {
}

.together img.forsp,
.together-works img.forsp,
.board-member-wrap img.forsp {
	display: none;
}

.together:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;	
}

.ptour-wrap .value h4 {
	font-size: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.ptour-wrap .value {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}

.ptour-wrap .value li {
	width: calc(100%/3 - 10px);
}

.ptour-wrap .value li img {
	margin-bottom: 25px;
	width: 100%;
}

.ptour-wrap .value dt {
	font-size: 16px;
	margin-bottom: 10px;
}

.ptour-wrap .value dd {
	font-size: 14px;
	margin-bottom: 50px;
	line-height: 1.5em;
}

.ptour-wrap .value i {
	margin-right: 5px;
}

.ptour-wrap .value dt.orange {
	color: #EE7500;
}

.ptour-wrap .value dt.blue {
	color: #2796D4;
}

.ptour-wrap p.more {
	text-align: right;
}

.ptour-wrap p.more a {
	color: #777;
}

.attack li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;
	margin-bottom: 60px;
}

.attack li img {
	margin-right: 30px;
}

.attack-txt {
	position: relative;
}

.attack-txt a {
	position: absolute;
	bottom: 0;
}

.attack .attack-txt h3,
.attack .attack-txt p {
	font-size: 16px;
	line-height: 1.3em;
}

.attack .attack-txt h3 {
	margin-bottom: 1em;
}

.attack .attack-txt a,
.wpcf7-submit {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: white;
	background: #777;
	box-sizing: border-box;
	width: 50%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 1.1em;
}

input[type="submit"] {
   -webkit-appearance: none;
}

.attack img.forpc {
	display: block;
}
	
.attack img.forsp {
	display: none;
}	

.ptour-wrap .region {
	background: #F0F0F0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 30px 26px;
	box-sizing: border-box;
	margin-bottom: 100px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.ptour-wrap .region h4 {
	font-size: 24px;
	margin-right: 40px;
	white-space: nowrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

html[lang=en-US] .ptour-wrap .region h4 {
	font-size: 20px;
}

.ptour-wrap .region li {
	font-size: 16px;
	line-height: 1.8em;
	list-style-type: disc;
}

.ptour-wrap .region span.globe {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: url(images/icon_globe_region.svg) no-repeat;
}

.service-content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 50px;
}

.last100 {
	margin-bottom: 100px;
}

.service-content dl {
	font-size: 16px;
	width: 30%;
	padding-right: 50px;
	box-sizing: border-box;
}

.service-content dt {
	margin-bottom: 25px;
	font-weight: bold;
}

.service-content dd {
	line-height: 1.8em;
}

.service-content ul {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
}

.service-content li {
	border: 1px solid #BABABA;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 1em 1.5em;
	font-size: 16px;
	text-align: center;
	line-height: 1.4em;
	width: calc(100% / 2 - 20px);
	margin-bottom: 10px;
	margin-right: 20px;
	box-sizing: border-box;
}

html[lang="en-US"] .service-content li:first-child {
	position: relative;
}

.service-content li span {
	font-size: 12px;
	display: block;
}

html[lang="en-US"] .service-content li:first-child span.middle {
	position: absolute;
	left: 0;
	right: 0;
	top: 35%;
	font-size: 16px;
}

.service-content li.long {
	width: 100%;
}

.pvalue span {
	text-align: center;
	margin: 0 auto 30px auto;
}

.pvalue  span.handshake {
	width: 66px;
	height: 50px;
	display: block;
	background: url(images/icon_handshake.svg) no-repeat;
	background-size: contain;
}

.pvalue  span.global {
	width: 50px;
	height: 50px;
	display: block;
	background: url(images/icon_globe_gray.svg) no-repeat;
}

.pvalue ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 100px;	
}

.pvalue li {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid #F0F0F0;
	width: calc(100% / 2 - 15px);
	font-size: 16px;
	padding: 3.5em 1.5em 1.5em 1.5em;
	margin-right: 15px;
	box-sizing: border-box;
}

.pvalue dt {
	margin-bottom: 20px;
	text-align: center;
}

.pvalue dd {
	line-height: 1.3em;
	text-align: left;
}

/* contact form */

.form input[type="text"],
.form textarea,
.form input[type="email"] {
	border: 1px solid #F0F0F0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 1em;
	margin-bottom: 20px;
	width: 100%;
	box-sizing: border-box;
}

.form label p {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.form label p.text {
	padding-top: 10px;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form textarea:focus{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
	outline: none;
}

.tel-open {
	margin-bottom: 100px;
}

.tel-open dt {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 30px;
}

.tel-open dd,
body#thanks .entry-content p {
	font-size: 16px;
	line-height: 1.5em;
}

span.icon-tel {
	width: 23px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	background: url(images/icon_tel.svg) no-repeat;
}

.wpcf7-submit {
	border: none;
	width: 35%;
	margin: 3em auto 0 auto;
	cursor: pointer;
}


/* ----------------category---------------- */

.yeartitle {
	width: 974px;
	margin: 0 auto 3em auto;
	text-align: center;
	font-size: 20px;
}

.bottom-header-wrap {
	width: 100%;
	text-align: center;
	margin: 0 auto 5em auto;
	background: #F0F0F0;
	padding: 25px 0;
	box-sizing: border-box;
}

.rec-bottom-header-wrap {
	padding: 29px 20px;
}

.searchtitle {
	white-space: nowrap;
	margin-right: 20px;
	font-size: 14px;
}

.bhw-inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 974px;
	margin: 0 auto;
	align-items: center;
}

body.category-recruit .bhw-inner,
body.search .bhw-inner {
	width: auto;
}

.section1-inner2 .thumbnail img {
	width: 552px;
	height: auto;
}

.bottom-header-wrap ul.archive {
	margin: 0 auto;
	display: table;
}

.bottom-header-wrap ul.archive select,
#search .inputwrap,
.wpcfs-input select {
	background: #fff;
	display: table;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	padding: 5px 1em;
	border: 0;
	box-sizing: border-box;
}

#search .inputwrap-rec {
	background: #fff;
	display: table;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	padding: 20px;
	border: 0;
	box-sizing: border-box;
	position: relative;
	width: 314px;
	margin-right: 2em;
}

#search {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 50%;
}

body.category-recruit #search,
body.search #search {
	width: 100%;
}

article.category-news .thumbnail img {
	width: 811px;
	height: auto;
}

.newspost img {
	width: 100%;
	height: auto;
}

.newspost strong,
.newspost b,
.recpost strong,
.recpost b {
	font-weight: bold;
}

.newspost ul,
.recpost .section2 ul {
	margin-top: -4em;
	margin-bottom: 1em;
}

.newspost li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.8em;
	font-size: 18px;
}

.recpost .section2 li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.5em;
	font-size: 16px;
}

#search input[type=submit] {
	color: white;
	background: #777;
	box-sizing: border-box;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 20px;
	font-size: 14px;
	border: 0;
	cursor: pointer;
}

#search input[type=submit]:hover {
	opacity: 0.8;
}

#search input[type=submit]:focus {
	outline: none;
}

#search .inputwrap {
	position: relative;
	display: block;
	width: 314px;
	padding: 20px;
	box-sizing: border-box;
}

#search select {
	border: 0;
	font-size: 16px;
	color: #BABABA;
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
	padding-right: 20px;
	background-color: transparent;
	width: 100%;
	border-color: transparent;
	box-sizing: border-box;
}

#search select option {
	background: #F0F0F0;
	color: #777777;
}

html[lang="ja"] body #search select {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, 'Noto Sans JP',Montserrat, sans-serif;
}

#search .inputwrap:after,
#search .inputwrap-rec:after{
	content: "";
	background: url(images/arrow_select.svg) no-repeat left;
	background-size: contain;
	width: 14px;
	height: 21px;
	display: block;
	position: absolute;
	right: 18px;
	top: 0;
	bottom: 0;
	margin: auto;
}

#search .archive-links {
	display: inline-block;
	vertical-align: middle;
}

#search form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body.category-recruit #search form,
body.search #search form {
	width: 100%;
}

#search label {
	margin-right: 1em;
	font-size: 14px;
	white-space: nowrap;
}

.bottom-header-wrap ul.archive select:focus,
#search select:focus {
  outline: 0;
}

#search input[type=text] {
	display: none;
}

.service-desc-rec,
body.search .main-container p {
	font-size: 16px;
	margin-bottom: 100px;
	line-height: 1.5em;
}

.recruit-header-wrap {
	padding-top: 5em;
	width: 974px;
	margin: 0 auto 5em auto;
}


body.category-recruit .count,
body.search .count {
	position: absolute;
	right: 0;
	top: 0;
}

body.category-recruit .category-top-list,
.search-recruit .category-top-list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	position: relative;
	flex-wrap: wrap;
	padding-top: 3em;
	align-content: stretch;
	box-sizing: border-box;
	flex-direction: row;
}

body.category-recruit .category-top-list li,
.search-recruit .category-top-list li{
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
	margin-bottom: 20px;
	margin-right: 15px;
	padding: 20px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-sizing: border-box;
	width: calc(100%/3 - 10px);
	display: block;
}

body.category-recruit .category-top-list > p + li + li + li,
.search-recruit .category-top-list > p + li + li + li,
.search-recruit .category-top-list > p + li + li + li + li + li + li {
	margin-right: 0;
}

body.category-recruit .category-top-list li img,
.search-recruit .category-top-list li img{
	margin: 0 auto 1em auto;
}

.search-recruit .category-top-list li img.forpc {
	display: block;
	margin-right: auto;
	border: 0;
	margin-left: auto;
}

.search-recruit .category-top-list li img.forsp {
	display: none;
}	

body.category-recruit .category-top-list li a,
.search-recruit .category-top-list li a {
	color: #777;
}

body.category-recruit .category-top-list li h2,
.search-recruit .category-top-list li h2{
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.2em;
	display: inline-block;
}

body.category-recruit .category-top-list li p.txt-emptype,
.search-recruit .category-top-list li p.txt-emptype{
	font-size: 16px;
	margin-bottom: 7px;
}

body.category-recruit .category-top-list li p.txt-team,
.search-recruit .category-top-list li p.txt-team{
	color: #BABABA;
	font-size: 14px;
	margin-bottom: 20px;
}

body.category-recruit .category-top-list li p.txt-wlocation,
.search-recruit .category-top-list li p.txt-wlocation,
.search-recruit .category-top-list li p.txt-wlocation {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 0;
}

body.category-recruit .category-top-list li img:hover,
.search-recruit .category-top-list li img:hover {
	box-shadow: none;
}

body.category-recruit .category-top-list li:hover,
.search-recruit .category-top-list li:hover,
body.category-news .category-top-list li:hover,
body.archive .category-top-list li:hover,
.top-news li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

body.category-recruit .category-top-list li span.humanicon,
.search-recruit .category-top-list li span.humanicon,
.section1 .section1-inner1 span.humanicon {
	width: 17px;
	height: 18px;
	background: url(images/icon_human.svg) no-repeat;
	background-size: contain;
	margin-right: 10px;
	display: inline-block;
}

.section1 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.section1-inner1 .txt-team-s {
	font-size: 14px;
	color: #BABABA;
	margin-bottom: 16px;
}

.section1-inner1 .txt-emptype {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
}

.section1-inner1 .txt-wlocation {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
}

.section1-inner1 a.entry,
a.entry-center {
	display: block;
	background: #777777;
	color: white;
	padding: 1em 8em;
	text-align: center;
	font-size: 16px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

a.entry-center {
	margin: 0 auto 50px auto;
	display: table;
}

.section2 p {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.section2 p a {
	color: #777;
}

.rec-contentsfooter {
	text-align: right;
	border-top: 1px solid #F0F0F0;
	padding-top: 20px;
}

.rec-contentsfooter p {
	font-size: 14px;
	color: #BABABA;
}

body.category-news .category-top-list li,
body.tag .category-top-list li,
body.date .category-top-list li,
.top-news li {
	box-shadow: 0 0 3px #e6e6e6;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
	padding: 20px 44px 20px 20px;
	border-radius: 5px;
	box-sizing: border-box;
}

body.category-news .category-top-list li:last-child,
body.tag .category-top-list li:last-child,
body.archive .category-top-list li:last-child{
	margin-bottom: 0;
}

body.category-news .category-top-list img,
body.tag .category-top-list img,
body.archive .category-top-list img,
body.category-news .category-top-list .newstxt-wrap,
body.archive .category-top-list .newstxt-wrap {
	display: inline-block;
	vertical-align: top;
	width: 67%;
}

body.category-news .category-top-list .newstxt-wrap h2,
body.tag .category-top-list .newstxt-wrap h2,
body.archive .category-top-list .newstxt-wrap h2 {
	font-size: 20px;
	line-height: 1.3em;
	margin-bottom: 20px;
}

body.category-news .category-top-list img,
body.tag .category-top-list img,
body.archive .category-top-list img {
	margin-right: 20px;
	border: 1px solid #F0F0F0;
	box-sizing: border-box;
	width: auto;
}

body.category-news .category-top-list .date-tag,
body.tag .category-top-list .date-tag,
body.archive .category-top-list .date-tag,
body#privacy-policy .date-tag {
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	align-items: center;
	margin-bottom: 20px;
}

body.single .date-tag {
	display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 16px;
}

body.category-news .category-top-list .txt-date,
body.archive .category-top-list .txt-date,
body#privacy-policy .txt-date {
	margin-right: auto;
	font-size: 14px;
	display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	align-items: center;
}

body.single .txt-date {
	margin-right: 2em;
	display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	align-items: center;
}

.icon-date  {
	width: 14px;
	height: 14px;
	background: url(images/icon_date.svg) no-repeat left;
	display: block;
	margin-right: 5px;
}

body.category-news .category-top-list .date-tag p.txt-tag,
body.archive .category-top-list .date-tag p.txt-tag,
body.single p.txt-tag,
.category-top-list .newstxt-wrap p.news-content {
	color: #BABABA;
	line-height: 1.5em;
}

body.category-news .category-top-list .newstxt-wrap p.news-content,
body.archive .category-top-list .newstxt-wrap p.news-content,
body.tag .category-top-list .newstxt-wrap p.news-content {
	font-size: 16px;
	line-height: 1.5em;
	height: 3em;
}

.count {
	font-size: 14px;
	margin-bottom: 20px;
	text-align: right;
}

body.category-news .category-top-list .newstxt-wrap .nc-wrap,
body.archive .category-top-list .newstxt-wrap .nc-wrap,
body.tag .category-top-list .newstxt-wrap .nc-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-right: 1em;
	box-sizing: border-box;
}

body.category-news .category-top-list .newstxt-wrap p.news-content:before,
body.archive .category-top-list .newstxt-wrap p.news-content:before,
body.tag .category-top-list .newstxt-wrap p.news-content:before {
	content: "…";
	position: absolute;
	background: #fff;
	line-height: 1.5em;
	bottom: 0em;
	font-size: 16px;
	right: 0;
	display: block;
	color: #BABABA;
}

body.category-news .category-top-list .newstxt-wrap p.news-content:after,
body.archive .category-top-list .newstxt-wrap p.news-content:after,
body.tag .category-top-list .newstxt-wrap p.news-content:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: white;
}



/* ----------------pagenation---------------- */


	/* pagenation */

.pagenation ul {
	margin: 0 auto 3em auto;
	display: table;
}

.pagenation ul li:last-child {
	margin-right: 0 !important;
}

.pagenation {
    margin: 60px 0 0 0;
}

.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 4px;
    box-shadow: none!important;
    border: none!important;
    padding: 0 !important;
    width: auto !important;
    margin-right: 15px !important;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #F0F0F0;
    color: #777;
    cursor: not-allowed;
    padding: 10px 20px!important;
    margin-right: 15px !important;
    width: auto;
   	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px; 
}
.pagenation li a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0;
    color: #777;
    display: block;
    border: 1px solid #F0F0F0;
    padding: 10px 20px;
    border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #F0F0F0;
    color: #777;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

.pagenation li span.icon-next,
.pagenation li span.icon-prev {
	width: 14px;
	height: 14px;
	display: table;
	background-repeat: no-repeat;
	background-size: cover;
}

.pagenation li span.icon-next {
	background-image: url(images/icon_next.svg);
}

.pagenation li span.icon-prev {
	background-image: url(images/icon_prev.svg);
}


/* ----------------sidebar---------------- */

.result_area {
	position: relative;
	background: #ffffff;
	border: 1px solid rgba(112, 112, 112, 0.6);
	padding: 2px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.result_area:after, .result_area:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.result_area:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.result_area:before {
	border-color: rgba(112, 112, 112, 0);
	border-top-color: #707070;
	border-width: 6px;
	margin-left: -6px;
}

.right-container {
	text-align: center;
	width: 50px;
}

.right-container .share {
	position: fixed;
}

.right-container .icon-inst  {
	width: 30px;
	height: 30px;
	background: url(images/icon_inst.svg) no-repeat left;
	display: block;
}

.right-container .icon-fb2  {
	width: 50px;
	height: 50px;
	background: url(images/icon_fb2.svg) no-repeat left;
	display: block;
}

.right-container .icon-tw  {
	width: 50px;
	height: 50px;
	background: url(images/icon_tw.svg) no-repeat left;
	display: block;
}

.right-container h2 {
	font-size: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #BABABA;
	padding-bottom: 10px;
}

.share li {
	margin: 0 auto 5px auto;
	position: relative;
	padding: 10px 0;
	z-index: 2;
	transition-duration: 0.5s;
}

/* 
.share li:hover {
	content: "";
	display: block;
	background: #F0F0F0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	z-index: 1;
}
*/

.share li:last-child {
	margin-bottom: 0;
}


/* ----------------single---------------- */

.single-title {
	font-size: 26px;
	line-height: 1.3em;
	margin-bottom: 30px;
}

body.single .entry-content,
body.page .entry-content {
	margin-top: 5em;
}

body.single .entry-content p {
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 3em;
}

body.single .entry-content p:last-child {
	margin-bottom: 0;
}

body.single .entry-content h2,
body#privacy-policy .policy-wrap h2,
.section2 h2 {
	font-size: 20px;
	margin-bottom: 1em;
	position: relative;
	display: table;
	padding-right: 2em;
	margin-top: 5em;
}

body#privacy-policy .policy-wrap h2 {
	padding-right: 0;
	text-align: left;
	line-height: 1.2em;
}

body.single .entry-content h2:after,
body#privacy-policy .policy-wrap h2:after,
.section2 h2:after {
	content: "";
	display: block;
	width: 100%;
	margin-top: -10px;
	padding-right: 2em;
	box-sizing: border-box;
	border-bottom: 14px solid #F0F0F0;
}

body.single header#bottom,
body.page header#bottom,
body.archive header#bottom,
body.error404 header#bottom {
	background: rgba(0, 0, 0, 0);
}

/* ----------------footer---------------- */

footer {
	width: 100%;
	margin: 100px auto 30px auto;
	border-top: 1px solid #F0F0F0;
}

footer a {
	color: #777 !important;
}

.footer-inner {
	width: 974px;
	margin: 0 auto;
	padding-top: 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.footer1,
.footer2 {
	flex-grow: 1;
}

.footer1 a,
.footer2 a,
.footer3 a {
	text-decoration: none;
}

.footer-info {
	border-right: 1px solid #F0F0F0;
	padding-right: 50px;
}

.footer2 {
	padding-left: 50px;
}

.footer1 li,
.footer2 li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.8em;
}

.footer2 li ul li {
	list-style-type: none;
}

.footer3 li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}

.footer3 li:last-child {
	margin-bottom: 0;
}

.comname-map-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.f-comname {
	font-size: 16px;
	font-weight: bold;
}

.icon-map  {
	width: 10px;
	height: 16px;
	background: url(images/icon_map.svg) no-repeat left;
	display: block;
	margin-right: 5px;
}

body.category-recruit .icon-map,
.search-recruit .icon-map {
	width: 12px;
	height: 18px;
	background: url(images/icon_map.svg) no-repeat left;
	display: inline-block;
	margin-right: 10px;
}

.search-recruit .icon-map {
	position: relative;
	top: 3px;
}

.section1-inner1 .icon-map {
	width: 12px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.icon-inst  {
	width: 20px;
	height: 20px;
	background: url(images/icon_inst.svg) no-repeat left;
	display: block;
}

.icon-fb  {
	width: 50px;
	height: 50px;
	background: url(images/icon_fb.svg) no-repeat left;
	display: block;
}

footer .icon-fb  {
	width: 20px;
	height: 20px;
	background: url(images/icon_fb_footer.svg) no-repeat left;
	display: block;
}

.icon-yt  {
	width: 20px;
	height: 20px;
	background: url(images/icon_yt.svg) no-repeat left;
	display: block;
}

footer .sns {
	display: flex;
	margin-bottom: 30px;
}

footer .sns li {
	margin-right: 18px;
}

.f-map {
	margin-left: 20px;
	display: flex;
	align-items: center;
}

.f-map a {
	text-decoration: underline;
}

.f-add {
	margin: 18px 0;
	font-size: 12px;
	line-height: 1.8em;
}

.copy {
	font-size: 12px;
}

.footermenu-title {
	font-weight: bold;
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: -5px;
}

.icon-circle  {
	width: 14px;
	height: 14px;
	background: url(images/icon_circle.svg) no-repeat left;
	display: block;
	margin-right: 5px;
}

footer .fsub-menu,
.sitemaps-wrap .fsub-menu {
	display: block !important;
	position: relative;
	background: none;
	text-align: left;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0 0 1em 0;
	border-radius: 0;
}

footer .fsub-menu li,
.sitemaps-wrap .fsub-menu li {
	padding-left: 1em;
	line-height: 1.7em;
}

.sitemaps-wrap li a,
.sitemaps-wrap .fsub-menu li a {
	text-decoration: none;
}

footer .fsub-menu li:before,
.sitemaps-wrap .fsub-menu li:before {
	content: "-";
}

footer .fsub-menu li a,
.sitemaps-wrap .fsub-menu li a {
	display: inline;
}

footer .fsub-menu li a:after,
.sitemaps-wrap .fsub-menu li a:after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url(images/icon_link.svg) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

footer .fsub-menu li a:hover,
.sitemaps-wrap .fsub-menu li a:hover {
	background: none;
}


/* ----------------media query---------------- */

@media screen and (max-width: 1366px) {
	
	
	.scroll-prevent {
	  /*動き固定*/
	  position: fixed;
	  /*奥行きを管理*/
	  z-index: -1;
	  /*下2つで背景を元のサイズのまま表示することができる*/
	  width: 100%;
	  height: 100%;
	}	
	
	/* common */
	
	body {
		min-width: initial;
	}

	.main-container {
		width: 100%;
		box-sizing: border-box;
	}
	
	body.category .main-container,
	body.page .main-container,
	body.single .main-container {
		order: 2;
	}
	
	body.page .main-container,
	body.single .main-container {
		width: 90%;
		margin: 0 auto;
	}	
	
	.brclear {
		display: none;
	}
	
	/* header */
	
	.h-inner {
		width: 100%;
		padding: 0;
		justify-content: space-between;
		align-items: center;
		height: 50px;
	}

	header#toppage {
		position: fixed;
		top: 0;
		margin: auto;
		padding: 0;
		width: 100%;
	}	
	
	header#bottom {
		padding: 0;
		height: 50px;
		box-sizing: border-box;
	}
	
	body.single header#bottom,
	body.category-news header#bottom,
	body#service header#bottom,
	body#service_otomo header#bottom,
	body#service_otomoworks header#bottom {
		background-color: transparent;
	}
	
	body.single h1 a,
	body.category-news h1 a,
	body#service h1 a,
	body#service_otomo h1 a,
	body#service_otomoworks h1 a {
		background: url(images/logo_color.svg) no-repeat;
	}
	
	.ham-wrapper {
		width: 100%;
		background: #F0F0F0;
		position: absolute;
		top: 50px;
		left: 0;
		display: none;
		padding-bottom: 0.5em;
	}

	.ham-wrapper #header-menu,
	.ham-wrapper #header-menu-top {
		display:block;
		width: 90%;
		margin: 0 auto;
		padding: 1.5em 0 0 0;
	}

	.ham-wrapper #header-menu li,
	.ham-wrapper #header-menu-top li {
		margin-right: 0;
		padding: 0 0 1em 0;
		position: relative;
		background: url(images/arrow_sp_right.svg) no-repeat  100% 0;
		background-size: 20px 12px;
	}

	.ham-wrapper #header-menu li#menu-item-96,
	html[lang="en-US"] .ham-wrapper #header-menu li#menu-item-180,
	html[lang="ko-KR"] .ham-wrapper #header-menu li#menu-item-409,
	html[lang="zh-CN"] .ham-wrapper #header-menu li#menu-item-417,
	html[lang="zh-TW"] .ham-wrapper #header-menu li#menu-item-426 {
		background: none;
		display: block;
	}
	
	.ham-wrapper #header-menu li:first-child > a {
		background: url(images/arrow_sp_up.svg) no-repeat  99% 0;
		background-size: 14px 12px;
		display: block;
	}
	
	.ham-wrapper #header-menu li:first-child {
		background: none;
	}	
	
	.ham-wrapper .sub-menu li:first-child a {
		background: none !important;
	}	

	.ham-wrapper #header-menu li:first-child > a.spclick {
		background: url(images/arrow_sp_down.svg) no-repeat  99% 0 !important;
		background-size: 14px 12px !important;
	}
	
	header.white #header-menu li#menu-item-96:after,
	html[lang="en-US"] header.white #header-menu li#menu-item-180:after,
	html[lang="ko-KR"] header.white #header-menu li#menu-item-409:after,
	html[lang="zh-CN"] header.white #header-menu li#menu-item-417:after,
	html[lang="zh-TW"] header.white #header-menu li#menu-item-426:after {
		background: none;
	}	

	.ham-wrapper #header-menu li.current {
		border-bottom: 0;
	}

	.ham-wrapper #header-menu li:last-child {
		margin-right: 0;
		padding: 0 0 0 0;
	}

	.ham-wrapper #header-menu li a,
	.ham-wrapper #header-menu-top li a {
		color: #777;
		display: block;
		padding-bottom: 1em;
		border-bottom: 1px solid #BABABA;
	}
	
	.ham-wrapper #header-menu-forsp {
		display:block;
		width: 90%;
		margin: 0 auto;
		padding: 1.5em 0 0 0;
		box-sizing: border-box;
	}

	.ham-wrapper #header-menu-forsp li {
		margin-right: 0;
		padding: 0 0 1em 0;
		line-height: 0.5em
	}

	.ham-wrapper #header-menu-forsp li a {
		font-size: 0.75rem;
		color: #777;
		display: block;
		padding-bottom: 1em;
	}	
	
	.ham-wrapper .nomargintop li {
		padding-bottom: 0 !important;
	}
	
	.ham-wrapper .sub-menu {
		background: transparent;
		position: relative;
		text-align: left;
		padding: 1em 0 0 1.5em;
		left: 0 !important;
		top: 0;
		border-radius: 0;
	}
	
	.ham-wrapper .sub-menu li,
	.ham-wrapper .sub-menu li.current {
		padding: 0 0 0.2em 0 !important;
		background: none !important;
		display: -webkit-box !important;
		display: flex !important;
	}

	.ham-wrapper .sub-menu li:before {
		content: "-";
		display: inline;
		margin-right: 5px;
	}
	
	.ham-wrapper .sub-menu li a {
		padding: 0 0;
		border-bottom: 0 !important;
	}
	
	.hamburger,
	.hamburger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	
	.hamburger {
	  position: relative;
	  width: 25px;
	  height: 20px;
	  right: 1em;
	  z-index: 5;
	}
	
	.hamburger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: rgba(64, 51, 51, 0.7);
	  border-radius: 4px;
	}
	
	body.single .hamburger span,
	body#service_otomo .hamburger span,
	body#service_otomoworks .hamburger span{
		background-color: rgba(64, 51, 51, 0.7);
	}
	
	header.white .hamburger span,
	body#sitemaps header .hamburger span,
	body#privacy-policy header .hamburger span,
	body#regist header .hamburger span,
	body#service_otomo header .hamburger span,
	body#service_otomoworks header .hamburger span {
		background-color: rgba(64, 51, 51, 0.7) !important;
	}	
	
	header#toppage .hamburger span,
	body.category-news .hamburger span,
	body#service .hamburger span,
	body#about_us .hamburger span,
	body#sitemaps .hamburger span,
	body#regist .hamburger span,
	body#contact .hamburger span {
		background-color: #ffffff;
	}	
	
	.hamburger span:nth-of-type(1) {
	  top: 0;
	}
	
	.hamburger span:nth-of-type(2) {
	  top: 9px;
	}
	
	.hamburger span:nth-of-type(3) {
	  bottom: 0;
	}
	
	.hamburger.active span:nth-of-type(1) {
	  width: 100%;
	  -webkit-transform: translate3d(2px, 10px, 0) rotate(45deg);
	  transform: translate3d(2px, 10px, 0) rotate(45deg);
	}
	
	.hamburger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	
	.hamburger.active span:nth-of-type(3) {
	  width: 100%;
	  -webkit-transform: translate3d(23px, -9px, 0) rotate(45deg);
	  transform: translate3d(2px, -8px, 0) rotate(-45deg);
	}

	h1 {
		padding-left: 1em;
	}
	
	h1 a {
		display: block;
		width: 130px;
		margin-right: auto;
	}
	
	.single-title {
		padding-left: 0;
		font-size: 1.5rem;
	}	
	
	.vision h2 {
		font-size: 2rem
	}
	
	/* header.white */
	
	header.white #header-menu li.current {
		border-bottom: 0;
	}
	
	/* language */

	.lang-menu {
		display: none;
	}
	
	.lang-menu-sp {
		display: block;
		width: auto;
		margin: 0;
		padding: 0.5em 0;
		border-bottom: 1px solid #BABABA;
	}
	
	.lang-menu-sp .menu-second-level li,
	.lang-menu-sp .menu-second-level li a {
		color: #707070;
	}
	
	.lang-menu-sp .menu-second-level li.current {
		border-bottom: 1px solid #BABABA;
		padding: 1em 0;	
	}	
	
	.lang-menu-sp .menu-second-level li a {
		border-bottom: 1px solid #BABABA;
		padding: 1em 0;	
	}

	.lang-menu-sp .menu-second-level li:last-child a {
		border-bottom: 0;
	}

	.lang-menu-sp li:first-child {
		display: block;
	}
	
	.lang-menu-sp .globe {
		background: url(images/icon_globe_gray.svg) no-repeat left;
		display: inline-block;
		vertical-align: middle;
	}
	
	.lang-menu-sp .dropbtn {
		color: #777;
		display: inline-block;
		vertical-align: middle;
	}

	.lang-menu-sp .menu-second-level-wrapper {
		width: 100%;
		top: 0;
		left: 0;
		display: none;
		position: fixed;
		min-height: 100%;
		z-index: 999999;
		background: rgba(186, 186, 186, 0.9);
		transition-duration: 0.5s;
	}
	
	.close {
		width: 30px;
		height: 30px;
		display: block;
		background: url(images/icon_close.png) no-repeat;
		background-size: contain;
		position: absolute;
		right: 2em;
		top: 20%;
	}
	
	.lang-menu-sp .menu-second-level {
		position: absolute;
		display: table;
		padding: 0.5em 0;
		width: 100%;
		top: 0;
		bottom: 0;
		background: none;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
		border-radius: 0;
		z-index: 9999999;
		box-sizing: border-box;
		background: #F0F0F0;
		width: 90%;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
	}	
	
	/* toppage */
	
	.topservice {
		margin-top: 2em !important;
	}	
	
	.main-vision{
		margin-bottom: 3em;
	}
	
	.wrap-for-txt {
		width: 100%;
		min-height: initial;
	}	
	
	.private-inner-top img.forsp,
	.design-inner-top img.forsp {
		display: block;
	} 	
	
	.private-inner-top {
		background: none !important;
		position: relative;
		min-width: initial;
		min-height: initial;
		height: initial;
	}
	
	.design-inner-top .txt-inner {
		padding-top: 0;
	}
	
	.private-inner-top .txt {
		width: 100%;
		position: relative;
		min-height: initial;
		padding: 0 6em;
		left: 0;
		box-sizing: border-box;
		display: block;
	}
	
	.private-inner-top .txt-inner {
		margin-top: 0;
	}
	
	.services-tour, .services-design, .top-news {
		margin-top: 0;
	}
	
	.private-inner-top .txt p.catch,
	.design-inner-top .txt p.catch {
		font-size: 1rem;
	}
	
	.private-inner-top .txt p.comname,
	.design-inner-top .txt p.comname {
		font-size: 0.8rem;
		margin-bottom: 2rem;
	}
	
	.private-inner-top .txt p.txt-description,
	.design-inner-top .txt p.txt-description {
		font-size: 16px;
	}
	
	.private-inner-top .txt p.more a,
	.design-inner-top .txt p.more a {
		font-size: 0.8rem;
	}	

	.design-inner-top {
		background: none;
		min-width: initial;
		padding-top: 2em;
		min-height: initial;
		margin-top: 0;
		height: auto;
	}	

	.design-inner-top .txt {
		width: 100%;
		position: relative;
		right: 0;
		min-height: initial;
		padding: 0 6em;
		display: block;
		box-sizing: border-box;
	}
	
	body#privacy-policy .txt-date {
		font-size: 1rem;
		margin-bottom: 1em;
	}
	
	body#privacy-policy .policy-wrap h2 {
		margin-top: 2em;
	}	
	
	.policy-wrap p,
	.policy-wrap ul li {
		font-size: 1rem;
	}	
	
	.tel-open dd,
	body#thanks {
		font-size: 1rem;
		line-height: 1.4em;
	}	
	
	/* category */
	
	.bottom-header-wrap {
		margin: 0 auto;
	}
	
	.rec-bottom-header-wrap {
		padding: 10px 1.5em;
	}	
	
	.yeartitle {
		width: 100%;
		margin: 2em auto;
	}	
	
	.sp-inner {
		width: 90%;
		margin: 0 auto;
	}
	
	.search-news {
		width: 100%;
		margin: 0 auto;
	}
	
	.search-recruit {
		width: 100%;
		margin: 0 auto;
	}
	
	#search {
		text-align: center;
		line-height: 1.8em;
		display: block;
		width: 90% !important;
		margin-right: auto !important;
		margin-left: auto;
	}
	
	#search label {
		margin-right: 0;
	}
	
	#search .inputwrap {
		margin-right: 0;
		width: 100%;
		border-color: transparent;
	}

	#search .inputwrap-rec {
		margin-right: 0;
		margin-bottom: 1em;
		width: 100%;
		padding: 15px 15px 16px;
		box-sizing: border-box;
	}
	
	
	#search input[type=submit] {
		width: 100%;
		padding: 1em 0;
	}
	
	body.category-recruit #search .inputwrap,
	body.search #search .inputwrap {
		margin-bottom: 1em;
	}	
	
	.bhw-inner > .searchtitle + #search,
	.bhw-inner > #search{
		margin-bottom: 1em;
		text-align: left;
	}
	
	.bhw-inner > #search + #search {
		margin-bottom: 0;
	}
	
	.searchtitle {
		text-align: left;
		width: 90%;
		margin: 0 auto 1em auto;
	}
	
	.count {
		margin-bottom: 0;
		padding: 1em 1em 0 1em;
	}	
	
	.bottom-header-wrap ul.archive select,
	.wpcfs-input select {
		display: block;
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	
	body.category-recruit #search,
	body.search #search {
		width: 100% !important;
		margin-bottom: 0;
	}	
	
	.bhw-inner,
	#search form {
		display: block;
		width: 100%;
		text-align: left;
	}		
	
	.rec-contentsfooter p {
		font-size: 1rem;
		margin-bottom: 4em;
	}	
	
	a.entry-center {
		margin: 0 auto 3em auto;
		display: block;
	}	
	
	article.category-news .thumbnail img {
		width: 100%;
		height: auto;
	}
	
	.recruit-header-wrap {
		padding-top: 2em;
		width: 100%;
	}
	
	a.entry-center {
		margin: 0 auto 3em auto;
		display: block;
		width: 90%;
		box-sizing: border-box;
	}
	
	.rec-contentsfooter {
		width: 90%;
		margin: 0 auto;
	}
	
	body.category-recruit .category-top-list {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	body.category-recruit .category-top-list li,
	body.search .category-top-list li {
		margin-bottom: 2em !important;
		padding: 1em;
		width: 100%;
		box-sizing: border-box;
	}
	
	body.category-news .category-top-list li a,
	body.tag .category-top-list li a,
	body.date .category-top-list li a,
	.top-news li a {
		display: block;
	}	
	
	.search-recruit .category-top-list li img {
		display: block;
	}
	
	.search-recruit .category-top-list li img.forpc {
		display: none;
	}

	.search-recruit .category-top-list li img.forsp {
		display: block;
		width: 100%;
		height: auto;
	}	

	body.category-news .category-top-list li,
	body.date .category-top-list li,
	body.tag .category-top-list li {
		box-shadow: none;
		border: 0;
		margin-bottom: 1em;
		padding: 0;
		border-radius: 0;
	}
	
	.top-news ul {
		width: 90%;
		margin: 0 auto;
	}
	
	body.category-news .category-top-list li,
	body.tag .category-top-list li,
	body.date .category-top-list li,
	.top-news li {
		margin-bottom: 1em;
		border-radius: 0;
		padding: 1em;
	}
	body.category-news .category-top-list li,
	body.tag .category-top-list li,
	body.date .category-top-list li {
		border-bottom: 1px solid #F0F0F0;
	}
	
	.top-news li p.title {
		padding-right: 0;
	}
	
	.top-news p.more {
		text-align: center;
		margin: 2em auto 4em auto;
	}	
	
	.top-news li img {
		display: none;
	}
	
	body.category-news .category-top-list img,
	body.archive .category-top-list img {
		margin-right: 0;
		min-width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	
	body.category-news .category-top-list img,
	body.archive .category-top-list img,
	body.category-news .category-top-list .newstxt-wrap,
	body.archive .category-top-list .newstxt-wrap {
		display: block;
		width: 100%;
	}	

	/* bottom common */
	
	.breadcrumb li {
		font-size: 0.8rem;
		line-height: 1.3em;
	}	
	
	body.page #wrap,
	body.category #wrap,
	body.single #wrap {
		display: flex;
		flex-direction: column;
	}
	
	#wrap {
		padding-top: 0;
	}
	
	body.error404 #wrap {
		margin-top: 90px;
	}

	.titleimg,
	.titlenoimg {
		min-height: initial;
		position: relative;
		order: 1;
		padding-top: 50px;
	}
	
	body.search-results .titleimg {
		order: initial;
	}
	
	body#service_otomo .titleimg,
	body#service_otomoworks .titleimg {
			min-height: 25vh;
			margin-top: 60px;
			background-size: cover;
			background-repeat: no-repeat;
	}
	
	body.category-news .titleimg {
		order: initial;
	}	

	.bg-service_otomo {
		background-image: url(images/titleimg_service_otomo_sp.jpg);
	}
	
	.bg-service_otomoworks {
		background-image: url(images/titleimg_service_otomoworks_sp.jpg);
	}		

	.titleimg h2 {
		font-size: 1.8rem !important;
		padding: 80px 0;
	}
	
	body.error404 h2 {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
		line-height: 1.3em;
	}	
	
	.titlenoimg {
		margin:1em 0;
		font-size: 1.8rem !important;
		padding: 0 0;
	}	
	
	.breadcrumb {
		order: 3;
		padding: 1em;
		box-sizing: border-box;
		margin-top: 30px !important;
	}
	
	.breadcrumb ul {
		width: 100%;
	}
	
	/* single */

	body.single .entry-content,
	body.page .entry-content {
		margin-top: 2em;
	}	
	
	.cate-recruit {
		width: 100%;
	}	
	
	body.single .entry-content p {
		font-size: 1rem;
		line-height: 1.6em;
		margin-bottom: 2em;
	}
	
	.newspost ul,
	.recpost .section2 ul {
		margin-top: -2em;
	}	
	
	.newspost li {
		font-size: 1rem;
		line-height: 1.6em;
	}
	
	.recpost .section2 li {
		line-height: 1.5em;
	}	
	
	body.single .entry-content h2 {
		font-size: 1.4rem;
		padding-right: 0;
		margin-top: 3em;
	}	

	.column2 {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding-top: 0;
	}

	.column2 .main-container {
		margin-right: auto;
		margin-left: auto;
	}
	
	body.category-news .category-top-list li:last-child,
	body.tag .category-top-list li:last-child {
		padding-bottom: 0;
	}

	/* page */
	
	.txt-access dt {
		float: none;
		line-height: 1.3em;
	}

	.txt-access dd{
		padding-left: 0;
		margin-bottom: 1em;
	}	
	
	.txt-access dt {
		float: none;
	}

	.txt-access dd{
		padding-left: 0;
	}	
	
	.service-mov {
	 	 position: relative;
	  	width: 100%;
	  	padding-top: 56.25%;
		margin-bottom: 6em !important;
	}

	.service-mov iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

	.service-mov p.more {
		position: relative;
		bottom: -2em;
	}
	
	.sitemaps-wrap {
		display: block;
	}
	
	.sitemaps-wrap .footer1,
	.sitemaps-wrap .footer2,
	.sitemaps-wrap .footer3 {
		display: block;
		padding-left: 0;
		margin-bottom: 2em;
		font-size: 1rem;
	}

	.regist-wrap dl {
		display: block;
		padding: 1em 0;
	}

	.regist-wrap dt {
		width: 100%;
		margin-bottom: 1em;
	}	
	.outline-wrap li dl {
		display: block;
	}
	
	.board-member-wrap .txt-inner {
		width: auto;
		margin-right: 0;
	}	
	
	.board-member-wrap {
		padding: 1em;	
		display: block;
		margin-bottom: 3em;
	}
	
	.board-member-wrap img {
		padding-left: 0;
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}

	.title-wave {
		font-size: 2rem;
		margin-bottom: 1em;
	}	
	
	.service-vision {
		font-size: 1.3rem;
		margin-bottom: 1em;
	}	

	.service-lead {
		font-size: 1.3rem;
		margin-bottom: 1.5em;
	}

	.service-desc {
		margin-bottom: 5em;
	}
	
	.service-wrap {
		margin-bottom: 2em;
		flex-direction: column;
		padding: 1.8em;
	}
	
	.logo-title {
		width: 100%;
	}
	
	.privatetour {
		background: none;
	}
	
	.service-description {
		padding: 0;
		color: #777;
		width: 100%;
		font-size: 0.75rem;
		background: none;
	}
	
	.service-title {
		order: 1;
	}

	.service-wrap img {
		width: 60%;
		order: 2;
	}

	.service-wrap .catch {
		order: 3;
		padding: 1em 0.5em;
		width: 90%;
		box-sizing: border-box;
		font-size: 0.9rem;
	}

	.service-wrap .privatetour {
		order: 4;
	}

	.service-wrap .more-sp {
		margin-top: 2em;
		order: 5;
	}
	
	.more-pc {
		display: none;
	}
	
	.more-sp {
		display: block;
	}
	
	.ptour-wrap .bizname dt {
		font-size: 0.9rem;
		margin-bottom: 0.5em;
	}

	.ptour-wrap .bizname dd {
		font-size: 2.5rem;
		margin-bottom: 0.5em;
	}	
	
	.ptour-wrap .link {
		display: block;
		margin-bottom: 5em;
	}

	.ptour-wrap .link li {
		width: 100%;
		font-size: 1rem;
	}

	.ptour-wrap .link li:first-child {
		margin-bottom: 1em;
	}

	.ptour-wrap .link li a {
		font-weight: normal;
	}
	
	.together,
	.together-works {
		margin-bottom: 3em;
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
	}


	.t-inner-img,
	.tw-inner-img {
		background: none;
		width: 100%;
		order: 1;
	}

	.t-inner-txt {
		order: 2;
		width: 100%;
	}
	
	.together p:last-child,
	.together-works p:last-child {
		width: 100%;
	}	
	
	.together img.forsp,
	.board-member-wrap img.forsp,
	.together-works img.forsp {
		display: block;
		width: 100%;
		margin-bottom: 1.5em;
	}

	.together img.forpc,
	.board-member-wrap img.forpc {
		display: none;
	}	
	
	.together h3 {
		font-size: 1.2rem;
		margin-bottom: 1.5em;
	}
	
	.ptour-wrap p {
		font-size: 1rem;
		line-height: 1.7em;
		margin-bottom: 1em;
		width: auto;
	}
	
	.ptour-wrap .value {
		display: block;
		margin-bottom: 3em;
	}
	
	.ptour-wrap .value li {
		width: 100%;
	}

	.ptour-wrap .value li img {
		margin-bottom: 1em;
	}

	.ptour-wrap .value dt {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.ptour-wrap .value dd {
		font-size: 1rem;
		margin-bottom: 2em;
		line-height: 1.4em;
	}
	
	.bgtour {
		width: 100% !important;
	}
	
	.service-mov {
		margin-bottom: 4em;
	}
	
	.attack li {
		display: block;
		margin-bottom: 4em;
	}	
	
	.attack img.forpc {
		display: none;
	}
	
	.attack img.forsp {
		display: block;
		width: 100%;
		margin-bottom: 1.5em;
	}
	
	.attack .attack-txt h3,
	.attack .attack-txt p {
		font-size: 1rem;
	}
	
	.attack .attack-txt p {
		margin-bottom: 20px !important;
	}
	
	.attack .attack-txt a,
	.wpcf7-submit {
		width: 100%;
		position: relative;
	}
	
	.together-works img {
		width: 100%;
		float: none;
		margin-bottom: 1.5em;
	}
	
	.ptour-wrap .region {
		display: block;
		padding: 1.5em;
		margin-bottom: 4em;
	}

	.ptour-wrap .region h4 {
		font-size: 1rem;
		margin-right: 0;
		margin-bottom: 1em;
	}

	.ptour-wrap .region ul {
		padding-left: 1.5em;
	}

	.ptour-wrap .region li {
		font-size: 0.9rem;
		line-height: 1.6em;
	}

	.ptour-wrap .region span.globe {
		width: 20px;
		height: 20px;
		margin-right: 6px;
		background-size: contain;
	}
	
	.service-content {
		display: block;
		margin-bottom: 4em;
	}
	
	.last100 {
		margin-bottom: 4em;
	}

	.service-content dl {
		font-size: 1rem;
		width: 100%;
		padding-right: 0;
		margin-bottom: 1em;
	}

	.service-content dt {
		margin-bottom: 1em;
	}

	.service-content dd {
		line-height: 1.4em;
	}
	
	.service-content ul {
		width: 100%;
	}

	.service-content li {
		padding: 1em 1.5em;
		font-size: 1rem;
		box-sizing: border-box;
		width: 100%;
		margin-right: 0;
	}

	.service-content li span {
		font-size: 0.9rem;
	}	

	html[lang="en-US"] .service-content li:first-child span.middle {
		position: relative;
		top: initial;
	}	
	
	.pvalue ul {
		display: block;
		margin-bottom: 4em;	
	}

	.pvalue li {
		width: 100%;
		font-size: 1rem;
		padding: 1.5em;
		margin-right: 0;
		box-sizing: border-box;
	}

	.pvalue li:first-child {
		margin-bottom: 1em;
	}

	.pvalue dt {
		margin-bottom: 1em;
		text-align: center;
	}		
	
	/* footer */
	
	.sns-lang {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		margin-bottom: 30px;
		justify-content: space-between;
	}
	
	footer .sns {
		margin-bottom: 0;
		width: 50%;
	}
	
	footer {
		margin: 2em auto;
		border-top: 0;
	}
	
	.footer-inner {
		width: 90%;
		padding-top: 0;
		display: block;
	}
	
	.footer1,
	.footer2,
	.footer3 {
		display: none;
	}
	
	.footer-info {
		border-right: 0;
		padding-right: 0;
	}	
	
	/* sidebar */
	
	.right-container {
		width: auto;
		margin-top: 4em;
	}	
	
	.right-container .share {
		position: relative;
		top: 0 !important;
	}
	
	.right-container .share ul {
		display: flex;
		justify-content: space-around;
		align-items: flex-end;
	}
	
	.right-container h2 {
		font-size: 1rem;
		display: table;
		margin: 0 auto 1em auto;
		padding-bottom: 10px;
	}
	
	.form input[type="text"],
	.form textarea,
	.form input[type="email"] {
		padding: 1.1em;
		font-size: 16px;
	}
	
	
	
	/* 1 column */

	.column1 {
		width: 100%;
	}
	
	.section1 {
		flex-direction: column;
		margin-bottom: 3em;
	}
	
	.section2 {
		width: 90%;
		margin: 0 auto;
	}
	
	.section1-inner1 {
		order: 2;
		width: 90%;
		margin: 0 auto;
	}
	
	.section1-inner2 {
		order: 1;
		margin-bottom: 2em;
	}
	
	.section1-inner2 .thumbnail img {
		width: 100%;
		height: auto;
	}
	
	/* not found */

	.notfound {
		width: 90%;
	}	
	
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 414px) {

	.private-inner-top .txt,
	.design-inner-top .txt {
		padding: 0 1.5em
	}
	
	.private-inner-top .txt p.comname,
	.design-inner-top .txt p.comname {
		margin-bottom: 1rem;
	}
	
	.private-inner-top .txt p.txt-description,
	.design-inner-top .txt p.txt-description,
	.top-news p.more,
	#search select,
	.service-desc,
	.service-description p {
		font-size: 0.8rem;
	}
	
}

_:-ms-lang(x)::-ms-backdrop, .selector {
  /* IE11 のみ適用 */
}