@import url("signup_sp.css");

/* all */
body {
	font-family: source-han-sans-japanese, sans-serif; 
	font-weight:400;
	line-height:100%;
	color: #3E392A;
	letter-spacing:0.075em;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust:none;
	text-align:left;
	background-color:#fff;
}


img{
width:100%;	
}

.clear{
clear:both;
visibility: hidden;
overflow : hidden;
height:0px;
margin:0px;
padding:0;
line-height:0px;
}

.pc_none {
	display:none;
}


/* ヘッダー */

.pr_head{
width: 100%;
display:inline-block;
height:10.4%;
margin:0 auto;
background: #fff;
}


.pr_head h1{
width:52.8%;
margin-left:2.9%;
float:left;
padding:4.5% 0; 

}

.pr_head .login{
width:40%;
margin-right:2.6%;
float:right;
font-size:2.4vw;
padding:4.5% 0; 
text-align: right;
 }

.pr_head .login img{
	width:12.6%;
	margin-right:2%;
	line-height:0;
}

.login a:link{color:#bbb; text-decoration: none}
.login a:visited{color:#bbb;}
.login a:hover{color:#2780e8;}



/* メインコンテンツベース */

main{
width:100%;
margin:0 auto;
}

.mainbox{
	width:100%;
	margin: 0 auto;
	padding:0;
}

.titlearea{
display:none;
}


#top_panel_sp{
width:100%;
}

/* メインコンテンツ共通  */

main a:link{ color:#18b1e6}
main a:hover{ color:#e998b9}
main a:visited{ color:#18b1e6}

#whitearea{
width:92%;
margin:0 auto;
padding:5.3% 0;
font-size:3.2vw;
line-height:150%;
text-align: justify;
}

#bluearea{
width:100%;
margin:0 auto;
padding:6.6% 0 5.3% 0;
background:url(../images/texture_2.png),linear-gradient(to right,#cdebd9, #ecf9fe);
}

.bluearea_main{
width:92%;
margin:0 auto;
font-size:3.2vw;
line-height:150%;
text-align: justify;
}

h2{
font-size:4vw;
font-weight:700;
color:#012e13;
display:block;
padding-left:10px;
border-left:5px solid #012e13;
}


/* CVボタン  */
.cvbt{width:100%;
margin:0 auto;
padding-top:6.6%;
}

.cvbt2{width:92%;
	margin:0 auto;
	padding-top:6.6%;
	}

.cvbt img{
	filter: drop-shadow(0px 5px 5px #aaa);
  transform: translateZ(0);}

  .cvbt2 img{
	filter: drop-shadow(0px 5px 5px #aaa);
  transform: translateZ(0);}

/* オススメのテーブル  */

.osusumelist{
padding-top:2.6%;	
}
.osusumetable{
	width:100%;
	margin:0 auto;
}

.osusumetable th{
	width:5%;
	text-align: left;
	padding: 0;
	color:#012e13;
	font-size:75%;
}

.osusumetable td{
	width:95%;
	text-align: left;
	padding:2% 0;
	line-height:180%;
}



/* プログラムのテーブル  */

.table_wrap{
	width:100%;
	padding-top:5.3%;
}

.programtable{
	width:100%;
	margin:0 auto;
}

.programtable tr{
	border-bottom: dotted 1px #ccc
}

.programtable th{
	width:25%;
	text-align: left;
	padding:2.6% 0;
}

.programtable td{
	width:75%;
	text-align: left;
	padding:20px 0;
}

.table_atention{
	font-size:2.6vw;
	width:100%;
	margin: 0 auot;
	padding-top:5.3%;
}

/* 概要のテーブル  */

.gaiyoutable{
	width: 100%;
	margin:0 auto;
}

.gaiyoutable tr{
}

.gaiyoutable th{
	width:30%;
	text-align: left;
	line-height:180%;
	padding:0;
	vertical-align: top;
no-repeat left top 25%;
	
}

.gaiyoutable th span{
	margin-right:1em;
	font-size:75%;
	color:#012e13;
}


.gaiyoutable td{
	width:68%;
	text-align: left;
	line-height:180%;
	padding-bottom:5%;
	vertical-align: top;
}

.s_font{
	font-size:82%;
	display:block;
	padding-top:2.5%;
	padding-bottom: 0;
	line-height:180%;
}

.lastcell{
	padding-bottom: 0;
}

.tr_pc{display:none}


/* プロフィール  */

.profile_name{
width: 100%;
padding: 5.3% 0;
margin: 0 auto;
display: flex;
}

.p_photo{
	width: 28%;
	margin-right:5.3%;
}

.p_name{
	width:66.7%;
	font-size:2.6vw;
	font-weight: bold;
	line-height: 200%;
	color:#012e13;
}

.p_name span{
font-size: 4vw;
}

.p_text{
	width:100%;
	margin:0 auto;
	padding-bottom:5.3%;
	font-size:3.2vw;
	text-align: justify;
	line-height:180%;
}

.p_hosoku{
	width: 100%;
	background-color: #efefef;
	border-radius:15px;
	padding:5.3% 0;

}

.hosoku_in{
	width:90%;
	margin: 0 auto;
	font-size: 2.6vw;
	line-height:200%;
	
}

.hosoku_in h3{
	padding-bottom: 10px;
	font-weight:700;
}


.site_waku {
/*	width:580px;
	height:306px;*/
	width:100%;
	height:auto;
	margin:0 auto 5.3% auto;
/*	background-image:url("../images/sp_site_bg.png");*/
}

.site_bg_shadow {
width:100%;
/*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
box-shadow: 0 0 10px hsl(0 0% 0% / 10%);
  
  background: hsl(0 0% 100%);
  color: hsl(200 50% 20%);
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 300;
/*  width: 35vmin;
  height: 35vmin;
  display: flex;*/
  place-items: center;
  text-align: center;
/*  padding: 3ch;*/
  border-radius: 1ch;
/*  border: 1px solid hsl(0 0% 83%);*/
}

.site_btn img {
/*	width:520px;
	height:80px;*/
	width:89.6%;
	margin:0 5.2% 5.3% 5.2%;
/*	padding-bottom:30px;*/
}

.site_info {
width: 100%;
padding: 5.3%;
margin: 0 auto;
display: flex;
/*background-color:#333;*/
}

.site_img {
	width:42%;
	margin-right:5.3%;
}

.site_name {
/*	width:260px;
	height:140px;*/
	width:52.7%;
/*	margin:0 auto 0 20px;*/
}

.site_tenshoku_logo img {
/*	width:210px;
	height:36px;*/
	width:80%;
	margin-top:2%;
	margin-right:20%;
/*	margin:15px 50px auto auto;*/
	text-align:left;
}

.site_ambi_logo img {
/*	width:157px;
	height:49px;
	margin:2px 103px auto auto;*/
	width:60.3%;
	margin-right:39.7%;
	text-align:left;
}

.site_middle_logo img {
/*	width:258px;
	height:34px;
	margin:15px 2px auto auto;*/
	width:97.6%;
	margin-right:2.4%;
	text-align:left;
}

.site_hub_logo img {
/*	width:258px;
	height:34px;
	margin:15px 2px auto auto;*/
	width:100%;
	margin-right:0%;
	text-align:left;
}

.site_txt {
	font-size: 3.2vw;
	color:#555;
	text-align:left;
	line-height:150%;
	margin-top:7%;
}



/*  フォームエリア  */

#formarea{
	width:100%;
	background-color:#f5f5f5;
}

/* お申し込み箇所  */
#formarea h2{
	width:100%;
background:url(../images/texture.png),linear-gradient(to right,#01411a, #012e13);
	padding:1em 0;
	color: white;
	font-size:4vw;
	font-weight:700;
	text-align:center;
}

.form_readtext{
	width: 100%;
	padding:0px 0;
	text-align:center;
	font-size:3.2vw;
	line-height:180%;
}

.form_readtext span{
color:ff0000;
}
/* フッター  */

.pr_foot{
width:100%;
margin:0px auto;
font-size:2.6vw;
line-height:250%;
padding:2% 0;
background-color:white;
text-align:center;
}


footer a:link{
color:#333;
text-decoration:none;
}

footer a:visited{
color:#333;
}

footer span{
color:#26B400;
font-weight:bold;
margin-right:0.5em;
}


#newsSnsList {
  display: flex;
  justify-content: flex-end;
}
#newsSnsList > li{
  margin-left: 10px;
}