@charset "utf-8";
body {
	margin: auto;
	font-family: Koburina Gothic W3 JIS2004 ,"Open Sans", "メイリオ", Meiryo, Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	line-height: 0;
	width: 100%;
	background: #f5f5f5;
	min-width: 320px;
	letter-spacing: 0.2px;
}

@media(max-width:740px) {
body {
	font-size: 14px;
}
}

@media(max-width:640px) {
body {
	font-size: 12px;
}
}

@media(max-width:480px) {
body {
	font-size: 10px;
}
}

@media(max-width:360px) {
}
.wrap {
	overflow: hidden;
}
.contents, section/*ie用*/ {
	width: 100%;
	margin: auto;
	max-width: 960px;
}
.ta_c {
	text-align: center;
}
.ta_r {
	text-align: right;
}
.ta_l {
	text-align: left;
}
.mb_s {
	margin-bottom: 0.500em;/*10px*/
}
.mb_m {
	margin-bottom: 1.500em;/*30px*/
}
.mb_l {
	margin-bottom: 3.000em;/*60px*/
}
.indent li {
	padding-left: 1em;
	text-indent: -1em;
}
img {
	width: 100%;
}
header, main, footer, div, p, h1, h2, h3, h4, h5, ul, ol, dl, img, hr, figure {
	margin: auto;
}
div {
	box-sizing: border-box;
}
div.img {
	line-height: 0;
}
/*----->clearfix*/
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/*IE6,7対策 （haslayout対策）*/
.cf {
 *zoom:1;
}

/*----->hover*/
@media(min-width:641px) {
.alpha:hover {
	opacity: 0.75;
}
}

/*----->branch*/
@media(min-width:641px) {
.branch .sp {
	display: none;
}
}

@media(max-width:640px) {
.branch .pc {
	display: none;
}
}

@media(min-width:581px) {
.branch .sp580 {
	display: none;
}
}

@media(max-width:580px) {
.branch .pc580 {
	display: none;
}
}

@media(min-width:481px) {
.branch .sp480 {
	display: none;
}
}

@media(max-width:480px) {
.branch .pc480 {
	display: none;
}
}

/*----->br*/
@media(min-width:641px) {
br.sp {
	display: none;
}
}

@media(max-width:640px) {
br.pc {
	display: none;
}
}

@media(min-width:481px) {
br.sp480 {
	display: none;
}
}

@media(max-width:480px) {
br.pc480 {
	display: none;
}
}

@media(min-width:470px) and (max-width:900px) {
br.ire {
	display: none;
}
}
/*----------
  common
-------------*/
.btn, #sec01 .days {
	width: 93.75%;/*960/900*/
	max-width: 900px;
}

@media(max-width:840px) {
#sec01 .box .about .txt {
	width: 93.75%;/*960/900*/
	max-width: 900px;
}
}
.c_red {
	color: #ed174e;
}

/*SP*/
@media(max-width:580px) {
.btn, #sec01 .days, #sec01 .box .about .txt, #sec02 .box .txt {
	width: 93.75%;/*640/600*/
}
}
/*----------
  header
-------------*/
h1 {
	margin-bottom: 20px;
}
.end {
	width: 93.75%;
	max-width: 900px;
}


/*----------
  main
-------------*/
@media(min-width:581px) {
main .box {
	-ij-display: flex;
	display: flex;
	flex-wrap: wrap;
}
main .box div {
	margin: 0;
}
}
/*----->sec01*/
#sec01 {
	padding: 30px 0;
}
#sec01 > h2 {
	width: 93.645%;/*960/899*/
	margin-bottom: 30px;
}

@media(max-width:580px) {
#sec01 > h2 {
	width: 86.718%;/*640/555*/
}
}
/*days*/
#sec01 .days {
	-js-display: flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 23px;
}
#sec01 .days .txt {
	width: 100%;
	max-width: 645px;
	margin: 0;
}
#sec01 .days ul {
	margin-top: 10px;
}
#sec01 .days ul li {
	padding-left: 6.85em;/*適当*/
	text-indent: -6.85em;
}

