@charset "utf-8";

html[lang=ja],
html[lang=ja] body {
	margin-top: 0 !important;
	padding-bottom: 0 !important;
}

#wpadminbar,
.pc-switcher {
	display: none;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/

header {
	width:100%;
	box-sizing: border-box;
	/*position:fixed;
	top:0;
	z-index:100;メニュー固定時*/
}

header div#inner_head {
	width:96%;
	height:70px;
	margin:0 auto;
}

header div#bonusArea {
	width:100%;
	background: #DD2C00;
	margin:0 auto;
}

header div.fixedTop {
	position: fixed;
	top: 0;
	z-index: 100;
}

header p.siteID {
	background: url("../img/logo_blk.svg") left top no-repeat;
	background-size: 210px 31px;
	width: 210px;
	height: 31px;
	margin-top: 20px;
	text-indent: -9999px;
	float: left;
}

header ul {
	float: right;
	margin-top: 15px;
}

header ul li {
	margin-left: 50px;
}

header ul li a {
	font-weight: bold;
	margin-left: 8px;
}

header div#bonusArea div.innerBonus {
	width: 96%;
	height: 80px;
	margin: 0 auto;
	color: #fff;
	position: relative;
}

header div#bonusArea dl {
	padding-top: 10px;
}

header div#bonusArea dl dt {
	background: #fff;
	width: 150px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #B71A1A;
	text-align: center;
	box-shadow: 1px 1px 3px #B70000;
	padding: 5px 0 4px;
	margin-bottom: 5px;
}

header div#bonusArea dl dd,
header div#bonusArea dl div {
	font-size: 1.4rem;
	font-weight: bold;
	text-shadow: 1px 1px 3px #8C0000;
}

header div#bonusArea dl dd span,
header div#bonusArea dl div span {
	font-size: 2rem;
	font-weight: bold;
}

header div#bonusArea dl dd span.yel,
header div#bonusArea dl div span.yel {
	color: #F8F700;
}

header div#bonusArea dl dd.pcmarq {
	display: none;
}

header div#bonusArea p {
	font-size: 1.2rem;
	position: absolute;
	top: 0;
	right: 0;
}

header div#bonusArea p a {
	text-decoration: none;
	color: #fff;
}

.button {
	display: inline-block;
	width: 135px;
	height: 22px;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	outline: none;
	position: absolute;
	top: 10px;
	right: 0;

}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}

.button span {
	display: block;
	position: absolute;
	width: 135px;
	height: 28px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}

.button span:nth-child(1) {
	background-color: #fff;
	color: #E02500;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -14px;
	-moz-transform-origin: 50% 50% -14px;
	transform-origin: 50% 50% -14px;
}

.button span:nth-child(2) {
	font-weight: bold;
	color: #fff;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -14px;
	-moz-transform-origin: 50% 50% -14px;
	transform-origin: 50% 50% -14px;
}

.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.button:hover span:nth-child(2) {
	background-color: #fff;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/

div#container {
	width:100%;
	margin:0 auto;
}

div#container div.contents section {
	width:94%;/*１．コンテンツの幅を指定*/
	margin:0 auto;
	position:relative;
}


div.one_third,
div.one_third_left,
div.one_third_right,
div.two_third_left,
div.two_third_right {
	width:100%;
}

/*------------------------------------------------------------
	CONTENTS
------------------------------------------------------------*/

div#mainVis {
	background: url("../img/bg_main.png") left top repeat;
}

h1 {
	background: url("../img/line_yel.png") left bottom repeat-x;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

div#mainVis ul {
	margin-bottom: 20px;
}

div#mainVis ul li {
	background: #fff;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	color: #D82400;
	text-align: center;
	border: 8px solid #D92400;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	padding: 10px 8px 8px;
	float: left;
}

div#mainVis div.grid {
	background: url("../img/img_main.png") center 650px no-repeat;
	background-size: 320px 390.5px;
	margin: 0 auto;
	padding: 20px 2%;
	box-sizing: border-box;
}

