@charset "utf-8";
/*
Theme Name: Ten 1049
Text Domain: ten1049
Theme URI:
Description: My WordPress Ten 1049 theme.
Version: 1.0
Author: TENSHOKU ICHIBA Inc.
Author URI: http://www.1049.cc
*/


/* font import */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* --------------------------------------------------------------
* Reset default browser CSS.
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
}
:focus {
	outline: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block;
}

caption, th, td {
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	line-height: 1;
}

b, strong {
	font-weight: bold;
}

button {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------
clearfix -micro
------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

/*------------------------------------------------------------
CommonStyle
------------------------------------------------------------*/
:root {
	--main-color: #16244D; /* メインカラー */
	--sub-color: #001133; /* サブカラー */
	--accent-color: #4169E1; /* アクセントカラー */
	--content-width: 80vw; /* コンテンツ幅 */
	--header-height-sp: 60px; /* ヘッダー高さ（スマホ） */
	--header-height-pc: 80px; /* ヘッダー高さ（PC） */
}

body,
body * {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	font-feature-settings: normal;
}

body,
input,
textarea,
select {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #2C2C2C;
}
.txt-en, .ttl-en, .en, .title-en{
	font-family: 'Roboto', sans-serif;
}

main {
	flex: 1 1 auto;
/* 	margin-top: var(--header-height-sp); */
}

a,
a:hover {
	text-decoration: none;
}

a {
	display: inline-block;
	color: #2C2C2C;
	transition: .3s;
}

a img {
	border: 0;
}

input,
textarea,
select {
	border: solid 1px #cccccc;
	background-color: transparent;
	font-size: 1.6rem;
	vertical-align: top;
}

input,
textarea {
	width: 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
	height: 2.5em;
}

textarea,
input:not([type="checkbox"]):not([type="radio"]) {
	-webkit-appearance: none;
	appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
	vertical-align: baseline;
	cursor: pointer;
}

input[type="radio"] {
	margin: 0;
}

select,
label {
	cursor: pointer;
}

select {
	-webkit-appearance: auto;
	appearance: auto;
}

textarea {
	padding: 10px;
}

.outer.is-open{
	position: relative;
	z-index: 99999;
}

.pc-br {
	display: block;
}

.outer {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	text-align: justify;
}

.pc-only.modal-on {
	overflow: auto;
}

.js-fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition-property: opacity, transform;
	transition-duration: 1s;
}

.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}

.mw_wp_form .error {
	width: 100%;
	white-space: nowrap;
}

.mwform-tel-field input,
.mwform-zip-field input {
	width: auto;
	vertical-align: middle;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
	margin: 0 5px 0 0;
}

::placeholder {
	color: #dddddd;
}

::-ms-input-placeholder {
	color: #dddddd;
}

:-ms-input-placeholder {
	color: #dddddd;
}


body.open-video{
	overflow: hidden;
}

.movie_list_img{
	cursor: pointer;
}
.movie_modal{
	width: 90%;
	margin: 0;
	position: fixed;
	display: none;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 6px;
	max-width: 1344px;
}
.movie_modal:after{
	content: "";
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: rgba(136,136,136,.60);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.movie_modal .movie_modal_close{
	position: absolute;
	width: 56px;
	height: 56px;
	border-radius: 56px;
	top: -28px;
	right: -28px;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	background: #fff;
	text-align: center;
	line-height: 56px;
	cursor: pointer;
	z-index: 99;
}
.movie_modal .movie_modal_content{
	position: relative;
	z-index: 99;
	padding: 15px;
	background: #fff;
	border-radius: 6px;
}
.movie_modal .movie_modal_inner {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.movie_modal .movie_modal_inner .movie_modal_player {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
#modalOverlay{
	z-index: 9999;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}




@media (max-width: 767px) {

	.movie_modal .movie_modal_content{
		padding: 10px;
	}
	.movie_modal .movie_modal_close {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		top: -20px;
		right: -16px;
		font-size: 20px;
		line-height: 40px;
	}


}






/* all site */
/* ======================================= */
/* ============================================================================== */

body .outer .inner-fixed{
	margin-top: 80px;
	background: #F5F5F5;
	position: relative;
	z-index: 1;
}

@media(max-width: 1023px){
	body .outer .inner-fixed{
		margin-top: 60px;
	}
}

body::-webkit-scrollbar{
	width: 14px;
}

body::-webkit-scrollbar-track{
	background: #fff;
}

body::-webkit-scrollbar-thumb{
	background: #777777;
	border-radius: 10px;
	border: 3px solid transparent;
	background-clip: content-box;
	cursor: pointer;
}

body::-webkit-scrollbar-thumb:hover{
	background: #a4a4a4;
	border: 3px solid transparent;
	background-clip: content-box;
}

main{
	overflow: hidden;
}


body .wp-pagenavi{
	display: flex;
	justify-content: center;
	padding-top: 60px;
}
body .wp-pagenavi span.pages{
	display: none;
}
body .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #4169E1 !important;
	padding: 0 !important;
	margin: 0 5px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #4169E1;
	font-size: 10px;
	line-height: 24px;
	font-weight: bold;
	transition: .3s;
}
body .wp-pagenavi .current,
body .wp-pagenavi a:hover{
	background: #4169E1;
	color: #fff;
	box-shadow: 0 5px 10px rgba(65,105,225,.70);
}
body .c-scrollbar{
	z-index: 9999;
}
body .c-scrollbar:hover{
	transform: unset !important;
}

.has-scroll-scrolling .c-scrollbar_thumb,
.c-scrollbar_thumb{
	cursor: default !important;
	opacity: 1;
}
.has-scroll-scrolling .c-scrollbar_thumb,
.c-scrollbar_thumb:hover{
	background: #717171;
}

body.home .is-inview{
	z-index: -1;
}





@media (min-width: 1440px) {
	.inner,
	#breadcrumb{
		max-width: calc(80vw + 40px);
		margin: auto;
		padding: 0px 20px;
	}
}

@media (max-width: 1439px) {

	.inner,
	#breadcrumb{
		max-width: 1240px;
		margin: auto;
		padding: 0px 20px;
	}

}





.color-blue{
	color: #4169E1;
}

.btn-link{
	font-size: 16px;
    line-height: 1.6;
    position: relative;
    display: inline-block;
	padding-right: 68px;
	letter-spacing: -0.4px;
	color: #16244D;
	font-weight: bold;
}
.btn-link:hover{
	color: #4169E1;
}
.btn-link .icon-btn{
	position: absolute;
	bottom: -4px;
	left: 0;
	transition: .3s;
}
.btn-link:hover .icon-btn{
	left: 20px;
}
#page-top{
	position: fixed;
    right: 30px;
    bottom: 60px;
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
#page-top.is-active{
	opacity: 1;
	visibility: visible;
}
#page-top .page-top-anchor{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #4169E1;
    padding-bottom: 2px;
	box-shadow: 0 6px 12px rgba(0,0,0,.30);
	color: #fff;
	transition: .3s;
}
#page-top .page-top-anchor:hover{
	background: #213571;
}
body.is-active{
	overflow: hidden;
}
.sp-br{
	display: none;
}
.post-content{
	background: #fff;
	padding: 80px;
	box-shadow: 0 0 20px rgba(0,0,0,.20);
}
.post-content p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 20px;
}
.post-content p:last-of-type{
	margin-bottom: 0;
}
.post-content p:last-child{
	margin-bottom: 0;
}
.post-inner{
	max-width: 1100px;
	margin: auto;
}
.heading-page{
	margin-bottom: 100px;
}
@media (max-width: 767px) {

	.post-content{
		padding: 20px 12px;
	}
	.heading-page{
		margin-bottom: 40px;
	}


}






	/* header */
/* ================================================ */
/* ================================================================================================ */
#header-menu{
	background: #F5F5F5;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 999;
	top: 32px;
	transition: .3s;
}
body:not(.admin-bar) #header-menu{
	top: 0 !important;
}
#header-menu.scroll-header{
	box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
}
#header-menu .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	height: 80px;
}
#header-menu .header-logo{
	width: 250px;
	height: 100%;
	display: flex;
	align-items: center;
}
#header-menu .header-logo a:hover{
	opacity: .7;
}
#header-menu .header-megamenu{
	width: calc(100% - 250px);
	padding-right: 43px;
}
#header-menu .nav-item-list .nav-itemMenu>a{
    font-size: 18px;
    display: block;
	padding: 28px 22px;
	position: relative;
}
#header-menu .nav-item-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: flex-end;
	width: 100%;
}

#header-menu .nav-itemMenu.nav-item .recruit-btn-wrap a{
	font-size: 18px;
	padding: 22px 26px;
}


#header-menu .nav-item-list .nav-itemMenu .site-nav-dropdown{
/* 	display: none; */
	position: absolute;
    top: 50%;
    left: 0;
    background: #F5F5F5;
	z-index: 99;
	transition: .2s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
#header-menu .nav-item-list .nav-itemMenu.item-seminar a{
	display: flex;
    align-items: center;
    border: 1px solid #16244D;
    border-radius: 25px;
    width: 138px;
    height: 40px;
    justify-content: center;
	padding: 0;
}
#header-menu .nav-item-list .nav-itemMenu.item-seminar span{
	margin-right: 6px;
	display: inline-block;
}
#header-menu .nav-item-list .nav-itemMenu.item-seminar a:hover{
	color: #fff;
	background: #16244D;
}
#header-menu .nav-item-list .nav-itemMenu.item-seminar{
	margin-left: 20px;
}
#header-menu .nav-item-list .nav-itemMenu.item-seminar a path{
	transition: .3s;
}
#header-menu .nav-item-list .nav-itemMenu.item-seminar a:hover path{
	fill: #fff;
}
#header-menu .site-nav-dropdown .nav-subMenu{
	max-width: 1580px;
	margin: auto;
	padding: 48px 20px 38px;
	display: flex;
	flex-wrap: wrap;
}
#header-menu .site-nav-dropdown .title-menu{
	width: 20%;
}
#header-menu .site-nav-dropdown .nav-list-subMenu{
	width: 80%;
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 31px;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu{
	width: 17.92%;
	margin-right: 2.6%;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu:last-child{
	margin-right: 0;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu .sub-txtLink{
	font-size: 16px;
    line-height: 1.8;
	transition: .3s;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu .itemImage{
	display: block;
	margin-bottom: 19px;
	overflow: hidden;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu .itemImage img{
	transition: .5s;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu:hover .itemImage img{
	transform: scale(1.12);
}
#header-menu .site-nav-dropdown .subNav-item-subMenu .itemImage img{
	width: 100%;
}
#header-menu .site-nav-dropdown .subNav-item-subMenu a:hover .sub-txtLink{
	color: #4169E1;
}
#header-menu .site-nav-dropdown .title-menu .ttl-en{
	font-size: 28px;
    line-height: 36px;
    font-weight: bold;
}
#header-menu .site-nav-dropdown .title-menu .ttl-jp{
    font-size: 16px;
    line-height: 1.8;
}
#header-menu .site-nav-dropdown .link-page{
	text-align: right;
	width: 100%;
}
#header-menu.scroll-header .contact-fix{
	box-shadow: 0 3px 6px rgba(0,0,0,.30);
}
#header-menu .contact-fix .list-btn-menu{
	width: 100%;
}
#header-menu .contact-fix .item-btn-menu:first-child{
	display: none;
}
#header-menu .contact-fix .item-btn-menu .btn-download{
	font-size: 16px;
    line-height: 1.8;
    color: #002C2A;
    font-weight: bold;
    display: flex;
    background: #00EBDF;
	align-items: center;
	height: 64px;
	padding: 0 16px;
	justify-content: space-between;
}
#header-menu .contact-fix .item-btn-menu .btn-download:hover{
	background: #00B0A7;
	color: #fff;
}
#header-menu .contact-fix .item-btn-menu .btn-download path{
	transition: .3s;
}
#header-menu .contact-fix .item-btn-menu .btn-download:hover path{
	fill: #fff
}
#header-menu .contact-fix .item-btn-menu .btn-inquiry{
	font-size: 16px;
    line-height: 1.8;
    color: #fff;
    font-weight: bold;
    display: flex;
    background: #4169E1;
    align-items: center;
	height: 64px;
	padding: 0 16px;
	position: relative;
	justify-content: space-between;
}
#header-menu .contact-fix .item-btn-menu .btn-inquiry:hover{
	background: #213571;
}
#header-menu .contact-fix{
	position: fixed;
    top: 0px;
    right: 0;
    z-index: 999;
    width: 192px;
	transition: .3s;
}
body:not(.admin-bar) #header-menu .contact-fix{
/* 	top: 0 !important; */
}
#header-menu .toggle-contact{
	display: none;
}
#header-menu .btn-openMenu{
	display: none;
}
#header-menu .toggle-contact.is-active i{
	color: #4169E1;
}









