@charset "utf-8";

/*command-----------------------------------------------------------*/

.sp_img
{
	display: none;
}

.clear
{ 
	clear		    : both;
}
.img_border
{
	border 			: 1px #CCC solid; 
}
.rd_img
{
		border-radius:3px;
}
.tag_title
{
		display:block;
	width:fit-content;
	display:block;
	background:#ce0063;
	border-radius:30px;
	padding:.3rem 3rem;
	margin-bottom:2rem;
	color:#FFF;
}
.circle_tag_Red
{
	display:inline-block;
	width:25px;
	height:25px;
	border-radius:50%;
	background:#d2282a;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:1.3;
	margin:0 .3em;
}


/*margin------------------------------------------------------------*/

.none
{
	margin-bottom   : 0px!important;
}

.m_xs
{
	margin-bottom	: 1rem!important;
}

.m_s
{
	margin-bottom	: 1.5rem!important;
}

.m_l
{
	margin-bottom	: 2rem!important;
}

.m_xl
{
	margin-bottom	: 3rem!important;
}
.m_xxl
{
	margin-bottom	: 4rem!important;
}
.m_xll
{
	margin-bottom	: 5rem!important;
}


/*font--------------------------------------------------------------*/
.f_bot_line
{
	text-decoration: underline;
}
.marker
{
	background: linear-gradient(transparent 50%, #FFE566 0%);
	font-weight: bold;
}
.f_bold
{
	font-weight: bold;
}
.f_Blue
{
	color 		: #09C;
}

.f_Green
{
	color 		: #690;
}

.f_Red
{
	color		: #d22b15;
}

.f_Orange
{
	color 		: #F60;
}

.f_Pink
{
	color:#ce0063;	
}


.f_White
{
	color 		: #FFF;
}

.f_xs
{
	font-size		: 0.5em;
}
.f_s
{
	font-size		: 0.8em;
}


.f_l
{
	font-size		: 1.2em;
}

.f_xl
{
	font-size		: 1.5em;
}


/*box--------------------------------------------------------------*/
.box_s
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 85%;
	text-align		: left;
}

.box_l
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 90%;
	text-align		: left;
}

.box_xl
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 95%;
	text-align		: left;
}
.box_full
{
	margin-left 	: -2rem;
	margin-right 	: -2rem; 
}
.wh_box
{
	background 		: #FFF;
	padding 		: 1.5rem;
	border-radius 	: 3px; 
}
.whb_box
{
	background 		: #FFF;
	padding 		: 1.5rem;
	border-radius 	: 3px;
	border: 1px #CCC solid;
}
.wh_box .wh_box_header .title,
.whb_box .wh_box_header .title
{
	font-size 			: 2rem;
	border-bottom 		: 1px #CCC solid;
	padding-bottom 		: 1.3rem;
	margin-bottom 		: 1.3rem;
	display 			: flex;
	flex-flow 			: row wrap;
	align-items 		: center;
	line-height: 1.3;
}
.wh_box .wh_box_header .title .en,
.whb_box .wh_box_header .title .en
{
	color 				:#15b1d2;
	margin-right 		: .5em;
	display: inline-block;
	font-size 			: 1.3em; 
}
.wh_box .wh_box_header,
.whb_box .wh_box_header
{
	padding 			: 1rem;
	font-size 			: 1.6rem; 
}



