@charset "utf-8";

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	background: #000000;
}
a { text-decoration:none; }
ul { list-style-type:none; }

/* header --------------------------------- */

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	#header_wrap {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#header {
		clear: both;
		width: 950px;
		height: 70px;
		margin: 0 auto;
		padding: 10px 0 0 0;
	}
	#header #logo_image {
		float: left;
		margin: 20px 0 0 0;
		padding: 0;
	}
	#header #logo_image img {
		width: 250px;
		height: auto;
	}
	#header .kakeru {
		float: left;
		font-size: 18px;
		font-weight: bold;
		margin: 30px 10px 0 10px;
	}
	#header #sub_image {
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#header #sub_image img {
		width: 90px;
		height: auto;
	}
	#header .description {
		float: left;
		font-size: 23px;
		font-weight: bold;
		margin: 25px 0 0 15px;
	}
	#header #btn {
		float: right;
		margin: 10px 0 0 0;
	}
	#header #btn_sp { display:none; }
	#header #btn a {
		display: block;
		width: 220px;
		font-size: 16px;
		line-height: 50px;
		color: #fff;
		text-align: center;
		background: #d30000;
		border-radius: 5px;
	}
	#header #btn a:hover, #header #tel a:hover {
		background: #970000;
	}
	#header #tel {
		float: right;
		font-size: 25px;
		font-weight: bold;
		line-height: 50px;
		color: #d30000;
		text-align: center;
		margin: 10px 20px 0 0;
	}
	#header #tel_sp { display:none; }
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#header_wrap {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#header {
		clear: both;
		width: 950px;
		height: 70px;
		margin: 0 auto;
		padding: 10px 0 0 0;
	}
	#header #logo_image {
		float: left;
		margin: 20px 0 0 0;
		padding: 0;
	}
	#header #logo_image img {
		width: 250px;
		height: auto;
	}
	#header .kakeru {
		float: left;
		font-size: 18px;
		font-weight: bold;
		margin: 30px 10px 0 10px;
	}
	#header #sub_image {
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#header #sub_image img {
		width: 90px;
		height: auto;
	}
	#header .description {
		float: left;
		font-size: 23px;
		font-weight: bold;
		margin: 25px 0 0 15px;
	}
	#header #btn {
		float: right;
		margin: 10px 0 0 0;
	}
	#header #btn_sp { display:none; }
	#header #btn a {
		display: block;
		width: 220px;
		font-size: 16px;
		line-height: 50px;
		color: #fff;
		text-align: center;
		background: #d30000;
		border-radius: 5px;
	}
	#header #btn a:hover, #header #tel a:hover {
		background: #970000;
	}
	#header #tel {
		float: right;
		font-size: 25px;
		font-weight: bold;
		line-height: 50px;
		color: #d30000;
		text-align: center;
		margin: 10px 20px 0 0;
	}
	#header #tel_sp { display:none; }
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#header_wrap {
		width: 100%;
		top: 0;
		margin: 0;
		padding: 0;
	}
	#header {
		clear: both;
		width: 100%;
		height: 60px;
		margin: 0 auto;
		padding: 0;
	}
	#header #logo_image {
		float: left;
		margin: 20px 0 0 10px;
		padding: 0;
	}
	#header #logo_image img {
		width: 170px;
		height: auto;
	}
	#header .kakeru {
		float: left;
		font-size: 18px;
		font-weight: bold;
		margin: 20px 5px 0 5px;
	}
	#header #sub_image {
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#header #sub_image img {
		width: 60px;
		height: auto;
	}
	#header .description { display:none; }
	#header #btn_sp {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#header #tel_sp {
		position: absolute;
		top: 10px;
		right: 60px;
	}
	#header #tel_sp a, #header #btn_sp a {
		display: block;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		border-radius: 5px;
	}
	#header #tel_sp a {
		background: #d30000 url(images/tel.png) no-repeat center center;
		background-size: 27px auto;
	}
	#header #btn_sp a {
		background: #d30000 url(images/mail.png) no-repeat center center;
		background-size: 25px auto;
	}
	#header #tel_sp a:hover, #header #btn_sp a:hover {
		background-color: #970000;
	}
	#header #tel, #header #btn { display:none; }
}

