body {
	display        : flex;
	flex-direction : column;
	flex           : none;
	min-width      : 320px;
}

#page-header {
	background     : #FFFFFF;
	flex           : none;
	flex-direction : row;
	flex-wrap      : nowrap;
	height         : 90px;
	position       : fixed;
	top            : 0;
	width          : 100%;
	display        : flex;
	z-index        : 100;
	/*! border-bottom  : 1px solid #eeeeee; */
	overflow       : visible;
}

#page-header .head-logo {
	min-width      : 200px;
	width          : 100%;
	max-width      : 100%;
	display        : flex;
	flex-direction : row;
	align-items    : center;
	flex-wrap      : nowrap;
}

#page-header .head-logo img {
	width : 200px;
}

#page-header .menu {
	width           : auto;
	align-items     : center;
	flex-wrap       : nowrap;
	justify-content : center;
	display         : flex;
	flex            : none;
}

.drawer-close #page-header .menu .hamburger-button {
	right : 10px;
	width : 20px;
}

.drawer-close #page-header .menu .drawer-hamburger-icon::before {
	top : -7px;
}

.drawer-close #page-header .menu .drawer-hamburger-icon::after {
	top : 7px;
}

.drawer-open #page-header .menu .drawer-hamburger {
	right : 0;
}

#page-header .menu .hamburger-nav {
	font-size   : 100%;
	text-align  : center;
	padding     : 50px;
	border-left : 1px solid #eeeeee;
	box-shadow  : 0 50px 50px 0 rgba(0, 0, 0, 0.2);
}

#page-header .menu .hamburger-nav li {
	padding       : 10px 0;
	border-bottom : 1px solid #eeeeee;
}

#page-header .menu .hamburger-nav ul li.sns {
	display : inline-block;
	border  : 0;
	margin  : 20px 0 0 0;
	padding : 0 5px;
}

#page-header .menu .hamburger-nav ul li.sns img {
	width   : 23px;
	padding : 5px 0 0 0;
}

#page-header .menu .drawer-menu {
	height : auto;
}

#page-header .menu .page-nav {
	font-size     : 80%;
	min-font-size : 11px;
}

#page-header .menu .page-nav ul li {
	display        : inline-block;
	padding        : 0 15px 0 15px;
	letter-spacing : 0;
}

#page-header .menu .page-nav ul li.sns img {
	width   : 23px;
	padding : 5px 0 0 0;
}

#page-contents {
	flex                       : none;
	flex-direction             : column;
	flex-wrap                  : nowrap;
	-webkit-overflow-scrolling : touch;
	display                    : flex;
	flex                       : none;
	z-index                    : 0;
	margin                     : 0 0 30px 0;
}

#page-contents .content {
	margin     : 0 0 50px 0;
	text-align : center;
}

#page-contents h1,
#page-contents h2,
#page-contents h3,
#page-contents h4 {
	padding : 0 20px;
	margin  : 0 0 30px 0;
}

#page-contents .block-text {
	padding : 0 20px;
	margin  : 0 0 30px 0;
}

#page-contents .block-text.center {
	text-align : center;
}

#page-contents .block-text.left {
	text-align : left;
}

#page-contents .block-text.right {
	text-align : right;
}

#page-contents .block-text p {
	margin : 0 0 10px 0;
}

#page-contents .mainbanner {
	background      : url('/asset/img/mainbak.webp') no-repeat center center;
	display         : flex;
	justify-content : center;
	align-items     : center;
	background-size : 100%;
}

#page-contents .mainbanner h1 .en {
	padding     : 10px;
	word-break  : break-word;
	line-height : 170%;
}

#page-contents .mainbanner h1 .jp {
	padding : 10px;
	word-break  : break-word;
}

#page-contents .our-service {
	padding : 0 20px 0 20px;
}

#page-contents .our-service .text{
	word-break: break-word;
}

#page-contents .our-service .services {
	display         : flex;
	flex-wrap       : wrap;
	justify-content : center;
	align-items     : flex-start;
	margin          : 0 auto;
}

#page-contents .our-service .services .service .image {
	margin : 0 0 10px 0;
}

#page-contents .our-service .services .service .title {
	font-weight : bold;
	margin      : 0 0 10px 0;
}

#page-contents .our-service .services .service .text {
	font-size   : 90%;
	line-height : 170%;
}



#page-contents .our-profile {
	padding : 0 20px 0 20px;
	margin: 0 auto;
}
#page-contents .our-profile .profiles ul{
	margin: 0 0 20px 0;
}
#page-contents .our-profile .profiles ul li{
	padding: 5px 10px;
}
#page-contents .our-profile .profiles ul li.title {
	width: 100%;
	max-width: 500px;
	font-size   : 80%;
	background-color: #F6F6F6;
}
#page-contents .our-profile .profiles ul li.text

#idMyForm {
	max-width : 500px;
	margin    : 0 auto;
}

#page-footer {
	flex                       : none;
	flex-direction             : column;
	flex-wrap                  : nowrap;
	z-index                    : 0;
	-webkit-overflow-scrolling : touch;
	display                    : flex;
	flex                       : none;
	overflow                   : visible;
	text-align                 : center;
	padding                    : 20px;
	margin                     : 50px 0 0 0;
	background-color: #B9B9B9;
}

#page-footer .foot-logo {
	width          : 100%;
	max-width      : 100%;
	display        : flex;
	flex-direction : column;
	align-items    : center;
	flex-wrap      : nowrap;
	margin         : 0 0 20px 0;
	min-width      : 200px;
}

#page-footer .foot-logo img {
	width : 200px;
}

#page-footer .menu .foot-nav {
	font-size     : 90%;
	min-font-size : 12px;
	margin        : 0 0 30px 0;
}

#page-footer .menu .foot-nav ul li {
	display        : inline-block;
	padding        : 0 10px;
	letter-spacing : 0;
}

#page-footer .menu .foot-nav ul li.sns {
	padding : 10px 5px 0 5px;
}

#page-footer .menu .foot-nav ul li.sns img {
	width   : 23px;
	padding : 5px 0 0 0;
}

#page-footer .copyright {
	line-height : 100%;
}