/* Footer */
/* ================================================ */
/* ================================================================================================ */
#footer{
	background: #001133;
	padding-top: 135px;
	padding-bottom: 77px;
}
#footer .footer-top{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 78px;
}
#footer .footer-top .left-content{
	width: 31.2%;
}
#footer .footer-top .right-content{
	width: 68.8%;
	padding-left: 20px;
}
#footer .footer-top .address-code{
	font-size: 18px;
    line-height: 1.8;
    color: #fff;
	margin-bottom: 10px;
}
#footer .footer-top .tel-fax{
	font-size: 18px;
    line-height: 1.8;
    color: #fff;
	margin-bottom: 31px;
}
#footer .footer-top .tel-fax a{
	color: #fff;
}
#footer .footer-top .right-content .nav-title{
	font-size: 18px;
	line-height: 1.6;
	color: #00EBDF;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
}
#footer .footer-nav-list{
	display: flex;
	flex-wrap: wrap;
}
#footer .footer-nav-list .footer-nav-item a{
	font-size: 18px;
    line-height: 1.6;
    color: #fff;
    position: relative;
}
#footer .footer-nav-list .footer-nav-item a:hover{
	opacity: .7;
}
#footer .footer-nav-list .footer-nav-item{
	margin-right: 43px;
	position: relative;
}
#footer .footer-nav-list .footer-nav-item:last-child{
	margin-right: 0;
}
#footer .footer-nav-list .footer-nav-item:after{
	content: "";
	position: absolute;
	top: 5px;
	right: -23px;
	width: 1px;
	height: 20px;
	background: #fff;
}
#footer .footer-nav-list .footer-nav-item:last-child:after{
	display: none;
}
#footer .menu-recruit-footer .footer-nav-list:nth-child(1){
	border-bottom: 1px solid #fff;
	margin-bottom: 37px;
    padding-bottom: 32px;
}
#footer .menu-company-footer,
#footer .menu-service-footer{
	margin-bottom: 33px;
}
#footer .footer-logo{
	margin-bottom: 38px;
}
#footer .btn-link-pr{
	font-size: 18px;
	line-height: 1.8;
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #4169E1;
    padding: 8px 31px;
	transition: .3s;
	max-width: 400px;
}
#footer .btn-link-pr:hover{
	background: #213571;
}
#footer .btn-link-pr .icon-btn-white{
	position: relative;
	margin-left: 22px;
	transition: .3s;
	margin-top: -1px;
}
#footer .btn-link-pr:hover .icon-btn-white{
	transform: translateX(20px);
}
#footer .footer-bottom .copyright{
	font-size: 16px;
    line-height: 1.8;
    color: #fff;
    font-weight: 500;
    text-align: center;
	letter-spacing: 0.3px;
}

#footer a.achv {
	display: block;
    margin: 10px 0 0 0;
    color: #fff;
}



/* breadcrumb */
/* ============================================= */
#breadcrumb{
	padding-top: 40px;
	margin-bottom: 80px;
}
#breadcrumb ol{
	display: flex;
	flex-wrap: wrap;
}
#breadcrumb ol li i{
	margin: 0 10px;
}
#breadcrumb ol li a{
	transition: .3s;
	text-decoration: underline;
}
#breadcrumb ol li a:hover{
	text-decoration: underline;
}
#breadcrumb ol li br{
	display: none;
}


body.page .heading-page{
	margin-bottom: 40px;
}


/* privacy */
/* ========================================= */
#privacy{
	padding-bottom: 100px;
}
#privacy .privacy-content{
	background: #fff;
	padding: 100px 50px;
	box-shadow: 0 0 20px rgba(0,0,0,.40);
}
#privacy .content{
	max-width: 1100px;
	margin: auto;
}
#privacy .content h4{
	font-size: 20px;
	line-height: 1.8;
	color: #4169E1;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 60px;
}
#privacy .content h4:first-child{
	margin-top: 0;
}
#privacy .content a{
	color: #4169E1;
	text-decoration: underline;
}
#privacy .content a:hover{
	text-decoration: underline;
}
#privacy .content p{
	font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
	padding-left:15px;
}
#privacy .content ul{
	margin-left: 21px;
}
#privacy .content ul li{
	font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px;
	list-style: disc;
}
#privacy .content p.log {
    text-align: right;
    border-top: 1px solid;
    margin-top: 50px;
    padding-top: 50px;
	margin-bottom: 40px;
}
#privacy .content h5{
	font-size: 18px;
	line-height: 1.8;
	color: #4169E1;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 15px;
}


















@media (min-width: 1023px){

	#header-menu .nav-item-list .nav-itemMenu.nav-listMenu>a{
		pointer-events: none;
	}

	#header-menu .nav-item-list .nav-itemMenu .site-nav-dropdown{
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	#header-menu .nav-item-list .nav-itemMenu:hover .site-nav-dropdown {
/* 		display: block !important; */
		top: 100%;
		box-shadow: 0 10px 10px rgba(0,0,0,.20);
		opacity: 1;
		visibility: visible;
		pointer-events: unset;

	}
	#header-menu .nav-item-list .nav-itemMenu:hover>a {
		color: #4169E1;
	}
	
	#header-menu .nav-itemMenu.nav-item .recruit-btn-wrap a:hover{
	 color: #4169E1;
	}
	#header-menu .nav-item-list .nav-itemMenu .site-nav-dropdown{
		width: 100vw;
		margin-left: -50vw;
		left: 50%;
		display: block !important;
	}
	#header-menu .nav-item-list a i{
		display: none;
	}
	
	#header-menu .recruit-btn-wrap i{
		display: none;
	}

	#header-menu .nav-item-list .nav-itemMenu.nav-listMenu>a{
/* 		pointer-events: none; */
	}
	
	
	
	
	
}




@media(max-width: 1560px){
	
	#header-menu .toggle-contact{
		display: none;
	}
	#header-menu .contact-fix{
		position: absolute;
		top: 50% !important;
		visibility: hidden;
		opacity: 0;
		transition: .3s;
	}
	#header-menu .contact-fix.is-open{
		top: 100% !important;
		visibility: visible;
		opacity: 1;
	}
	#header-menu .contact-fix .item-btn-menu .btn-download,
	#header-menu .contact-fix .item-btn-menu .btn-inquiry{
		font-size: 14px;
		line-height: 1.8;
		height: 60px;
	}
	#header-menu .toggle-contact {
		display: flex;
		position: absolute;
		right: 12px;
		top: 0;
		font-size: 18px;
		width: 40px;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
	#header-menu .nav-item-list .nav-itemMenu>a {
		font-size: 16px;
		display: block;
		padding: 28px 18px;
		position: relative;
	}
	
	#header-menu .nav-itemMenu.nav-item .recruit-btn-wrap a {
    font-size: 16px;
    padding: 28px 18px;
}
	
	#footer .footer-top .address-code{
		max-width: 280px;
	}
	
	
}


@media (max-width: 1280px){
	
/* 	header */
/* 	================================================= */
	#header-menu .header-logo {
		width: 180px;
	}
	#header-menu .header-megamenu {
		width: calc(100% - 180px);
		padding-right: 43px;
	}
	#header-menu .nav-item-list .nav-itemMenu>a {
		font-size: 15px;
		padding: 22px 26px;
	}
	
	#header-menu .nav-itemMenu.nav-item .recruit-btn-wrap a {
    font-size: 15px;
    padding: 22px 26px;
}
	
	
	
	
	/* 	footer */
	/* 	=========================================== */
	#footer{
		padding-top: 80px;
		padding-bottom: 60px;
	}
	#footer .footer-top .address-code {
		font-size: 14px;
		line-height: 1.8;
		color: #fff;
		margin-bottom: 10px;
		max-width: 220px;
	}
	#footer .footer-top .tel-fax {
		font-size: 14px;
		line-height: 1.8;
		color: #fff;
		margin-bottom: 31px;
	}
	#footer .btn-link-pr {
		font-size: 14px;
		line-height: 1.8;
		padding: 8px 20px;
	}
	#footer .btn-link-pr .icon-btn-white{
		width: 80px;
	}
	#footer .footer-nav-list .footer-nav-item a{
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 5px;
	}
	#footer .footer-top .right-content{
		padding-left: 40px;
	}
	#footer .footer-logo a img{
		max-width: 260px;
	}
	
	
	
	
	
	
	
	
}


/* Mobile */
/* ============================================= */
@media (max-width: 1023px){
	
	
	.sp-br{
		display: block;
	}
	.pc-br {
		display: none;
	}
	
	
	
	
	
	/* 	header */
	/* 	========================================= */
	#header-menu .header-megamenu{
		pointer-events: none;
		position: absolute;
		top: 50%;
		width: 100%;
		left: 0;
		background: #F5F5F5;
		visibility: hidden;
		opacity: 0;
		transition: .3s;
		height: calc(100vh - 60px);
		padding: 11px 0 0;
		z-index: -99;
	}
	#header-menu .toggle-contact{
		display: none !important;
	}
	#header-menu .header-megamenu.is-open{
		visibility: visible;
		opacity: 1;
		top: calc(100% - 1px);
		pointer-events: unset;
		z-index: 99;
	}
	#header-menu .main-menu{
		max-height: calc(100% - 120px);
		overflow-y: scroll;
		padding-bottom: 20px;
	}
	#header-menu .inner{
		height: 60px;
	}
	#header-menu .header-logo {
		width: 140px;
	}
	#header-menu .btn-openMenu{
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 10px;
		right: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99;
	}
	#header-menu .btn-openMenu .toggle-btn {
		width: 26px;
		height: 18px;
		position: relative;
	}
	#header-menu .btn-openMenu:after {
		content: "";
		position: absolute;
		width: 26px;
		height: 2px;
		background: #16244D;
		top: calc(50% - 1px);
		left: calc(50% - 13px);
		transition: .4s;
	}
	#header-menu .btn-openMenu.is-open:after{
		display: none;
	}
	#header-menu .btn-openMenu span:before {
		content: "";
		position: absolute;
		width: 26px;
		height: 2px;
		background: #16244D;
		top: 0px;
		left: 0px;
		transition: .4s;
	}
	#header-menu .btn-openMenu span:after {
		content: "";
		position: absolute;
		width: 26px;
		height: 2px;
		background: #16244D;
		bottom: 0px;
		left: 0px;
		transition: .4s;
	}
	#header-menu .btn-openMenu.is-open span:before {
		transform: rotate(-45deg);
		top: 8px;
	}
	#header-menu .btn-openMenu.is-open span:after {
		transform: rotate(45deg);
		bottom: 8px;
	}
	
	
	#header-menu .nav-item-list .nav-itemMenu {
		width: 100%;
	}
	#header-menu .nav-item-list .nav-itemMenu>a {
		font-size: 18px;
		line-height: 1.8;
		padding: 19px 24px;
	}
	#header-menu .nav-item-list .nav-itemMenu .site-nav-dropdown{
		display: none;
		position: static;
		opacity: 1;
		visibility: visible;
		pointer-events: unset;
	}
	
	#header-menu .nav-itemMenu.nav-item .recruit-btn-wrap{
	font-size: 18px;
	padding: 19px 24px;
	display: flex;
		align-items: center;
		justify-content: space-between;
}
	
	#header-menu .nav-itemMenu.nav-item .recruit-btn-wrap a{
		display: flex;
		align-items: center;
		justify-content:space-between;
		width: 100%;
	font-size: 18px;
	padding: 0;
}
	

	
	#header-menu .nav-item-list .recruit-btn-wrap i {
		position: static;
	}
		

	
	
	#header-menu .nav-item-list .nav-itemMenu .site-nav-dropdown.is-open{