p.subTtl {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;	
}

h2 {
	background: url("../img/line_yel.png") left bottom repeat-x;
	font-size: 5rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 350px;
}

h2 img {
	width: 90%;
	height: auto;
	margin-bottom: -10px;
	/*margin: 0 0 10px 0;*/
}


div#mainVis div.infoBox {
	background: #fff;
	box-shadow: 1px 0 3px #aaa;
	position: relative;
}

div#mainVis div.infoBox img {
	position: absolute;
	top: -10px;
	right: 0;
}

div#mainVis div.infoBox h3 {
	background: url("../img/bg_h4.png") left top repeat;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	height: 45px;
	line-height: 45px;
	padding-left: 5px;
}

div#mainVis div.infoBox div.btn01 {
	background: #D42900;
	width: 92%;
	height: 77px;
	color: #fff;
	text-align: center;
	margin: 20px 4% 0;
	box-sizing: border-box;
	float: left;
	position: relative;
	box-shadow: 0 3px 0 #A81818;
	-webkit-transition: none;
	transition: none;
	border-radius: 4px;
}

div#mainVis div.infoBox div.btn01:hover {
	background: #E02500;
	box-shadow: 0 3px 0 #A81818;
}

div#mainVis div.infoBox div.btn01:active {
	top: 3px;
	box-shadow: none;
}

div#mainVis div.infoBox div.btn01 span {
	color: #F8F700;
	font-weight: bold;
}


div#mainVis div.infoBox div.btn01 dl dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 12px 0 5px;
}

div#mainVis div.infoBox div.btn01 dl dd {
	margin-top: 24px;
	font-size: 2.2rem;
	font-weight: bold;
}

div#mainVis div.infoBox div.btn02 {
	border: 1px solid #999;
	width: 92%;
	border-radius: 3px;
	height: 80px;
	margin: 20px 4%;
	text-align: center;
	box-sizing: border-box;
	float: left;
}

div#mainVis div.infoBox div.btn02 dl dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 12px 0 5px;
}

div#mainVis div.infoBox div.btn02 dl dd {
	font-size: 2.2rem;
	font-weight: bold;
}

/*FEATURE TTL*/
div#ttlFeat {
	background: url("../img/bg_ttl.png") left top repeat;
	padding: 10px 0 0 0;
}

div#ttlFeat div.grid {
	background: url("../img/bg_featttl.png") center 320px no-repeat;
	background-size: 70%;
	height: 600px;
}

div#ttlFeat div.grid div.innerTtl {
	text-align: center;
}

div#ttlFeat div.grid img {
}

div#ttlFeat div.grid p {
	font-size: 3.2rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.28;
	text-shadow: 1px 1px 3px #8C0000;
}

div#ttlFeat div.grid p span {
	font-weight: bold;
	color: #F8F700;
}

/*FEATURE CONTS*/
div#contsFeat {
	background: #eee url("../img/bg_arrow.png") center top no-repeat;
	padding: 80px 0 60px;
	min-height: 100px;
}

div#contsFeat div.one_third {
	background: #fff;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	box-shadow: 1px 0 3px #aaa;
	padding-bottom: 15px;
}

div#contsFeat div.one_third:last-child {
	margin-bottom: 0;
}

div#contsFeat div.one_third h4 {
	background: url("../img/bg_h4.png") left top repeat;
	font-size:1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	padding: 6px 0 4px;
	margin-bottom: 15px;
}

div#contsFeat div.one_third p.kaukauis {
	margin: 15px 0 10px 5px;
	float: left;
	text-align: left;
}

div#contsFeat div.one_third p.kaukauis img {
	margin: 0 5px 0 3px;
}

