/* CSS Document */

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
/*ここにcss*/

.main_img_con {
	background: url(images/pc_bg01.png) no-repeat center center;
	box-sizing: border-box;
	height: 300px;
	padding-top: 50px;
	margin-bottom: 100px;
}
.main_img_box {
	margin: 0 auto;
	text-align: center;
	font-size: 2.0em;
	line-height: 1.2em;
	color: #FFF;
	text-shadow: 0 0 4px #000;
}
.contact{
	background:url(images/pc_bg02.png) repeat-x top #ffc68e;
	padding-bottom:120px;
}

.contact_con {
	width: 1000px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 50px 0;
	border: 5px solid #666;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#FFF;
}

/*3項目共通*/
.tel_con, .mail_con{
	margin-bottom:120px;
	padding-top: 70px;
    margin-top: -70px;
}
.pp_con{
	padding-top: 70px;
    margin-top: -70px;
}

.bot_box{
	margin-bottom:30px;
}
.bot_box img{
	margin-right: 40px;
}
.txt_con{
		margin-left:40px;
}
/*------*/



#tab-box ul {
	width: 100%;
	margin-bottom: 25px;
	padding: 0;
	list-style: none;
}
#tab-box ul li {
	margin-right: 40px;
	float: left;
	display: inline;
	font-size: 0;
}
#tab-box ul li a img {
	outline: none;
	border: none;
}
#tab-box div {
	display: none;
	margin-bottom: 30px;
	padding: 20px;
}
.tab_title:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}


/*各項目用CSS*/

.con_tel_01{
	margin-bottom:15px;	
}
.con_tel_02{
	font-size:2.0em;
	margin-bottom:15px;
}
.con_tel_03{
	box-sizing:border-box;
	display:inline-block;
	margin-left:20px;
	padding:20px;
	border:3px solid #276DF1;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/*フォーム*/

.con_form_01 {
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	font-size: 120%;
	padding:25px 0 12px;
	border-bottom: 3px solid #276df1;
	text-align:left;
}


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

/*大タイトル*/
.con_form_01 {
	font-size: 120%;
	padding:25px 0 12px;
	border-bottom: 3px solid #276df1;
}
/*必須イメージ・小タイトル枠*/
.con_form_02{
	width:200px;
	padding:12px 0 12px 90px;
	/*border-bottom: 3px solid #A4DCF4;*/
	vertical-align:middle;
}
.con_form_02a{
	background:url(images/form_01.gif) no-repeat center left;
}
.con_form_02b{
	background:url(images/form_02.gif) no-repeat center left;
}
/*フォーム枠*/
.con_form_03{
	padding:12px;
	/*border-bottom: 3px solid #A4DCF4;*/
}
	

input[type="text"],
textarea,
select{
	font-size:1.2em;
}


/*フォームの長さ*/
/*標準・ドロップダウン・郵便番号*/

.con_form_04a{
	width:500px;
}
.con_form_04b{
	width:510px;
}
.con_form_04c{
	width:90px;
}

/*ボタン*/
.con_form_05{
	text-align:center;
}
.con_form_05 img{
	margin:10px;
}

/*■■■ボタンサイズ■■■*/
/*色などは共通だからmain.cssに記載*/
.button {
  width: 400px;
  height: 60px;
}







/*プライバシーポリシー*/
.pp_01{
	font-size:1.6em;
	font-weight:bold;
	border-bottom:2px solid #333;
	padding-bottom:6px;
	margin-bottom:10px
}

.pp_02{
	font-weight:bold;
	margin-bottom:10px;
}
.pp_03{
	margin-bottom:20px;
	box-sizing:border-box;
	padding-left:20px;
}
.pp_03_ul{
	list-style:decimal;
	padding-left:1.5em;
}


.pp_03 ul, .pp_03 li{
}

.conf{
	text-align:center;
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
/*ここにcss*/

.main_img_con {
	background: url(images/sp_bg01.png) no-repeat center bottom;
	box-sizing: border-box;
	height: 150px;
	padding-top: 30px;
	margin-bottom: 50px;
}
.main_img_box {
	margin: 0 auto;
	text-align: center;
	font-size: 2.0em;
	line-height: 1.2em;
	color: #FFF;
	text-shadow: 0 0 4px #000;
}
.contact{
	background:url(images/pc_bg02.png) repeat-x top #ffc68e;
	padding-bottom:60px;
}

.contact_con {
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10px 2% 0;
	border: 5px solid #666;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#FFF;
}

/*3項目共通*/
.tel_con, .mail_con{
	margin-bottom:60px;
	padding-top: 70px;
    margin-top: -70px;
}
.pp_con{
	padding-top: 70px;
    margin-top: -70px;
}

.bot_box{
	margin-bottom:30px;
}
.bot_box img{
	width:31%;
	margin-right: 2%;
}
.txt_con{
}



/*各項目用CSS*/

.con_tel_01{
	margin-bottom:15px;	
}
.con_tel_02{
	font-size:2.0em;
	margin-bottom:15px;
}
.con_tel_03{
	box-sizing:border-box;
	display:inline-block;
	padding:10px;
	border:3px solid #276DF1;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	font-size:0.8em;
}


/*フォーム*/

.con_form_01 {
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	font-size: 120%;
	padding:25px 0 12px;
	border-bottom: 3px solid #276df1;
	text-align:left;
}

/*table*/
.con_form {
	width:100%;
	margin:0 auto;
}
.con_form th, .con_form td{
 }
.con_form td {
}


/*大タイトル*/
.con_form_01 {
	font-size: 120%;
	padding:25px 0 12px;
	border-bottom: 3px solid #276df1;
}
/*必須イメージ・小タイトル枠*/
.con_form_02{
	width:100%;
    display: block;
	padding:6px 0 6px 80px;
	margin:0;
	font-size: 100%;
}
.con_form_02a{
	background:url(images/form_01.gif) no-repeat center left;
}
.con_form_02b{
	background:url(images/form_02.gif) no-repeat center left;
}
/*フォーム枠*/
.con_form_03{
 	display: block;
	width:100%;
    margin-bottom: 10px;
	padding:12px;
	/*border-bottom: 3px solid #A4DCF4;*/
}
	

input[type="text"],
textarea,
select{
	font-size:1.1em;
}


/*フォームの長さ*/
/*標準・ドロップダウン・郵便番号*/

.con_form_04a{
	width:100%;
}
.con_form_04b{
	width:100%;
}
.con_form_04c{
	width:50%;
}

/*ボタン*/
.con_form_05{
	text-align:center;
}
.con_form_05 img{
	margin:10px;
}

/*■■■ボタンサイズ■■■*/
/*色などは共通だからmain.cssに記載*/
.button {
  width: 90%;
  height: 60px;
}







/*プライバシーポリシー*/
.pp_con{
	font-size:0.8em;
}
.pp_01{
	font-size:1.3em;
	font-weight:bold;
	border-bottom:2px solid #333;
	padding-bottom:6px;
	margin-bottom:10px
}

.pp_02{
	font-weight:bold;
	margin-bottom:10px;
}
.pp_03{
	margin-bottom:20px;
	box-sizing:border-box;
	padding-left:10px;
}
.pp_03_ul{
	list-style:decimal;
	padding-left:1.5em;
}


.pp_03 ul, .pp_03 li{
}

.conf{
	text-align:center;
}

/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/