@charset "UTF-8";
/* CSS Document */
@media only screen and (min-width: 741px) {
	
.inner {
	width: 1024px;
	margin: 0 auto;
}
.sp_cont {
	display: none!important;
}

/*________________________________________________________

ヘッダー
________________________________________________________*/

h1 {
	display: inline-block;
	margin: 0;
	padding: 16px 16px 16px 24px;
	background-color: #FFF;
	vertical-align:  middle;
}
header h2 {
	display: inline-block;
}
.index header h2 {
	margin: 40px 0 0 80px;
	vertical-align: top;
}
nav {
  position: fixed;
  top: 24px;
  right: 0px;
  width: 80px;
  display: block;
  z-index: 104;
}
nav li {
	margin-bottom: 3px;
}
nav li a {
	display: block;
	padding: 16px 0;
	color: #000;
	background-color: rgba(224, 230, 236, .7);
	line-height: 1;
	text-align: center;
	transition: .3s;
}
nav li a:hover {
	background-color: rgba(239,115,23,0.7);
}
nav li a::before {
	display: block;
	margin: 0 auto;
}
.ico_menu::before {
  content: url(../img/cmn/ico_nav_01.png);
}
.ico_about::before {
  content: url(../img/cmn/ico_nav_02.png);
}
.ico_contact::before {
  content: url(../img/cmn/ico_nav_03.png);
}

/*________________________________________________________

	footer
	________________________________________________________
*/
footer {
	padding: 24px 0;
	text-align: center;
}
footer img, address {
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
}
address {
	margin-top: 56px;
}

/*________________________________________________________

	index
	________________________________________________________
*/

.message {
	height: 696px;
	margin-bottom: 40px;
	padding-top: 64px;
	padding-left: 10%;
}

/* メインイメージ
---------------------------------------- */
.mainImg {
	position: relative;
	height: 946px;
	padding-bottom: 48px;
	background-size: cover;
}
.mainImg div {
	width: 1024px;
	margin: 0 auto;
}
.mainImg li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 64px;
}

.txt_lead {
	padding: 80px 0;
	text-align: center;
}

/* Q1〜
---------------------------------------- */

.q1 {
	position: relative;
	height: 600px;
	padding: 32px 0 0 360px;
	background: url(../img/top/img_q1.jpg) top left no-repeat #FFF;
	z-index: 5;
}
.q1, .q2, .q3, .q4, .q5 {
	border: 1px solid #000;
}
.a1, .a2, .a3, .a4, .a5 {
	position: relative;
	margin: -40px -40px 0 40px;
	z-index: 1;
}
.a1 {
	padding: 104px 40px 40px 64px;
}
.a1::after {
	content: "";
	clear: both;
	display: block;
}
.subTxt {
	position: absolute;
	top: 64px;
	right: 40px;
}
.imgA1 {
	margin-top: 48px;
	float: right;
}
.a1 h3 {
	margin-bottom: 40px;
}
.a1 p {
	width: 480px;
}

.q2 {
	position: relative;
	height: 600px;
	margin-top: 80px;
	padding: 280px 0 0 40px;
	background: url(../img/top/img_q2.jpg) top right no-repeat #FFF;
	z-index: 5;
}
.a2 {
	padding: 56px 56px 40px 56px;
}


.q3 {
	position: relative;
	height: 600px;
	margin-top: 80px;
	padding: 120px 40px 40px;
	background: url(../img/top/img_q3.jpg) top left no-repeat #FFF;
	z-index: 5;
}
.q3 h2 {
	margin-left: 260px;
	margin-bottom: 48px;
}
.a3 {
	padding: 56px 56px 40px 56px;
	text-align: center;
}

.q4 {
	position: relative;
	margin-top: 80px;
	padding: 24px 40px 56px 40px;
	background-color: #FFF;
	z-index: 5;
}
.q4 h2, .q4 h3 {
	text-align: center;
}
.q4 ul {
	margin: 48px 0 32px 0;
}
.q4 li {
	display: inline-block;
	vertical-align: top;
	width: 408px;
	margin: 0 28px;
}
.q4 p {
	margin-left: 280px;
}
.a4 {
	padding: 56px 56px 40px 56px;
	background: url(../img/top/img_a4.jpg) 90% 120px no-repeat #e3f3fb;
}
.a4 h3 {
	margin-bottom: 48px;
}

.answer_is {
	width: 920px;
	margin: 56px auto 40px auto;
	padding: 40px 0;
	text-align: center;
	font-size: 160%;
	background-image: url(../img/top/img_kaiketsu_01.png), url(../img/top/img_kaiketsu_02.png);
	background-position: left 50%, right 50%;
	background-repeat: no-repeat, no-repeat;
}

.q5 {
	position: relative;
	padding: 56px 40px 40px;
	background: url(../img/top/img_q5.jpg) 32px 96px no-repeat #FFF;
	z-index: 5;
}
.q5 h2 {
	margin: 0 0 180px 280px;
}
.a5 {
	margin-bottom: 56px;
	padding: 56px 56px 40px 56px;
}
.a5 h3 {
	margin-bottom: 0;
}
.a5 p {
	margin-left: 512px;
	margin-top: -16px;
}

/* その答えは
---------------------------------------- */

.answer h2 {
	margin-bottom: 40px;
}
.answer {
	height: 880px;
	margin-bottom: 56px;
}
.answer li {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 56px;
}

.jikkan {
	margin-top: 56px;
}
.jikkan img, .jikkan span {
	display: inline-block;
	vertical-align: middle;
}
.jikkan img {
	margin-right: 24px;
}


/* 使い方
---------------------------------------- */

.howto {
	margin: 80px 0;
	padding: 80px 0;
}
.howtoBox {
	padding: 40px 64px;
}
.howtoBox h2 {
	margin-bottom: 48px;
}
.howtoBox::after {
	content: '';
	clear: both;
	display: block;
}
.howtoList {
	margin-bottom: 40px;
}
.howtoBox h3, .howtoList, .howtoBox p {
	width: 640px;
}
.howtoBox p {
	text-align: center;
}
.flow {
	float: right;
}

/* メニューボタン
---------------------------------------- */
.menuBtn {
	margin-top: 48px;
}
.menuBtn li {
	display: inline-block;
	width: 47%;
}
.menuBtn li:first-child {
	margin-right: 56px;
}
.menuBtn a {
	font-size: 170%;
}

/*________________________________________________________

	下層ページ
	________________________________________________________
*/
.subpage header {
	height:  160px;
}
.subpage h1 {
	height:  152px;
}
.subpage h1 img {
	width: 120px;	
}
.subpage header h2 {
	margin-left: 240px;
	vertical-align: middle;
	font-size:  230%;
	letter-spacing:  .2em;
}
	
.subpage .contents {
	padding: 64px 0;
	text-align: center;
}
.contctBox {
	width:  70%;
	margin-right: auto;
	margin-left: auto;
}

}