@media screen and (max-width:640px) {

@charset "Shift_JIS";  

/* ------------------------------------------- CSS Information 
 File Name:      style.css 
 Style Info:     メインスタイリスト 
----------------------------------------------------------- */ 
  
/* ----------------------- Browser Default Initialization */  
html {  
	overflow-y: scroll;  
}  
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,  
pre, form, fieldset, input, textarea, p, blockquote, th, td {  
	margin: 0;  padding: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var  {  
	font-style: normal;  
}  
table   {  
	border-collapse: collapse;  border-spacing: 0;  
}  
caption, th {  
	text-align: left;  
}  
q:before ,q:after   {  
	content: '';  
}  
object, embed   {  
	vertical-align: top;  
}  
legend  {  
	display: none;  
}  
h1, h2, h2, h3, h5, h6  {  
	font-size: 100%;  
}  
img, abbr, acronym, fieldset    {  
	border: 0;  
}  
li  {  
	list-style-type: none;  
}


.pc {
	display: none;
}

.sp {
	display: inline-block ;
}
  
/* ----------------------- Basic Style */  
/* ------------ Font Style */  
body {  
	font-family	: sans-serif;
	background	: #FFF;  
	color		: #000000;  
	line-height	: 150%;  
	text-align	: center;  
	-webkit-text-size-adjust: 100%;
}  
html>/**/body {  
	font-size: 2.8vw;
}  
  
* + html body {  
	font-family: "ＭＳ ゴシック",sans-serif;
}  
  
/* ------------ A Style */  
a:link  {  
	text-decoration	: none;  
	color			: #00F;  
}  
  
a:visited   {  
	text-decoration	: none;  
	color			: #00F;  
}  
  
a:hover {  
	text-decoration	: underline;  
	color			: #00F;  
}  
  
a:active    {  
	text-decoration	: none;  
	color			: #00F;  
}

img {
	margin	: 0	;
	padding	: 0	;
	border	: 0	;
}

.clear {
	clear	: both	;
}

.bold	{
	font-weight	: bold	;
}

.font10 {
	font-size: 10px;
}

.font12 {
	font-size: 12px;
}

.lh12 {
	line-height: 12px;
}

.red {
	color	: #F36	;
}

.orange {
	color	: #ffa60b	;
}



#wrapper {
	width: 100%;
	margin		: 0 auto	;
	background-color	: #ffffff	;
}


/* HEADER */
#header_top {
	background	: url(../images/sp_header_bg.gif) ;
	height		: 20px		;
	background-position	: center	;
}

#header {
	display: none;
}

#header_sp {
	width: 100%;
	margin: 0 ;
	padding: 0 ;
	text-align: left;
	position: relative;
}

.header-note{
    margin-top:2em;
}
#header_sp h1 {
	width: 100%;
	margin: 0;
	padding: 0;
}
#header_sp h1 img {
	max-width: 80%;
	height: auto;
	margin: 0;
}
#header_sp p {
	position: absolute;
	overflow: hidden;
}
#header_sp p.tel_icon {
	top: -13px;
	right: 105px;
}
#header_sp p.mail_icon {
	top: -13px;
	right: 5px;
}

/* MAIN */

#main {
	width		: 100%	;
	margin		: 0 auto	;
	padding: 0;
	text-align	: center		;
}

#main div.main_img img {
	width: 100%;
	margin: 40px auto 0;
	padding: 0;
}

#cont01 img {
	width: 94%;
	margin: 10px auto 0;
	padding: 0 15px;
}


#cont02 {
	margin: 45px auto 0;
	padding: 0;
	background: url(../images/cont2_bg.gif) repeat ;
}

#cont02 div.cont02_in {
	width: 640px;
	margin: 0 auto;
	padding: 0 5px;
}
#cont02 div.cont02_in div {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#cont02 div.cont02_in div p {
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 24px;
	color: #0e3576;
	text-shadow: 1px 1px #ffffff;
	font-weight: bold;
}
div.cont021 p {
	top: 145px;
	left: 40px;
}
div.cont022 p {
	top: 145px;
	left: 55px;
}
div.cont023 p {
	top: 145px;
	left: 70px;
}	
div.cont024 p {
	top: 145px;
	left: 80px;
}

#cont03 ,#cont04 ,#cont05 {
	width: 100%;
	margin: 85px auto 0;
	padding: 0;
}

#cont03 h3 ,#cont04 h3 ,#cont05 h3 {
	color: #0e3576;
	font-size: 40px;
	font-weight: normal;
}
#cont03 hr ,#cont04 hr ,#cont05 hr{
	margin: 12px auto 0;
	border: none;
	border-top: 1px solid #868686;
	border-bottom: 2px solid #dddddd;
}
#cont03 div.cont03_in {
	width: 640px;
	margin: 0 auto;
	padding: 0;
}

#cont03 div.cont03_in div {
	margin: 20px 0 0;
	padding: 0 5px;
	float: left;
}

#cont03 div.cont03_in div p {
	width: 297px;
	height: 240px;
	margin: 0;
	padding: 11px 5px;
	background: #e7e1de;
	font-size: 20px;
	line-height: 150%;
	text-align: left;
}

