/***基本設定******************************************START***/
html{
	/*font-size: 62.5%;*/
	font-size: calc(62.5% + 0.5vw);
	margin:0px;
	padding:0px;
}
body{
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color: #000099;
}
a.border {
	text-decoration:none;
	color: #000099;
	border-bottom: 1px solid #000099;
}
a.footer {
	text-decoration:none;
	color: #000000;
}
.ui-field-contain{
	border-bottom-style:none;
}
.ui-field-contain, .ui-mobile fieldset.ui-field-contain{
	padding: 0px 0px;
}
input[type='text']{
  width: 80%;
  max-width: 800px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/***基本設定********************************************END***/


/***共通設定******************************************START***/

/*cssボタン*/
.btn_blue{
	max-width: 800px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 1% 1%;
	text-decoration: none;
	background: #30a4d8;
	color: #ffffff;
	font-size: 1.3rem;
	border-radius: 4px;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.6));
}

/*紹介ページ背景固定*/
.about_scroll{
	background-image: url("../img/about_img2.png");
	background: linear-gradient(#d3efef, #ffffff);
}
/*こんな相談ができます例*/
.ex_scroll{
	background-image: url("../img/about_img3.png");
	background-attachment:fixed;
	background-size: cover;
	width: 100%;
	max-width: 800px;
	height: auto;
}
/*角丸テキスト枠・水色*/
.help-effect-lightblue {
    margin: 7px 0 10px 0;
    padding: 10px;
	background: #ffffff;
}

/***共通設定********************************************END***/

/***テーブル処理設定（共通）****************************START***/
/* table_itemのwidthは要素側のstyleで設定 */
/* 未指定時はデフォルトの50% */
/************************************************************/
.table_box{
	display:table;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	vertical-align:top;
}
.table_item{
	display:table-cell;
	max-width:800px;
	width:50%;
	box-sizing:border-box;
	vertical-align:top;
}
/***テーブル処理設定（共通）******************************END***/


/***HELPページ設定************************************START***/
.supportbg{
	max-width:800px;
	width:100%;
	background-color:#bc1526;
	background-image: url("/assets/img/site/sp/480/all/top/bg_common.png");
	color:#ffffff;
}
.support_title{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:800px;
	width:100%;
	padding:2%;
	text-align:center;
}
.support_body{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:800px;
	width:100%;
	padding:2%;
	text-align:left;
}
/***HELPページ設定**************************************END***/


/***Footer設定****************************************START***/
.footerbg{
	max-width:800px;
	width:100%;
	text-align:center;
	background-color:#2b69b3;
	background-image: url(" ");
	color:#ffffff;
	font-size:1.2rem;
}
.footer_menu_box{
	display:table;
	max-width:800px;
	width:100%;
}
.footer_menu_item{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0%;
	display:table-cell;
	max-width:800px;
	width:50%;
}
/***Footer設定******************************************END***/


/***装飾系*******************************************START***/
.outline{
	font-size:1.0rem;
	filter:dropshadow(color=#ffffff,offX= 0,offY=-1)
	dropshadow(color=#ffffff,offX= 1,offY= 0)
	dropshadow(color=#ffffff,offX= 0,offY= 1)
	dropshadow(color=#ffffff,offX=-1,offY= 0);
	-webkit-text-stroke-color: #ffffff;
	-webkit-text-stroke-width: 1px;
	text-shadow: #e50012 1px 1px 0px, #e50012 -1px 1px 0px, #e50012 1px -1px 0px, #e50012 -1px -1px 0px;
}
.radius_all{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
/***装飾系*********************************************END***/


.container{
margin:0 auto;
}