/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 25 2026 | 07:10:26 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.noto-sans-tc-<uniquifier> {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.breadcrumb {
	display: none;
}
html { 
	font-size: 62.5%; 
}
body, html {
	font-family: 'Inter','Noto Sans JP','Noto Sans TC',sans-serif;
	font-feature-settings: "palt";
}
img{
	height: auto;
}   
.entry-meta{
	display: none;
}
.entry-footer{
	display: none;
}
.entry-title{
	display: none;
}
.vk_posts{
	display: none;
}
.entry-header, .page-header{
	display: none;
}
hr{
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
h1,h2,h3,h4,h5,h6,p{
	color: #fff;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.site-body{
	padding: 0;
}
.site-footer-title:after, .sub-section-title:after, h3:where(:not(.wp-block-post-title)):after{
	display: none;
}
.container{
	padding: 0;
}
.pc { 
	display: block !important; 
}
.sp{
	display: none !important;
}
.br-sp {
    display: none;
}

.widget ul{
	padding: 0;
}
/*header*/
.site-header {
	background-color: #000023;
	box-shadow: none;
}
.site-header-logo{
	display:none;
}
.vk-mobile-nav{
	background-color: rgba(0,0,35,0.8);
	border-bottom: none;
}
.vk-mobile-nav nav ul li a {
    color: #fff;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: 0.15rem;
	padding: 10px 15px;
	border-bottom: dashed 1px #555;
}
.vk-mobile-nav nav ul li a:hover{
    color: #ffc8e6;
	transition: all 0.3s;
}
.vk-mobile-nav nav>ul {
	border-top: dashed 1px #555;
}
.vk-mobile-nav-menu-btn {
    border: none;
	background: none;
    background-image: url("https://www.asem.jp/wp-content/uploads/open_btn.png");
	background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
	background: none;
    background-image: url("https://www.asem.jp/wp-content/uploads/close_btn.png");
	background-size: cover;
}
.navi_logo img{
	width: 18vw;
	padding: 0 15px 40px;
}
.navi_sns{
	display: flex;
}
.navi_sns img{
	width: 38px;
	margin-left: 15px;
}
.navi_sns a:hover{
	opacity: 0.6;
	transition: all 0.3s;
}
@media (min-width: 1024px) {

body.device-pc .vk-mobile-nav-menu-btn,
body.device-pc .vk-mobile-nav {
    display: block;
}
.vk-mobile-nav-menu-btn {
    top: 20px;
}
.vk-mobile-nav-menu-btn.position-right {
    right: 20px;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: calc(32px + 50px);
}
.vk-mobile-nav-menu-btn {
    width: 50px;
    height: 50px;
}
.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
    left: 75%;
}
}

.home .site-body,
.home .site-body-container,
.home .main-section {
    margin: 0 !important;
	padding: 0 !important;}


/*switcher*/
.language p{
	font-size: 1.8rem;
	font-weight: 300;
	margin-left: 15px;
}
.pll-switcher ul{
	margin-left: 8px;
	margin-top: -35px;
}
.pll-switcher a{
	text-decoration: none;
}
.pll-switcher a:hover{
	color: #ffc8e6;
}
/*top image*/
.top_image{
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: url("https://www.asem.jp/wp-content/uploads/asem_top_bg.jpg")
    center / cover;
}
.menu_logo{
	padding-top: 35px;
	padding-left: 40px;
	position: fixed;
}
.menu_logo img{
	width: 100px;
}
.top_logo{
	text-align: center;
	padding-top: 35vh;
}
.top_logo img{
	width: 30vw;
}
.top_logo h1{
	font-size: 2.4vw;
	font-weight: 350;
	margin-top: 30px;
	letter-spacing: 0.1rem;
	
}
.top_copy{
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.top_copy p{
	font-size: 1rem;
	font-weight: 300;
}
/*under page*/
.top_title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 160px 0 80px;
}
.top_title::after {
	content: "";
	width: 200px;
	height: 1px;
	background-color: #ffc8e6;
}
.top_title h2{
	color: #ffc8e6;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0.05rem;
}

/*company page*/
.company_contents{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 100px;
	border-bottom: dashed 1px #fff;
}
.company_logo img{
	width: 400px;
	margin-right: 80px;
}
.company_text p{
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2;
}
.mission_contents{
	margin: 100px 0;
}
.mission_contents h2{
	color: #ffc8e6;
	font-size: 4.6rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
}
.mission_contents p{
	font-size: 2.2rem;
	font-weight: 300;
	letter-spacing: 0.05rem;
}
/*contact page*/
.contact_page{
	margin: 0 100px 60px;
}
.contact_text{
	text-align: center;
}
.contact_text h2{
	font-size: 2.5rem;
	font-weight: 300;
	margin-bottom: 5px;
}
.contact_text p{
	font-size: 1.6rem;
	font-weight: 300;
	margin-bottom: 40px;
}
.asterisk{
	color: #d9679c;
	font-weight: 200;	
}
.wpcf7 p{
	font-size:1.6rem;
	font-weight: 300;
	margin: 0 0 5px;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea{
	color: #fff;
	font-size: 1.6rem;
	background-color: #000023;
	border: none;
	border-radius: 0;
	padding: 15px 10px;	
}
.wpcf7-list-item{
	margin: 0;
}
.cf7-btn{
	text-align: center;
}
input[type=submit] {
	font-size: 1.8rem;
	font-weight: 300;
	border: none;
	background-color: #808080;
	color: #fff;
	margin-top: 30px;
	padding: 10px 50px;
	border-radius: 0;
	border: none;
}
.wpcf7-spinner{
	display: none !important;
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #fff;
	border-color:  #808080;
}



/*footer*/
.home .site-footer {
    display: none !important;
}
.home .site-body {
    padding-bottom: ;
}
.so-panel:after{
	display: none;
}

.container.site-footer-content{
	padding: 0;
}
.site-footer-copyright{
    display:none;
}
.site-footer{
	border: none;
	margin: 0 ;
	background: #000023;
}

.footer_contents{
	padding: 40px 0;
}
.footer_logo img{
	width: 140px;
}
.footer_logo p{
	font-size: 1.2rem;
	font-weight: 300;
	margin-top: 5px;
}



/*ここからモバイル*/
@media all and (max-width:480px) { 
.sp { 
	display: block !important; 
	}
.pc{
	display: none !important;
    }	
.br-sp {
        display: block;
	}

	
/*top image*/
.top_image{
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: url("https://www.asem.jp/wp-content/uploads/asem_top_bg_sp.jpg")
    center / cover;
}
.menu_logo{
	padding-top: 15px;
	padding-left: 15px;
	position: fixed;
}
.menu_logo img{
	width: 80px;
}
.top_logo{
	text-align: center;
	padding-top: 43vh;
}
.top_logo img{
	width: 280px;
}
.top_logo h1{
	font-size: 2rem;
	margin-top: 20px;
	line-height: 1.3;	
}
/*under page*/

.top_title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 100px 25px 60px;
}
.top_title::after {
	width: 80px;
}
.top_title h2{
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
}

/*company page*/
.company_contents{
	align-items: center;
	padding-bottom: 60px;
	margin: 0 25px;
}
.company_logo img{
	width: 220px;
	margin-bottom: 32px;
}
.company_text p{
	font-size: 1.2rem;
	line-height: 1.6;
}
.mission_contents{
	margin: 60px 25px;
}
.mission_contents h2{
	font-size: 3.6rem;
	margin: 40px 0 0;
	letter-spacing: 0.1rem;
}
.mission_contents p{
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
}	
/*contact page*/
.contact_page{
	margin: 0 25px 60px;
}
.contact_text h2{
	font-size: 1.8rem;
	margin-bottom: 2px;
}
.contact_text p{
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.wpcf7 p{
	font-size:1.4rem;
	font-weight: 300;
	margin: 0 0 0;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea{
	font-size: 1.4rem;
	padding: 10px 10px;
}
.cf7-btn{
	text-align: left;
}
input[type=submit] {
	font-size: 1.2rem;
	margin-top: 15px;
	padding: 10px 40px;
}	
	
	
/*footer*/
.footer_contents{
	padding: 24px 25px;
}
.footer_logo img{
	width: 88px;
}
.footer_logo p{
	font-size: 0.8rem;
	margin-top: 2px;
}
	
	
}