@media(max-width:480px) {
#sec01 .days {
	font-size: 16px;
	line-height: 21px;
}
}
/*place*/
#sec01 .place {
	width: 83.645%;/*960/803*/
	margin-left: 18px;
}
@media(min-width:741px) {
#sec01 .place {
	margin-top: -10px;
	position: relative;
	z-index: 2;
}
}

@media(max-width:740px) {
#sec01 .place {
	width: 94.218%;/*640/603*/
	margin-left: 4px;
	margin-top: 10px;
}
}
/* -- price+about ＊PC・SP共通 -- */
/* price＊PC・SP共通 */
#sec01 .box .price {
	-ij-display: flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media(max-width:840px) {
#sec01 .box .price {
	width: 93.75%;/*640/600*/
	margin: auto;
}
}
#sec01 .box .price .title {
	margin-bottom: 10px;
}
#sec01 .box .price .title h3 {
	width: 37.111%;/*450/167*/
}
#sec01 .box .price .title p {
	font-size: 14px;
	line-height: 18px;
	padding-left: 1em;
	text-indent: -1em;
}
#sec01 .box .price .list {
	font-size: 16px;
	line-height: 19px;
}
#sec01 .box .price .list:nth-of-type(n+2) {
	margin-top: 20px;
}
#sec01 .box .price .list h4 {
	color: #007bc6;
}
#sec01 .box .price .list h4 span {
	padding-left: 1em;
}
#sec01 .box .price .attention {
	margin-top: 20px;
	font-size: 14px;
	line-height: 18px;
}
#sec01 .box .price .attention ul {
	margin-top: 5px;
}
#sec01 .box .price .attention ul li {
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}


/* about＊PC・SP共通 */
#sec01 .box .about {
	background: url(../images/h3_triangle_pc.png) no-repeat top right;
	background-size: 189px;
}
#sec01 .box .about .title {
	background: #efc000;
	padding: 12px 0 14px;
	margin-bottom: 10px;
}
#sec01 .box .about .title h2 {
	width: 84.444%;/*360/304*/
	max-width: 304px;
}
#sec01 .box .about .txt p {
	font-size: 12px;
	line-height: 22px;
}
#sec01 .box .about .txt p.kome {
	padding-left: 8px;
	margin-top: 30px;
}

/* -- price+about＊PC -- */
@media(min-width:841px) {
#sec01 .box {
	margin-top: -36px;
}
/* price＊PC */
#sec01 .box .price {
	width: 62.5%;/*960/600*/
	-ij-display: flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}
#sec01 .box .price .txt {
	width: 75%;/*600/450*/
}
#sec01 .box .price .title {
	-ij-display: flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
#sec01 .box .price .title h3, #sec01 .box .price .title p {
	margin: 0;
}
#sec01 .box .price .title h3 {
	width: 37.111%;/*450/167*/
}
#sec01 .box .price .title p {
	width: 55.555%;/*450/250*/
	font-size: 14px;
	line-height: 18px;
}
#sec01 .box .price .list:nth-of-type(n+2) {
	margin-top: 20px;
}
#sec01 .box .price .list h4 {
	color: #007bc6;
}
/* about＊PC */
#sec01 .box .about {
	padding-top: 13px;
	width: 37.5%;/*960/360*/
}
}

/* -- price+about＊SP -- */
@media(max-width:840px) {
#sec01 .box {
	display: block;
}
/* price＊SP */
#sec01 .box .price {
	margin-bottom: 40px;
}
#sec01 .box .price .title h3 {
	margin-bottom: 10px;
}
#sec01 .box .price .title p {
	-js-display: flex;
	display: flex;
	justify-content: center;
}
/* about＊SP */
#sec01 .box .about {
	background: url(../images/h3_triangle_sp.png) no-repeat right 65px top 10px;
	min-height: 215px;
}
#sec01 .box .about .txt {
	margin: auto;
}
}

