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

.wrap{overflow:hidden;}

.mb1em{
margin-bottom:1em;
}

.mb2em{
margin-bottom:2em;
}

.mb3em{
margin-bottom:3em;
}

.mb4em{
margin-bottom:4em;
}

.mb5em{
margin-bottom:5em;
}

.mb10em{
margin-bottom:10em;
}

.mt1em{
margin-top:1em;
}

.mt2em{
margin-top:2em;
}

.mt3em{
margin-top:3em;
}

.mt4em{
margin-top:4em;
}
.mt5em{
margin-top:5em;
}
.mt10em{
margin-top:10em;
}

.pt2em{
	padding-top:2em;}

.pt3em{
	padding-top:3em;}
	
	.pb2em{
	padding-bottom:2em;}

.pb3em{
	padding-bottom:3em;}
	
h1{
	color:#ccc;
	text-align:right;
	font-size:10px;
	margin-top:10px;}
	
.container-fluid{
	padding-left:0;
	padding-right:0;}
	
	.navbar-brand {
  background: url("../img/logo.png") no-repeat left center;
  background-size: contain;
  height: 40px;
  width:200px;
 
  
}
	
#wamu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#wamu.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, .9);
    border-bottom-width: 1px;
}
#wamu.navbar-default .navbar-nav>li>a {
    color:#4895b8;
    background-color: rgba(255, 255, 255, .1);
}
#wamu.navbar-default .navbar-nav>li>a:hover,
#wamu.navbar-default .navbar-nav>li>a:focus {
    color:#30667e;
   
}
#wamu.navbar-default .navbar-nav>.active>a,
#wamu.navbar-default .navbar-nav>.active>a:hover,
#wamu.navbar-default .navbar-nav>.active>a:focus {
    color: #4895b8;
    
}
#wamu.navbar-default .navbar-toggle {
    border-color: #fff;
}
#wamu.navbar-default .navbar-toggle:hover,
#wamu.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
#wamu.navbar-default .navbar-toggle .icon-bar {
    background-color: #4895b8;
}
#wamu.navbar-default .navbar-toggle:hover .icon-bar,
#wamu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #4895b8;
}

	.navbar-header {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
}
@media (min-width: 1200px) {
  .container {
    width: 700px;
  }
  
  #wamu .container {
    width: 1100px;
  }
  
}

.mv{
	padding-top:50px;
	background:url(../img/mvbg.png);
	background-repeat:no-repeat;
	background-size:cover;}
	



	.box {
 background-color : #ffffff;
  background-image :

    repeating-linear-gradient(to bottom,          /* 横線 */
       transparent 25px,
       rgba(222, 222, 222, 0.20) 26px,  rgba(222, 222, 222, 0.20) 26px,
       transparent 27px,  transparent 51px, 
       rgba(222, 222, 222, 0.20) 52px,  rgba(222, 222, 222, 0.20) 52px,
       transparent 53px,  transparent 77px, 
       rgba(222, 222, 222, 0.20) 78px,  rgba(222, 222, 222, 0.20) 78px,
       transparent 79px,  transparent 103px, 
       rgba(222, 222, 222, 0.20) 104px,  rgba(222, 222, 222, 0.20) 104px,
       transparent 105px,  transparent 129px, 
       rgba(222, 222, 222, 0.20) 130px,  rgba(222, 222, 222, 0.20) 130px),

    repeating-linear-gradient(to right,          /* 縦線 */
       transparent 25px,
       rgba(222, 222, 222, 0.20) 26px,  rgba(222, 222, 222, 0.20) 26px,
       transparent 27px,  transparent 51px, 
       rgba(222, 222, 222, 0.20) 52px,  rgba(222, 222, 222, 0.20) 52px,
       transparent 53px,  transparent 77px, 
       rgba(222, 222, 222, 0.20) 78px,  rgba(222, 222, 222, 0.20) 78px,
       transparent 79px,  transparent 103px, 
       rgba(222, 222, 222, 0.20) 104px,  rgba(222, 222, 222, 0.20) 104px,
       transparent 105px,  transparent 129px, 
       rgba(222, 222, 222, 0.20) 130px,  rgba(222, 222, 222, 0.20) 130px);
}

