@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:1400px) {
	
	body {
		font-size: 1.7rem;
	}
	
}

@media screen and (max-width:1024px /*ipad_pro*/) { 
	.pc { display:none; }
	.md { display:block; }
	
	.logo {
    width: 90%;
}
	.nav-include {
		padding: 20px;
	}
	.web-txt {
    font-size: 7rem;
    margin-top: 10px;
}
	.Contents-right_top {
		height: 700px;
	}	
	.illust-txt {
		margin-left: 0px;
	}
	.Contents-top_about {
		background-position-x: -200px;
	}
	.form-content {
		width: 90%;
	}
	.right-txt {
		top: 25%;
	}
	.circle {
		width: 250px;
		right: 50px;
	}
	.subtopImg {
    width: auto;
    height: 160px;
}
	.Contents-right_subtop {
		font-size: 5rem;
	}
}

@media screen and (max-width:991px /*ナビゲーション-lg用*/) { 
	/*************
ハンバーガーメニュー************/
	header {
		height: 0; 
	}
	
	.top-header{
		opacity: 0;
    	transition: opacity .5s;
		width: 100vw;      
  		height: 100vh!important; 
		height: -webkit-fill-available;
  		position: fixed;
		z-index: 1000;
		padding-top: 50px;
		overflow-y: scroll;
		display: none;
		background-color: #272b60;
	}
	.navbar {
		right: 50%;
        transform: translateX(50%);
}

/* ----------------------- */
/* base_sp
/* ----------------------- */
/* デフォルトのbuttonスタイルをリセット */
	
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
	}

/* 以下、ハンバーガーボタン */
	.burger-btn{
  		display: block;      
  		width: 39px;      
  		height: 39px;      
  		position: fixed; 
  		z-index: 2000;
  		border:none;  
		right: 3%;
		top: 2%;
		background-color: #272b60;
        border-radius: 3px;
	}    
	.bar{      
  		width: 20px;      
  		height: 2px;        
  		display: block;      
  		position: absolute;      
  		left: 50%;      
  		transform: translateX(-50%);      
  		background-color: white;    
	}    
	.bar_top{   
  		top: 10px;
	}
	.bar_mid{    
  		top: 50%;
  		transform: translate(-50%,-50%);
	}
	.bar_bottom{
  		bottom: 10px;
	}
	.burger-btn.close .bar_top{      
  		transform: translate(-50%,10px) rotate(45deg);      
  		transition: transform .3s;    
	}    
	.burger-btn.close .bar_mid{      
  		opacity: 0;       
  		transition: opacity .3s;    
	}    
	.burger-btn.close .bar_bottom{      
		transform: translate(-50%,-8px) rotate(-45deg);      
		transition: transform .3s;    
	}
	
	/* メニューオープン時 */
	.top-header.fade {
		opacity: 1;
		display:block;
	}
	
	
  /* 子メニュー */
  .menu-parent .menu-child {
    position: relative;
    opacity: 1;
    top: 0;
    margin-left: auto;
    left: auto;
    width: auto;
  }
  .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
    max-height: inherit;
    overflow-y: visible;
    visibility: visible;
  }

	.md {
		display: none;
	}
	
	.Contents-box_right {
		width: 100%;
	}
	.logo {
    width: 70%;
	}
	
}

@media screen and (max-width:896px /*iPhone XR 横*/) {
	
}

@media screen and (max-width:768px /*ipad*/) {
	.under-txt {
		left: 3%;
	}
	.SubContents {
    	padding: 130px;
}
}

@media screen and (max-width:736px /*iPhone 6/7/8 plus 横*/) {
	.top-shibu_list li {
    	font-size: 1.5rem;
	}
}

@media screen and (max-width:570px /*surface duo 540px*/) { 
	.pc { display:none; }
	.md { display:none; }
	.sp { display:block; }
	.pc-none {
		display: block;
		color: #b5b5b6;
		font-size: 1.8rem;
	}
	.ttl-s {
		display: block;
		margin-left: 0px;
	}
	.top-white_bk {
		width: 80%;
	}
	.right-txt {
		right: -108px;
	}
	.grafic-txt {
		font-size: 6rem;
	}
	.top-copy {
    	font-size: 2rem;
	}
	.dots {
		width: 10px;
    	height: 10px;
		margin-left: 10px;
	}
	.border-area::after {
		width: 50px;
		margin-left: 20px;
	}
	.right-txt {
        top: 20%;
    }
	.circle {
		top: -150px;
	}
	.subTitle .ttl-s {
    	font-size: 1.5rem;
    	margin-left: 15px;
	}
	.subtopImg {
        height: 100px;
    }
	.Contents-right_subtop {
        font-size: 4rem;
    }
	.SubContents {
    	padding: 30px;
	}
	.SubContents_ttl {
		font-size: 2.3rem;
	}
}
@media screen and (max-width:414px /*iPhone 6/7/8 plus*/) {
	.top-white_bk {
		transform: translateY(40%);
	}
	.info-text {
		margin-left: 30px;
	}
	.web-txt {
        font-size: 5rem;
	}
	.illust-txt {
		font-size: 5rem;
	}
	.Contents-top_about h3 {
		margin-left: 20px;
	}
	.Contents-top_about p {
		margin-left: 20px;
		width: 300px;
	}
	.Contents-top_about {
        background-position-x: -300px;
    }
	.TOP h2 , .SUBPAGE h2{
		padding: 100px 100px 50px 20px;
	}
	.Ser-box .col-md-8 {
		padding-left: 20px;
	}
	.circle {
		width: 170px;
		right: 30px;
	}
	.subTitle {
    	margin-left: 10%;
    	display: block !important;
    	line-height: 1.2;
    	margin-top: 15px;
	}
	.subTitle .ttl-s {
    	font-size: 1.3rem;
        margin-left: 0px;
    }
	.logo-text_kana {
		font-size: 1.3rem;
}
}
@media screen and (max-width:375px /*iphone 6/7/8*/) {
	
}
@media screen and (max-width:280px /*Galaxy fold*/) {
	
}