/* 		display: block; */
	}
	#header-menu .site-nav-dropdown .title-menu{
		display: none;
	}
	#header-menu .site-nav-dropdown .subNav-item-subMenu {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#header-menu .site-nav-dropdown .subNav-item-subMenu:last-child{
		margin-bottom: 0;
	}
	#header-menu .site-nav-dropdown .nav-list-subMenu {
		width: 100%;
		margin-bottom: 0;
	}
	
	#header-menu .site-nav-dropdown .subNav-item-subMenu a{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: right;
	}
	
	#header-menu .site-nav-dropdown .subNav-item-subMenu.recruitItem a{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: left;
	}
	
	#header-menu .site-nav-dropdown .subNav-item-subMenu .itemImage {
		margin-bottom: 0px;
		width: 39%;
		max-width: 300px;
	}
	#header-menu .site-nav-dropdown .subNav-item-subMenu .sub-txtLink {
		font-size: 16px;
		line-height: 1.8;
		transition: .3s;
		width: 30%;
		padding-left: 20px;
	}
	#header-menu .site-nav-dropdown .subNav-item-subMenu.recruitItem .sub-txtLink {
		font-size: 16px;
		line-height: 1.8;
		transition: .3s;
		width: 80%;
		padding-left: 10px;
	}
	
	#header-menu .nav-listMenu .site-nav-dropdown .subNav-item-subMenu .sub-txtLink {
    font-size: 16px;
    line-height: 1.8;
    transition: .3s;
    width: 61%;
    padding-left: 20px;
}
	
	#header-menu .site-nav-dropdown .nav-subMenu {
		padding: 15px 24px 30px;
	}
	#header-menu .site-nav-dropdown .link-page{
		display: none;
	}
	#header-menu .nav-item-list i{
		font-size: 20px;
		position: absolute;
		width: 32px;
		height: 32px;
		background: #16244D;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		color: #fff;
		top: calc(50% - 16px);
		right: 25px;
		transition: .3s;
		z-index: 9;
	}
	#header-menu .nav-item-list .nav-listMenu i.fa-minus:before{
		content: "\f068" !important;
	}
	
	#header-menu .nav-itemMenu .recruit-btn-wrap i.fa-minus:before{
		content: "\f068" !important;
	}
	
	#header-menu .nav-item-list .nav-itemMenu.item-seminar{
		display: none;
	}
	#header-menu .contact-fix{
		position: fixed;
		top: unset !important;
		transition: .3s;
		width: 100%;
		bottom: 30px !important;
		left: 0;
		height: 72px;
	}
	#header-menu.is-openMenu .contact-fix{
		visibility: visible;
		opacity: 1;
		bottom: 0px !important;
		top: unset !important;
	}
	#header-menu .contact-fix .list-btn-menu {
		display: flex;
		flex-wrap: wrap;
	}
	#header-menu .contact-fix .list-btn-menu .item-btn-menu{
		width: 33.33%;
		display: block;
	}
	#header-menu .contact-fix .list-btn-menu .item-btn-menu svg{
		display: none;
	}
	#header-menu .contact-fix .list-btn-menu .item-btn-menu a{
		font-size: 16px;
		line-height: 1.4;
		justify-content: center;
		color: #fff;
		display: flex;
		align-items: center;
		height: 72px;
		position: relative;
		text-align: center;
		padding: 0;
	}
	
	#header-menu .contact-fix .list-btn-menu .item-btn-menu:nth-child(2) a{
		color: #000;
	}
	
	#header-menu .contact-fix .list-btn-menu .item-btn-menu a span{
		z-index: 2;
	}
	#header-menu .contact-fix .item-btn-menu .btn-seminar{
		background: #7941E1;
	}
	#header-menu .contact-fix .item-btn-menu .btn-seminar:after{
		content: "";
		position: absolute;
		background-image: url("./images/bg_item_menu01.png");
		background-size: 100%;
		width: 40px;
		height: 32px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	#header-menu .contact-fix .item-btn-menu .btn-download:after{
		content: "";
		position: absolute;
		background-image: url("https://1049.co.jp/wp-content/uploads/bg_item_menu02.png");
		background-size: 100%;
		width: 36px;
		height: 21px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	#header-menu .contact-fix .item-btn-menu .btn-inquiry:after{
		content: "";
		position: absolute;
		background-image: url("./images/bg_item_menu03.png");
		background-size: 100%;
		width: 46px;
		height: 28px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	
	
	/* 	footer */
	/* 	======================================= */
	#footer {
		padding-top: 48px;
		padding-bottom: 36px;
	}
	#footer .footer-logo {
		margin-bottom: 52px;
	}
	#footer .footer-top .left-content {
		width: 100%;
		margin-bottom: 61px;
	}
	#footer .footer-top .right-content {
		padding-left: 0;
		width: 100%;
	}
	#footer .footer-top .address-code {
		font-size: 16px;
		line-height: 1.8;
		color: #fff;
		margin-bottom: 3px;
		max-width: 255px;
	}
	#footer .footer-top .tel-fax {
		font-size: 16px;
		line-height: 32px;
		color: #fff;
		margin-bottom: 17px;
	}
	#footer .btn-link-pr .icon-btn-white {
		width: 100%;
		max-width: 110px;
	}
	#footer .btn-link-pr {
		font-size: 16px;
		line-height: 1.8;
		padding: 10px 24px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#footer .footer-top .right-content .nav-title {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 4px;
	}
	#footer .footer-nav-list .footer-nav-item {
		margin-right: 40px;
	}
	#footer .footer-nav-list .footer-nav-item:after {
		top: 8px;
		right: -21px;
	}
	#footer .menu-company-footer,
	#footer .menu-service-footer{
		margin-bottom: 14px;
	}
	#footer .menu-service-footer .footer-nav-list:nth-child(1){
		xpadding-bottom: 23px;
		xmargin-bottom: 28px;
	}
	#footer .footer-bottom .copyright {
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0.05px;
	}
	#footer .footer-top{
		margin-bottom: 52px;
	}
	#footer .footer-nav-list .footer-nav-item a {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 5px;
	}








	
	
	
	
	
}




@media (max-width: 768px){
	
	.inner,
	#breadcrumb{
		padding: 0 12px;
	}
	#breadcrumb{
		margin-bottom: 30px;
		padding-top: 30px;
	}
	body.page .heading-page{
		margin-bottom: 40px;
	}

	body .wp-pagenavi{
		padding-top: 30px;
	}
	

	
	#header-menu .site-nav-dropdown .subNav-item-subMenu .sub-txtLink {
		font-size: 14px;
		padding-left: 12px;
	}
	#page-top{
		right: 20px;
		bottom: 40px;
	}
	#breadcrumb li{
		font-size: 13px;
	}
	#breadcrumb ol li i{
		margin: 0 8px;
	}
	
	
	/* 	privacy */
	/* 	================================ */
	#privacy{
		padding-bottom: 60px;
	}
	#privacy .privacy-content{
		padding: 40px 12px;
	}
	#privacy .content p{
		font-size: 14px;
	}
	#privacy .content h4{
		font-size: 18px;
		margin-top: 50px;
	}
	#privacy .content h5{
		font-size: 16px;
	}
	#privacy .content p.log{
		margin-top: 35px;
		padding-top: 35px;
	}
	
	
	
	
	
	
	
	
}




@media screen and (max-width: 600px){
	#wpadminbar {
		position: fixed !important;
	}
}



	/* 	sitemap */
	/* 	================================ */

#sitemap .siteMapHead-en01 {
	font-family: 'Roboto', sans-serif;
    font-size: 30px;
	font-weight: 700;
}

#sitemap .mainItemList{
	padding: 0 0 100px;
}

#sitemap .itemLink::before,
	.siteMapHead-en02::before{
		content: "▶";
		font-size: 6px;
		margin: 0 4px 0 0;
}

#sitemap .siteMapHead-en02::before{
	margin: 0 4px 0 0;
}

#sitemap .siteMapHead-ja {
    position: relative;
	 top: 0px;
    left: -2px;
    font-size: 12px;
    color: #4169E1;
    margin: 0 0 0 4px;
    display: block;
}

#sitemap .mainItem {
    margin: 40px 0 0;
}

#sitemap .mainItem {
    margin: 40px 0 0;
}

#sitemap .mainItem a:hover{
    opacity: 0.5;
}

#sitemap .itemLinkList{
	margin:12px 0 0 ;
}

#sitemap .itemLink {
		display: flex;
		align-items: center;
    line-height: 40px;
}

#sitemap .siteMapHead-en02 {
	display: flex;
	align-items: center;
	font-size: 16px;
  line-height: 50px;
}

@media print, screen and (min-width: 768px) {
	
#sitemap .headingBlock .ttl-en {
    font-family: 'Roboto', sans-serif;
    font-size: 80px;
    line-height: 100px;
    font-weight: bold;
    display: block;
    color: #001133;
}
	
#sitemap .headingBlock .ttl-ja {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;
    display: block;
}
	
#sitemap .heading-page{
		margin-bottom: 100px;
	}
	
#sitemap .mainItem {
    margin: 60px 0 0;
	border-bottom: 1px solid gray;

}
#sitemap .itemLink {
    line-height: 72px;
}
	
#sitemap .siteMapHead-en01 {
    font-size: 50px;
    color: #001133;
}
	
#sitemap .siteMapHead-en02 {
    font-size: 20px;
    color: #001133;
		margin: 0 50px 0 0;
		line-height: 72px;
}
	
#sitemap .siteMapHead-ja {
    top: -2px;
    left: -8px;
    font-size: 16px;
    color: #4169E1;
    margin: 0 0 0 10px;
}
	
#sitemap .itemLinkList {
		display: flex;		
		flex-wrap: wrap;
}
	
#sitemap .itemLink {
    margin: 0 60px 0 0;
}
	
#sitemap .itemLink::before,
	.siteMapHead-en02::before{
		content: "▶";
		font-size: 10px;
		margin: 0 6px 0 0;
}
	
#sitemap .etcItem{
		display: flex;
		border-bottom: none;
	}
}


@media print, screen and (min-width: 1200px) {/* ---------- タブレット・PC以上 ---------- */

	
#sitemap .itemLink {
		display: flex;
		align-items: center;
    margin: 0 70px 0 0;
}



}




/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
テンリクLP
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*

【CSS記述ルール】

① font-sizeはpxで指定してください
　（rem、%等の指定はしないようお願いいたします）

② xxxxxx はディレクトリ名に変更してください

③ 必ずディレクトリ名が付いたidセレクタを先頭に記述した後に、要素を記述してください
　（例：#oneday .inner、#oneday .page-title 等）

④ CSS内の画像指定パスは、CSSファイルから見た相対パスで指定してください
　（例：../images/ディレクトリ名/画像名.拡張子）

*/

/*------------------------------------------------------------
common
------------------------------------------------------------*/
.document {
  font-family: 'Noto Sans JP', 'Century Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック体, YuGothic, "Yu Gothic Medium", 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 400;
	background-color: #F4F4F4;
	text-align: left;
	z-index: -2;	
}

#document * {
  box-sizing: border-box;
}
#document h1,
#document h2,
#document h3,
#document h4
{
  font-weight: 700;
}

#document.document.show {
    width: 100vw;
	height: 100vh;
}

#document a {
  transition: opacity .3s;
}

#document a[href^="tel:"] {
  display: inline-block;
  transition: none;
}

#document a:hover {
  text-decoration: none;
}

#document a:focus-visible {
  outline: none;
}

#document img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#document .js-fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
}

#document .scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

#document .text {
  margin-bottom: 2em;
}

#document .text:last-of-type {
  margin-bottom: 0;
}

#document .pc-br {
  display: none;
}

#document .notes {
  display: inline-block;
  position: relative;
  margin-left: 1em;
}

#document .notes::before {
  content: '\0203B';
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
}

#document .inner {
  width: calc(100% - 24px);
  max-width: 1200px;
  margin: 0 auto;
	padding: 0;
}

@media print, screen and (min-width: 768px) {/* ---------- タブレット・PC以上 ---------- */
  .document {
    font-size: 16px;
  }
  
  #document a[href^="tel:"] {
    color: inherit;
    pointer-events: none;
  }
  
  #document a:not([href^="tel:"]):hover {
    opacity: .5;
  }
  
  #document .sp-br {
    display: none;
  }
  
  #document .pc-br {
    display: inline;
  }
}

/*------------------------------------------------------------
content style
------------------------------------------------------------*/
#document .header-inner {
    position: relative;
    width: calc(100% - 24px);
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    z-index: 1;
}


#document .header-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 59%;
}