.rd_box
{
	background 		: #eee;
	padding 		: 15px;
	margin-bottom 	: 16px;
	box-sizing 		: border-box;
}
.mov_area
{
	padding 		: 1rem;
	background 		: #EEE; 
}
.mov_box
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mov_box  iframe 
{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.ser_att_box
{
	background: url("../images/common/base/bg_pattern03.gif") 0 0 repeat;
	padding: .8rem;
	width: 100%;
	margin-left 	: auto;
	margin-right 	: auto;
}
.ser_att_box_inner
{
	background: #FFF;
	padding: 15px;
	border: 1px #CCC solid;
}
.ser_att_box .ser_att_box_title
{
	font-weight: bold;
	border-bottom: 1px #CCC  solid;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}



/*clearfix--------------------------------------------------------------*/

.clearfix:after
{
	content		: "";
	display		: block;
	clear		: both;

}


/*btn--------------------------------------------------------------*/
.btn_Gold,
.btn_Purple,
.btn_Green,
.btn_Black,
.btn_Red
{
	text-decoration		: none!important;
	line-height			: 1em;

}
.btn_Gold img,
.btn_Purple img,
.btn_Green img,
.btn_Black img,
.btn_Red img
{
	vertical-align:middle;
}
.btn_Gold
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/gold_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #452300;
}


.btn_Gold:hover
{
	background:#e7e0b1 url(../images/common/base/gold_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gold span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}


.btn_Gray
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #333!important;
	background: url(../images/common/base/gray_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #c2c2c2;
}


.btn_Gray:hover
{
	background:#e7e0b1 url(../images/common/base/gray_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gray span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s_off.png) 95% 50% no-repeat;
}



.btn_Black
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/black_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #1e1d1d;
}


.btn_Black:hover
{
	background:#e7e0b1 url(../images/common/base/black_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Black span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}



.btn_Purple
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;

	background:#e7e0b1 url(../images/common/base/purple_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #450006;

}
.btn_Purple:hover
{
	background:#e7e0b1 url(../images/common/base/purple_btn_bg_on.gif) repeat-x 0px -10px;		
}

.btn_Purple span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Green
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/green_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #1b4400;
}
.btn_Green:hover
{
	background:#e7e0b1 url(../images/common/base/green_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Green span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}




.btn01
{
	width 			: 300px;
	padding-bottom 	: 6px;
	margin 			: 0 auto 30px;
	background 		: url(../images/common/base/btn_bot_bg.png) no-repeat left 50% bottom 0px;
	text-align 		: center;
	display 		: block;
	overflow 		: auto;
}
.btn01 .btn_inner
{
	padding 		: 15px 20px;
	color 			: #fff;
	background 		: #000 url(../images/common/icon/btn_icon.png) no-repeat right 15px top 50%; 
 	display 		: block;
}
.btn01 .btn_inner:hover
{
	background-color 	: #333;
	background-position	: right 10px top 50%;
	text-decoration 	: none;
}


.btn_Red
{
    background-color 	: transparent;
    border 				: none;
    cursor 				: pointer;
    outline 			: none;
    padding 			: 0;
    appearance 			: none;
	display 			: block;
	width 				: 100%; 
	margin-left 		: auto;
	margin-right 		: auto;
	text-decoration 	: none;
	padding 			: 2rem;
	text-align 			: center;
	background 			: #d22b15;
	border-radius 		: 3px;
	font-size 			: 1.6rem;
	font-weight 		: 600;
	color 				: #FFF!important; 
}

.btn_WhiteGreen
{
    background-color 	: transparent;
    border 				: none;
    cursor 				: pointer;
    outline 			: none;
    padding 			: 0;
    appearance 			: none;
	display 			: block;
	width 				: 100%; 
	margin-left 		: auto;
	margin-right 		: auto;
	text-decoration 	: none;
	padding 			: 2rem;
	text-align 			: center;
	background 			: #FFF;
	border-radius 		: 3px;
	font-size 			: 1.6rem;
	font-weight 		: 600;
	color 				: #00b900!important;
	border 				: 4px #00b900 solid;
	text-decoration: none!important;
}
.btn_WhiteGreen:hover
{
	background 			: #00b900 ;
	color 				: #FFF!important; 
}


.btn_Red:hover
{
	opacity 			: .8;  
}





/*display--------------------------------------------------------------*/
.dis_block,
.dis_block span
{
	display:block!important;
}
.dis_inline
{
	display:inline!important;
}
.dis_inblock
{
	display					: -moz-inline-box;
	display					: inline-block!important;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
}




/*list--------------------------------------------------------------*/


.hosoku_list,
.hosoku_list li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.hosoku_list li
{
	padding-left 		: 1.5em;
	position: relative;
}
.hosoku_list li:before
{
	content 			: "※";
	position 			: absolute;
	display 			: inline-block;
	left 				: 0px;
	top 				: 0rem; 
}
.list01,
.list01 li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.list01 li
{
	padding 			: 1rem 1.5rem 1rem 4rem;
	background 			: #f7f7f7;
	border-radius 		: 3px;
	margin-top 			: 1rem; 
	overflow 			: hidden;
	position: relative;
}
.list01 li:first-child
{
	margin-top 			: 0px; 
}
.list01 li:before
{
	content 			: "";
	width 				: 1.5rem;
	height 				: .5rem;
	background 			: #ce0063;
	display 			: inline-block;
	vertical-align: middle;
	margin-right 		: .5rem;
	position: absolute;
	left 				: 1.5rem;
	top 				: 0px;
	bottom 				: 0px;
	margin 				: auto 0; 
}
.list,
.list li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.list li
{
	padding 			: 1rem 1.5rem 1rem 1.5rem;
	background 			: url("../images/common/base/bg_pattern07.gif") 0 0 repeat;
	border-radius 		: 3px;
	margin-top 			: 1rem; 
	overflow 			: hidden;
}
ul.check_list,
ul.check_list li
{
		margin:0px;
	padding:0px;
	list-style:none;
}
ul.check_list
{
		border-top:1px #CCC solid;
}
ul.check_list li
{
	line-height: 1.5;
	padding: 1em 1em 1em 2.5em;
	border-bottom: solid 1px silver;
	list-style-type: none!important;
	position:relative;
}
ul .check_list li:last-child
{
	border-bottom: none;
}
ul.check_list li:before 
{
	font-family: "Font Awesome 6 Free";
	content: "\f00c";
	font-weight: bold;
	position: absolute;
	left : .5em; 
	color: #ce0063;
	font-size:1.3em;
}



.number_list01,
.number_list01 li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.number_list01
{
	counter-reset 		: number; /*数字をリセット*/
	list-style-type 	: none!important; /*数字を一旦消す*/
}
.number_list01 li
{
	position 			: relative;
 	padding 			: 1.5rem 0 1.5rem 5rem;
	overflow 			: hidden;
	border-bottom: 1px #CCC solid;
	line-height 		: 1.3; 
}
.number_list01 li:last-child
{
	border-bottom 		: 0px;
	margin-bottom: 0px;
}


.number_list01 li:after
{
	position 			: absolute;
 	counter-increment 	: number;
 	content 			: counter(number,decimal-leading-zero);
  font-family: "Jost", sans-serif;
  font-style: italic;
    font-weight: 700;
 	display 			: inline-block;
 	color 				: #ce0063;
 	left 				: 0px;
	top 				: 0px;
	bottom 				: 0px;
	margin 				: auto 0px; 
	font-size 			: 3rem;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;

}
.number_list02,
.number_list02 li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.number_list02
{
	counter-reset 		: number; /*数字をリセット*/
	list-style-type 	: none!important; /*数字を一旦消す*/
}
.number_list02 li
{
	position 			: relative;
 	padding 			: 3px 0 3px 35px;
	margin-bottom 		: 5px;
	overflow 			: hidden;
}
.number_list02 li:after
{
 	position 			: absolute;
 	counter-increment 	: number;
 	content 			: "0" counter(number);
 	display 			: inline-block;
 	color 				: #ccc;
 	font-weight 		: nomal;
 	font-size 			: 22px;
 	left 				: 0;
	top 				: 16px;
 	line-height 		: 1em;
 	text-align 			: center;
 	-moz-transform 		: translateY(-50%);
  	-webkit-transform 	: translateY(-50%);
  	-o-transform 		: translateY(-50%);
  	-ms-transform 		: translateY(-50%);
  	transform 			: translateY(-50%);
}
.img_line
{
	border 				: 1px #CCC solid; 
}

.color_exa li
{
	display 			: flex;
	align-items 		: center;
}
.color_exa li .blue_border03,
.color_exa li .blue_border02,
.color_exa li .blue_border01,
.color_exa li .green_border02,
.color_exa li .green_border01,
.color_exa li .red_border01
{
	height 				: 3px;
	background 			: #CCC;
	width 				: 2rem;
	margin-right 		: 1rem; 
}
.color_exa li .blue_border03
{
	height 				: 4px;
	background 			: #0095ca; 
}
.color_exa li .blue_border02
{
	height 				: 3px;
	background 			: #0095ca; 
}
.color_exa li .blue_border01
{
	height 				: 2px;
	background 			: #0095ca; 
}
.color_exa li .green_border01
{
	height 				: 2px;
	background 			: #509000; 
}
.color_exa li .green_border02
{
	height 				: 1px;
	background 			: #509000; 
}
.color_exa li .red_border01
{
	height 				: 1px;
	background 			: #ec4512; 
}








/*align--------------------------------------------------------------*/
.text_left
{
	text-align		: left;
}
.text_center
{
	text-align		: center;
}
.text_right
{
	text-align		: right;
}
.text_top
{
	vertical-align	: top;
}
.text_bottom
{
	vertical-align	: bottom;
}




/* postimage */

.alignright
{
  float 			: right;
  padding 			: 0 0 25px 25px;
  clear 			: both;
	max-width:45%;
}
.alignleft
{
  float 			: left;
  padding 			: 0 25px 25px 0;
  clear 			: both;
	max-width:45%;
}
.aligncenter
{
  text-align 		: center;
  margin 			: 0 auto;
  clear				: both;
  display 			: block;
}

.alignright_spmax
{
  float 			: right;
  padding 			: 0 0 25px 25px;
  clear 			: both;

}
.alignleft_spmax
{
  float 			: left;
  padding 			: 0 25px 25px 0;
  clear 			: both;
}

.alignright_spmax,
.alignleft_spmax
{
	max-width 		: 45%;
	height 			: auto;
}



/*1024以下の指定（タブレット）*/
@media screen and (max-width: 1024px) {
.sp_hidden
{
	display: none;
}

/*box--------------------------------------------------------------*/
.rd_box
{
	padding 			: 4%;
}



/* postimage */
.alignright,
.alignleft
{
	max-width 			: 45%;
	height 				: auto;
}
.alignright img,
.alignleft img,
.aligncenter img
{
	max-width 			: 100%;
	height 				: auto;
}
.alignright,
img.alignright 
{
	padding 			: 0 0 2.5rem 2.5rem;
	box-sizing 			: border-box;
}
.alignleft,
img.alignleft 
{
	padding 			: 0 2.5rem 2.5rem 0;
	box-sizing 			: border-box;
}

.alignright_spmax,
.alignleft_spmax
{
	max-width 			: 45%;
	height 				: auto;
}
.alignright_spmax img,
.alignleft_spmax img
{
	width 			: 100%;
	height 				: auto;
}
.alignright_spmax,
img.alignright_spmax 
{
	padding 			: 0 0 2.5rem 2.5rem;
	box-sizing 			: border-box;
}
.alignleft_spmax,
img.alignleft_spmax
{
	padding 			: 0 2.5rem 2.5rem 0;
	box-sizing 			: border-box;
}
}



/*767以下の指定（スマホ横)*/
@media screen and (max-width: 767px) {

.sp_img
{
	display:inline-block;
}
.pc_img
{
	display:none;
}
.sp_none
{
	display: none;
}

.ser_att_box
{
padding: 10px;
}
.box_full
{
	margin-left: 0;
	margin-right: 0;
}

.wh_box .wh_box_header .title,
.whb_box .wh_box_header .title
{
	line-height 		: 1.3; 
}


.wh_box .wh_box_header .title .en,
.whb_box .wh_box_header .title .en
{
	font-size 			: 1.6rem; 
}
.alignright_spmax,
.alignleft_spmax
{
	max-width 			: 100%;
	height 				: auto;
	padding-left:0px;
	padding-right:0px;
}

/*margin------------------------------------------------------------*/

.none
{
	margin-bottom   : 0px!important;
}

.m_xs
{
	margin-bottom	: .5rem!important;
}

.m_s
{
	margin-bottom	: 1rem!important;
}

.m_l
{
	margin-bottom	: 1.5rem!important;
}

.m_xl
{
	margin-bottom	: 2rem!important;
}
.m_xxl
{
	margin-bottom	: 3rem!important;
}
.m_xll
{
	margin-bottom	: 4rem!important;
}

}
/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/