@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #000000;
	background-image: url("../../images/common/bg03.png");
}

img {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom;
}

#contents{
	width: 100%;
	max-width: 980px;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 928px) {
#contents{
	max-width: 640px;
}
}

h1 {
    display: block;
    margin: 30px auto 20px;
}
h1 img {
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 928px) {
h1 {
    display: block;
    margin: 20px auto 15px;
	max-width: 480px;
}
}

/*---sp---*/

.sec_sp .tab li { float: left; width: 33.3333%; cursor: pointer;}
.sec_sp .box_w{
    padding: 0px 15px;
    box-sizing: border-box
}
.sec_sp .box_w p{
    margin-bottom: 20px;
}
.sec_sp .box {
	background-color: #FFFFFF;
	padding: 10px;
}
.sec_sp .all_item{
	width: 100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
.sec_sp .item_box{
	width:calc(100%/2);
	height:auto;
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	padding: 0 2%;
	margin: 0 auto 20px 0;
}
.sec_sp h3 {
	border-bottom: dashed 1px #c7b4a8;
	margin-bottom: 10px;
	padding: 5px 0;
}
.sec_sp .box01 {
	border: solid 5px #90d0a4;
	border-top: solid 5px #90d0a4;
}
.sec_sp .box01 h3 { color: #209167;}
.sec_sp .box02 {
	border: solid 5px #ddcaab;
	border-top: solid 5px #ddcaab;
}

.sec_sp .box02 h3 { color: #a15540;}
.sec_sp .box03 {
	border: solid 5px #ABDDDC;
	border-top: solid 5px #ABDDDC;
}
.sec_sp .box03 h3 { color: #1F6F74;}

.sec_sp .lineup_cat {
	text-align: center;
	background: #333;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em !important;
}
.sec_sp .lineup_cat.cat_01 {
	background: #90d0a4;
}
.sec_sp .lineup_cat.cat_02 {
	background: #ddcaab;
}
.sec_sp .lineup_cat.cat_03 {
	background: #ffd4e6;
}
.sec_sp .lineup_cat.cat_04 {
	background: #ABDDDC;
}
.sec_sp .lineup_cat.cat_05 {
	background: #8193ba;
}
.sec_sp .lineup_cat.cat_06 {
	background: #e4ca5a;
}
.sec_sp .item_box_pic{
	height:110px;
}
.sec_sp .item_box_pic img{
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
}
.sec_sp .item_box_tit{
	color: #1F6F74;
	line-height: 1.25;
	border-bottom: dashed 1px #c7b4a8;
	margin: 7px 0 7px;
	padding: 5px 0;
	font-size: 0.96em;
    letter-spacing: -0.02em;
}
.sec_sp .item_box_btn{
	width: 100%;
	display: block;
	margin: auto 0 0;
}

.sec_sp .all_item_include_order .item_box_tit{
	text-align: center;
	margin: 7px 0 0;
}
.sec_sp .box01 .item_box_tit {
    color: #209167;
}
.sec_sp .box02 .item_box_tit {
    color: #a15540;
}
.sec_sp .box04 .item_box_tit {
    color: #D92F6F;
}
.sec_sp .box05 .item_box_tit{
	color: #000000;
}
.sec_sp .all_item_include_order .item_box_tit{
	border-bottom: none;
}
.sec_sp .item_box_txt {
    font-size: 0.7em;
    color: #603935;
    margin: 7px 0 9px;
    text-align: justify;
    letter-spacing: -0.01em;
}
.sec_sp .box05 {
	border: solid 5px #8193ba;
    border-top: solid 5px #8193ba;
}

/*---pc---*/

.sec_pc .lineup h3 {
    display: block;
    margin: 0 auto 20px;
}
.sec_pc .lineup h3 img {
    display: block;
    margin: 0 auto;
}
.sec_pc .lineup h2 {
    color: #1F6F74;
    font-size: 1.08em;
    font-weight: bold;
}
.sec_pc .lineup p {
    font-size: 0.9em;
}
.sec_pc .lineup .clearFix{
    width: 928px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
.sec_pc .lineup .box{
	width:calc(100%/2);
	box-sizing:border-box;
	display: flex;
	margin: 0 auto 20px 0;
	background: url(../../images/lineup/lineup_box_bg.png) no-repeat center top;
	text-align: justify;
    padding: 20px 34px 20px 19px;
    height: 190px;
}
.sec_pc .lineup .box dl { 
	display: table; width: 100%;
}
.sec_pc .lineup .box dt, .sec_pc .lineup .box dd { 
	display: table-cell; vertical-align: middle;
}
.sec_pc .lineup .box dt {
	width: 160px;
	padding: 0px 15px;
	text-align: center;
	box-sizing: border-box;
}
.sec_pc .lineup .box dt img {
	max-height: 150px;
	width: auto;
	max-width: 130px;
}
.sec_pc .lineup .box .txt {
	background: url(../../images/lineup/lineup_border.png) no-repeat left bottom;
	padding-bottom: 5px;
}
.sec_pc .lineup_sec05 .box {
	background: #fff;
	border: 1px solid #8193ba;
	height: auto;
	margin: 0 14px 20px;
	width: 436px;
	padding: 20px 20px 20px 10px;
}
.sec_pc .lineup_sec05 .box_notes_w {
	box-sizing:border-box;
	background: #fff;
	border: 1px solid #8193ba;
	height: auto;
	margin: 0 14px 20px;
	width: 436px;
	padding: 20px 18px 20px 3px;
}
.sec_pc .lineup_sec05 .box_notes {
	box-sizing:border-box;
	height: auto;
	background: none;
	border: none;
	margin: 0;
	width: auto;
	padding: 0;
}
.sec_pc .box_notes_w{
	text-align: justify;
}
		.sec_pc .lineup_sec05 .box h2 {
			color: #092e7a;
		}
		.sec_pc .lineup_sec05 .box .txt {
			background: none;
			border-bottom: 1px dashed #ccc;
		}

.guide_box,.howto_box,.otoiawase_box{
	position: relative;
	margin: 5px 40px 0;
}
.guide_box{
	margin: 15px 40px 0;
}
@media screen and (max-width: 928px) {
.guide_box,.howto_box,.otoiawase_box{
	margin: 5px 15px 0;
}
.guide_box{
	margin: 15px 15px 0;
}
}
.guide_box img, .howto_box img, .otoiawase_box img{
	border-radius: 5px;
	display: block;
	margin: 0 0 0 auto;
	width: 37%;
	max-width: 180px;
	background-color: #27a979;
}

.guide_box a, .howto_box a, .otoiawase_box a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	z-index: 2;
    text-decoration: none;
}
.guide_box:hover, .howto_box:hover, .otoiawase_box:hover{
  filter: opacity(60%);
}

.link_box{
	max-width: 900px;
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 10px;
	box-sizing: border-box;
}
@media screen and (max-width: 928px) {
.link_box{
	padding: 0 15px;
	width: 100%;
	justify-content: flex-start;
}
}
.link_box_end{
	clear:both;
	margin-bottom: 25px;
}
@media screen and (max-width: 928px) {
.link_box_end{
	clear:both;
	margin-bottom: 15px;
}
}

.link_txt{
    box-sizing: border-box;
    float: left;
    background-image: url(../../images/contact/contact_sec01_bg.png);
    border: solid 1px #e0bda5;
    padding: 6px;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    color: #69322d;
}
@media screen and (max-width: 928px) {
.link_txt{
    padding: 5px;
    margin-right: 7px;
    margin-bottom: 7px;
}
}
.link_txt p{
    display: block;
    box-sizing: border-box;
    margin: 0px auto;
    line-height: 1.8em;
	background: #ffffff;
    padding: 3px 8px;
}
@media screen and (max-width: 928px) {
.link_txt p{
    padding: 2px 7px;
	font-size: 14px;
}
}
.link_txt a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	z-index: 2;
    text-decoration: none;
}
.link_txt:hover{
  filter: opacity(60%);
}

.link_box img{
	display: inline;
    vertical-align: middle;
    margin-right: 4px;
}

/*---footer_copyright---*/
.footer_copyright {
	background-image: url("../../images/common/bg04.png");
	font-size: 0.75em;
	line-height: 1;
	color: #592f2a;
	margin-bottom: 0px !important;
	padding: 13px 10px 10px;
	text-align: center;
}

/*------*/
.fo07 { font-size: 0.7em;}
.fo07_notes{ display: block;line-height: 1.4em;}

.sec_pc{display: block;}
.sec_sp{display: none;}

@media screen and (max-width: 928px) {
	.sec_pc{display: none;}
	.sec_sp{display: block;}
}

/*---Margin---*/
.mg0 {margin:0 !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

/*top*/
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT35 {margin-top:35px !important;}
.mgT40 {margin-top:40px !important;}
.mgT45 {margin-top:45px !important;}
.mgT50 {margin-top:50px !important;}

/*right*/
.mgR0 {margin-right:0px !important;}
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR35 {margin-right:35px !important;}
.mgR40 {margin-right:40px !important;}
.mgR45 {margin-right:45px !important;}
.mgR50 {margin-right:50px !important;}

/*bottom*/
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB35 {margin-bottom:35px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB45 {margin-bottom:45px !important;}
.mgB50 {margin-bottom:50px !important;}

/*left*/
.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL35 {margin-left:35px !important;}
.mgL40 {margin-left:40px !important;}
.mgL45 {margin-left:45px !important;}
.mgL50 {margin-left:50px !important;}

/*---Padding---*/
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

/*top*/
.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT35 {padding-top:35px !important;}
.pdT40 {padding-top:40px !important;}
.pdT45 {padding-top:45px !important;}
.pdT50 {padding-top:50px !important;}

/*right*/
.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}
.pdR40 {padding-right:40px !important;}
.pdR45 {padding-right:45px !important;}
.pdR50 {padding-right:50px !important;}

/*bottom*/
.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB35 {padding-bottom:35px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB45 {padding-bottom:45px !important;}
.pdB50 {padding-bottom:50px !important;}

/*left*/
.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL35 {padding-left:35px !important;}
.pdL40 {padding-left:40px !important;}
.pdL45 {padding-left:45px !important;}
.pdL50 {padding-left:50px !important;}

/* margin */
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt60 { margin-top: 60px !important;}
.mt80 { margin-top: 80px !important;}

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}