#document .header-wrap img{
 display: inline-block;
}

#document .tenichi-icon{
	width: 114px;
}

#document .tenriku-icon{
	width: 76px;
}


#document .header-txt{
	display: none;
}

#document .contact-btn {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: #025EB9;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 12px;
}

#document .top-container{
	position: relative;
	overflow: hidden;
}


#document .top-bg {
    position: absolute;
    top: -80px;
    width: 100vw;
    height: 600px;
    background-image: url(https://1049.co.jp/wp-content/uploads//top-bg_sp.png);
    background-size: contain;
	background-repeat: no-repeat;
}

#document .h01{
	position: relative;
	width: calc(100% - 24px);
	margin: 0 auto;
	font-size: 33px;
	font-weight: 700;
	line-height: 46px;
	z-index: 100;
}

#document .h01 .h-s-font{
	font-size: 17px;
	font-weight: 400;
}

#document .h01 .h-blue-font{
	color: #025EB9;
	font-weight: 700;
}

#document .h01 .h-m-font{
	font-size: 27px;
	margin: 0 -8px;
		font-weight: 700;

}

#document .slider {
    height: 20vh;
    margin-top: 32px;
    width: fit-content;
    margin-left: -82%;
}

#document .list-slider{
	display: flex;
	transition: .5s;
}

#document .item-sdider{	
	position: relative;
	width: 156px;
	z-index: 90;
	transition: .5s;
}

#document .item-sdider:nth-child(1){
    margin-top: -190px;
    margin-right: -58px;
}

#document .item-sdider:nth-child(2){
    margin-right: -62px;
    margin-top: -133px;
}

#document .item-sdider:nth-child(3){
    margin-right: -60px;
    margin-top: -80px;
}

#document .item-sdider:nth-child(4){
    margin-top: -26px;
}

#document .item-sdider:nth-child(5){

}

#document .item-sdider:nth-child(6) {
    margin-top: 126px;
    margin-left: -50px;
}

#document .item-sdider:nth-child(7) {
    margin-left: -60px;
    margin-top: 182px;
}

#document .item-sdider:nth-child(8) {
    margin-top: 240px;
    margin-left: -54px;
}

#document .item-sdider.active {
    z-index: 100;
   opacity: 0;
	margin-top: 50px;
	transition: .5s;
}

#document .item-sdider img{
	position: absolute;
}

#document .color-list {
    position: absolute;
    top: -32px;
    left: 376px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 304px;
    z-index: 100;
}

#document .color-item{
	position: absolute;
	width: 62.4%;	
	opacity: 0;
	transition: .5s;
}

#document .color-item.active{
	visibility: visible;
	width: 100%;
	opacity: 1;
}


#document .top-pc-img{
	position: relative;
	width: calc(100% - 64px);
	margin: 96px auto 0;
	z-index: 110;
}

#document .diagnosis-btn{
	position: relative;
    display: block;
    width: calc(100% - 24px);
    margin: 50px auto 0;
    padding: 10px 20px;
    background-image: url("https://1049.co.jp/wp-content/uploads/free-diagnosis-bg_sp.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

#document .diagnosis-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    display: block;
    width: 38px;
    height: 30px;
    background-image: url(https://1049.co.jp/wp-content/uploads/diagnosis-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#document .d-f-01{
	font-size: 26px;
}

#document .d-f-02{
	font-size: 20px;
}


#document .loop03{
	display: none;
}	

#document .cont-ctr{
	position: relative;
	margin-top: 70px;
	font-weight: 700;

}

#document .h2-en{
	position: relative;
	display: block;
	color: #025EB9;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 700;
}

#document .h2{
	position: relative;
	text-align: center;
	font-size: 26px;
	line-height: 36px;
}

#document .about-txt-wrap{
	margin-top: 40px;
}


#document .h3{
	font-size: 20px;
}

#document .about-txt{
	margin-top: 24px;
	line-height: 28px;
}

#document .about-img{
	margin-top: 54px;
}

#document .problem-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

#document .problem-itm{
    width: calc(100% / 2 - 8px);
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

#document .problem-itm:nth-child(1),
#document .problem-itm:nth-child(2){
		margin-top: 0;
}

#document .problem-itm:nth-child(3),
#document .problem-itm:nth-child(4),
#document .problem-itm:nth-child(5),
#document .problem-itm:nth-child(6){
		margin-top: 30px;
}

#document .problem-img{
	background-color: #DEE7EF;
	font-weight: 700;
}

#document .problem-txt{
	padding: 24px 12px;
	font-weight: 700;
}

#document .f-blue{
	color: #025EB9;
		font-weight: 700;
}

#document .tenriku-ctr {
    margin-top: 96px;
    padding: 100px 0;
    color: #fff;
}

#document .tenriku-bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://1049.co.jp/wp-content/uploads/tenriku-bg_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#document .tenriku-ctr .h2,
#document .voice-ctr .h2,
#document .contact-ctr .h2,
#document .tenriku-ctr .h2-en,
#document .voice-ctr .h2-en,
#document .contact-ctr .h2-en{
	color: #fff;
		font-weight: 700;
}

#document .tenriku-ctr .h3{
	position: relative;
	margin-top: 44px;
	font-size: 20px;
}


#document .tenriku-desc-txt{
	position: relative;
	margin-top: 26px;
	line-height: 28px;
	text-align: left;
}

#document .tenriku-movie{
	position: relative;
	width: 100%;
	height: fit-content;
	margin-top: 40px;
	background-color: #fff;
	border-radius: 10px;
	cursor: pointer;
	transition: .3s;
	overflow: hidden;
}

#document .movie-screen-bg{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #3f3f3f;
	z-index: -1;
	opacity: 0;
}

#document .movie-screen-bg.show{
	display: block;
	opacity: 1;
	z-index: 10000;
}

#document .movie-screen {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
    max-width: 1200px;
    width: calc(100% - 24px);
    margin: 0 auto;
}

#document .tenriku-ctr .tenriku-feature-wrap .h3{
	position: relative;
	margin-top: 100px;
}

#document .feature-list{
	position: relative;
	margin-top: 48px;
}

#document .feature-itm{
	margin-top: 40px;
}

#document .feature-itm:nth-child(1){
	margin-top: 0;
}

#document .feature-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	margin-right: 12px;
	border-radius: 50px;
	background-color: #fff;
}

#document .feature-icon img{
	width: 32px;
	height: auto;
}

#document .feature-icon:nth-child(5) img{
	height: 40px;
	width: auto;
}

#document .feature-itm-brock01{
	display: flex;
	align-items: center;
}

#document .tenriku-feature-wrap .h4{
  width: 72%;
	font-size: 18px;
		font-weight: 700;
	text-align: left;
}

#document .feature-s-f{
	display: block;
	font-size: 12px;
	font-weight: 400;	
}

#document .feature-itm-brock02{
	margin-top: 28px;
	line-height: 28px;
}

#document .feature-itm:nth-child(5) .feature-itm-brock02{
	display: flex;
	justify-content: space-between;
}

#document .feature-itm:nth-child(5) .feature-itm-brock02 .feature-txt{
    margin-right: 16px;
}

#document .feature-itm:nth-child(5) .feature-itm-brock02 img{
	width: 80px;
	height: 80px;
}

#document .branding-wrap,
#document .comparison-wrap{
	margin-top: 100px;
}

#document .branding-wrap .h3{
	margin-top: 0;
}

#document .branding-wrap{
	position: relative;
}

#document .branding-img{
	margin-top: 40px;
}


#document .comparison-outer{
	position: relative;
	margin-left: 12px;
	overflow: scroll;
}

#document .comparison-img{
	margin-top: 30px;
	width: 960px;
}

#document .application-wrap{
	position: relative;
	color: #fff;
	overflow: hidden;
}

#document .application-wrap .inner{
	position: relative;
	padding: 80px 0;
}

#document .application-bg{
	position: absolute;
	width: 100%;
	height: 500px;
	background-image: url("https://1049.co.jp/wp-content/uploads/contact-bg_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#document .application-wrap .h3{
	text-align: center;
	font-size: 25px;
}

#document .application-wrap .h3 .application-s-f{
	text-align: center;
	font-size: 18px;
}

#document .application-txt{
	margin-top: 32px;
	font-size: 16px;
	line-height: 28px;
}

#document .application-btn{
	position: relative;
	display: block;
	margin-top: 40px;
	padding: 16px 0;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 50px;
	color: #025EB9;
	font-weight: 700;
}

#document .application-btn::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	width: 8px;
	height: 12px;
	background-image: url("https://1049.co.jp/wp-content/uploads/application-arrow.png");
	background-size: 100% 100%;
}

#document .flow-outer{
	margin: 40px 0 0 12px;
	overflow-x: scroll;
}

#document .flow-img{
	width: 940px;
}

#document .voice-ctr{
	padding: 100px 0;
	background: linear-gradient(to left,#50A2E5,#96D1FF);
}

#document .voice-list-wrap{
	flex-wrap: nowrap;
	overflow-x: scroll;
}

#document .voice-list{
	display: flex;
	flex-wrap: nowrap;
	margin-top: 40px;
	padding-left: 24px;
}

#document .voice-itm{
	position: relative;
	width: 310px;
	margin: 0 10px;
	padding: 32px 16px;	
	background-color: #fff;
	border-radius: 10px;
	flex-shrink: 0;
}

#document .result-wrap{
	position: absolute;
	top: -40px;
  left: -26px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #025EB9;
	color: #fff;
	font-weight: 700;
}

#document .result{
	text-align: center;
	font-weight: 700;
}

#document .st-f{
	font-family: Roboto;
	font-size: 26px;
	line-height: 26px;
		font-weight: 700;
}

#document .excl{
	margin-left: 5px;
		font-weight: 700;
}

#document .voice-icon {
	text-align: center;
}

#document .voice-icon img{
	width: 80px;
	height: 80px;
}

#document .voice-h3{
	margin-top: 24px;
	color: #025EB9;
	font-size: 18px;
	font-weight: 700;
}

#document .voice-txt{
	margin-top: 20px;
	line-height: 26px;
}

#document .faq-list{
	margin-top: 40px;
}

#document .faq-question{
	position: relative;
	display: flex;
	align-items: center;
	padding: 32px 20px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
}

#document .faq-question::before{
	margin-right: 24px;
	font-size: 18px;
	font-weight: 700;
	color: #025EB9;
}

#document .question-wrap{
	font-weight: 700;
}

#document .f-li01 .faq-question::before{
	content: "Q1";
}
#document .f-li02 .faq-question::before{
	content: "Q2";
}
#document .f-li03 .faq-question::before{
	content: "Q3";
}
#document .f-li04 .faq-question::before{
	content: "Q4";	
}
#document .f-li05 .faq-question::before{
	content: "Q5";	
}

#document .faq-answer{
	margin-top: 24px;
	line-height: 28px;
}

#document .faq-l-f {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 24px;
    line-height: 28px;
}	

#document .footer-inner {
    width: calc(100% - 90px);
    max-width: 1200px;
    padding: 50px 0 24px;
    margin: 0 auto;
}

#document .footer-icon-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#document .footer-tenichi-icon {
    width: 138px;
}

#document .footer-tenriku-icon {
    width: 106px;
}

#document .copy{
	display: block;
	font-size: 12px;
	color: #667B90;
	text-align: center;
	margin: 48px auto 0;
}

/*-------contact-----------*/
#document .contact-ctr{
    padding: 90px 0 100px;
    background: linear-gradient(to left,#025EB9,#2F8FDD);
}

#document .contact-text-wrap{
	margin-top: 40px;
	color: #FFFFFF;
}

#document .contact-text01{
	font-size: 15px;
}

#document .contact-text02{
	font-size: 14px;
	margin-top: 20px;
}

#document .contact-ctr .container{
	width: 100%;
	    background: unset;
    border: none;
	max-width: 1200px;
	margin: 40px auto 0;
}

#document .contact-ctr .message {
    padding: 12px 20px;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #F28581;
    border: 2px solid #FFD8D8;
    border-radius: 6px;
}

#document .contact-ctr .message::before {
	content: "!";
	font-size : 14px;
	font-family: Roboto;
	color: #F18581;
	padding: 1px 7.5px;
	margin-right: 8px;
	background-color: #fff;
	border-radius: 50%;
}

#document .contact-ctr .wrapper{
	background-color: unset;
}

