@charset "Shift_JIS";
/* basic */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
a{
margin:0;
padding:0;
}

header,
footer,
nav{
display:block;
}

img{
border:none;
}

ul,
ol{
list-style:none;
}

em{
font-style:normal;
}

a{
color:#296185;
}

p{
line-height:1.2;
}
.pc {
	display: none;
}
.sp {
	display: inline-block;
}

/* structure */
html{
font-size:100%;
}

body{
font-family: "游ゴシック", "YuGothic-Medium", "YuGo-Medium", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "モトヤLシーダ3等幅", MotoyaLCedar, "メイリオ", Meiryo, sans-serif;
font-size:82.25%;
color: #555555;
}

img{
max-width:100%;
vertical-align: bottom;
}
.cv {
	text-align: center;
	padding: 6.66vw 0 9.33vw;
}
.cv dt {
	font-size: 4.66vw;
	line-height: 1.42;
	font-weight: bold;
	color: #555555;
	text-align: center;
	padding-bottom: 3.33vw;
}
.cv dd {
	width: 91.733vw;
	margin: 0 auto;
}

.atte {
	font-size: 2.4vw;
	line-height: 1;
	color: #888888;
	text-align: right;
	padding: 1.5vw 0;
	margin: 0 2.6666%;
}

.container{
max-width:750px;
margin:0 auto;
}

/* #header */
#header {
	position: relative;
	text-align: center;
}
#header h1 {
	width: 37.6%;
	margin-left: 2.666%;
	padding: 4vw 0;
	line-height: 0.1;
}
#header .btn {
	width: 34.666%;
	position: absolute;
	left: 61.333%;
	top: 4vw;
}

/* #top */
#top {
	background: url(/opt/pr030/images/top_bg_sp.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 4.26vw 0 5.866vw;
	text-align: center;
}
#top .inner {
	position: relative;
}
#top h2 {
	width: 89.333%;
	margin: 0 auto;
}
#top .atte {
	position: absolute;
    right: 5.4vw;
    bottom: -3.4vw;
	color: #8b8b8b;
	font-size: 2vw;
	line-height: 1;
	padding: 0;
	margin: 0;
}


/* #sec01 */
#sec01 {
	background: url(/opt/pr030/images/sec01_bg_sp.jpg) center top no-repeat #f8f8f8;
	background-size: 100% auto;
	text-align: center;
	padding-bottom: 2.66vw;
}
#sec01 h2 {
	font-size: 4.66vw;
	line-height: 1.428;
	font-weight: bold;
	padding: 4.66vw 0 0;
	margin-bottom: 4vw;
	color: #fff;
	height: 29.066vw;
	box-sizing: border-box;
}
#sec01 ul {
	margin: 0 0 0 5.33%;
	overflow: hidden;
}
#sec01 ul li {
	display: table;
	background: #fff;
	width: 28.8vw;
	height: 10vw;
	margin: 0 1.466vw 1.33vw 0;
	float: left;
}
#sec01 ul li p {
	display: table-cell;
	vertical-align: middle;
	font-size: 3.33vw;
	line-height: 1.1;
	font-weight: bold;
	color: #555555;
}
#sec01 ul li p strong {
	font-size: 4.66vw;
	color: #ff0000;
	font-weight: bold;
}
#sec01 ul li p .r25 { font-size: 3.33vw; color: #ff0000; }
#sec01 ul li p .r30 { font-size: 4vw; color: #ff0000; }
#sec01 ul li p .r40 { font-size: 5.33vw; color: #ff0000; }
#sec01 ul li p .g20 { font-size: 2.66vw; color: #555555; }
#sec01 + .cv {
	background: url(/opt/pr030/images/sec01_bg_parts.png) center top no-repeat;
	background-size: 13.6vw auto;
	padding-top: 7vw;
}

/* #sec02 */
#sec02 {
	background: url(/opt/pr030/images/sec02_bg02_pc.png) left top repeat-x #f8f8f8;
	background-size: auto 0.8vw;
	padding-top: 0.8vw;
	padding-bottom: 1.333vw;
}
#sec02 p.cpt {
	background: url(/opt/pr030/images/sec01_ttl_bg_sp.png) center 17.6vw no-repeat #fff;
	background-size: 84.4vw auto;
	width: 100%;
	padding: 8vw 0;
	color: #555555;
	font-size: 4.66vw;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