/* contents --------------------------------- */

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	#contents {
		clear: both;
		width: 100%;
		color: #fff;
		margin: 0;
		padding: 0;
	}
	#contents .inner {
		width: 950px;
		margin: 0 auto;
		padding: 40px 0;
	}
	#contents .inner2 {
		width: 950px;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	#contents p {
		font-size: 16px;
		line-height: 1.7;
		text-align: center;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#contents {
		clear: both;
		width: 100%;
		color: #fff;
		margin: 0;
		padding: 0;
	}
	#contents .inner {
		width: 950px;
		margin: 0 auto;
		padding: 40px 0;
	}
	#contents .inner2 {
		width: 950px;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	#contents p {
		font-size: 16px;
		line-height: 1.7;
		text-align: center;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#contents {
		clear: both;
		width: 100%;
		color: #fff;
		margin: 0;
		padding: 0;
	}
	#contents .inner {
		width: 90%;
		margin: 0 auto;
		padding: 40px 0;
	}
	#contents .inner2 {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}
	#contents p {
		font-size: 13px;
		line-height: 1.5;
		text-align: center;
	}
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	/* h */
	#contents h1 {
		font-size: 55px;
		text-align: center;
	}
	#contents h2 {
		font-size: 40px;
		text-align: center;
	}
	#contents h3 {
		font-size: 23px;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* h */
	#contents h1 {
		font-size: 55px;
		text-align: center;
	}
	#contents h2 {
		font-size: 40px;
		text-align: center;
	}
	#contents h3 {
		font-size: 23px;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* h */
	#contents h1 {
		font-size: 33px;
		text-align: center;
		line-height: 1.3;
	}
	#contents h2 {
		font-size: 20px;
		text-align: center;
	}
	#contents h3 {
		font-size: 18px;
	}
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	/* intro */
	#contents .intro {
		width: 100%;
		color: #000;
		padding: 0 0 0 0;
		/*text-shadow: 1px 1px 0px #fff;*/
		text-shadow: 1px 1px 1px #fff,
			-1px 1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff;
		background: url(images/bg_intro.jpg) no-repeat center center;
	}
	#contents .intro p {
		color: #000;
		font-weight: bold;
		/*text-shadow: 1px 1px 0px #fff;*/
		text-shadow: 1px 1px 1px #fff,
			-1px 1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff;
	}
	#contents .intro .description_sp { display:none; }
	#contents .intro .main_column ul {
		width: 1000px;
		margin: 50px auto 0 auto;
		padding: 0;
		overflow: hidden;
	}
	#contents .intro .main_column ul li {
		float: left;
		width: 300px;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		text-shadow: none;
		margin: 0 50px 0 0;
		padding: 15px 0;
		background: #e00102;
		border-radius: 10px;
		color: #fff;
		text-shadow: 1px 1px 0px #000;
	}
	#contents .intro .main_column ul li:last-child {
		margin: 0;
	}
	#contents .btn_area .btn {
		width: 500px;
		text-shadow: 0 0 0 #fff;
		margin: 0 auto;
	}
	#contents .btn_area .btn a {
		display: block;
		width: 500px;
		font-size: 20px;
		line-height: 70px;
		color: #fff;
		text-align: center;
		background: #d30000;
		border-radius: 5px;
	}
	#contents .btn_area .btn a:hover {
		background: #970000;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* intro */
	#contents .intro {
		width: 100%;
		color: #000;
		padding: 0 0 0 0;
		/*text-shadow: 1px 1px 0px #fff;*/
		text-shadow: 1px 1px 1px #fff,
			-1px 1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff;
		background: url(images/bg_intro.jpg) no-repeat center center;
	}
	#contents .intro p {
		color: #000;
		font-weight: bold;
		/*text-shadow: 1px 1px 0px #fff;*/
		text-shadow: 1px 1px 1px #fff,
			-1px 1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff;
	}
	#contents .intro .description_sp { display:none; }
	#contents .intro .main_column ul {
		width: 1000px;
		margin: 50px auto 0 auto;
		padding: 0;
		overflow: hidden;
	}
	#contents .intro .main_column ul li {
		float: left;
		width: 300px;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		text-shadow: none;
		margin: 0 50px 0 0;
		padding: 15px 0;
		background: #e00102;
		border-radius: 10px;
		color: #fff;
		text-shadow: 1px 1px 0px #000;
	}
	#contents .intro .main_column ul li:last-child {
		margin: 0;
	}
	#contents .btn_area .btn {
		width: 500px;
		text-shadow: 0 0 0 #fff;
		margin: 0 auto;
	}
	#contents .btn_area .btn a {
		display: block;
		width: 500px;
		font-size: 20px;
		line-height: 70px;
		color: #fff;
		text-align: center;
		background: #d30000;
		border-radius: 5px;
	}
	#contents .btn_area .btn a:hover {
		background: #970000;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* intro */
	#contents .intro {
		width: 100%;
		color: #000;
		padding: 30px 0 0 0;
		/*text-shadow: 1px 1px 0px #fff;*/
		text-shadow: 1px 1px 1px #fff,
			-1px 1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff;
		background: url(images/bg_intro_sp.jpg) no-repeat center center;
		background-size: auto 100%;
	}
	#contents h1 span { display:block; }
	#contents p span { display:block; }
	#contents .intro p {
		color: #000;
		font-weight: bold;
		/*text-shadow: 1px 1px 0px #fff;*/
		text-shadow: 1px 1px 1px #fff,
			-1px 1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff;
	}
	#contents .intro .main_column ul {
		width: 90%;
		margin: 20px auto 0 auto;
		padding: 0;
	}
	#contents .intro .main_column ul li {
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 10px 0;
		padding: 10px 0;
		background: #e00102;
		border-radius: 5px;
		color: #fff;
		text-shadow: 1px 1px 0px #000;
	}
	#contents .intro .main_column ul li:last-child {
		margin: 0;
	}
	#contents .btn_area .btn {
		width: 250px;
		text-shadow: 0 0 0 #fff;
		margin: 0 auto;
	}
	#contents .btn_area .btn a {
		display: block;
		width: 250px;
		font-size: 16px;
		line-height: 60px;
		color: #fff;
		text-align: center;
		background: #d30000;
		border-radius: 5px;
	}
	#contents .btn_area .btn a:hover {
		background: #970000;
	}
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	/* promise */
	#contents .promise {
		width: 100%;
		background: #000000 url(images/slash_02.png) repeat center center;
	}

	/* attention */
	#contents .attention {
		width: 100%;
		background: #7b0000 url(images/slash_03.png) repeat center center;
	}
	#contents .attention .box {
		color: #000;
		text-align: left;
		margin: 0 0 30px 0;
		padding: 30px 40px;
		background: #fff;
		border-radius: 10px;
	}
	#contents .attention .box .point {
		font-size: 13px;
		line-height: 1.5;
		color: #e00102;
		text-align: left;
		margin: 15px 0 0 0;
	}

	/* documents */
	#contents .documents {
		clear: both;
		color: #555;
		background: #fff;
	}
	#contents .documents .point {
		width: 700px;
		font-size: 13px;
		color: #e00102;
		text-align: left;
		margin: 0 auto;
	}

	/* step */
	#contents .step {
		width: 100%;
		color: #fff;
		background: #000000 url(images/slash_01.png) repeat center center;
	}

	/* contact */
	#contents .contact {
		width: 100%;
		background: #d30000;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* promise */
	#contents .promise {
		clear: both;
		width: 100%;
		background: #000000 url(images/slash_02.png) repeat center center;
	}

	/* attention */
	#contents .attention {
		width: 100%;
		background: #7b0000 url(images/slash_03.png) repeat center center;
	}
	#contents .attention .box {
		color: #000;
		text-align: left;
		margin: 0 0 30px 0;
		padding: 30px 40px;
		background: #fff;
		border-radius: 10px;
	}
	#contents .attention .box .point {
		font-size: 13px;
		line-height: 1.5;
		color: #e00102;
		text-align: left;
		margin: 15px 0 0 0;
	}

	/* documents */
	#contents .documents {
		clear: both;
		width: 100%;
		color: #555;
		background: #fff;
	}
	#contents .documents .point {
		clear: both;
		width: 700px;
		font-size: 13px;
		color: #e00102;
		text-align: left;
		margin: 0 auto;
	}

	/* step */
	#contents .step {
		clear: both;
		width: 100%;
		color: #fff;
		background: #000000 url(images/slash_01.png) repeat center center;
	}

	/* contact */
	#contents .contact {
		clear: both;
		width: 100%;
		background: #d30000;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* promise */
	#contents .promise {
		clear: both;
		width: 100%;
		background: #000000 url(images/slash_02.png) repeat center center;
	}

	/* attention */
	#contents .attention {
		width: 100%;
		background: #7b0000 url(images/slash_03.png) repeat center center;
	}
	#contents .attention .box {
		width: 84%;
		font-size: 13px;
		color: #000;
		text-align: left;
		margin: 0 auto 20px auto;
		padding: 3%;
		background: #fff;
		border-radius: 10px;
	}
	#contents .attention .box .point {
		font-size: 12px;
		line-height: 1.5;
		color: #e00102;
		text-align: left;
		margin: 15px 0 0 0;
	}

	/* documents */
	#contents .documents {
		clear: both;
		width: 100%;
		color: #555;
		background: #fff;
	}
	#contents .documents .point {
		clear: both;
		width: 90%;
		font-size: 12px;
		color: #e00102;
		text-align: left;
		margin: 0 auto;
	}

	/* step */
	#contents .step {
		clear: both;
		width: 100%;
		color: #fff;
		background: #000000 url(images/slash_03.png) repeat center center;
	}

	/* contact */
	#contents .contact {
		clear: both;
		width: 100%;
		background: #d30000;
	}
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	#contents .contact .contact_box {
		clear: both;
		width: 650px;
		margin: 0 auto;
		padding: 30px 150px 100px 150px;
		background: #fff;
		border-radius: 10px;
	}
	#contents .contact .contact_box h2, #contents .contact .contact_box h3, #contents .contact .contact_box p {
		color: #555;
	}
	#contents .contact .contact_box dl {
		margin: 20px 0 40px 0;
		padding: 0;
	}
	#contents .contact .contact_box dt {
		clear: both;
		float: left;
		text-align: left;
		width: 250px;
		text-align: left;
		margin: 0;
		padding: 10px 0;
		font-size: 16px;
		line-height: 1.5;
		color: #555;
	}
	#contents .contact .contact_box dt span {
		margin: 0 0 0 10px;
		font-size: 13px;
		color: #ff5d70;
	}
	#contents .contact .contact_box dd {
		font-size: 14px;
		line-height: 1.7;
		color: #232323;
		text-align: left;
		margin: 0 0 0 250px;
		padding: 10px 15px;
	}
	#contents .contact .contact_box dd ul {
		margin: 0;
		padding: 0;
	}
	#contents .contact .submit {
		text-align: center;
	}
	#contents .contact .submit button {
		width: 400px;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size: 18px;
		color: #fff;
		padding: 15px 0;
		background: #d30000;
		border: none;
		border-radius: 5px;
	}
	#contents .contact .submit button:hover {
		background: #970000;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#contents .contact .contact_box {
		clear: both;
		width: 845px;
		margin: 0 auto;
		padding: 30px 150px 100px 150px;
		background: #fff;
		border-radius: 10px;
	}
	#contents .contact .contact_box h2, #contents .contact .contact_box h3, #contents .contact .contact_box p {
		color: #555;
	}
	#contents .contact .contact_box dl {
		margin: 50px 0 40px 0;
		padding: 0;
	}
	#contents .contact .contact_box dt {
		clear: both;
		float: left;
		text-align: left;
		width: 250px;
		text-align: left;
		margin: 0;
		padding: 10px 0;
		font-size: 16px;
		line-height: 1.5;
		color: #555;
	}
	#contents .contact .contact_box dt span {
		margin: 0 0 0 10px;
		font-size: 13px;
		color: #ff5d70;
	}
	#contents .contact .contact_box dd {
		font-size: 14px;
		line-height: 1.7;
		color: #232323;
		text-align: left;
		margin: 0 0 0 250px;
		padding: 10px 15px;
	}
	#contents .contact .contact_box dd ul {
		margin: 0;
		padding: 0;
	}
	#contents .contact .submit {
		text-align: center;
	}
	#contents .contact .submit button {
		width: 400px;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size: 18px;
		color: #fff;
		padding: 15px 0;
		background: #d30000;
		border: none;
		border-radius: 5px;
	}
	#contents .contact .submit button:hover {
		background: #970000;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#contents .contact .contact_box {
		clear: both;
		width: 85%;
		margin: 0 auto;
		padding: 20px 5% 50px 5%;
		background: #fff;
		border-radius: 10px;
	}
	#contents .contact .contact_box h2, #contents .contact .contact_box h3, #contents .contact .contact_box p {
		color: #555;
	}
	#contents .contact .contact_box dl {
		margin: 30px 0 20px 0;
		padding: 0;
	}
	#contents .contact .contact_box dt {
		clear: both;
		text-align: center;
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 5px 0;
		font-size: 14px;
		line-height: 1.5;
		color: #555;
	}
	#contents .contact .contact_box dt span {
		margin: 0 0 0 10px;
		font-size: 12px;
		color: #ff5d70;
	}
	#contents .contact .contact_box dd {
		width: 100%;
		font-size: 13px;
		line-height: 1.7;
		color: #232323;
		text-align: left;
		margin: 0;
		padding: 5px 0;
	}
	#contents .contact .contact_box dd input[type="text"],
	#contents .contact .contact_box dd input[type="tel"],
	#contents .contact .contact_box dd input[type="email"] {
		width: 98% !important;
	}
	#contents .contact .contact_box dd.half input[type="text"] {
		width: 40% !important;
	}
	#contents .contact .contact_box dd textarea {
		width: 98% !important;
	}
	#contents .contact .contact_box dd ul {
		margin: 0;
		padding: 0;
	}
	#contents .contact .submit {
		text-align: center;
	}
	#contents .contact .submit button {
		width: 200px;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size: 15px;
		color: #fff;
		padding: 10px 0;
		background: #d30000;
		border: none;
		border-radius: 5px;
	}
	#contents .contact .submit button:hover {
		background: #970000;
	}
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	/* column1 */
	#contents .column1 {
		clear: both;
		margin: 0 0 50px 0;
	}
	#contents .column1 ul {
		width: 800px;
		margin: 0 auto;
	}
	#contents .column1 li {
		width: 100%;
		margin: 10px 0 10px 0;
		background-repeat: no-repeat;
		background-size: 120px auto, auto auto;
	}
	#contents .column1 li:nth-child(odd) {
		margin: 10px 0 10px 0;
		background-position: left top, right center;
	}
	#contents .column1 li:nth-child(even) {
		margin: 10px 0 10px 0;
		background-position: right top, left center;
	}
	#contents .column1 li .ttl {
		font-size: 23px;
		font-weight: bold;
		margin: 0 0 0 0;
	}
	#contents .column1 li .txt {
		font-size: 14px;
		line-height: 1.7;
	}
	/*
	#contents .column1 li:nth-child(1) {
		background-image: url(images/step_01.png), url(images/icon_step_01.png);
	}
	#contents .column1 li:nth-child(2) {
		background-image: url(images/step_02.png), url(images/icon_step_02.png);
	}
	#contents .column1 li:nth-child(3) {
		background-image: url(images/step_03.png), url(images/icon_step_03.png);
	}
	#contents .column1 li:nth-child(4) {
		background-image: url(images/step_04.png), url(images/icon_step_04.png);
	}
	#contents .column1 li:nth-child(5) {
		background-image: url(images/step_05.png), url(images/icon_step_05.png);
	}
	#contents .column1 li:nth-child(6) {
		background-image: url(images/step_06.png), url(images/icon_step_06.png);
	}
	#contents .column1 li:nth-child(7) {
		background-image: url(images/step_07.png), url(images/icon_step_07.png);
	}
	*/
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* column1 */
	#contents .column1 {
		clear: both;
		margin: 0 0 50px 0;
	}
	#contents .column1 ul {
		width: 800px;
		margin: 0 auto;
	}
	#contents .column1 li {
		width: 100%;
		margin: 10px 0 10px 0;
		background-repeat: no-repeat;
		background-size: 120px auto, auto auto;
	}
	#contents .column1 li:nth-child(odd) {
		margin: 10px 0 10px 0;
		background-position: left top, right center;
	}
	#contents .column1 li:nth-child(even) {
		margin: 10px 0 10px 0;
		background-position: right top, left center;
	}
	#contents .column1 li .ttl {
		font-size: 23px;
		font-weight: bold;
		margin: 0 0 0 0;
	}
	#contents .column1 li .txt {
		font-size: 14px;
		line-height: 1.7;
	}
	/*
	#contents .column1 li:nth-child(1) {
		background-image: url(images/step_01.png), url(images/icon_step_01.png);
	}
	#contents .column1 li:nth-child(2) {
		background-image: url(images/step_02.png), url(images/icon_step_02.png);
	}
	#contents .column1 li:nth-child(3) {
		background-image: url(images/step_03.png), url(images/icon_step_03.png);
	}
	#contents .column1 li:nth-child(4) {
		background-image: url(images/step_04.png), url(images/icon_step_04.png);
	}
	#contents .column1 li:nth-child(5) {
		background-image: url(images/step_05.png), url(images/icon_step_05.png);
	}
	#contents .column1 li:nth-child(6) {
		background-image: url(images/step_06.png), url(images/icon_step_06.png);
	}
	#contents .column1 li:nth-child(7) {
		background-image: url(images/step_07.png), url(images/icon_step_07.png);
	}
	*/
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* column1 */
	#contents .column1 {
		clear: both;
		width: 100%;
		margin: 0 0 50px 0;
	}
	#contents .column1 ul {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#contents .column1 li {
		width: 100%;
		margin: 0 0 0 0;
		background-repeat: no-repeat;
		background-size: 13% auto;
	}
	#contents .column1 li:nth-child(odd) {
		padding: 0;
		background-position: left top, right center;
	}
	#contents .column1 li:nth-child(even) {
		padding: 0;
		background-position: right top, left center;
	}
	#contents .column1 li .ttl {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	#contents .column1 li .txt {
		font-size: 13px;
		line-height: 1.5;
	}
	/*
	#contents .column1 li:nth-child(1) {
		background-image: url(images/step_01.png), url(images/icon_step_01.png);
	}
	#contents .column1 li:nth-child(2) {
		background-image: url(images/step_02.png), url(images/icon_step_02.png);
	}
	#contents .column1 li:nth-child(3) {
		background-image: url(images/step_03.png), url(images/icon_step_03.png);
	}
	#contents .column1 li:nth-child(4) {
		background-image: url(images/step_04.png), url(images/icon_step_04.png);
	}
	#contents .column1 li:nth-child(5) {
		background-image: url(images/step_05.png), url(images/icon_step_05.png);
	}
	#contents .column1 li:nth-child(6) {
		background-image: url(images/step_06.png), url(images/icon_step_06.png);
	}
	#contents .column1 li:nth-child(7) {
		background-image: url(images/step_07.png), url(images/icon_step_07.png);
	}
	*/
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	/* column2 */
	#contents .column2 {
		clear: both;
		overflow: hidden;
	}
	#contents .column2 ul {
		width: 1000px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	#contents .column2 li {
		float: left;
		width: 480px;
		margin: 0 40px 0 0;
		padding: 0 0 0 0;
		background-size: 60px auto;
	}
	#contents .column2 li:nth-child(even) {
		margin: 0 0 0 0;
	}
	#contents .column2 li .ttl {
		font-size: 23px;
		font-weight: bold;
		margin: 0 0 15px 0;
	}
	#contents .column2 li .txt {
		font-size: 14px;
		line-height: 1.7;
	}
	/*
	#contents .column2 li.menu_01 { background:url(images/icon_menu_01.png) no-repeat left top;}
	#contents .column2 li.menu_02 { background:url(images/icon_menu_02.png) no-repeat left top;}
	#contents .column2 li.menu_03 { background:url(images/icon_menu_03.png) no-repeat left top;}
	#contents .column2 li.menu_04 { background:url(images/icon_menu_04.png) no-repeat left top;}
	#contents .column2 li.menu_05 { background:url(images/icon_menu_05.png) no-repeat left top;}
	#contents .column2 li.menu_06 { background:url(images/icon_menu_06.png) no-repeat left top;}
	#contents .column2 li.menu_07 { background:url(images/icon_menu_07.png) no-repeat left top;}
	#contents .column2 li.menu_08 { background:url(images/icon_menu_08.png) no-repeat 15px top;}
	#contents .column2 li.menu_09 { background:url(images/icon_menu_09.png) no-repeat left top;}
	#contents .column2 li.menu_10 { background:url(images/icon_menu_10.png) no-repeat left top;}
	#contents .column2 li.menu_11 { background:url(images/icon_menu_11.png) no-repeat left top;}
	*/
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* column2 */
	#contents .column2 {
		clear: both;
		overflow: hidden;
	}
	#contents .column2 ul {
		width: 1000px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	#contents .column2 li {
		float: left;
		width: 480px;
		margin: 0 40px 0 0;
		padding: 0 0 0 0;
		background-size: 60px auto;
	}
	#contents .column2 li:nth-child(even) {
		margin: 0 0 0 0;
	}
	#contents .column2 li .ttl {
		font-size: 23px;
		font-weight: bold;
		margin: 0 0 15px 0;
	}
	#contents .column2 li .txt {
		font-size: 14px;
		line-height: 1.7;
	}
	/*
	#contents .column2 li.menu_01 { background:url(images/icon_menu_01.png) no-repeat left top;}
	#contents .column2 li.menu_02 { background:url(images/icon_menu_02.png) no-repeat left top;}
	#contents .column2 li.menu_03 { background:url(images/icon_menu_03.png) no-repeat left top;}
	#contents .column2 li.menu_04 { background:url(images/icon_menu_04.png) no-repeat left top;}
	#contents .column2 li.menu_05 { background:url(images/icon_menu_05.png) no-repeat left top;}
	#contents .column2 li.menu_06 { background:url(images/icon_menu_06.png) no-repeat left top;}
	#contents .column2 li.menu_07 { background:url(images/icon_menu_07.png) no-repeat left top;}
	#contents .column2 li.menu_08 { background:url(images/icon_menu_08.png) no-repeat 15px top;}
	#contents .column2 li.menu_09 { background:url(images/icon_menu_09.png) no-repeat left top;}
	#contents .column2 li.menu_10 { background:url(images/icon_menu_10.png) no-repeat left top;}
	#contents .column2 li.menu_11 { background:url(images/icon_menu_11.png) no-repeat left top;}
	*/
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* column2 */
	#contents .column2 {
		clear: both;
		overflow: hidden;
	}
	#contents .column2 ul {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#contents .column2 li {
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#contents .column2 li .ttl {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 0 0;
	}
	#contents .column2 li .txt {
		font-size: 13px;
		line-height: 1.5;
	}
	/*
	#contents .column2 li.menu_01 { background:url(images/icon_menu_01.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_02 { background:url(images/icon_menu_02.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_03 { background:url(images/icon_menu_03.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_04 { background:url(images/icon_menu_04.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_05 { background:url(images/icon_menu_05.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_06 { background:url(images/icon_menu_06.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_07 { background:url(images/icon_menu_07.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_08 { background:url(images/icon_menu_08.png) no-repeat 10px top; background-size: 6% auto;}
	#contents .column2 li.menu_09 { background:url(images/icon_menu_09.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_10 { background:url(images/icon_menu_10.png) no-repeat left top; background-size: 13% auto;}
	#contents .column2 li.menu_11 { background:url(images/icon_menu_11.png) no-repeat 5px top; background-size: 9% auto;}
	*/
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1025px) {
	/* column3 */
	#contents .column3 {
		clear: both;
		overflow: hidden;
	}
	#contents .column3 ul {
		width: 950px;
		margin: 0 auto;
		padding: 0;
	}
	#contents .column3 li {
		float: left;
		width: 345px;
		margin: 0 55px 0 0;
		padding: 0;
	}
	#contents .column3 li:nth-child(3n) {
		margin: 0;
	}
	#contents .column3 li .ttl {
		font-size: 23px;
		line-height: 40px;
		margin: 0 0 15px 0;
		padding: 0 0 0 60px;
	}
	#contents .column3 li:nth-child(1) .ttl {
		background: url(images/icon_attention_01.png) no-repeat left center;
	}
	#contents .column3 li:nth-child(2) .ttl {
		background: url(images/icon_attention_02.png) no-repeat left center;
	}
	#contents .column3 li:nth-child(3) .ttl {
		background: url(images/icon_attention_03.png) no-repeat left center;
	}
	#contents .column3 li .txt {
		font-size: 14px;
		line-height: 1.7;
	}
	#contents .column3 li .point {
		font-size: 13px;
		line-height: 1.5;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/* column3 */
	#contents .column3 {
		clear: both;
		overflow: hidden;
	}
	#contents .column3 ul {
		width: 950px;
		margin: 0 auto;
		padding: 0;
	}
	#contents .column3 li {
		float: left;
		width: 345px;
		margin: 0 55px 0 0;
		padding: 0;
	}
	#contents .column3 li:nth-child(3n) {
		margin: 0;
	}
	#contents .column3 li .ttl {
		font-size: 23px;
		line-height: 40px;
		margin: 0 0 15px 0;
		padding: 0 0 0 60px;
	}
	#contents .column3 li:nth-child(1) .ttl {
		background: url(images/icon_attention_01.png) no-repeat left center;
	}
	#contents .column3 li:nth-child(2) .ttl {
		background: url(images/icon_attention_02.png) no-repeat left center;
	}
	#contents .column3 li:nth-child(3) .ttl {
		background: url(images/icon_attention_03.png) no-repeat left center;
	}
	#contents .column3 li .txt {
		font-size: 14px;
		line-height: 1.7;
	}
	#contents .column3 li .point {
		font-size: 13px;
		line-height: 1.5;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* column3 */
	#contents .column3 {
		clear: both;
		overflow: hidden;
	}
	#contents .column3 ul {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	#contents .column3 li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	#contents .column3 li:last-child {
		margin: 0;
	}
	#contents .column3 li .ttl {
		font-size: 18px;
		line-height: 23px;
		margin: 0 0 15px 0;
		padding: 0 0 0 40px;
	}
	#contents .column3 li:nth-child(1) .ttl {
		background: url(images/icon_attention_01.png) no-repeat left center;
		background-size: auto 23px;
	}
	#contents .column3 li:nth-child(2) .ttl {
		background: url(images/icon_attention_02.png) no-repeat left center;
		background-size: 30px auto;
	}
	#contents .column3 li:nth-child(3) .ttl {
		background: url(images/icon_attention_03.png) no-repeat left center;
		background-size: 30px auto;
	}
	#contents .column3 li .txt {
		font-size: 13px;
		line-height: 1.5;
	}
	#contents .column3 li .point {
		font-size: 12px;
		line-height: 1.5;
	}
}

.youtube2 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube2 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}