#document .contact-ctr table.items {
    border: unset;
	margin-top: 0;
}
#document .contact-ctr .item:nth-child(1) td.label {
	margin-top: 6px;
}



#document .contact-ctr p.required_msg {
   text-align: left;
    margin-right: 4px;
    font-size: 80%;
    font-weight: bold;
    color: OrangeRed;
}

#document .contact-ctr td.label {
    width: 100%;
	  height: fit-content;
	margin-top: 32px;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    background: unset;
}

#document .contact-ctr td.value {
    width: 100%;
	   margin-top: 14px;
    padding: 0;
    border-bottom: unset;
    background: unset;
	color: #fff;
}

#document .contact-ctr td.comment {
	display: none;
    font-size: 12px;
    padding: 6px 0 0;
    color: #FFFFFF;
    border-bottom: unset;
    background: unset;
}

#document .contact-ctr input[type="text"] {
    font-size: 120%;
	    height: 48px;
    width: 100% !important;
	    margin-top: 3px;
	    padding: 0 12px;
    background-color: #fff;
	border-radius: 6px;
	color: #000;	
	border: none;
}

#document .contact-ctr span.label_name {
    display: block;
    padding-right: 5px;
    font-size: 85%;
    font-weight: bold;
    color: #fff;
}

#document .contact-ctr span.label_name:nth-child(2){
	margin-top: 6px;
}

#document .contact-ctr p.label_mail:after {
    content: "確認のため、もう一度メールアドレスを入力してください";
    color: #fff;
}

#document .contact-ctr select {
    width: 100%;
    height: 48px;
    font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
    border-radius: 6px;
    background-color: #fff;
    color: #cccc;
    font-size: 16px;
    padding: 10px;
}

#document .contact-ctr input, button, textarea {
    font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
    border-radius: 6px;
}

#document .contact-ctr textarea {
    width: 100% !important;
    background-color: #fff;
    height: 158px;
    margin-top: 6px;
    padding: 10px;
    border: none;
    font-size: 16px;
}
#document .contact-ctr .privacy_policy{
    color: #fff;
}

#document .contact-ctr .privacy_policy a#policy_url {
    color: #fff;
	text-decoration: underline;
}
#document .contact-ctr .button_area {
    width: 100%;
    margin: 10px 0 10px;
    background: unset;
    padding: 10px 0 10px 0;
    text-align: center;
}
#document .contact-ctr input[type=button] {
	position: relative;
    width: 100%;
    font-size: 14px;
    background: #fff;
    padding: 16px 10px;
    margin: 14px auto;
    border: none;
    color: #025EB9;
    font-weight: bold;
    border-radius: 50px;

}

#document .contact-ctr input[type=button]::after {
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    width: 8px;
    height: 12px;
    background-image: url(https://1049.co.jp/wp-content/uploads/application-arrow.png);
    background-size: 100% 100%;
	transform: rotate(45deg);
}




@media print, screen and (min-width: 768px) {/* ---------- タブレット・PC以上 ---------- */
	#document .header-inner {
			width: calc(100% - 80px);
			height: 110px;

	}
	
	#document .header-wrap {
		justify-content: left;
    width: 50%;
}
	
	#document .tenriku-icon {
			width: 90px;
		margin-right: 24px;
	}
	
	#document .tenichi-icon {
			width: 150px;
				margin-right: 24px;
	}
	


	
	#document .contact-btn{
		padding: 18px 64px;
		font-size: 18px;
	}
	
	#document .top-container{
		position: relative;
		height: 760px;
		overflow: hidden;
	}
	
#document .top-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px;
    background-image: url(https://1049.co.jp/wp-content/uploads/top-bg_pc.png);
    background-size: cover;
    background-repeat: no-repeat;
}
	
#document .h01 {
    width: unset;
    margin: 0 0 0 12px;
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
}

	#document .h01 .h-s-font {
    font-size: 20px;
    font-weight: 400;
}
	
	#document .h01 .h-m-font {
    font-size: 30px;
    margin: 0 -8px;
}
	
#document .slider {
    margin-top: 0;
    width: fit-content;
	height: 130px;
    margin-left: 0;
}

#document .list-slider{
	display: flex;
	height: 0;
	justify-content: flex-start;
	align-items: center;
	margin-top: -150px;
	transition: .3s;
}

#document .item-sdider{
	position: relative;
	top: 180px;
	width: 160px;
	margin-left: -24px;
	transition: .3s;
}
#document .item-sdider img{
	position: absolute;
	width: 100%;
	height: auto;
	transition: .3s;
}
	
	
#document .item-sdider.active{
	position: relative;
	    top: 120px;
    left: 0px;
	width: 250px;
		transition: .3s;
	z-index: 100;
}
	
#document .item-sdider:nth-child(1){
    margin-top: 0px;
    margin-right: 0px;
}

#document .item-sdider:nth-child(2){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(3){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(4){
    margin-top: 0px;
}

#document .item-sdider:nth-child(5){

}

#document .item-sdider:nth-child(6){
margin-top: 0px;
    margin-left: -100px;
}

#document .item-sdider:nth-child(7){
    margin-left: -24px;
    margin-top: 0px;
}
	
	#document .item-sdider:nth-child(8) {
    margin-top: 15px;
    margin-left: -30px;
}
	
#document .color-list {
    position: absolute;
    top: 140px;
    left: 508px;
    display: flex;
    width: 250px;
    height: 284px;
    justify-content: center;
    align-items: center;
}

#document .color-item {
    width: 63.3%;
    position: absolute;
}

#document .color-item.active {
    width: 100%;
}

#document .item-sdider.active{
    width: 290px;
    top: 120px;
    margin-left: 0px;
    transition: .3s;
}

	
#document .top-pc-img {
    width: fit-content;
    margin: 225px 0 0 12px;
}
	
	#document .diagnosis-btn {
    width: 340px;
    margin: -166px 0 0 60%;
    background-image: url(https://1049.co.jp/wp-content/uploads/free-diagnosis-bg_sp.png);
}
	
	#document .d-f-01 {
    font-size: 32px;
}
	

	
	#document .cont-ctr {
    margin-top: 118px;
}
	
	#document .h2 {
    font-size: 40px;
    line-height: 56px;
}
	
#document .h2-en {
    font-size: 24px;
}
	
	
	
	#document .about-wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
	
	#document .about-txt-wrap {
    margin-top: 0;
    width: 45%;
}
	
	#document .h3 {
    font-size: 28px;
}
	
	#document .about-txt {
    margin-top: 50px;
    line-height: 28px;
}
	
	#document .about-img {
    margin-top: 0;
    width: 47%;
}
	
	#document .problem-list {
    margin-top: 64px;
}
	
	#document .problem-itm {
    width: calc(100% / 3 - 40px);
    border-radius: 20px;
}
	

	#document .problem-itm:nth-child(3){
		margin-top: 0;
	}
	#document .problem-itm:nth-child(4),
	#document .problem-itm:nth-child(5),
	#document .problem-itm:nth-child(6) {
    margin-top: 64px;
	}
	
	#document .problem-txt {
    padding: 48px 32px;
		font-size: 18px;
}
	
#document .tenriku-ctr {
    margin-top: 200px;
    padding: 160px 0 200px;
}
	
	#document .tenriku-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://1049.co.jp/wp-content/uploads/tenriku-bg_pc.png");
    background-size: cover;
    background-repeat: no-repeat;
}
	
	#document .tenriku-desc-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 70px;
}
	
	#document .tenriku-desc-txt-wrap{
    width: 45%;
	}
	
#document .tenriku-movie {
    position: relative;
    width: 50%;
    height: fit-content;
    margin-top: 0;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
	
	#document .tenriku-ctr .h3 {
    margin-top: 0;
    font-size: 28px;
}
	
	#document .tenriku-desc-txt {
    margin-top: 50px;
    line-height: 28px;
}
	
	#document .tenriku-ctr .tenriku-feature-wrap .h3 {
    margin-top: 80px;
}
	
		
	#document .feature-itm:nth-child(1) ,
	#document .feature-itm:nth-child(2) {
    margin-top:0;
}
	
	#document .feature-itm {
    margin-top: 80px;
    width: calc(100% / 2 - 20px);
}
	
	#document .feature-list {
    position: relative;
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	
	#document .feature-icon {
    width: 104px;
    height: 104px;
		margin-right: 24px;
}
	
	#document .feature-icon img {
    width: 44px;
    height: auto;
}
	
	
#document .feature-itm:nth-child(5) .feature-icon img{
	height: 50px;
	width: auto;
}

	
	#document .tenriku-feature-wrap .h4 {
    font-size: 20px;
}
	
	#document .feature-s-f {
    font-size: 14px;
}
	
	#document .feature-txt{
		font-size: 14px;
		line-height: 24.5px;
	}
	
	#document .tenriku-ctr .branding-wrap .h3 {
    margin-top: 80px;
}

	
	#document .branding-img {
    margin-top: 50px;
}
	
	#document .comparison-outer{
		max-width: 1200px;
		width: calc(100% - 24px);
		margin: 20px auto 0;
		overflow: auto;
		
	}
	
	#document .comparison-img{
		width: 100%;
		margin-top: 0;
	}
	
	
	#document .application-bg {
    width: 100%;
		height: 482px;
    background-image: url(https://1049.co.jp/wp-content/uploads/contact-bg_pc.png);
		background-position: 50%;
}
	
#document .application-wrap .h3 {
    font-size: 40px;
}
	
	#document .application-txt{
		margin: 32px auto 0;
		text-align: center;
	}
	
	#document .application-btn {
    margin: 64px auto 0;
    width: 410px;
    padding: 22px 0;
    text-align: center;
		font-size: 22px;
}
	
	#document .application-btn::after {
    right: 60px;
    width: 18px;
    height: 24px;
}
	
	#document .application-wrap .inner {
    padding: 60px 0;
}
	
	#document .flow-outer {
    width: fit-content;
    margin: 64px auto 0;
    overflow-x: auto;
}
	
	#document .voice-ctr {
    padding: 160px 0;
}
	
	#document .voice-list-wrap {
    flex-wrap: nowrap;
    overflow-x: auto;
}
	
#document .voice-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
		width: calc(100% - 24px);
    max-width: 1200px;
    margin: 130px auto 0;
    padding-left: 0;
}
	
	#document .voice-itm {
    position: relative;
    width: calc(100% / 3 - 20px);
    margin: 0;
    padding: 48px 32px;
    background-color: #fff;
    border-radius: 10px;
    flex-shrink: 0;
}
	
	#document .voice-itm:nth-child(4) ,
	#document .voice-itm:nth-child(5) ,
	#document .voice-itm:nth-child(6) {
		margin-top: 120px;
	}
	
	
	
	#document .result-wrap {
    top: -70px;
    left: -10px;
    width: 136px;
    height: 136px;
}
	
	#document .voice-icon img {
    width: 104px;
    height: 104px;
}
	
	#document .voice-h3 {
    margin-top: 24px;
    font-size: 20px;
}
	
	#document .st-f {
    font-size: 32px;
    line-height: 32px;
}
	
	#document .voice-txt {
    margin-top: 16px;
    line-height: 24px;
		font-size: 14px;
}
	
	#document .faq-list {
    margin-top: 66px;
}
	
	#document .faq-question {
    padding: 38px 56px;
    border-radius: 20px;
    font-size: 20px;
	}
	
	#document .faq-question::before {
    margin-right: 56px;
}
	
	#document .faq-answer {
    margin: 40px 0 0 11.5%;
		font-size: 18px;
}
	
	#document .faq-l-f {
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
}
	
	#document .faq-ctr {
    margin-top: 0;
		padding: 160px 0;
}
	
	#document .footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
		padding: 84px 0 94px;
}
	
	#document .footer-icon-wrap {
    justify-content: flex-start;
}
	
	#document .footer-tenichi-icon{
		width: 232px;
		margin-right: 64px;
	}
	
	#document .footer-tenriku-icon{
		width: 180px;

	}
	
	#document .copy {
    font-size: 14px;
    text-align: center;
    margin: 0;
}
	
	/*-------contact-----------*/
#document .contact-ctr {
    padding: 160px 0 200px;
}

#document .contact-ctr .contact-text-wrap{
	margin-top: 66px;
		text-align: center
}

#document .contact-ctr .contact-text01{
	font-size: 16px;

}