.machine{
margin-top:50px;
	padding-bottom:20px;}

.side{
	padding-left:20px; 
	padding-right:20px;}

.pick{
	background-color:#ece5d7;}

.cv{background-color:#515d69;
padding:25px 0;}

.voice{
margin:4em 0;
padding:60px 0;
	background:url(../img/voicebg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;}
	
	.thd{
		padding-bottom:3em;}
		
		
		
.btn-red {font-family: 'Noto Sans JP', sans-serif;
font-weight:600;
    color: #fff;
	letter-spacing:2px;
    background-color: transperant;
    border:solid 3px #fff;
	border-radius:0;
}
.btn-red:hover {
    color: #ccc;
    background-color: transperant;
    border-color: #ccc;
}
	
	.btn-pink{border-radius:0;
		background-color:#f19286;
		font-family: 'Noto Sans JP', sans-serif;
font-weight:600;
    color: #fff;
	letter-spacing:2px;}
	
	.btn-pink:hover {
    color: #ccc;
    background-color: #f19286;
  
}

p,h3,h4,h2,h5{font-family: 'Noto Sans JP', sans-serif;
}

.commnetbox{
	margin-top:3em;
		font-size:15px;
	padding:0 15px;}
	
.commnetbox h5{
	color:#fff;
	font-weight:400;
	letter-spacing:2px;
	font-size:17px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-right:15px;
	background-color:#515d69;}

.commnetbox h4{
	font-weight:400;
	letter-spacing:2px;
	font-size:17px;
	padding:5px 0;
	text-align:center;
	background:#c9caca}
	
.commnetbox h3{
	font-size:18px;}
	
.navy{background-color:#515d69;
position:relative;
padding-bottom:40px;
}

.txt2{
	padding-top:50px;}

.al{position:absolute;
width:15%;
left:27%;
top:-25%;
}

.poi{
	padding:60px 0;}
	
	
	@media (min-width: 786px){
img{width:40%;}

.row img{width:100%;}

.thd img{width:55%;}

.poi{width:35%;
}
.point1 img{width:40%;}

.point2 img{width:40%;}

.point3 img{width:40%;}
}


.headtext{padding:15px 0;}



.point1{background:url(../img/pb1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center left;
	padding:50px 0;
	}
	
	.point2{background:url(../img/pb2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center left;
	padding:50px 0;
	}
	
	.point3{background:url(../img/pb3.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center left;
	padding:50px 0;
	}
	
	.ep{
		margin-bottom:30px;}
		
	.mv2{
	
	background:url(../img/mvbg.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	padding:10em 0;
	background-position:center;}
	
	.al2{position:absolute;
	bottom:-60px;
	left:30%;}
	
	@media (max-width: 786px){
        
     
.mv{
	background-position:top right;
	}

img{padding:0 10px;}

.row img{width:100%;
padding:0 4px;}

.thd img{padding:0;}

.al{width:35%;
left:0%;
top:-15%;}

.txt2{width:95%;
}

.poi{
	padding:30px 25px;}
	
	.mv2{background-position:right!important;
	padding:5em 0;
	background-position:center;
	}
	
	
		
	.al2{position:absolute;
	bottom:-20px;
	left:1%;}
}



.footer li{
	display:inline-block;
	margin-right:1em;
	}

.footer{
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
	}

.footer a{color:#000;}

ul{list-style:none;
padding-left:0;}

.inner .title{
	border-bottom:1px solid #a72126;
	color:#a72126;
	font-weight:300;}
	
	.mb40{
		margin-bottom:4em;}
		
	
	.innerblu .title{border-bottom:1px solid #4895b8;
		font-weight:300;
		color:#4895b8}
		
		
		.swiper-container img{width:100%;}


/*20230116追加　↓　*/

.add116{
    font-family: 'Zen Old Mincho', serif;
    color: #4895b8;
    font-weight: 400;
text-align:center;
    letter-spacing: .1rem;
    padding-top: 20px;
font-size:50px;}

.sub117{
font-size:35px;}

	@media (max-width: 786px){
   .add116{
            font-size: 27px;
         letter-spacing: 0px;
        }

.sub117{
font-size:18px;}
}