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

body{
	font-family:  “メイリオ”, Meiryo;
	color:#231f20;
}

h1,h2,h3,h4,h5,h6,p{
	margin:0px;
}

.bold{
	font-weight:bold;
}
.fixedcontainer{
	width:96%;
	max-width:1000px;
	margin:0 auto;
	padding:0px;
}
a:hover,
a:visited,
a:link,
a:active,
a:focus{
	text-decoration:none;
}

a:hover{
	opacity: 0.7;
	transition: opacity 0.5s ease;
}

.visible_sp{
	display:none;
}
.hidden_sp{
	display:block;
}
.visible750{
	display:none;
}
.hidden750{
	display:block;
}
.visible_tb{
	display:none;
}
.hidden_tb{
	display:block;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.clearfix:after,
.clearfix:before{
	display: table;
  	content: " ";
}
.clearfix:after{
	clear:both;
}


/*----------------------------------------------------------------/
/																  /
/						index.html								  /
/																  /
/----------------------------------------------------------------*/



/*------------------------header--------------------------*/
.menu{
	border-top:5px solid #B84596;
}
.menu_bar{
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding:10px 0px;
}
.main_menu{
	list-style:none;
	margin-bottom:0px;
	padding-left:0px;
}
.main_menu li{
	display:inline-block;
	padding:2px 0px;
	text-align:center;
	font-size:12px;
	width:150px;
	border-left:1px solid #ec008b;
}
.main_menu li:last-child{
	border-right:1px solid #ec008b;
}
.main_menu li a{
	color:#231f20;
}
.main_menu li i{
	padding-right:10px;
	color:#ec008b;
}
.joinbtn{
}
.joinbtn h5{
	font-size: 13px;
    font-weight: bold;
    background-color: #f7941e;
	background-image: -webkit-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
	background-image: -moz-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
	background-image: -o-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
    background-image: linear-gradient(#F7941E 51.14%, #F26522 54.91%);
    padding: 13px;
    border: 2px solid #DB5F1E;
    border-radius: 5px;
    color: white;
}
.joinbtn h5:hover{
	opacity:0.7;
	transition:all 0.3s ease-in;
}
.joinbtn h5 i{
	padding-left:10px;
}

.stopbtn{
}
.stopbtn h5{
	font-size: 13px;
    font-weight: bold;
    background-color: #444444;
	background-image: -webkit-linear-gradient(#444444 51.14%, #444555 54.91%);
	background-image: -moz-linear-gradient(#444444 51.14%, #444555 54.91%);
	background-image: -o-linear-gradient(#444444 51.14%, #444555 54.91%);
    background-image: linear-gradient(#444444 51.14%, #444555 54.91%);
    padding: 13px;
    border: 2px solid #111111;
    border-radius: 5px;
    color: #CCCCCC;
}
.stopbtn h5 i{
	padding-left:10px;
}
/*-----------------nav-----------------*/
nav{
	height: 40px;
	width: 100%;
	font-size: 11pt;
	font-weight: bold;
	position: relative;
}
nav ul{
	padding: 0;
	margin: 0 auto;
	height: 40px;
}
nav li{
	display: inline;
	float: left;
}
nav a{
	color: #231f20;
	display: inline-block;
	width: 100px;
	font-weight:normal;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #ffd6eb;
}
nav li a{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
nav li:last-child a{
	border-right: 0;
    }
nav li a:hover, nav li a:active{
	background-color: #F5A3CE;
}
nav .menubar{
	display: none;
	height:70px;
	padding-top:10px;
	border-bottom:2px solid #ec008b;
}
nav .logo_sp{
	width:70px;
}
.sp_btn{
	width: 20px;
    position: absolute;
    right: 15px;
    top: 30px;
	cursor:pointer;
}
/*--------------inner01--------------------*/
.inner01_01{
	background-image:url(../images/back1.png);
	background-size:cover;
	height:377px;
}

.inner01_02{
	background-image:url(../images/111.png);
	background-position:55% center;
	background-repeat:no-repeat;
	height:377px;
	position:relative;
}
.inner01_02 h3{
	position:absolute;
	top:45%;
	left:1%;
	font-size:20.57px;
	font-style:italic;
	color:#5f0032;
	letter-spacing:2px;
	line-height:1.7;
}
.inner01_phone{
	position:absolute;
	right:0px;
	top:12%;
}
.inner01_phone1{
	margin:10px auto;
}
.inner01_03{
	margin:100px auto;
}
.inner01_title h2{
	font-size:33px;
	line-height:1.5;
	letter-spacing:5px;
}
.inner01_title h2 p:first-child{
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
.inner01_title h2 img{
	padding-top:3px;
	padding-right:15px;
	width: 172px;
    max-width: 172px;
}
.border{
	height: 4px;
    width: 120px;
    margin: 20px auto 40px;
    background-color: #F7931D;
	background-image: -webkit-linear-gradient(to right , #F7931D 75%, #00A550 75%);
	background-image: -moz-linear-gradient(to right , #F7931D 75%, #00A550 75%);
	background-image: -o-linear-gradient(to right , #F7931D 75%, #00A550 75%);
    background-image: linear-gradient(to right , #F7931D 75%, #00A550 75%);
}
.inner01_body{
	display:flex;
	align-items:flex-end;
}
.inner01_04{
	margin-right:50px;
}
.inner01_04 h5{
	font-size:15.18px;
	color:#00A550;
	font-weight:bold;
	background-image:url(../images/dash.png);
	text-align:center;
	background-repeat:no-repeat;
	background-size:100%;
	margin-bottom:5px;
}
.inner01_04 h1{
	font-size:48.16px;
	background-color:#71BF43;
	border-radius:50%;
	padding:12px;
	color:#fff;
	text-align:center;
	width:52px;
	height:52px;
	line-height:1.3;
}
.inner01_05 h3{
	font-size:23px;
	color:#F16521;
	margin-bottom:20px;
}
.inner01_05 h2{
	font-size:25px;
	font-weight:bold;
	color:#734200;
	padding-left:15px;
}
.inner01_05 h2 img{
	padding-right:20px;
}

.greenborder{
	border-top: 1px dashed #00a500;
    width: 88%;
    margin-top: 20px;
    margin-left: auto;
	margin-bottom:40px;
	
}

/*-------------------------inner02-------------------*/
.inner02{
	background-image:url(../images/back2.png);
	background-size:cover;
	height:377px;
}

.inner02_02{
	background-image:url(../images/222.png);
	background-position:45% center;
	background-repeat:no-repeat;
	height:377px;
	position:relative;
}
.inner02_02 h3{
	position:absolute;
	top:45%;
	left:1%;
	font-size:26.57px;
	font-style:italic;
	color:#5f0032;
	letter-spacing:2px;
	line-height:1.5;
}

/*---------------------inner03----------------*/
.inner03{
	background-image:url(../images/back4.png);
	background-size:contain;
	background-position:center;
	height:412px;
}
.inner03_01{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:900px;
	margin:0 auto;
}
.inner03_01:nth-child(1){
	padding-top:90px;
}
.inner03_01:nth-child(2){
	padding-top:35px;
}
.inner03_02,
.inner03_04{
	background-image:url(../images/1-1.png);
	width:458px;
	height:120px;
	position:relative;
}
.inner03_02 h4,
.inner03_03 h4,
.inner03_04 h4,
.inner03_05 h4{
	position:absolute;
	font-size:19.65px;
	font-weight:bold;
	color:#ec008b;
	top:30%;
	left:27%;
	letter-spacing:2px;
}
.inner03_02 h5,
.inner03_03 h5,
.inner03_04 h5,
.inner03_05 h5{
	position:absolute;
	font-size:15.65px;
	top:55%;
	left:27%;
}
.inner03_03,
.inner03_05{
	background-image:url(../images/1-2.png);
	width:390px;
	height:120px;
	position:relative;
}
.inner03_03 h4{
	color:#00adef;
	left:30%;
}
.inner03_03 h5{
	left:30%
}
.inner03_04{
	background-image:url(../images/1-3.png);
}
.inner03_04 h4{
	color:#00A550;
		
}
.inner03_04 h5{

}
.inner03_05{
	background-image:url(../images/1-4.png);
}
.inner03_05 h4{
	color:#F16521;
	left:30%;
}
.inner03_05 h5{
	left:30%;
}

/*--------------inner04----------------------*/
.inner04{
	background-image:url(../images/back5.png);
	background-position:center;
	background-size:contain;
	height:372px;
	color:white;
}
.inner04_01{
	padding-top:70px;
	padding-bottom:50px;
}
.inner04_01 h2{
	font-size:33px;
	line-height:1.4;
	margin-bottom:40px;
}
.inner04_01 h4{
	font-size:17px;
	line-height:1.8;
	width: 75%;
    margin: 0 auto;
    letter-spacing: 2px;
}

/*-----------------inner05------------------------*/
.inner05{
	background-image:url(../images/back3.png);
	background-size:cover;
	height:377px;
	margin-bottom:100px;
}
.inner05_02{
	background-image:url(../images/333.png);
	background-position:80% center;
	background-repeat:no-repeat;
	height:377px;
	position:relative;
}
.inner05_02 h3{
	position:absolute;
	top:45%;
	left:1%;
	font-size:26.57px;
	font-style:normal;
	color:#5f0032;
	letter-spacing:2px;
	line-height:1.5;
	padding-top: 5px;
    padding-left: 10px;
	background-color:rgba(255,255,255,0.5);
}

.joinbtn1{
	position:absolute;
	top:75%;
	left:10%;
}
.joinbtn1 h5{
	font-size: 19.6px;
    font-weight: bold;
    background-color: #f7941e;
	background-image: -webkit-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
	background-image: -moz-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
	background-image: -o-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
    background-image: linear-gradient(#F7941E 51.14%, #F26522 54.91%);
    padding: 25px 25px 20px;
    border: 2px solid #DB5F1E;
    border-radius: 5px;
    color: white;
}
.joinbtn1 h5:hover{
	opacity:0.7;
	transition:all 0.3s ease-in;
}
.joinbtn1 h5 i{
	padding-left:10px;
}

/*-----------------footer------------------------*/
.link01,
.link02,
.link03{
	list-style:none;
	margin-bottom:20px;
	padding-left:0px;
}
.link01 li,
.link02 li{
	display:inline-block;
}
.link01 li a{
	color:#231f20;
	font-size:17px;
	padding:0px 50px;
}
.link02 li a{
	color:#231f20;
	font-size:17px;
	padding:0px 40px;
}
.link03 li{
	padding:10px 0px;
}
.link03 li a{
	color:#231f20;
	font-size:17px;
}
.logo2{
	margin:50px auto;
}
.logo2 img{
	margin:0 auto;
}
.copyright h5{
	letter-spacing: 2px;
    line-height: 1.5;
    width: 96%;
    margin: 0px auto 30px;
}
.logo2 a h1 img:hover{
	opacity: 0.7;
	transition: opacity 0.5s ease;
}


/*----------------------------------------------------------------/
/																  /
/						howtouse.html								  /
/																  /
/----------------------------------------------------------------*/

/*---------------------title-------------------*/
.title{
	border-top:1px solid #fadce9;
	position:relative;
}
.title h4{
	font-size:21px;
	color:#4A0021;
	background-image:url(../images/title_back.png);
	width:329px;
	margin:0 auto;
	padding-top:8px;
	padding-bottom:5px;
	letter-spacing:5px;
}

/*-------------------use_step1-----------------*/
.use_step1,
.use_step2,
.use_step3{
	background-image:url(../images/step1.png);
	background-repeat:no-repeat;
	background-position:68% 33%;
	padding:50px 0px;
}
.use01{
	float:left;
	width:68%;
	padding-top:2%;
	padding-left:5%;
	position:relative;
}
.use_body1{
	position:relative;
	float:left;
	background-image:url(../images/step4.png);
	width:129px;
	height:130px;
}
.use_body1 h5{
	font-size:16.79px;
	letter-spacing:2px;
	position:absolute;
	top:30px;
	left:40px;
}
.use_body1 h1{
	font-size:60.79px;
	position:absolute;
	top:50px;
	left:45px;
}
.use_body2{
	position:absolute;
	top:55%;
	left:23%;
	width:450px;
}
.use_body2 h3{
	font-size:23px;
	line-height:1.8;
	letter-spacing:2px;
	margin-bottom:40px;
}
.use_body3{
	
}
.use_body3 h5{
	font-size:15.25px;
	color:white;
	background-color:#71BF43;
	width:14%;
	padding:10px 20px 5px;
}
.use_body3 h4{
	text-align: center;
    font-size: 17px;
    padding: 15px 0px;
    letter-spacing: 2px;
    border: 1px solid #71BF43;
    border-bottom: 3px solid #E05B1E;
}
.pinkborder{
	border-top:1px solid #fadce9;
}

/*--------------------use_step2-----------------*/
.use_step2{
	background-image:url(../images/step2.png);
	padding:50px 0px 150px;
	background-position:68% 23%;
}
.use_step2 .use_body3 h5{
	width:55%;
}
.use_step2 .use_body3 h4{
	padding:15px;
	line-height:1.8;
	text-align:left;
	letter-spacing:1.5px;
}
/*-------------------use_step3----------------*/
.use_step3{
	background-image:url(../images/step3.png);
	padding-bottom:430px;
	background-position: 68% 12%;
}
.use_step3 .use_body2 h3{
	width:112%;
}
.use_step3 .use_body3{
	border:1px solid #71BF43;
	border-bottom:3px solid #F16521;
	padding:20px;
	padding-bottom:0px;
}
.use_body04{
	background-size:100%;
	background-repeat:no-repeat;
	width:408px;
	height:104px;
	position:relative;
	margin-bottom:20px;
}
.use_body04 h1{
	position:absolute;
	font-weight:bold;
	font-size:17.48px;
	top:30px;
	left:110px;
}
.use_body04 h2{
	position:absolute;
	font-size:13.92px;
	top:60px;
	left:110px;
	letter-spacing:1.5px;
}
.msg{
	background-image:url(../images/2-1.png);
}
.msg h1{
	color:#ec008b;
}
.ring{
	background-image:url(../images/2-2.png);
}
.ring h1{
	color:#00ADEF;
}
.pc{
	background-image:url(../images/2-3.png);
}
.pc h1{
	color:#00A550;
}
.media{
	background-image:url(../images/2-4.png);
}
.media h1{
	color:#F16521;
}
.last-border{
	margin-bottom:50px;
}


/*----------------------------------------------------------------/
/																  /
/						introduction.html						  /
/																  /
/----------------------------------------------------------------*/

.intro_title h2{
	font-size:29px;
	font-weight:bold;
	margin:60px 0px 40px;
	letter-spacing:5px;
}

/*-----------------intro01-------------------*/
.intro01{
	border-bottom:1px solid #8CC63E;
}
.introbody>div{
	display:flex;
	align-items:center;
	padding:25px 0px;
}
.intro_step{
	width:20%;
	padding:15px 0px;
	padding-left:6%;
	border-right:1px solid #8CC63E;
}
.intro_explain{
	width:69%;
	padding-left:5%;
}
.step01 .intro_explain{
	width:45%;
	padding-left:5%;
}
.intro_img{
	width:24%;
}
.step01,
.step03{
	background-color:#e5f0d4;
	position:relative;
}
.introbody>img{
	position:absolute;
	z-index:1;
}
.intro_step>div{
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
.intro_step h6{
	padding-top:8px;
	margin-right:5px
}
.intro_step h2{
	font-size:32.14px;
}
.intro_explain h3{
	font-size:27px;
	color:#007F3D;
	margin-bottom:30px;
	letter-spacing:2px;
}
.intro_explain h5{
	font-size:15px;
	line-height: 1.7;
    letter-spacing: 2px;
}
.apple{
	display:block;
	margin-bottom:10px;
}
.step02,
.step04{
	background-color:#ffffff;
	position:relative;
}
.apple:hover,
.android:hover{
	opacity: 0.7;
	transition: opacity 0.5s ease;
}
/*---------------------intro02-----------------*/
.intro02{
	margin-bottom:100px;
}
.intro02_title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:100px auto 25px;
}
.intro02_title h2{
	border-left:5px solid #38B449;
	margin-left:4%;
	padding-left:3%;
	letter-spacing:5px;
}
.intro02_title h1{
	color: #8CC63E;
    letter-spacing: -5px;
    font-weight: 100;
    font-size: 30px;
    margin-right: 2%;
}
.intro02_body table{
	width:96%;
	margin:0 auto;
	font-size:19px;
}
.intro02_body table tr{
	
}
.intro02_body table td{
	width:50%;
}
.ios h4,
.android h4{
	font-size: 15px;
    line-height: 1.5;
    width: 90%;
    margin: 10px auto;
    padding: 10px 10px 5px;
    border: 1px solid #38b499;
	letter-spacing:1.5px;
}

/*----------------------------------------------------------------/
/																  /
/						recruitment.html						  /
/																  /
/----------------------------------------------------------------*/

/*-----------recruit-------------*/
.re_title{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:60px 0px 40px;
}
.re_title h2{
	font-size:29px;
	font-weight:bold;
	letter-spacing:5px;
	padding-top:5px;
	width:40%;
	text-align:center;
}
.greenbar{
	height:2px;
	border-top:3px solid #8CC63E;
	border-bottom:6px solid #8CC63E;
	width:27%;
}
.re_head{
	border-top:1px solid #38B449;
	border-bottom:1px solid #38B449;
	width:94%;
	padding:14px 0px;
	margin:0 auto;
}
.re_head h2{
	font-size:27px;
	border-left: 5px solid #38B449;
    margin-left: 20px;
    padding-top: 5px;
    padding-left: 30px;
    line-height: 1;
}
.re_body{
	width:94%;
	margin:0 auto;
}
.re_body h4{
	font-size: 19px;
    line-height: 1.8;
    width: 96%;
	letter-spacing:1.3px;
    margin: 30px auto;
}
.work table{
	width:96%;
	margin:30px auto;
	font-size:19px;
	line-height:1.8;
	letter-spacing:1.3px;
	
}
.work table td:nth-child(1){
	width:190px;
	vertical-align:text-top;
}
.wide{
	letter-spacing:4px;
}
/*------------target----------------------*/
.target_body h4{
	font-size: 17px;
    letter-spacing: 2px;
    border: 1px solid #71BF43;
    padding: 13px 0px 10px;
    width: 500px;
    margin: 0 auto;
}
/*----------online---------------*/
.online{
	background-color:#8CC63E;
	color:white;
	margin:50px 0px;
}
.online_title h2{
	font-size:29px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1.5px;
	padding:60px 0px 30px;
}
.online_body{
	padding-bottom:30px;
}
.online_body table{
	width:90%;
	margin:0 auto;
}
.online_body table td:nth-child(1){
	width:140px;
	padding:10px;
	vertical-align:text-top;
}
.online_body table td:nth-child(2){
	border-bottom:1px solid #fff;
	padding:10px 0px;
}
.online_step{
	display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    width: 80px;
    padding: 7px 5px 2px;
    margin: 0 auto;
}
.online_step h5{
	font-size:15px;
	letter-spacing:1.5px;
}
.online_step h3{
	font-size:25px;
}
.online_body table h4{
	font-size:19.45px;
	letter-spacing:1.5px;
	line-height:1.5;
}
.noborder{
	border:none !important;
}
.online_sp dt{
	margin:10px auto;
}
.online_sp dd{
}

/*-------------register-------------------*/

.register_btn{
	margin-bottom:100px;
}
.register_btn h4{
	font-size: 21px;
    font-weight: bold;
	width:360px;
    background-color: #f7941e;
	background-image: -webkit-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
	background-image: -moz-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
	background-image: -o-linear-gradient(#F7941E 51.14%, #F26522 54.91%);
    background-image: linear-gradient(#F7941E 51.14%, #F26522 54.91%);
    padding: 20px 10px 15px;
	margin:0 auto;
    border: 2px solid #DB5F1E;
    border-radius: 5px;
    color: white;
	text-align:center;
}
.register_btn h4:hover{
	opacity:0.7;
	transition:all 0.3s ease-in;
}
.register_btn h4 i{
	padding-left:30px;
}