#document .contact-ctr .contact-text02{
	font-size: 16px;
	margin-top: 30px;
}
	
#document .contact-ctr .wrapper {
    width: 100%;
}
	
	#document .contact-ctr tr.item {
		display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 0;
		    border-bottom: 1px solid #ffff;
}
	
	#document .contact-ctr tr.item:nth-child(8) {
		    border-bottom: none;
}
	
	#document .contact-ctr .item:nth-child(1) td.label {
    margin-top: 0;
}
	
	#document .contact-ctr td.label {
    width: 550px;
    margin-top: 0;
    font-size: 20px;
}
	
	#document .contact-ctr span.label_name {
    display: block;
		margin-top: 6px;
    padding-right: 5px;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
}
	
	#document .contact-ctr td.value {
    height: fit-content;
    margin-top: 0;
}
	
	#document .contact-ctr input[type="text"] {
    height: 64px;
}
	#document .contact-ctr select {
    height: 64px;
		padding: 10px;
}
	
	#document .contact-ctr .wrapper {
    width: 100%;
}
	
	#document .contact-ctr table.items {
    width: 100%;
    border: unset;
    margin-top: 0;
}
	

	
	#document .contact-ctr input[type=button] {
    width: 410px;
    font-size: 22px;
    padding: 24px 10px;
		margin: 0 30px;
}
	
	#document p.label_mail {
    margin: 8px 0 1px 0!important;
    font-size: 85%;
    font-weight: bold;
    color: DarkSlateGray;
}
	
		#document span.required {
    float: right;
		margin-top: 6px;
    margin-right: 14px;
    font-size: 60%;
    font-weight: bold;
    color: OrangeRed;
}
	
	#document .contact-ctr textarea {
    height: 200px;
}


}


@media print, screen and (min-width: 1200px) {/* ---------- タブレット・PC以上 ---------- */
	
		
	#document .tenriku-icon {
			width: 180px;
	}
	
	#document .tenichi-icon {
			width: 232px;
	}

		#document .header-txt{
		display: block;
		color: #667B90;
		font-size: 14px;
	}
	
#document .h01 {
    margin: 44px 0 0 18%;
    font-size: 46px;
    line-height: 56px;
}
		
	#document .h01 .h-s-font {
    font-size: 26px;
    font-weight: 400;
}
	
		#document .top-container{
		position: relative;
		height: 870px;
		overflow: hidden;
	}
	
	#document .top-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 696px;
    background-image: url(https://1049.co.jp/wp-content/uploads/top-bg_pc.png);
    background-size: cover;
    background-repeat: no-repeat;
}
	

#document .slider {
    position: absolute;
    top: 0px;
    left: 40px;
    width: fit-content;
}

#document .list-slider {
    margin-top: 190px;
    margin-left: 0px;
}

#document .item-sdider {
    position: relative;
    top: unset;
    width: 310px;
    margin-left: -50px;
    transition: .3s;
}
	
#document .item-sdider img{
	position: absolute;
	width: 100%;
	height: auto;

}
	
	
#document .item-sdider.active{
	position: relative;
	    top: 180px;
    left: 0px;
	width: 250px;
	z-index: 100;
}
	
#document .item-sdider:nth-child(1){
    margin-top: 0px;
    margin-right: 0px;
}

#document .item-sdider:nth-child(2){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(3){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(4){
    margin-top: 0px;
}

#document .item-sdider:nth-child(5){

}

#document .item-sdider:nth-child(6){
margin-top: 0px;
    margin-left: -70px;
}

#document .item-sdider:nth-child(7){
    margin-left: -50px;
    margin-top: 0px;
}
		
#document .color-list {
    position: absolute;
    top: 0;
    left: 1050px;
    display: flex;
    width: 570px;
    height: 540px;
    z-index: 1000;
    justify-content: center;
    align-items: end;
}

#document .item-sdider.active {
    width: 574px;
    top: 0;
    margin-top: -382px;
    margin-left: -44px;
    transition: .3s;

	
}
	
#document .color-item.active {
    position: relative;
    top: 96px;
    width: 570px;

}

	
	#document .top-pc-img {
    margin: 236px 0 0 312px;
}
	
	#document .diagnosis-btn {
    position: relative;
    width: 340px;
    margin: -166px 0 0 62%;
    background-image: url(https://1049.co.jp/wp-content/uploads/free-diagnosis-bg_sp.png);
    z-index: 1000;
}
	#document .result-wrap {
    left: -26px;
}
#document .loop03 {
    position: relative;
	display: block;
    overflow: hidden;
    top: -34px;
}
#document .loop03__box {
    display: flex;
    width: 100vw;

}
#document .loop03__item {
    flex: 0 0 auto;
		display: block;
    position: relative;
    font-size: 176px;
		font-family: Roboto;
    font-weight: 700;
		color: #CDDAEC;
}


#document .loop03__item:nth-child(odd) {
    animation: loop 120s -60s linear infinite;
}
#document .loop03__item:nth-child(even) {
    animation: loop2 120s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}

	
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
テンリクLP
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*

【CSS記述ルール】

① font-sizeはpxで指定してください
　（rem、%等の指定はしないようお願いいたします）

② xxxxxx はディレクトリ名に変更してください

③ 必ずディレクトリ名が付いたidセレクタを先頭に記述した後に、要素を記述してください
　（例：#oneday .inner、#oneday .page-title 等）

④ CSS内の画像指定パスは、CSSファイルから見た相対パスで指定してください
　（例：../images/ディレクトリ名/画像名.拡張子）

*/

/*------------------------------------------------------------
common
------------------------------------------------------------*/
.document {
  font-family: 'Noto Sans JP', 'Century Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック体, YuGothic, "Yu Gothic Medium", 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 400;
	background-color: #F4F4F4;
	text-align: left;
	z-index: -2;	
}

#document * {
  box-sizing: border-box;
}
#document h1,
#document h2,
#document h3,
#document h4
{
  font-weight: 700;
}

#document.document.show {
    width: 100vw;
	height: 100vh;
}

#document a {
  transition: opacity .3s;
}

#document a[href^="tel:"] {
  display: inline-block;
  transition: none;
}

#document a:hover {
  text-decoration: none;
}

#document a:focus-visible {
  outline: none;
}

#document img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#document .js-fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
}

#document .scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

#document .text {
  margin-bottom: 2em;
}

#document .text:last-of-type {
  margin-bottom: 0;
}

#document .pc-br {
  display: none;
}

#document .notes {
  display: inline-block;
  position: relative;
  margin-left: 1em;
}

#document .notes::before {
  content: '\0203B';
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
}

#document .inner {
  width: calc(100% - 24px);
  max-width: 1200px;
  margin: 0 auto;
	padding: 0;
}

@media print, screen and (min-width: 768px) {/* ---------- タブレット・PC以上 ---------- */
  .document {
    font-size: 16px;
  }
  
  #document a[href^="tel:"] {
    color: inherit;
    pointer-events: none;
  }
  
  #document a:not([href^="tel:"]):hover {
    opacity: .5;
  }
  
  #document .sp-br {
    display: none;
  }
  
  #document .pc-br {
    display: inline;
  }
}

/*------------------------------------------------------------
content style
------------------------------------------------------------*/
#document .header-inner {
    position: relative;
    width: calc(100% - 24px);
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    z-index: 1;
}


#document .header-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 59%;
}

#document .header-wrap img{
 display: inline-block;
}

#document .tenichi-icon{
	width: 114px;
}

#document .tenriku-icon{
	width: 76px;
}


#document .header-txt{
	display: none;
}

#document .contact-btn {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: #025EB9;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 12px;
}

#document .top-container{
	position: relative;
	overflow: hidden;
}


#document .top-bg {
    position: absolute;
    top: -80px;
    width: 100vw;
    height: 600px;
    background-image: url(https://1049.co.jp/wp-content/uploads//top-bg_sp.png);
    background-size: contain;
	background-repeat: no-repeat;
}

#document .h01{
	position: relative;
	width: calc(100% - 24px);
	margin: 0 auto;
	font-size: 33px;
	font-weight: 700;
	line-height: 46px;
	z-index: 100;
}

#document .h01 .h-s-font{
	font-size: 17px;
	font-weight: 400;
}

#document .h01 .h-blue-font{
	color: #025EB9;
	font-weight: 700;
}

#document .h01 .h-m-font{
	font-size: 27px;
	margin: 0 -8px;
		font-weight: 700;

}

#document .slider {
    height: 20vh;
    margin-top: 32px;
    width: fit-content;
    margin-left: -82%;
}

#document .list-slider{
	display: flex;
	transition: .5s;
}

#document .item-sdider{	
	position: relative;
	width: 156px;
	z-index: 90;
	transition: .5s;
}

#document .item-sdider:nth-child(1){
    margin-top: -190px;
    margin-right: -58px;
}

#document .item-sdider:nth-child(2){
    margin-right: -62px;
    margin-top: -133px;
}

#document .item-sdider:nth-child(3){
    margin-right: -60px;
    margin-top: -80px;
}

#document .item-sdider:nth-child(4){
    margin-top: -26px;
}

#document .item-sdider:nth-child(5){

}

#document .item-sdider:nth-child(6) {
    margin-top: 126px;
    margin-left: -50px;
}

#document .item-sdider:nth-child(7) {
    margin-left: -60px;
    margin-top: 182px;
}

#document .item-sdider:nth-child(8) {
    margin-top: 240px;
    margin-left: -54px;
}

#document .item-sdider.active {
    z-index: 100;
   opacity: 0;
	margin-top: 50px;
	transition: .5s;
}

#document .item-sdider img{
	position: absolute;
}

#document .color-list {
    position: absolute;
    top: 204px;
    left: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 304px;
    z-index: 100;
}

#document .color-item{
	position: absolute;
	width: 62.4%;	
	opacity: 0;
	transition: .5s;
}

#document .color-item.active{
	visibility: visible;
	width: 100%;
	opacity: 1;
}


#document .top-pc-img{
	position: relative;
	width: calc(100% - 64px);
	margin: 96px auto 0;
	z-index: 110;
}

#document .diagnosis-btn{
	position: relative;
    display: block;
    width: calc(100% - 24px);
    margin: 50px auto 0;
    padding: 10px 20px;
    background-image: url("https://1049.co.jp/wp-content/uploads/free-diagnosis-bg_sp.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

#document .diagnosis-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    display: block;
    width: 38px;
    height: 30px;
    background-image: url(https://1049.co.jp/wp-content/uploads/diagnosis-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#document .d-f-01{
	font-size: 26px;
}

#document .d-f-02{
	font-size: 20px;
}


#document .loop03{
	display: none;
}	

#document .cont-ctr{
	position: relative;
	margin-top: 70px;
	font-weight: 700;

}

#document .h2-en{
	position: relative;
	display: block;
	color: #025EB9;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 700;
}

#document .h2{
	position: relative;
	text-align: center;
	font-size: 26px;
	line-height: 36px;
}

#document .about-txt-wrap{
	margin-top: 40px;
}


#document .h3{
	font-size: 20px;
}

#document .about-txt{
	margin-top: 24px;
	line-height: 28px;
}

#document .about-img{
	margin-top: 54px;
}

#document .problem-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

#document .problem-itm{
    width: calc(100% / 2 - 8px);
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

#document .problem-itm:nth-child(1),
#document .problem-itm:nth-child(2){
		margin-top: 0;
}

#document .problem-itm:nth-child(3),
#document .problem-itm:nth-child(4),
#document .problem-itm:nth-child(5),
#document .problem-itm:nth-child(6){
		margin-top: 30px;
}

#document .problem-img{
	background-color: #DEE7EF;
	font-weight: 700;
}

#document .problem-txt{
	padding: 24px 12px;
	font-weight: 700;
}

#document .f-blue{
	color: #025EB9;
		font-weight: 700;
}

#document .tenriku-ctr {
    margin-top: 96px;
    padding: 100px 0;
    color: #fff;
}

#document .tenriku-bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://1049.co.jp/wp-content/uploads/tenriku-bg_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#document .tenriku-ctr .h2,
#document .voice-ctr .h2,
#document .contact-ctr .h2,
#document .tenriku-ctr .h2-en,
#document .voice-ctr .h2-en,
#document .contact-ctr .h2-en{
	color: #fff;
		font-weight: 700;
}

#document .tenriku-ctr .h3{
	position: relative;
	margin-top: 44px;
	font-size: 20px;
}