#cont04 {
	margin-top: 150px;
}

#cont04 div.cont04_in {
	width: 100%;
	margin: 10px auto 0;
	padding: 0;
}

#cont04 div.cont04_in img {
	margin: 0 auto 0;
	padding: 0;
}

#cont05 {
	margin-top: 55px;
}

#cont05 div.cont05_in {
	width: 640px;
	margin: 30px auto 0;
	padding: 0;
	text-align: left;
}

#cont05 div.cont05_in div {
	width: 600px;
	margin: 5px 10px;
	padding: 0 0 70px 20px;
	position: relative;
	background: #f9f9f9;
}
#cont05 div.cont05_in div.cont051 ,#cont05 div.cont05_in div.cont054 {
	padding: 0 0 130px 20px;
}
#cont05 div.cont05_in div.cont055 {
	padding: 0 0 0 20px;
}
#cont05 div.cont05_in div p {
	margin: 0;
	padding: 0;
	position: absolute;
}
div.cont051 p.cont0511 ,div.cont052 p.cont0521 ,div.cont053 p.cont0531 ,div.cont054 p.cont0541 ,div.cont055 p.cont0551 {
	top: 23px;
	left: 160px;
	font-size: 24px;
	color: #0e3576;
	text-shadow: 1px 1px #ffffff;
	font-weight: bold;
	text-align: left;
}
div.cont051 p.cont0512 ,div.cont052 p.cont0522 ,div.cont053 p.cont0532 ,div.cont054 p.cont0542 ,div.cont055 p.cont0552 {
	top: 25px;
	right: 10px;
	font-size: 22px;
	color: #ee9726;
	text-shadow: 1px 1px #ffffff;
	font-weight: bold;
	text-align: right;
}
div.cont051 p.cont0513 {
	top: 80px;
	left: 160px;
	width: 440px;
	text-align: left;
	font-size: 20px;
	line-height: 150%;
	max-height: 999999px;
}

div.cont052 p.cont0521 span ,div.cont053 p.cont0531 span ,div.cont054 p.cont0541 span ,div.cont055 p.cont0551 span {
	font-size: 16px;
	font-weight: normal;
}

div.cont052 p.cont0523 ,div.cont053 p.cont0533 ,div.cont054 p.cont0543 {
	top: 80px;
	left: 160px;
	width: 440px;
	text-align: left;
	font-size: 20px;
	line-height: 150%;
	max-height: 999999px;
}

div.cont054 p.cont0542 span {
	font-size: 16px;
	font-weight: normal;
}

#cont06 {
	width: 635px;
	margin: 110px auto 0;
	padding: 0;
}
#cont06 div.cont061 {
	width: 635px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #0e3576;
}
#cont06 div.cont061_in {
	width: 633px;
	margin: 0 auto;
	padding: 10px 0;
	color: #ffffff;
	background: #0e3576;
	font-size: 28px;
	border: 1px solid #ffffff;
}
#cont06 div.cont062 {
	width: 635px;
	margin: -1px auto 0;
	padding: 0;
	border: 1px solid #0e3576;
	overflow: hidden;
}
#cont06 div.cont064 {
	margin: 25px 0;
	padding: 0 10px;
	float: left;
	border-right: 2px solid #f3eeeb;
}
#cont06 div.cont064 p.cont0641 {
	width: 285px;
	margin: 0;
	padding: 10px 0;
	background: #f3eeeb;
	font-weight: bold;
	font-size: 22px;
}
#cont06 div.cont064 p.cont0642 {
	margin: 15px auto 0;
	padding: 0;
	color: #ee9726;
	font-size: 40px;
}
#cont06 div.cont064 p.cont0643 {
	margin: 10px auto 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
#cont06 div.cont065 {
	margin: 25px 0;
	padding-left: 10px;
	float: left;
}
#cont06 div.cont065 p.cont0651 {
	width: 285px;
	margin: 0;
	padding: 10px 0;
	background: #f3eeeb;
	font-weight: bold;
	font-size: 22px;
}
#cont06 div.cont065 p.cont0652 {
	margin: 10px auto 0;
	padding: 0;
}

#cont07 {
	width: 635px;
	margin: 110px auto 0;
	padding: 0;
}
#cont07 div.cont071 {
	width: 635px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #0e3576;
}
#cont07 div.cont071_in {
	width: 633px;
	margin: 0 auto;
	padding: 10px 0;
	color: #ffffff;
	background: #0e3576;
	font-size: 28px;
	border: 1px solid #ffffff;
}
#cont07 div.cont072 {
	width: 635px;
	margin: -1px auto 0;
	padding: 0;
	border: 1px solid #0e3576;
	overflow: hidden;
}
#cont07 div.cont073 {
	display: inline-block;
	margin: 20px 20px 25px;
	padding: 0;
}
#cont07 div.cont074 {
	display: inline-block;
	margin: 10px 20px;
	padding-right: 20px;
}
#cont07 div.cont074 p.cont0742 {
	margin: 15px auto 0;
	padding: 0;
	color: #ee9726;
	font-size: 40px;
}
#cont07 div.cont074 p.cont0742 a {
	color: #ee9726;
}
#cont07 div.cont074 p.cont0742 a:hover {
	text-decoration: none;
}
#cont07 div.cont074 p.cont0743 {
	margin: 10px auto 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

