@charset "utf-8";

/* PC用 */

/*表示切り替え*/
.pc_view{
	display: block;
}
.sp_view{
	display: none;
}
.pc_float{
	float:left;
}
.sp_float{
	float: none;
}

/*基本サイズ*/

body {
	width: 100%;
	min-width:1000px;
	height:100%;
	font-size:14px;
	line-height:1.3em;
}

/*コンテンツ*/
.content{
	width:100%;
	height: -webkit-calc(100% - 60px) ;
	height: calc(100% - 60px) ;
	margin:0px auto 0px 0px ;
}

.content_login{
	width:100%;
	height: -webkit-calc(100% - 60px) ;
	height: calc(100% - 60px) ;
	margin:0px auto 0px 0px ;
}


/*カラム*/

#column01{
	width:300px;
	height:100%;
	padding:10px;
	box-sizing: border-box;
	float:left;
	overflow-y: scroll;
}

#column02{
	width:300px;
	height:100%;
	padding:10px;
	box-sizing: border-box;
	float:left;
	overflow-y: scroll;
}

#column03{
	width: -webkit-calc(100% - 500px) ;
	width: calc(100% - 600px) ;
	height:100%;
	padding:10px;
	box-sizing: border-box;
	float:left;
	overflow-y: scroll;
}

#column04{
	height:100%;
	padding:10px;
	box-sizing: border-box;
}

/*ヘッダー*/
header{
	width:100%;
	height:40px;
	padding:0px;
}
.h_logo{
	height:30px;
	padding:5px 0px 0px 13px ;
}
.account{
	padding:12px 12px 0px 0px ;
	top:0px;
	right:3px;
}
.account span{
	font-size:12px;
	display:inline;
}


/*フッター*/

footer{
	margin:0px 0px 0px 0px ;
	text-align:right;
	}
.footer_login{
	}

/*ボタン*/

a.btn {
  -webkit-transition: all 1s cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 1s cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 1s cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 1s cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 1s cubic-bezier(0.390, 0.500, 0.150, 1.360);
  text-decoration: none;
  text-align:center;
  display: inline-block;
  cursor: pointer;
}

.btn_ll {
	font-size:20px;
	line-height:1em;
	border-radius: 3px;
	padding:7px 9px 7px 9px ;
}

.btn_l {
	font-size:20px;
	line-height:1em;
	border-radius: 3px;
	padding:7px 9px 7px 9px ;
}

.btn_m {
	font-size:16px;
	line-height:1em;
	border-radius: 3px;
	padding:7px 9px 7px 9px ;
}

.btn_s {
	font-size:10px;
	line-height:1em;
	border-radius: 3px;
	padding:7px 9px 7px 9px ;
}

.btn_ss {
	font-size:8px;
	line-height:1em;
	border-radius: 3px;
	padding:4px 6px 4px 6px ;
}

/* Q切替 */
.q_kirikae{
	width:100%;
	margin:0px 0px 10px 0px ;
}
.q_kirikae a{
}

.qaview{
	color:#999999;
	margin:30px auto 0 auto;
	text-align:center;
}



/*　YouTubeレスポンシブ設定　*/
.af_youtube{
	width:80%;
	margin:20px auto 0 auto;
}


/*　画像配置　*/
.af_img{
	width:80%;
	margin:20px auto 0 auto;
}


/*　SMS送信　*/

.tel-inp{
	width: 48%;
	box-sizing:border-box;
	margin:1%;
	float:left;
}
.sms_message{
	width: 48%;
	box-sizing:border-box;
	margin:1%;
	float:left;
	text-align:left;
}

/*--テキストエリア（お問い合わせ文）--*/
textarea.ta_01[type="text"] {
  height:260px;
}

textarea.ta_02[type="text"] {
  height:80px;
}

textarea.ta_03[type="text"] {
  height:380px;
}
textarea.ta_04[type="text"] {
  height:200px;
}

/* 付箋　*/
.fusen_box{
	float:left;
	width:33.3%;
	box-sizing: border-box;
	padding:0 0 8px 8px;
}