@media(max-width:580px) {
#sec01 .box .price .txt {
	margin: 0;
}
#sec01 .box .price .title h3 {
	width: 39.218%;/*640/251*/
}
#sec01 .box .about .title h2 {
	width: 74.062%;/*640/474*/
	max-width: 474px;
}
#sec01 .box .about {
	background-size: 160px;
}
}

@media(max-width:440px) {
#sec01 .box .price .list h4 span {
	font-size: 12px;
	letter-spacing: 0.1px;
}
}
/*----->sec02*/
#sec02 {
	margin-bottom: 37px;
}
#sec02 p {
	font-size: 14px;
	line-height: 18px;
}
#sec02 p:nth-of-type(n+2) {
	margin-top: 1em;
}
/*title*/
#sec02 .title {
	background: #007bc6;
	padding: 17px 0;
	margin-bottom: 15px;
}
#sec02 .title h2 {
	width: 65%;/*960/624*/
}

@media(max-width:580px) {
#sec02 .title h2 {
	width: 92.968%;/*640/595*/
}
}

/*box*/
@media(min-width:581px) {
#sec02 .box {
	justify-content: space-between;
	width: 96.875%;/*960/930*/
}
#sec02 .box .img {
	width: 45.806%;/*930/426*/
}
#sec02 .box .txt {
	width: 52.043%;/*930/491*/
}
#sec02 .box .txt p:nth-of-type(n+2) {
	margin-top: 20px;
}
#sec02 .sec_box .box:nth-of-type(odd) {
	margin-left: 0;
}
#sec02 .sec_box .box:nth-of-type(even) {
	margin-right: 0;
	margin-top: 16px
}
#sec02 .sec_box .box:nth-of-type(even) .img {
	order: 2;
}
#sec02 .sec_box .box:nth-of-type(even) .txt {
	order: 1;
	padding-top: 17px;
}
}

/*SP*/
@media(max-width:580px) {
#sec02 .box .img {
	margin-bottom: 30px;
}
#sec02 .sec_box .box:nth-of-type(even) {
	margin-top: 20px
}
}
/*----------
  footer
-------------*/
footer {
	padding: 50px 0;
	text-align: center;
}
.support_box {
	width: 93.75%;/*600/640*100*/
	margin: auto;
}
.support_box .box h3, .support_box .box p {
	font-size: 16px;
	line-height: 20px;
}
.support_box .box h3 {
	font-weight: bold;
	margin-bottom: 10px;
}
.support_box .box {
	margin-bottom: 25px;
}
.support_box .box02 .logo01 {
	width: 52.666%;/*316/600*100*/
	max-width: 316px;
}
.support_box .box02 .logo02 {
	width: 70.833%;/*425/600*100*/
	max-width: 425px;
}
.support_box .box02 .logo03 {
	width: 43%;/*258/600*100*/
	max-width: 258px;
}

@media(min-width:581px){
.support_box .box02 .logo {
	-js-display: flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 600px;
	margin: auto;
}
.support_box .box02 .logo01 {
	width: 155px;
}
.support_box .box02 .logo02 {
	width: 213px;
}
.support_box .box02 .logo03 {
	width: 129px;
}
}
@media(max-width:580px){
.support_box .box02 li {
	margin: auto;
}
.support_box .box02 li:not(:last-child) {
	margin-bottom: 30px;
}
}
.support_box .box03 ul {
	max-width: 760px;
	margin: auto;
}

@media(min-width:441px) {
.support_box .box03 li {
	display: inline-block;
}
.support_box .box03 li:not(:last-child):after {
	content: "／";
	margin-left: 5px;
}
}
.support_box .box03 p, .support_box .box03 li {
	font-size: 12px;
	line-height: 20px;
}
footer .copy {
	font-size: 12px;
	line-height: 1;
}