#document .tenriku-desc-txt{
	position: relative;
	margin-top: 26px;
	line-height: 28px;
	text-align: left;
}

#document .tenriku-movie{
	position: relative;
	width: 100%;
	height: fit-content;
	margin-top: 40px;
	background-color: #fff;
	border-radius: 10px;
	cursor: pointer;
	transition: .3s;
	overflow: hidden;
}

#document .movie-screen-bg{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #3f3f3f;
	z-index: -1;
	opacity: 0;
}

#document .movie-screen-bg.show{
	display: block;
	opacity: 1;
	z-index: 10000;
}

#document .movie-screen {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
    max-width: 1200px;
    width: calc(100% - 24px);
    margin: 0 auto;
}

#document .tenriku-ctr .tenriku-feature-wrap .h3{
	position: relative;
	margin-top: 100px;
}

#document .feature-list{
	position: relative;
	margin-top: 48px;
}

#document .feature-itm{
	margin-top: 40px;
}

#document .feature-itm:nth-child(1){
	margin-top: 0;
}

#document .feature-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	margin-right: 12px;
	border-radius: 50px;
	background-color: #fff;
}

#document .feature-icon img{
	width: 32px;
	height: auto;
}

#document .feature-icon:nth-child(5) img{
	height: 40px;
	width: auto;
}

#document .feature-itm-brock01{
	display: flex;
	align-items: center;
}

#document .tenriku-feature-wrap .h4{
  width: 72%;
	font-size: 18px;
		font-weight: 700;
	text-align: left;
}

#document .feature-s-f{
	display: block;
	font-size: 12px;
	font-weight: 400;	
}

#document .feature-itm-brock02{
	margin-top: 28px;
	line-height: 28px;
}

#document .feature-itm:nth-child(5) .feature-itm-brock02{
	display: flex;
	justify-content: space-between;
}

#document .feature-itm:nth-child(5) .feature-itm-brock02 .feature-txt{
    margin-right: 16px;
}

#document .feature-itm:nth-child(5) .feature-itm-brock02 img{
	width: 80px;
	height: 80px;
}

#document .branding-wrap,
#document .comparison-wrap{
	margin-top: 100px;
}

#document .branding-wrap .h3{
	margin-top: 0;
}

#document .branding-wrap{
	position: relative;
}

#document .branding-img{
	margin-top: 40px;
}


#document .comparison-outer{
	position: relative;
	margin-left: 12px;
	overflow: scroll;
}

#document .comparison-img{
	margin-top: 30px;
	width: 960px;
}

#document .application-wrap{
	position: relative;
	color: #fff;
	overflow: hidden;
}

#document .application-wrap .inner{
	position: relative;
	padding: 80px 0;
}

#document .application-bg{
	position: absolute;
	width: 100%;
	height: 500px;
	background-image: url("https://1049.co.jp/wp-content/uploads/contact-bg_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#document .application-wrap .h3{
	text-align: center;
	font-size: 25px;
}

#document .application-wrap .h3 .application-s-f{
	text-align: center;
	font-size: 18px;
}

#document .application-txt{
	margin-top: 32px;
	font-size: 16px;
	line-height: 28px;
}

#document .application-btn{
	position: relative;
	display: block;
	margin-top: 40px;
	padding: 16px 0;
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 50px;
	color: #025EB9;
	font-weight: 700;
}

#document .application-btn::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	width: 8px;
	height: 12px;
	background-image: url("https://1049.co.jp/wp-content/uploads/application-arrow.png");
	background-size: 100% 100%;
}

#document .flow-outer{
	margin: 40px 0 0 12px;
	overflow-x: scroll;
}

#document .flow-img{
	width: 940px;
}

#document .voice-ctr{
	padding: 100px 0;
	background: linear-gradient(to left,#50A2E5,#96D1FF);
}

#document .voice-list-wrap{
	flex-wrap: nowrap;
	overflow-x: scroll;
}

#document .voice-list{
	display: flex;
	flex-wrap: nowrap;
	margin-top: 40px;
	padding-left: 24px;
}

#document .voice-itm{
	position: relative;
	width: 310px;
	margin: 0 10px;
	padding: 32px 16px;	
	background-color: #fff;
	border-radius: 10px;
	flex-shrink: 0;
}

#document .result-wrap{
	position: absolute;
	top: -40px;
  left: -26px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #025EB9;
	color: #fff;
	font-weight: 700;
}

#document .result{
	font-size: 18.5px;
	text-align: center;
	font-weight: 700;
}

#document .st-f{
	font-family: Roboto;
	font-size: 26px;
	line-height: 26px;
		font-weight: 700;
}

#document .excl{
	    font-size: 24px;
	margin-left: 5px;
		font-weight: 700;
}

#document .voice-icon {
	text-align: center;
}

#document .voice-icon img{
	width: 80px;
	height: 80px;
}

#document .voice-h3{
	margin-top: 24px;
	color: #025EB9;
	font-size: 18px;
	font-weight: 700;
}

#document .voice-txt{
	margin-top: 20px;
	line-height: 26px;
}

#document .faq-list{
	margin-top: 40px;
}

#document .faq-question{
	position: relative;
	display: flex;
	align-items: center;
	padding: 32px 20px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
}

#document .faq-question::before{
	margin-right: 24px;
	font-size: 18px;
	font-weight: 700;
	color: #025EB9;
}

#document .question-wrap{
	font-weight: 700;
}

#document .f-li01 .faq-question::before{
	content: "Q1";
}
#document .f-li02 .faq-question::before{
	content: "Q2";
}
#document .f-li03 .faq-question::before{
	content: "Q3";
}
#document .f-li04 .faq-question::before{
	content: "Q4";	
}
#document .f-li05 .faq-question::before{
	content: "Q5";	
}

#document .faq-answer{
	margin-top: 24px;
	line-height: 28px;
}

#document .faq-l-f {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 24px;
    line-height: 28px;
}	

#document .footer-inner {
    width: calc(100% - 90px);
    max-width: 1200px;
    padding: 50px 0 24px;
    margin: 0 auto;
}

#document .footer-icon-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#document .footer-tenichi-icon {
    width: 138px;
}

#document .footer-tenriku-icon {
    width: 106px;
}

#document .copy{
	display: block;
	font-size: 12px;
	color: #667B90;
	text-align: center;
	margin: 48px auto 0;
}

/*-------contact-----------*/
#document .contact-ctr{
    padding: 90px 0 100px;
    background: linear-gradient(to left,#025EB9,#2F8FDD);
}

#document .contact-text-wrap{
	margin-top: 40px;
	color: #FFFFFF;
}

#document .contact-text01{
	font-size: 15px;
}

#document .contact-text02{
	font-size: 14px;
	margin-top: 20px;
}

#document .contact-ctr .container{
	width: 100%;
	    background: unset;
    border: none;
	max-width: 1200px;
	margin: 40px auto 0;
}

#document .contact-ctr .message {
    padding: 12px 20px;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #F28581;
    border: 2px solid #FFD8D8;
    border-radius: 6px;
}

#document .contact-ctr .message::before {
	content: "!";
	font-size : 14px;
	font-family: Roboto;
	color: #F18581;
	padding: 1px 7.5px;
	margin-right: 8px;
	background-color: #fff;
	border-radius: 50%;
}

#document .contact-ctr .wrapper{
	background-color: unset;
}

#document .contact-ctr table.items {
    border: unset;
	margin-top: 0;
}
#document .contact-ctr .item:nth-child(1) td.label {
	margin-top: 6px;
}



#document .contact-ctr p.required_msg {
   text-align: left;
    margin-right: 4px;
    font-size: 80%;
    font-weight: bold;
    color: yellow;
}

#document .contact-ctr span.required {
    color: yellow;
}

#document .contact-ctr td.label {
    width: 100%;
	  height: fit-content;
	margin-top: 32px;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    background: unset;
}

#document .contact-ctr td.value {
    width: 100%;
	   margin-top: 14px;
    padding: 0;
    border-bottom: unset;
    background: unset;
	color: #fff;
}

#document .contact-ctr td.comment {
	display: none;
    font-size: 12px;
    padding: 6px 0 0;
    color: #FFFFFF;
    border-bottom: unset;
    background: unset;
}

#document .contact-ctr input[type="text"] {
    font-size: 120%;
	    height: 48px;
    width: 100% !important;
	    margin-top: 3px;
	    padding: 0 12px;
    background-color: #fff;
	border-radius: 6px;
	color: #000;	
	border: none;
}

#document .contact-ctr span.label_name {
    display: block;
    padding-right: 5px;
    font-size: 85%;
    font-weight: bold;
    color: #fff;
}

#document .contact-ctr span.label_name:nth-child(2){
	margin-top: 6px;
}

#document .contact-ctr p.label_mail:after {
    content: "確認のため、もう一度メールアドレスを入力してください";
    color: #fff;
}

#document .contact-ctr select {
    width: 100%;
    height: 48px;
    font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
    border-radius: 6px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    padding: 10px;
}

#document .contact-ctr input, button, textarea {
    font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
    border-radius: 6px;
}

#document .contact-ctr textarea {
    width: 100% !important;
    background-color: #fff;
    height: 158px;
    margin-top: 6px;
    padding: 10px;
    border: none;
    font-size: 16px;
}
#document .contact-ctr .privacy_policy{
    color: #fff;
}

#document .contact-ctr .privacy_policy a#policy_url {
    color: #fff;
	text-decoration: underline;
}
#document .contact-ctr .button_area {
    width: 100%;
    margin: 10px 0 10px;
    background: unset;
    padding: 10px 0 10px 0;
    text-align: center;
}
#document .contact-ctr input[type=button] {
	position: relative;
    width: 100%;
    font-size: 14px;
    background: #fff;
    padding: 16px 10px;
    margin: 14px auto;
    border: none;
    color: #025EB9;
    font-weight: bold;
    border-radius: 50px;

}

#document .contact-ctr input[type=button]::after {
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    width: 8px;
    height: 12px;
    background-image: url(https://1049.co.jp/wp-content/uploads/application-arrow.png);
    background-size: 100% 100%;
	transform: rotate(45deg);
}




@media print, screen and (min-width: 768px) {/* ---------- タブレット・PC以上 ---------- */
	#document .header-inner {
			width: calc(100% - 80px);
			height: 110px;

	}
	
	#document .header-wrap {
		justify-content: left;
    width: 50%;
}
	
	#document .tenriku-icon {
			width: 90px;
		margin-right: 24px;
	}
	
	#document .tenichi-icon {
			width: 150px;
				margin-right: 24px;
	}
	


	
	#document .contact-btn{
		padding: 18px 64px;
		font-size: 18px;
	}
	
	#document .top-container{
		position: relative;
		height: 760px;
		overflow: hidden;
	}
	
#document .top-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px;
    background-image: url(https://1049.co.jp/wp-content/uploads/top-bg_pc.png);
    background-size: cover;
    background-repeat: no-repeat;
}
	
#document .h01 {
    width: unset;
    margin: 0 0 0 12px;
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
}

	#document .h01 .h-s-font {
    font-size: 20px;
    font-weight: 400;
}
	
	#document .h01 .h-m-font {
    font-size: 30px;
    margin: 0 -8px;
}
	
#document .slider {
    margin-top: 0;
    width: fit-content;
	height: 130px;
    margin-left: 0;
}

#document .list-slider{
	display: flex;
	height: 0;
	justify-content: flex-start;
	align-items: center;
	margin-top: -150px;
	transition: .3s;
}

#document .item-sdider{
	position: relative;
	top: 180px;
	width: 160px;
	margin-left: -24px;
	transition: .3s;
}
#document .item-sdider img{
	position: absolute;
	width: 100%;
	height: auto;
	transition: .3s;
}
	
	
#document .item-sdider.active{
	position: relative;
	    top: 120px;
    left: 0px;
	width: 250px;
		transition: .3s;
	z-index: 100;
}
	
#document .item-sdider:nth-child(1){
    margin-top: 0px;
    margin-right: 0px;
}

#document .item-sdider:nth-child(2){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(3){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(4){
    margin-top: 0px;
}

#document .item-sdider:nth-child(5){

}

#document .item-sdider:nth-child(6){
margin-top: 0px;
    margin-left: -100px;
}

#document .item-sdider:nth-child(7){
    margin-left: -24px;
    margin-top: 0px;
}
	#document .item-sdider:nth-child(8) {
    margin-top: 0px;
    margin-left: -44px;
}
	