div#contsFeat div.one_third p.point {
	font-size: 2.6rem;
	font-weight: bold;
	color: #DD2C00;
	line-height: 1;
	background: url("../img/line_pnk.jpg") left bottom repeat-x;
	float: left;
	text-align: left;
	margin-left: 5px;
}

div#contsFeat div.one_third ol {
	clear: both;
	border-top:1px solid #ccc;
	margin: 15px;
	padding-top: 20px;
	box-sizing: border-box;
	position: relative;
}

div#contsFeat div.one_third ol:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #ccc;
}

div#contsFeat div.one_third ol:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #fff;
}

div#contsFeat div.one_third ol li {
	font-size: 1.3rem;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 10px;
}

div#contsFeat div.one_third img.kauchan {
	position: absolute;
	top: 275px;
	right: 20px;
}

div#contsFeat div.one_third div.reasonBox {
	background: #FBE9E7 url("../img/bg_flower.png") right 10px no-repeat;
	font-size: 1.5rem;
	line-height: 1.8;
	text-align: left;
	height: 126px;
	box-sizing: border-box;
	margin: 15px 15px 0;
	padding: 25px 15px 20px;
	position: relative;
}

div#contsFeat div.one_third div.reasonBox img {
	position: absolute;
	top: -78px;
	left: -14px;
}
	

div#contsFeat div.one_third div.reasonBox p span {
	text-decoration: underline;
	font-weight: bold;
}

/*CONTACT*/
div#ttlContact {
	background: url("../img/bg_ttl.png") left top repeat;
	padding: 40px 0 20px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}

div#ttlContact dl dt {
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 1px 1px 3px #8C0000;
}

div#ttlContact dl dd {
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 1px 1px 3px #8C0000;
}

div#ttlContact dl dd span {
	font-size: 3rem;
	font-weight: bold;
}

div#ttlContact dl dd span.yel {
	color: #F8F700;
}

div#contsContact {
	background: url("../img/bg_arrow.png") center top no-repeat;
	padding: 70px 0 60px;
}

div#contsContact dl.introContact {
	width: 100%;
	font-weight: bold;
	margin: 0 auto 20px;
	text-align: center;
}

div#contsContact dl.introContact dt {
	background: #D42900;
	width: 280px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 3px;
	margin: 0 auto 30px;
}

div#contsContact dl.introContact dd {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
}

div#contsContact div.formArea {
	background: #F3F3F3 url("../img/bg_arrow2.png") center top no-repeat;
	width: 100%;
	margin: 0 auto;
	padding: 60px 4% 40px;
	box-sizing: border-box;
	text-align: center;
}

div#contsContact div.formArea p.notice {
	font-size: 1.1rem;
	font-weight: bold;
	color: #000;
	text-align: center;
	border: 3px solid #fff;
	padding: 6px 0 4px;
	margin-bottom: 30px;
}

div#contsContact div.formArea table {
	width: 100%;
	text-align: left;
	margin: 0 auto 20px;
	box-sizing: border-box;
}

div#contsContact div.formArea table th {
	width: 100%;
	font-weight: bold;
	padding: 5px 2%;
	box-sizing: border-box;
	vertical-align: middle;
}

div#contsContact div.formArea table td {
	width: 100%;
	padding: 0 0 15px;
	box-sizing: border-box;
}

div#contsContact div.formArea table td input.text {
	width: 95%;
	padding: 8px 2%;
	border: 1px solid #ccc;
	border-radius: 0;
    -webkit-appearance: none;
}

div#contsContact div.formArea table td textarea {
	width: 96%;
	height: 100px;
	padding: 8px 2%;
	border: 1px solid #ccc;
	border-radius: 0;
    -webkit-appearance: none;
	
}

.customSelect { 
	width: 97%;
	border: 1px solid #ccc;
	background: #eee url("../img/arrow_form.png") 96% 15px no-repeat;
	background-size: 10px 10px;
	padding: 8px 0 8px 3%;
}
 
.customSelect.customSelectHover {
/* マウスホバー時 */
}
 
