@import url("signup_pc.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;
}

.sp_none {
	display:none;
}




/* ヘッダー */

.pr_head{
width: 100%;
min-width:1278px;
display:inline-block;
margin:0 auto;
background: #fff;
}


.pr_head h1{
/*width:396px;
margin-left:20px;
float:left;
padding:20px 0; */
width: 100%;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  min-width: initial;

}

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

.pr_head .login img{
	width:36px;
	margin-bottom:-7px;
	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%;
min-width:1336px;
margin:0 auto;*/
width: 100%;
  max-width: 1200px;
  /*padding-left: 20px;
  padding-right: 20px;*/
  margin-left: auto;
  margin-right: auto;
  min-width: initial;
}

.mainbox{
	width:100%;
	min-width:1336px;
	margin: 0 auto;
	padding:0;
}

#top_panel{
width:100%;
/*background: linear-gradient(180deg, #ffffff 0%, #ffffff 72%, #00a040 28%, #00a040 100%); */
}

#top_panel .titlearea{
width:1285px;
margin:0 auto
}

#top_panel .titlearea {
width:1285px;
}


#top_panel_sp{
	display:none;
}

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

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

#whitearea{
width:1200px;
margin:0 auto;
padding:50px 0;
font-size:24px;
line-height:150%;
text-align: justify;
}

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

.bluearea_main{
width:1200px;
margin:0 auto;
font-size:24px;
line-height:150%;
text-align: justify;
}

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


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

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

.osusumetable td{
	width:97%;
	text-align: left;
	padding-top:20px;
	line-height:180%;
}
/* CVボタン  */
.cvbt{width:690px;
margin:0 auto;
padding-top:50px;
}

.cvbt2{width:690px;
	margin:0 auto;
	padding-top:50px;
	}

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

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

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

.table_wrap{
	width: 1200px;
	padding:40px 0;
}

.programtable{
	width: 1200px
	margin:0 auto;
}

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

.programtable th{
	width:100px;
	text-align: left;
	padding:20px 0;
}

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

.table_atention{
	font-size:20px;
	width:1200px;
	margin: 0 auot;
	padding-top:40px;
}

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

.gaiyoutable{
	width: 1200px
	margin:0 auto;
}

.gaiyoutable tr{
}

.tr_sp{
display:none;	
}

.gaiyoutable th{
	width:250px;
	text-align: left;
	padding:0;
	line-height: 180%;
}

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

.gaiyoutable td{
	width:1050px;
	text-align: left;
	padding:0px 0 30px 0;
	vertical-align: top;
 	line-height: 180%;
}

.lastcell{
	padding-bottom: 0;
}



/* プロフィール  */

.profile_name{
width: 1200px;
padding: 40px 0;
margin: 0 auto;
display: flex;
}

.p_photo{
	width: 215px;
	margin-right:40px;
}

.p_name{
	width: 945px;
	font-size:24px;
	font-weight: 700;
	line-height: 200%;
	color:#012e13;
	padding-top:1em;
}

.p_name span{
font-size: 30px;
}

.p_text{
	width:1200px;
	margin:0 auto;
	padding-bottom:40px;
	font-size:24px;
	text-align: justify;
	line-height:180%;
}

.p_hosoku{
	width: 1200px;
	background-color: #efefef;
	border-radius:15px;
	padding:40px 0;

}

.hosoku_in{
	width:1100px;
	margin: 0 auto;
	font-size: 20px;
	line-height:200%;
	
}

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

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

/*  フォームエリア  */

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

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

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


.form_readtext span{
color:#ff0000;
}


.site_waku {
	width:1200px;
	margin:0 auto 40px auto;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
/*    background-color:#333;*/
}

.site_l {
	width:580px;
	height:306px;
	margin:0;
	background-image:url("../images/pc_site_bg.png");
}

.site_r {
	width:580px;
	height:306px;
	margin:0;
	background:url(../images/pc_site_bg.png);
}

.site_bg_shadow {
/*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;
	margin:0 auto;
/*	padding-bottom:30px;*/
}

.site_info {
	width:520px;
	height:140px;
	margin:30px auto 30px auto;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.site_img img {
	width:240px;
	height:140px;
	margin-left:0px;
}

.site_name {
	width:260px;
	height:140px;
	margin:0 auto 0 20px;
}

.site_tenshoku_logo img {
	width:210px;
	height:36px;
	margin:15px 50px auto auto;
	text-align:left;
}

.site_ambi_logo img {
	width:157px;
	height:49px;
	margin:2px 103px auto auto;
	text-align:left;
}

.site_middle_logo img {
	width:258px;
	height:34px;
	margin:15px 2px auto auto;
	text-align:left;
}

.site_hub_logo img {
	width:260px;
	height:32px;
	margin:20px 0 auto auto;
	text-align:left;
}


.site_txt {
	font-size:21px;
	color:#555;
	text-align:left;
	line-height:150%;
	margin-top:20px;
}



/* フッター  */

.pr_foot{
width:100%;
min-width:1278px;
margin:0px auto;
font-size:20px;
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;
}


/* 横スクロール防止のための修正版CSS */
#top_panel .titlearea,
#whitearea,
.bluearea_main,
.table_wrap,
.programtable,
.table_atention,
.gaiyoutable,
.profile_name,
.p_text,
.p_hosoku,
.hosoku_in,
.site_waku,
.pr_foot {
  width: 100%;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  min-width: initial;
}

/* CVボタン調整 */
.cvbt,
.cvbt2 {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
  padding-top: 50px;
}

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

/* ヘッダー調整 */
.pr_head {
  display: block;
}

.pr_head h1 {
  width: auto;
  max-width: 396px;
  margin-left: 20px;
  float: left;
  padding: 20px 0;
}

.pr_head .login {
  width: auto;
  max-width: 40%;
  margin-right: 2.6%;
  float: right;
  font-size: 20px;
  padding: 20px 0;
  text-align: right;
}

/* フッター調整 */
.pr_foot {
  font-size: 20px;
  line-height: 250%;
  padding: 2% 20px;
  background-color: white;
  text-align: center;
}