#document .color-list {
    position: absolute;
    top: 140px;
    left: 508px;
    display: flex;
    width: 250px;
    height: 284px;
    justify-content: center;
    align-items: center;
}

#document .color-item {
    width: 63.3%;
    position: absolute;
}

#document .color-item.active {
    width: 100%;
}

#document .item-sdider.active{
    width: 290px;
    top: 120px;
    margin-left: 0px;
    transition: .3s;
}


#document .top-pc-img {
    width: fit-content;
    margin: 225px 0 0 12px;
}
	
	#document .diagnosis-btn {
    width: 340px;
    margin: -166px 0 0 60%;
    background-image: url(https://1049.co.jp/wp-content/uploads/free-diagnosis-bg_sp.png);
}
	
	#document .d-f-01 {
    font-size: 32px;
}
	

	
	#document .cont-ctr {
    margin-top: 118px;
}
	
	#document .h2 {
    font-size: 40px;
    line-height: 56px;
}
	
#document .h2-en {
    font-size: 24px;
}
	
	
	
	#document .about-wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
	
	#document .about-txt-wrap {
    margin-top: 0;
    width: 45%;
}
	
	#document .h3 {
    font-size: 28px;
}
	
	#document .about-txt {
    margin-top: 50px;
    line-height: 28px;
}
	
	#document .about-img {
    margin-top: 0;
    width: 47%;
}
	
	#document .problem-list {
    margin-top: 64px;
}
	
	#document .problem-itm {
    width: calc(100% / 3 - 40px);
    border-radius: 20px;
}
	

	#document .problem-itm:nth-child(3){
		margin-top: 0;
	}
	#document .problem-itm:nth-child(4),
	#document .problem-itm:nth-child(5),
	#document .problem-itm:nth-child(6) {
    margin-top: 64px;
	}
	
	#document .problem-txt {
    padding: 48px 32px;
		font-size: 18px;
}
	
#document .tenriku-ctr {
    margin-top: 200px;
    padding: 160px 0 200px;
}
	
	#document .tenriku-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://1049.co.jp/wp-content/uploads/tenriku-bg_pc.png");
    background-size: cover;
    background-repeat: no-repeat;
}
	
	#document .tenriku-desc-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 70px;
}
	
	#document .tenriku-desc-txt-wrap{
    width: 45%;
	}
	
#document .tenriku-movie {
    position: relative;
    width: 50%;
    height: fit-content;
    margin-top: 0;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
	
	#document .tenriku-ctr .h3 {
    margin-top: 0;
    font-size: 28px;
}
	
	#document .tenriku-desc-txt {
    margin-top: 50px;
    line-height: 28px;
}
	
	#document .tenriku-ctr .tenriku-feature-wrap .h3 {
    margin-top: 80px;
}
	
		
	#document .feature-itm:nth-child(1) ,
	#document .feature-itm:nth-child(2) {
    margin-top:0;
}
	
	#document .feature-itm {
    margin-top: 80px;
    width: calc(100% / 2 - 20px);
}
	
	#document .feature-list {
    position: relative;
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	
	#document .feature-icon {
    width: 104px;
    height: 104px;
		margin-right: 24px;
}
	
	#document .feature-icon img {
    width: 44px;
    height: auto;
}
	
	
#document .feature-itm:nth-child(5) .feature-icon img{
	height: 50px;
	width: auto;
}

	
	#document .tenriku-feature-wrap .h4 {
    font-size: 20px;
}
	
	#document .feature-s-f {
    font-size: 14px;
}
	
	#document .feature-txt{
		font-size: 14px;
		line-height: 24.5px;
	}
	
	#document .tenriku-ctr .branding-wrap .h3 {
    margin-top: 80px;
}

	
	#document .branding-img {
    margin-top: 50px;
}
	
	#document .comparison-outer{
		max-width: 1200px;
		width: calc(100% - 24px);
		margin: 20px auto 0;
		overflow: auto;
		
	}
	
	#document .comparison-img{
		width: 100%;
		margin-top: 0;
	}
	
	
	#document .application-bg {
    width: 100%;
		height: 482px;
    background-image: url(https://1049.co.jp/wp-content/uploads/contact-bg_pc.png);
		background-position: 50%;
}
	
#document .application-wrap .h3 {
    font-size: 40px;
}
	
	#document .application-txt{
		margin: 32px auto 0;
		text-align: center;
	}
	
	#document .application-btn {
    margin: 64px auto 0;
    width: 410px;
    padding: 22px 0;
    text-align: center;
		font-size: 22px;
}
	
	#document .application-btn::after {
    right: 60px;
    width: 18px;
    height: 24px;
}
	
	#document .application-wrap .inner {
    padding: 60px 0;
}
	
	#document .flow-outer {
    width: fit-content;
    margin: 64px auto 0;
    overflow-x: auto;
}
	
	#document .voice-ctr {
    padding: 160px 0;
}
	
	#document .voice-list-wrap {
    flex-wrap: nowrap;
    overflow-x: auto;
}
	
#document .voice-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
		width: calc(100% - 24px);
    max-width: 1200px;
    margin: 130px auto 0;
    padding-left: 0;
}
	
	#document .voice-itm {
    position: relative;
    width: calc(100% / 3 - 20px);
    margin: 0;
    padding: 48px 32px;
    background-color: #fff;
    border-radius: 10px;
    flex-shrink: 0;
}
	
	#document .voice-itm:nth-child(4) ,
	#document .voice-itm:nth-child(5) ,
	#document .voice-itm:nth-child(6) {
		margin-top: 120px;
	}
	
	
	
	#document .result-wrap {
    top: -70px;
    left: -10px;
    width: 140px;
    height: 140px;
}
	
	#document .voice-icon img {
    width: 104px;
    height: 104px;
}
	
	#document .voice-h3 {
    margin-top: 24px;
    font-size: 20px;
}
	
	#document .st-f {
    font-size: 32px;
    line-height: 32px;
}
	
	#document .voice-txt {
    margin-top: 16px;
    line-height: 24px;
		font-size: 14px;
}
	
	#document .faq-list {
    margin-top: 66px;
}
	
	#document .faq-question {
    padding: 38px 56px;
    border-radius: 20px;
    font-size: 20px;
	}
	
	#document .faq-question::before {
    margin-right: 56px;
}
	
	#document .faq-answer {
    margin: 40px 0 0 11.5%;
		font-size: 18px;
}
	
	#document .faq-l-f {
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
}
	
	#document .faq-ctr {
    margin-top: 0;
		padding: 160px 0;
}
	
	#document .footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
		padding: 84px 0 94px;
}
	
	#document .footer-icon-wrap {
    justify-content: flex-start;
}
	
	#document .footer-tenichi-icon{
		width: 232px;
		margin-right: 64px;
	}
	
	#document .footer-tenriku-icon{
		width: 180px;

	}
	
	#document .copy {
    font-size: 14px;
    text-align: center;
    margin: 0;
}
	
	/*-------contact-----------*/
#document .contact-ctr {
    padding: 160px 0 200px;
}

#document .contact-ctr .contact-text-wrap{
	margin-top: 66px;
		text-align: center
}

#document .contact-ctr .contact-text01{
	font-size: 16px;

}

#document .contact-ctr .contact-text02{
	font-size: 16px;
	margin-top: 30px;
}
	
#document .contact-ctr .wrapper {
    width: 100%;
}
	
	#document .contact-ctr tr.item {
		display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 0;
		    border-bottom: 1px solid #ffff;
}
	
	#document .contact-ctr tr.item:nth-child(8) {
		    border-bottom: none;
}
	
	#document .contact-ctr .item:nth-child(1) td.label {
    margin-top: 0;
}
	
	#document .contact-ctr td.label {
    width: 550px;
    margin-top: 0;
    font-size: 20px;
}
	
	#document .contact-ctr span.label_name {
    display: block;
		margin-top: 6px;
    padding-right: 5px;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
}
	
	#document .contact-ctr td.value {
    height: fit-content;
    margin-top: 0;
	font-size: 16px;
}
	
	#document .contact-ctr input[type="text"] {
    height: 64px;
}
	#document .contact-ctr select {
    height: 64px;
		padding: 10px;
}
	
	#document .contact-ctr .wrapper {
    width: 100%;
}
	
	#document .contact-ctr table.items {
    width: 100%;
    border: unset;
    margin-top: 0;
}
	

	
	#document .contact-ctr input[type=button] {
    width: 410px;
    font-size: 22px;
    padding: 24px 10px;
		margin: 0 30px;
}
	
	#document p.label_mail {
    margin: 8px 0 1px 0!important;
    font-size: 85%;
    font-weight: bold;
    color: DarkSlateGray;
}
	
		#document span.required {
    float: right;
		margin-top: 6px;
    margin-right: 14px;
    font-size: 60%;
    font-weight: bold;
    color: OrangeRed;
}
	
	#document .contact-ctr textarea {
    height: 200px;
}


}


@media print, screen and (min-width: 1200px) {/* ---------- タブレット・PC以上 ---------- */
	
		
	#document .tenriku-icon {
			width: 180px;
	}
	
	#document .tenichi-icon {
			width: 232px;
	}

		#document .header-txt{
		display: block;
		color: #667B90;
		font-size: 14px;
	}
	
#document .h01 {
    margin: 44px 0 0 18%;
    font-size: 46px;
    line-height: 56px;
}
		
	#document .h01 .h-s-font {
    font-size: 26px;
    font-weight: 400;
}
	
		#document .top-container{
		position: relative;
		height: 870px;
		overflow: hidden;
	}
	
	#document .top-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 696px;
    background-image: url(https://1049.co.jp/wp-content/uploads/top-bg_pc.png);
    background-size: cover;
    background-repeat: no-repeat;
}
	

#document .slider {
    position: absolute;
    top: 0px;
    left: 40px;
    width: fit-content;
}

#document .list-slider {
    margin-top: 190px;
    margin-left: 0px;
}

#document .item-sdider {
    position: relative;
    top: unset;
    width: 310px;
    margin-left: -50px;
    transition: .3s;
}
	
#document .item-sdider img{
	position: absolute;
	width: 100%;
	height: auto;

}
	
	
#document .item-sdider.active{
	position: relative;
	    top: 180px;
    left: 0px;
	width: 250px;
	z-index: 100;
}
	
#document .item-sdider:nth-child(1){
    margin-top: 0px;
    margin-right: 0px;
}

#document .item-sdider:nth-child(2){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(3){
    margin-right: 0px;
    margin-top: 0px;
}

#document .item-sdider:nth-child(4){
    margin-top: 0px;
}

#document .item-sdider:nth-child(5){

}

#document .item-sdider:nth-child(6){
margin-top: 0px;
    margin-left: -70px;
}

#document .item-sdider:nth-child(7){
    margin-left: -50px;
    margin-top: 0px;
}
		
#document .color-list {
    position: absolute;
    top: 0;
    left: 1050px;
    display: flex;
    width: 570px;
    height: 540px;
    z-index: 1000;
    justify-content: center;
    align-items: end;
}

#document .item-sdider.active {
    width: 574px;
    top: 0;
    margin-top: -382px;
    margin-left: -44px;
    transition: .3s;

}
	
#document .color-item.active {
    position: relative;
    top: 96px;
    width: 570px;

}



	
	#document .top-pc-img {
    margin: 236px 0 0 312px;
}
	
	#document .diagnosis-btn {
    position: relative;
    width: 340px;
    margin: -166px 0 0 62%;
    background-image: url(https://1049.co.jp/wp-content/uploads/free-diagnosis-bg_sp.png);
    z-index: 1000;
}
	#document .result-wrap {
    left: -26px;
}
#document .loop03 {
    position: relative;
	display: block;
    overflow: hidden;
    top: -34px;
}
#document .loop03__box {
    display: flex;
    width: 100vw;

}
#document .loop03__item {
    flex: 0 0 auto;
		display: block;
    position: relative;
    font-size: 176px;
		font-family: Roboto;
    font-weight: 700;
		color: #CDDAEC;
}


#document .loop03__item:nth-child(odd) {
    animation: loop 120s -60s linear infinite;
}
#document .loop03__item:nth-child(even) {
    animation: loop2 120s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}

	
}

.post-content .content-post img{
    text-align: center;
    display: block;
    margin: 0 auto 80px;
}