.customSelect.customSelectOpen {
/* プルダウンメニューがオープンしている時 */
}
 
.customSelect.customSelectFocus {
/* プルダウンメニューがフォーカスされている時 */
}
 
.customSelectInner {
/* プルダウンメニューの内側 */
}

div#contsContact div.formArea input[type=submit] {
	max-width: 300px;
}

input[type=submit].sendBtn {
	background: #D42900;
	width: 92%;
	height: 60px;
	font-size: 1.6rem;
	font-weight: bold;
	border: none;
	color: #fff;
	text-align: center;
	margin: 0 4% 0;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0 3px 0 #A81818;
	-webkit-transition: none;
	transition: none;
	border-radius: 4px;
}

input[type=submit].sendBtn:hover {
	background: #E02500;
	box-shadow: 0 3px 0 #A81818;
}

input[type=submit].sendBtn:active {
	top: 3px;
	box-shadow: none;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

footer {
	width:100%;
}

footer div#inner_foot {
	border-top:1px solid #ccc;
	width:96%;
	padding-top: 20px;
	margin:0 auto;
	text-align: center;
}

footer div#inner_foot ul {
	margin-bottom: 40px;
	font-size: 1.2rem;
}

footer div#inner_foot ul li {
	position: relative;
}

footer div#inner_foot ul li a {
	display: block;
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: left;
	text-decoration: none;
	padding: 10px;
}

footer div#inner_foot ul li a:after {
	position: absolute;
	right: 10px;
	content: ">"
}

footer div#inner_foot ul li:last-child a {
	border-bottom: 1px solid #ccc;
}


footer div#inner_foot address {
	font-size: 1.2rem;
	margin-bottom: 40px;
}


/*------------------------------------------------------------
	スマホ（ランドスケープ）＆ファブレット
------------------------------------------------------------*/

@media only screen and (min-width: 481px) {


}/* END ファブレット*/

/*------------------------------------------------------------
	タブレット
------------------------------------------------------------*/

@media only screen and (min-width: 641px) {



div.one_third,
div.one_third_left,
div.one_third_right {
	width:32%;
	float: left;
}

div.one_third,
div.one_third_left {
	margin-right:2%;
}

div.one_third:nth-child(3n) {
	margin-right:0;
}


}/* END タブレット*/

/*------------------------------------------------------------
	PC
------------------------------------------------------------*/
@media only screen and (min-width: 641px) {
	
header div#inner_head {
	width:1000px;
}

header ul {
	margin-top: 20px;
}

header ul li {
	display: inline-block;
	line-height: 30px;
}

header div#bonusArea {
	height: 48px;
}

header div#bonusArea div.innerBonus {
	width: 1000px;
}

header div#bonusArea dl {
	padding-top: 0;
}

header div#bonusArea dl dt {
	font-size: 1.2rem;
	width: 60px;
	font-weight: bold;
	background: #fff;
	color: #B71A1A;
	box-shadow: 1px 1px 3px #B70000;
	padding: 5px 10px 4px;
	margin-top: 9px;
	margin-right: 20px;
	float: left;
}


header div#bonusArea dl dd {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 48px;
	text-shadow: 1px 1px 3px #8C0000;
}

header div#bonusArea dl dd.pcmarq {
	display: block;
}

header div#bonusArea dl div {
	display: none;
}



	
div#container div.contents section {
	width:1000px; /*１．コンテンツの幅を指定*/
}


/*MAIN*/
h1 {
	width: 570px;
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: 20px;
}

div#mainVis ul {
	margin-bottom: 30px;
}

div#mainVis ul li {
	width: 180px;
	height: 100px;
	margin: 0 15px 0 0;
	font-size: 1.4rem;
}

div#mainVis ul li:last-child {
	margin-right: 0;
}