#sec02 p.cpt strong {
	color: #ff0000;
	font-size: 6.66vw;
}
#sec02 h2 {
	background: url(/opt/pr030/images/sec02_bg_sp.jpg) center top no-repeat;
	background-size: 100% auto;
	padding: 5.33vw 0 0;
	color: #fff;
	font-size: 5.33vw;
	line-height: 1;
	font-weight: bold;
	height: 18.66vw;
	margin-bottom: 6.66vw;
	box-sizing: border-box;
	text-align: center;
}
#sec02 h2 strong {
	font-size: 9.33vw;
}
#sec02 dl {
	background-image: url(/opt/pr030/images/sec02_cnt_bg01_sp.png), url(/opt/pr030/images/sec02_cnt_bg01a_sp.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% auto, 100% auto;
	width: 81.33vw;
	position: relative;
	margin: 0 0 5.33vw 13.33vw;
	padding: 5.33vw 0 4.66vw;
	box-sizing: border-box;
}
#sec02 dl:nth-child(even) {
	background-image: url(/opt/pr030/images/sec02_cnt_bg02_sp.png), url(/opt/pr030/images/sec02_cnt_bg02a_sp.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% auto, 100% auto;
}
#sec02 dl::before {
	content: '';
	background: url(/opt/pr030/images/sec02_icn01.png) left top no-repeat;
	background-size: 100% auto;
	width: 17.33vw;
	height: 15.6vw;
	position: absolute;
	left: -8vw;
	top: 4vw;
}
#sec02 dl:nth-child(2)::before {
	background: url(/opt/pr030/images/sec02_icn02.png) left top no-repeat;
	background-size: 100% auto;
}
#sec02 dl:nth-child(3)::before {
	background: url(/opt/pr030/images/sec02_icn03.png) left top no-repeat;
	background-size: 100% auto;
}
#sec02 dl:nth-child(4)::before {
	background: url(/opt/pr030/images/sec02_icn04.png) left top no-repeat;
	background-size: 100% auto;
}
#sec02 dl:nth-child(5)::before {
	background: url(/opt/pr030/images/sec02_icn05.png) left top no-repeat;
	background-size: 100% auto;
}
#sec02 dl:nth-child(6)::before {
	background: url(/opt/pr030/images/sec02_icn06.png) left top no-repeat;
	background-size: 100% auto;
}
#sec02 dl dt {
	border-left: #31b9ec solid 0.666vw;
	margin: 0 4vw 4vw 12.5vw;
	padding: 0 0 0 2.66vw;
	color: #555555;
	font-size: 4.666vw;
	line-height: 1.42;
	font-weight: bold;
}
#sec02 dl:nth-child(even) dt {
	border-left: #f5aaa4 solid 0.666vw;
}
#sec02 dl strong {
	color: #ff0000;
}
#sec02 dl dd {
	border-top: #c0c0c0 dashed 1px;
	margin: 0 5.6vw 0 12.5vw;
	padding: 3.33vw 0 0 0;
	color: #555555;
	font-size: 3.733vw;
	line-height: 1.53;
}

/* #sec03 */
#sec03 {
	background: url(/opt/pr030/images/sec01_bg_parts.png) center top no-repeat;
	background-size: 13.6vw auto;
	padding-top: 13.33vw;
}



/* -------------------------------------------------------------------- */
footer{
clear:both;
margin:0 auto;
padding:0 0px 0px 0px;
}

.navUtil01{
margin:5px;
list-style:none;
}

.navUtil01 li{
float:left;
margin:0 1.05em 0 0;
font-size:80%;
letter-spacing:-1px;
white-space:nowrap;
}

small{
display:block;
margin:2px auto 10px;
padding:15px 0 0 2px;
border-top:solid 2px #f00;
line-height:1.1;
}

footer a:link,
footer a:visited{
color:#06c;
text-decoration:none;
}

footer a:hover,
footer a:active{
color:#f00;
text-decoration:underline;
}

small.copyright{
background:url(/opt/pr030/images/txt_copyright-sub.gif) no-repeat 5px 15px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}

/* -------------------------------------------------------------------- */
/* For group content
------------------------------------------------ */
.group:before,
.group:after{
content:"";
display:table;
}

.group:after{
clear:both;
}

.group{
clear:both;
overflow:hidden;
}

@media only screen and (max-width: 600px) {
  body{
line-height:1.5;
font-size:90%;
}
.navUtil01{
display:none;
}
small.copyright{
border-top:none;
background:none;
text-align:center;
text-indent:0;
white-space:normal;
overflow:visible;
}
small.copyright a{
color:#333;
}
}
@media all and (orientation: landscape) and (max-width: 600px) {
  body{
-webkit-text-size-adjust:none;

}