#cont08 {
	width: 635px;
	margin: 110px auto 0;
	padding: 0;
}
#cont08 div.cont081 {
	width: 635px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #0e3576;
}
#cont08 div.cont081_in {
	width: 633px;
	margin: 0 auto;
	padding: 10px 0;
	color: #ffffff;
	background: #0e3576;
	font-size: 28px;
	border: 1px solid #ffffff;
}
#cont08 div.cont082 {
	width: 637px;
	margin: -1px auto 0;
	padding: 2% 1%;
	box-sizing: border-box;
	/*border: 1px solid #0e3576;*/
	text-align: left;
	overflow: hidden;
}
#cont08 div.cont082 p.form_top {
	margin: 5px 0 0 ;
	padding: 0;
	font-size: 22px;
}
	#cont08 div.cont082 p.form_txt {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 0;
		font-size: 22px;
		color: #ffa60b;
	}
	#cont08 div.cont082 dl,
	#cont08 div.cont082 dt,
	#cont08 div.cont082 dd {
		box-sizing: border-box;
		text-align: left;
	}
	#cont08 div.cont082 dl {
		width: 100%;
		margin: 10px auto 0;
		padding: 0;
		background: #0e3676;
		border: none;
	}

		#cont08 div.cont082 dt {
			width: 100%;
			margin: 0;
			padding: 2% 3%;
			font-size: 24px;
			line-height: 160%;
			color: #fff;
			border-top: 3px solid #7d9dd1;
		}
			#cont08 div.cont082 dt span {
				display: inline-block;
				margin-left: 5px;
				color: #ffa60b;
			}
		#cont08 div.cont082 dd {
			width: 100%;
			margin: 0;
			padding: 2% 0 3%;
			font-size: 24px;
			line-height: 160%;
			background: #fff;
		}
			#cont08 div.cont082 dd.red {
				color: #c20d4d;
			}
			#cont08 div.cont082 dd span.font10 {
				display: block;
				margin: 10px 0 5px;
				font-size: 14px;
				line-height: 140%;
			}
			#cont08 div.cont082 dd div.privacy {
				width: 100%;
				height: 160px;
				margin: 0 auto 0;
				padding: 2% 1%;
				box-sizing: border-box;
				font-size: 14px;
				background: #f3f3f3;
				border: 1px solid #3b3b3b;
				box-sizing: border-box;
				overflow-y: scroll;
			}
				#cont08 div.cont082 dd div.radio {
					width: 100%;
					margin: 10px auto 0;
					padding: 0;
				}
				#cont08 div.cont082 dd div.radio input {
					display: inline-block;
					width: 20px;
					height: 20px;
					margin: 0 5px 0 0;
					padding: 0;
					vertical-align: -2px;
				}

	#name ,#kana ,#telno {
		width: 75%;
		margin: 0;
		padding: 2%;
		font-size: 20px;
		border: 1px solid #3b3b3b;
		background: #f3f3f3;
		box-sizing: border-box;
	}
	#companyname ,#email ,#email_2 ,#web {
		width: 100%;
		margin: 0;
		padding: 2%;
		font-size: 20px;
		border: 1px solid #3b3b3b;
		background: #f3f3f3;
		box-sizing: border-box;
	}
	#message {
		width: 100%;
		height: 120px;
		padding: 2%;
		font-size: 20px;
		border: 1px solid #3b3b3b;
		background: #f3f3f3;
		box-sizing: border-box;
	}


		#contact_btn {
			width: 100%;
			margin: 0 auto;
			padding: 45px 0 0;
			text-align: center;
		}
	
		div.form_btn1 {
			width: 100%;
			display: inline-block;
			margin: 0 auto 0;
			text-align: center;
		}
			div.form_btn1 button {
				display: block;
				width: 80%;
				margin: 10px auto 0;
				padding: 3% 0;
				font-size: 22px;
				line-height: 160%;
				background: linear-gradient(#3258a3, #0d2c75);
				border-radius: 10px;
				color: #fff;
				border: none;
				cursor: pointer;
				transition: 0.2s linear;
			}
		div.form_btn2 {
			width: 100%;
			display: inline-block;
			margin: 0 auto 0;
			text-align: center;
		}
			div.form_btn2 button {
				display: block;
				width: 80%;
				margin: 10px auto 0;
				padding: 3% 0;
				font-size: 22px;
				line-height: 160%;
				background: linear-gradient(#ccc, #bbb);
				border-radius: 10px;
				color: #000;
				border: none;
				cursor: pointer;
				transition: 0.2s linear;
			}


/* フッター */
#fotter {
	width: 100%;
	margin: 50px auto 0;
	background	: #0e3576	;
}

#fotter div.footer_sp {
	width		: 600px	;
	margin		: 30px auto 20px	;
}




}