div#mainVis div.grid {
	width: 1040px;
	background: url("../img/img_main.png") right 30px no-repeat;
	background-size: 449px 548px;
	margin: 0 auto;
	padding: 20px 2%;
	box-sizing: border-box;
	padding: 50px 0 50px 20px;
}

p.subTtl {
	font-size: 1.6rem;
	margin-bottom: 20px;
	text-align: left;
}

h2 {
	width: 540px;
	text-align: left;
	margin-bottom: 20px;
	line-height: 0.8;
}

h2 img {
	width: 320px;
	height: auto;
	margin: 0 10px 0 0;
}

div#mainVis div.infoBox {
	width: 600px;
}

div#mainVis div.infoBox img {
	position: absolute;
	top: -10px;
	right: 30px;
}

div#mainVis div.infoBox h3 {
	font-size: 1.4rem;
	text-align: center;
	padding-left: 0;
}

div#mainVis div.infoBox div.btn01 {
	width: 300px;
	margin: 20px 15px;
}

div#mainVis div.infoBox div.btn02 {
	width: 255px;
	margin: 20px 0 20px;
}

/*FEATURE TTL*/
div#ttlFeat {
	background: url("../img/bg_ttl.png") left top repeat;
	height: 205px;
	padding: 0;
}

div#ttlFeat div.grid {
	background: url("../img/bg_featttl.png") right -115px no-repeat;
	height: 205px;
}

div#ttlFeat div.grid div.innerTtl {
	padding-top: 35px;
	text-align: left;
}

div#ttlFeat div.grid img {
	float: left;
}

div#ttlFeat div.grid p {
	margin-top: 40px;
}




/*Featureエリア*/

div#contsFeat div.one_third {
	margin-bottom: 0;
}

div#contsFeat div.one_third ol {
	height: 160px;
}

div#contsFeat div.one_third ol.feat01 {
	padding-top: 35px;
}

div#contsFeat div.one_third img.kauchan {
	position: absolute;
	top: 350px;
	right: 20px;
}


div#contsFeat div.one_third ol li {
	font-size: 1.4rem;
}

/*問い合わせエリア*/

div#ttlContact {
	padding: 50px 0 30px;
}

div#ttlContact dl dt {
	margin-bottom: 30px;
}

div#contsContact {
	padding: 80px 0 60px;
}

div#contsContact dl.introContact {
	width: 600px;
	margin: 0 auto 30px;
}

div#contsContact dl.introContact dt {
	font-size: 1.4rem;
	padding: 5px 5px 3px;
}

div#contsContact dl.introContact dd img {
	margin-right: 5px;
}

/*フォーム*/
div#contsContact div.formArea {
	width: 800px;
}

div#contsContact div.formArea p.notice {
	font-size: 1.2rem;
	margin-bottom: 40px;
}

div#contsContact div.formArea table {
	width: 600px;
}

div#contsContact div.formArea table th {
	width: 230px;
	padding: 15px 10px;
	text-align: left;
	box-sizing: border-box;
}

div#contsContact div.formArea table td {
	width: 380px;
	padding: 15px 0;
	box-sizing: border-box;
}

div#contsContact div.formArea table td input.text {
	width: 360px;
	padding: 8px 10px;
}

div#contsContact div.formArea table td textarea {
	width: 360px;
	height: 100px;
	padding: 8px 10px;
}

.customSelect { 
	width: 360px;
	padding: 8px 10px;
}


div#contsContact div.formArea input[type=submit] {
	width: 300px;
}


footer div#inner_foot {
	width:1040px;
}

footer div#inner_foot ul li {
	display: inline-block;
	border: none;
}

footer div#inner_foot ul li a {
	border: none;
	padding: 0;
	margin: 0 20px 0 10px;
}

footer div#inner_foot ul li a:after {
	content: "|";
	right: 0;
}

footer div#inner_foot ul li:last-child a {
	border: none;
}

footer div#inner_foot ul li:last-child a:after {
	content: none;
}



}/* END PC*/