@charset "utf-8";
/* CSS Document */

.display-js
{
	display: none;
}



/*▼table------------------------------------------------------------*/

.data_box table
{
	width 			: 100%; 
}

.data_box th,
.data_box td
{
	padding 		: 15px 15px;
	border-bottom 	: 1px #CCC solid; 
	text-align 		: left;
}
.data_box tr:nth-child(odd) td
{
	background 		: #EEE; 
}

.data_box th
{
	background 		: #f7f7f7;
	font-weight 	: normal;
}
.data_box td input
{
	max-width 		: 100%; 
}
.data_box td
{
	border-bottom: none;
	border-right: 1px #CCC dashed;
}


.data_box_normal table
{
	width 			: 100%; 
}

.data_box_normal th,
.data_box_normal td
{
	padding 		: 15px 15px;
	border-bottom 	: 1px #CCC solid; 
	text-align 		: left;
}
.data_box_normal tr:nth-child(odd) td
{
	background 		: #EEE; 
}

.data_box_normal th
{
	background 		: #f7f7f7;
	font-weight 	: normal;
}
.data_box_normal td input
{
	max-width 		: 100%; 
}
.data_box_normal td
{
	border-bottom: none;
	border-right: 1px #CCC dashed;
}

table.layout_table
{
	border-spacing: 0px;
}



/*ムービー登録*/

.entry_title
{
	margin 			: 0px;
	padding 		: 0px; 
	font-size 		: 30px;
	color 			: #FFF;
	background 		: url("../images/mov/common/title_bg.gif") 0 0 repeat;
	padding 		: 20px 20px 20px 140px;
	line-height 	: 1em;
	width 		 	: 100%;
	position 		: relative;
	margin-bottom 	: 45px;
	margin-top 		: 10px;
	text-align 		: left;
	font-weight 	: bold;
	box-sizing 		: border-box;
}
.entry_title:after
{
	content 		: "";
	position 		: absolute;
	display 		: block;
	background 		: url("../images/mov/common/title_arrow.png") bottom center no-repeat;
	height 			: 11px;
	width 			: 100%;
	left 			: 0px;
	bottom 			: -9px;
}
.entry_title img:first-child
{
	position 		: absolute;
	top 			: -20px;
	left 			: 20px; 
}
.catch_text
{
	font-size 		: 26px;
	border-left 	: 5px solid #082e5e;
	font-weight 	: bold;
	padding 		: 5px 0px 5px 10px;
	margin-bottom 	: 25px; 
}
.catch_text span
{
	color 			: #001c50;
}
.entry_hosoku
{
	width 			: 98%;
	margin 			: 0 auto 40px;
}

.am_code_area .am_code_box_title
{
	margin-bottom 	: 10px; 
}
.am_code_box_title .text01,
.am_code_box_title .text02
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align 		: middle;
}
.am_code_box_title .text01
{
	font-size 			: 24px;
	margin-right 		: 20px;
	font-weight 		: bold;
}
.am_code_box_title .text02 span
{
	font-weight 		: bold;
}


.am_code_area .am_code_box
{
	border-radius 		: 3px;
-webkit-border-radius 	: 3px;
-moz-border-radius 		: 3px;
border 				: 1px #CCC solid;
padding 				: 20px 20px;
box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
margin-bottom 			: 25px; 
}

.am_code_area .am_code_box table
{
	width 			: 100%; 
}

.am_code_area .am_code_box th
{
	background 		: url("../images/mov/common/cord_arrow.png") 95% 50% no-repeat;
	width 			: 35%;
	text-align: center;
}
.am_code_area .am_code_box input
{
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px #CCC solid;
}
.am_code_area .am_code_box input.am_number01,
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	border 			: 1px #CCC solid;
	border-radius 	: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding 			: 0.7em;
font-size 			: 16px;
margin 				: 0px 0.5em;
vertical-align: middle;
background: #f7f7f7;
}
.am_code_area .am_code_box input.am_number01
{
	width 				: 20%; 
}
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	width 				: 33%; 
}


.submit_btn input,
.submit_btn button,
.submit_btn a
{
	display 		: block;
	width 			: 50%;
	padding 		: 15px;
	margin 			: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius 	: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 24px;
color: #FFF;
background: url("../images/mov/common/btn_arrow.png") top 50% right 15px no-repeat,url("../images/mov/common/entry_btn_bg.png") top left/ auto 100% repeat-x;
border: none;
margin-bottom 			: 30px;
font-weight: bold;
text-decoration: none;
}

.submit_btn input:hover,
.submit_btn button:hover,
.submit_btn a:hover
{
	opacity: 0.9;
}
.att_box
{
	background 		: url("../images/mov/common/att_bg.gif") 0 0 repeat;
	padding 		: 20px;
}
.att_box .att_box_inner
{
	background 		: url("../images/mov/common/cord_img.png") 20px 50% no-repeat;
	padding 		: 10px 0px 10px 120px;
}

.product_box
{
	width 			: 95%;
	position 		: relative;
	box-sizing 		: border-box;
	padding 		: 30px 20px 20px 451px;
	margin 			: 0 auto;
	background 		: #f7f7f7;
	text-align 		: left;
	border 			: 1px #CCC solid;
box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;

}
.product_box .product_img
{
	position 		: absolute;
	left 			: 20px;
	top 			: 30px; 
}
.online_arrow
{
	margin-bottom 	: 10px; 
}

.product_catch
{
	font-size 		: 20px;
	padding 		: 0px 10px 15px;
	border-bottom 	: 1px #CCC solid;
	font-weight 	: bold;
	color 			: #072d5d;
}
.product_mes
{
	padding 		:  15px 10px;
}
.am_catch_box
{
	width 			: 95%;
	box-sizing 		: border-box;
	padding 		: 31px 31px 31px 276px;
	background 		: #2d2d2d;
	position 		: relative;
	border-top 	 	: 5px solid #ff6c00;
	margin 			: 0 auto 40px;
	color 			: #FFF;
box-sizing: border-box;
text-align: left;
}
.am_catch_box a
{
	color 			: #ff6c00;
		text-decoration: underline;
}

.am_catch_box img:first-child
{
	position 		: absolute;
	left 			: 30px;
   	top 			: 30px;
}
.flow_title
{
	font-size 		: 24px;
	border-left 	: 5px solid #ff6c00;
	font-weight 	: bold;
	padding 		: 5px 0px 5px 10px;
	width 			: 98%;
	margin 			: 0 auto 15px;
}
.flow_title .en
{
	color 			: #ff6c00;
	display 		: block;
	font-size 		: 18px; 
}
.flow_hosoku
{
 	width 			: 100%;
	padding 		: 15px;
	border-top 		: 1px #CCC solid; 
	margin 			: 0 auto 15px;
}
.entry_step .step_item
{
	width 			: 32%;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	padding 			: 1% 1% 1% 1.5%;
	box-sizing 			: border-box;
}
.entry_step .step_item
{
	background 			: url("../images/mov/common/line.gif") left top repeat-y;
}
.entry_step .step_item:first-child,
.entry_step .step_item:nth-child(4)
{
	background: none;
}
.entry_step .step_title
{
	color: #CCC;
	font-size 		: 26px;
	font-weight: bold;
	margin 				: 0px; 
	line-height 		: 1em; 
}
.entry_step .step_title .num
{
	color: #ff6c00;
	font-size 		: 37px; 
}
.entry_step .step_item img
{
	display 		: block;
	max-width 		: 100%;
	height 			: auto;
	border 			: #ff6c00 solid 3px;
	box-sizing 		: border-box;
	margin-bottom 	: 15px; 
}
.entry_step .step_item_inner
{
	margin 			: 0 auto;
	box-sizing 		: border-box;
	background: #f7f7f7;
	padding 		: 15px;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size 			: 14px;
border: 1px #CCC solid;
position: relative;
width: 100%;
}
.entry_step .step_item_inner:before
{
	content: "";
	background: url("../images/mov/common/step_arrow.png") top center no-repeat;
	width 		: 100%;
	top 		: -11px;
	left 		: 0px;
	display: block;
	height: 11px;
	position: absolute;
}
.form_entry_title
{
	font-size 		: 48px;
	text-align 		: center;
	line-height 	: 1.3em;
	font-weight 	: bold;
	margin-bottom 	: 20px; 
}
.form_entry_title span.arrow
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	background 			: url("../shining-star8/images/mov/common/form_arrow.png") 0px 50% no-repeat,url("../shining-star8/images/mov/common/form_arrow.png") 100% 50% no-repeat;
	padding 			: 0px 80px; 
}
.form_entry_title em
{
	color 				: #ff4b00;
	font-style 			: normal;
}
.form_title
{
	background 			: url("../images/mov/common/title_bg.gif") 0 0 repeat;
	padding 			: 15px;
	text-align 			: center;
	font-weight 		: bold;
	color 				: #FFF;
	font-size 			: 20px; 
}
.form_title br
{
	display 			: none;
}


/*form*/
/*form:inputとtextareaは#contact_form経由で使う*/
.contact_data
{
	width 			: 95%;
	margin 			: 0 auto 30px;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	border: 1px #CCC solid;
	
	
}
.contact_data_inner
{
	padding 			: 20px; 
}



.contact_data th,
.contact_data td
{
	padding 		: 20px; 
}
.contact_data tr:last-child th,
.contact_data tr:last-child td
{
	border-bottom: none;
}

input.input_area,
textarea.input_area
{
	font-size 		: 16px;

    border: 1px #CCC solid;
	padding 		: 7px 0.8em;
	box-sizing 		: border-box;
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	border-radius		: 3px;
	background: #FFF;
}
#contact_form .select {
	overflow: hidden;
	text-align: center;
	position: relative;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align 		: middle;

}
#contact_form .select select {

	width: 100%;
	padding 		: 7px 2em 7px 0.8em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	border 			: 1px solid #CCCCCC;
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	border-radius		: 3px;
	background: #f7f7f7;
}
#contact_form .select select::-ms-expand {
    display: none;
}

#contact_form .select:before {
	position: absolute;
	top: 1.2em;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
#contact_form .imgInput .imgView
{
	max-width 		: 100px;
	height 			: auto;
	display 		: block;
	margin-top 		: 15px;
}
.form_name_s
{
	width			: 8em;
}
.form_tel
{
	width			: 18em;
}
.form_mail
{
	width			: 25em;
}
.form_url
{
	width			: 100%;
}
.form_add
{
	width			: 100%;
}
.form_team
{
	width			: 20em;
}
.form_other
{
	width			: 100%;
	height			: 10em;
}
.form_zip
{
	width			: 10em;
}
.tag_set
{
	margin 			: 0;
	position 		: relative;
	width 			: 100%;
	padding-right		: 52px;
	box-sizing 		: border-box;
}
.req_tag,
.any_tag
{
	padding 		: 5px 7px;
	color 			: #fff;
	font-size 		: 12px;
	line-height		: 1em;
	position 		: absolute;
	right 			: 0px;
	top 			: 0px;
	-webkit-border-radius 	: 3px;
	-moz-border-radius 		: 3px;
	border-radius 			: 3px;
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align 		: middle;
}
.req_tag
{
    background 		: #c33;
}
.any_tag
{
	background 		: #339ccc;
}

.sub_product_box
{
	width 			: 100%;
	margin 			: 0 auto 0px;
}
.sub_product_box_inner
{
	text-align 			: left;
}
.sub_product_box_inner p
{
	margin-top 			: 0px; 
}

.sub_product_title
{
	margin-top 			: 0px; 
	margin-bottom 		: 0px; 
	background 			: url("../images/mov/common/title_bg.gif") 0 0 repeat;
	padding 			: 15px;
	text-align 			: center;
	font-weight 		: bold;
	color 				: #FFF;
	font-size 			: 20px;
}
.line_link,
.line_link li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.line_link li
{
	max-width 			: 50%; 
}
.line_link li img
{
	max-width 			: 100%;
	height 				: auto; 
}

.line_link
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
	justify-content: space-between;
 	-ms-flex-pack: justify;
	width 			: 100%;
	padding 		: 20px 0px; 
}
.line_arrow
{
	text-align 		: center;
	padding 		: 10px 0px; 
}
.line_link a:hover
{
	opacity 		: 0.9; 
}
.line_text
{
	border-left 	: #001b50 3px solid;
	padding 		: 10px 0px 10px 15px; 
	font-weight: bold;
}


/*button------------------------------------------------------------*/

.button01
{
    max-width 		: 600px;
	width 			: 95%;
	margin-left 	: auto;
	margin-right 	: auto;
}
.button01 a
{
    display 	: block;
    padding 	: 20px 45px;
    font-size 	: 26px;
    font-weight	: bold;
    color 		: #fff;
	background: #ff7d00 url("../images/common/base/bg03.png") 0 0 / auto auto repeat-x;
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
    border-radius			: 3px;
    -webkit-box-shadow		: rgba(0, 0, 0, 0.1) 0px 1px 3px 1px;
    -moz-box-shadow			: rgba(0, 0, 0, 0.1) 0px 1px 3px 1px;
    box-shadow				: rgba(0, 0, 0, 0.1) 0px 1px 3px 1px;
    text-decoration	: none;
    position 		: relative;
}
.button01 a:hover
{
    opacity		: .6;
}
.button01 a:before
{
    content 	: '';
    display 	: block;
    position 	: absolute;
    right 		: 18px;
    top 		: 0;
    bottom 		: 0;
    margin 		: auto 0;
    width 		: 10px;
    height 		: 10px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.button_download
{
    max-width 		: 700px;
	width 			: 95%;
	margin-left 	: auto;
	margin-right 	: auto;
	
}
.button_download a
{
    display 	: block;
    padding 	: 16px 45px 15px 20px;
    font-size 	: 26px;
    font-weight	: bold;
    color 		: #000;
	background: #ffec00 url("../images/common/base/bg04.png") 0 0 / auto 100% repeat-x;
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
    border-radius			: 3px;
    -webkit-box-shadow		: rgba(0, 0, 0, 0.5) 0px 1px 3px 1px;
    -moz-box-shadow			: rgba(0, 0, 0, 0.5) 0px 1px 3px 1px;
    box-shadow				: rgba(0, 0, 0, 0.5) 0px 1px 3px 1px;
    text-decoration	: none;
    position 		: relative;
		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;
	 text-shadow: 1px 1px 8px rgba(255,255,255,0.8);
}
.button_download a img
{
	margin-right 		: 15px;
	margin-top 			: -20px;
	margin-bottom 		: -10px; 
}


.button_download a:hover
{
    opacity		: .6;
}
.button_download a:before
{
    content 	: '';
    display 	: block;
    position 	: absolute;
    right 		: 18px;
    top 		: 0;
    bottom 		: 0;
    margin 		: auto 0;
    width 		: 10px;
    height 		: 10px;
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}	



.cta_box .product_name
{
	font-size 			: clamp(1.8rem,4.5vw,2.6rem);
	font-weight 		: bold;
	line-height 		: 1.3;
	position 			: relative;
 	width 				: fit-content;
	padding 			: 10px 20px; 
}

.cta_box .product_name:before
{
	content 			: "";
	background-image 	: url("../images/common/base/bg01.gif") ,url("../images/common/base/bg01.gif") ,url("../images/common/base/bg01.gif");
	background-position : top 0px left 0px,top 0px left 0px,bottom 0px left 0px;
	background-repeat:  no-repeat,repeat-y,no-repeat;
	background-size 	: 20px 8px, 8px 8px,20px 7px;
	display 			: block;
	position 			: absolute;
	left 				: 0px;
	top 				: 0px;
	height 				: 100%; 
	width 				: 15px; 
}

.cta_box .product_name:after
{
	content 			: "";
	background-image 	: url("../images/common/base/bg01.gif") ,url("../images/common/base/bg01.gif") ,url("../images/common/base/bg01.gif");
	background-position : top 0px right 0px,top 0px right 0px,bottom 0px right 0px;
	background-repeat:  no-repeat,repeat-y,no-repeat;
	background-size 	: 20px 8px, 8px 8px,20px 8px;
	display 			: block;
	position 			: absolute;
	right 				: 0px;
	top 				: 0px;
	height 				: 100%; 
	width 				: 15px; 
}



.cta_box .product_sub_catch
{
	font-weight 		: bold;
	text-align 			: left;
	text-align 			: center;
 	font-size 			: clamp(1rem,3vw,1.4rem);
	border-top 		: 1px  #CCC solid;
	padding-top 		: 15px;
	margin-top 			: 15px; 
}
.cta_box .product_limit
{
	font-size 			: clamp(1.2rem,4.2vw,2.3rem);
	font-weight 		: bold;
	background 			: #EEE;
	border-radius 		: 3px;
	padding 			: 5px 10px; 
}
.cta_box .product_olignal_price
{
	text-decoration: line-through;
	font-size 			:  2rem;
	font-weight 		: bold;
}
.cta_box .product_sale_price
{

	color 				: #FF0004;
	font-weight 		: bold;
}
.cta_box p
{
	margin-top 			: 0px;
	margin-bottom 		: 10px;
}
.cta_box .product_sale_price .main_num
{
	font-size 			: clamp(2.8rem,8vw,4rem);
	display 			: block;
	line-height 		: 1.0; 
}
.cta_box .product_sale_price .sub_num
{
	font-size 			: clamp(1rem,3vw,1.4rem) 
}

.cta_box .timer
{
	background 			: url("../images/common/base/bg_pattern04.png") 0 0 repeat;
	padding 			: .3em; 
}
.cta_box .timer .timer_inner
{
	background 			: #222;
	padding 			: 15px 20px;
	width 				: 90%;
	max-width 			: 500px; 
font-size 				: clamp(1rem,3vw,1.4rem);
	font-weight: bold;
	margin 				: 0 auto; 
	border-radius 		: 3px;
	color: 
}
.cta_box .timer .timer_inner .countdown
{
	background 			: #FFF; 
	display: block;
	border-radius: 3px;
	padding 			: 5px 10px;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px inset;
	color 			: #FF1F00;

}
/*▼doc_body------------------------------------------------------------*/

.doc_body
{
	text-align: left;
}
.doc_body img
{
	max-width 		: 100%;
	height 			: auto;
}


.doc_body h2
{
	background: #FFF url("../images/common/base/main_bg.jpg") center center / 170% auto repeat;
	color 				: #FFF;
	 text-shadow 		: 1px 1px 2px rgba(0,0,0,0.5);
	 padding 			: 20px 25px;
	 text-align 		: left;
	 margin 			: 0px;
	 border-radius 		: 3px;
	 margin-bottom 		: 25px;
	 line-height 		: 1.3;
	 font-size 			: clamp(1.3rem,3.3vw,1.6rem); 
	 position 			: relative;
	 clear 				: both;
}
.doc_body h2:before
{
	content 			: "";
		border-left: 10px solid transparent;
 	border-right: 10px solid transparent;
	border-top: 10px solid #0d0c13;
	position: absolute;
	left 		: 0;
	right 		: 0;
	margin 		: 0 auto; 
	bottom 		: -10px;
	width 		: 0px;
	height 		: 0px; 
}

.doc_body h3
{
	margin 				: 0px;
	padding 			: 0px;
	margin-bottom 		: 15px; 
	border-left 		 : 2px #333 solid;
	padding 			: .2em 0 .2em .6em; 

}
.ach_box
{
	background 			: url("../images/common/base/ach_bg.gif") top center /cover no-repeat;
	padding 			: 15px;
	border-radius 		: 3px; 
	margin-bottom 		: 25px;  
}
.ach_box .ach_title
{
    font-size 			: clamp(1.3rem,3.3vw,1.6rem);
	margin 				: 0px;
	padding 			: 0px;
	font-weight: bold;
	color 				: #ddbc8b;
	margin-bottom 		: 10px; 
}
.ach_box .ach_title:before
{
	content 			: "";
	width 				: 10px;
	height 				: 10px;
	border 				: 7px #ddbc8b solid;
	margin-right 		: 5px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}
.ach_box img
{
	border 				: 2px #ddbc8b solid;
}

.mov_list,
.mov_list li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.mov_list li
{
	background 			: url("../images/common/base/mov_icon.png") left 10px top 50% no-repeat;
	padding-left 		: 70px;
	padding 			: 18px 15px 18px 60px;
	border-top 			: 1px #868686 solid;
	border-bottom 		: 1px #262626 solid;
	line-height 		: 1.3; 
}
.mov_list li:first-child
{
	border-top 			: none; 
}


.mov_list li a
{
	color 				: #FFFEC9; 
}

.mov_list
{
	background 			: #575757; 
	border-radius 		: 5px; 
}

/*同意書追加*/

.consent_body
{
	font-size 			: 1rem;
	padding-bottom 		: 15px;
}
.consent_body .tokutei_box p
{
	margin-top 		: 0px; 
}

.consent_doc_area
{
	overflow 			: auto;
	height 				: 500px;
	padding 			: 1em;
	border 				: 1px #CCC solid; 
	margin-bottom 		:  30px; 
}
.consent_doc_area
{
	font-size 			: .875rem; 
}



.attention_box
{
	background 			: #EEE;
	padding 			: 15px;
	border-radius 		: 3px;
}

.input_box
{
	background 			: #FFF;
	text-align: center;
	margin-bottom 		: 35px; 
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	text-align: left;
	border 			: 1px #CCC solid;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		padding 		: 15px 20px;
		transition: all 0.5s ease;
		border-left: 4px solid #ff1800;
		box-sizing: border-box;	
}
.input_box *
{
	box-sizing: border-box;
}
.input_box input[type=checkbox]
{
transform: scale(2);
}
.input_box .input_btn
{

	-webkit-box-flex:0;
    -ms-flex:0 0 6%;
        flex:0 0 6%;
		text-align: center;
}
.input_box .input_box_inner
{
	-webkit-box-flex:0;
    -ms-flex:0 0 94%;
        flex:0 0 94%;
border-left 			: 1px #CCC solid;
padding-left 			: 15px;
margin-left 			: 15px;
		box-sizing: border-box;
}
.input_box.active
{
	border 				: 1px #0075ff solid;
	    background: #ecf5ff; 
}

.consent_doc_area .title
{
	font-size 			: 1.2rem;
	font-weight 		: bold;
	text-align: center;
	border-bottom 		: 1px #CCC solid;
	border-top 			: 1px #CCC solid; 
	padding 			: 10px; 
	margin-bottom 		: 15px;
	background 			: #f7f7f7;
}
.consent_doc_area .tag_box
{
	border: 2px solid #ff1800;
	font-size 			: 0.825rem;
	padding 			: 5px;
	width 				: fit-content; 
	color: #ff1800;
}
.consent_doc_area .data_box th,
.consent_doc_area .data_box td,
.consent_doc_area .data_box tr:nth-child(odd) td
{
	padding 			: 10px;
	background 			: #FFF; 
	border-bottom 		: 1px #CCC solid; 
}
.consent_doc_area .data_box th
{
	background 			: #EEE; 
}
.consent_doc_area h4
{
	background 			: #00246c;
	color: #FFF;
	border-radius: 3px;
	font-weight: bold;
	padding: 5px 10px;
}

.data_box .tokutei_table th,
.data_box .tokutei_table td,
.data_box .tokutei_table tr:nth-child(odd) td
{
	background 				: #f7f7f7;
	border-bottom 			: none;
	border-top 				: 1px #CCC solid; 
	border-right: none;
}
.data_box .tokutei_table th
{
	text-align: left;
	width 				: 20%; 
}


.tokutei_box
{
	background 			: #f7f7f7;
	margin-bottom 		: 30px;
	border 				: 1px #CCC solid;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
}
.tokutei_box .title
{
	margin 				: 0px;
	padding 			: 10px 15px 10px 15px; 
}
.tokutei_box .title span.icon
{
	display: inline-block;
	padding-left: 20px;
	background 	: url("../images/common/base/icon.png") left 0px top 50% no-repeat;
	font-weight: bold;
	margin-right 	: .5em; 
}
.tokutei_box .title span.sub
{
	display: inline-block;
	font-size: 0.875rem;
}

.consent_body .more_btn button
{
     background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		background: url("../images/common/base/bg05.png") 0 0 / auto 100% repeat-x;
		color 				: #FFF;
		border 				: 1px #000 solid;
		border-radius 		: 3px;
		padding 			: 15px 20px;
		font-size 			: 1.125rem;
		font-weight 		: bold;
		display 			: block;
		margin 				: 0 auto;
		max-width 			: 90%; 
}

.consent_body .more_btn#submit_button_disable button
{
	background 				: #CCC;
	border 					: 1px #FFF solid;
	pointer-events: none;
}

.red_border_box
{
    border: 2px solid #ff1800;
    padding: 5px;
    color: #ff1800;
}
.consent_header
{
	margin-top 		: -10px; 
}


.consent_header .cons_title
{
	font-size 			: 	clamp(1.3rem, 2vw, 1.7rem);
	line-height 		: 1.3; 
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	background:#00246c;
	color: #FFF;
	padding 			: 15px;
	position: relative;
}
.consent_header .cons_title:before
{
	content 		: "";
	display: block;
		border-left: 15px solid transparent;
 	border-right: 15px solid transparent;
	border-top: 15px solid #00246c;
	width 			: 0px;
	height 			: 0px;
	bottom 			: -15px;
	left 			: 0px;
	right 			: 0px;
	margin 			:  0 auto;
	position: absolute;

}


.download_box
{
	background 		: url("../images/common/base/bg02.gif") top left repeat;
	padding 		: 15px;
	margin-bottom 	: 25px; 
}
.download_box .fas
{
	color 			: #c00; 
}
.net_att
{
	padding 		: 20px;
	margin-top 		: 30px;
	font-size 		: 14px;
	border-top 		: 1px #CCC solid;
	border-bottom 	: 1px #CCC solid; 
}
.page_title
{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px #CCC solid;
    border-top: 3px #22345f solid;
    padding: 10px;
    margin-bottom: 20px;
    background: #f7f7f7;
}
.doc_list_title
{
	background:  #EEE url("../images/common/base/icon.png") top 50% left 15px no-repeat;
	padding 			: 15px 20px 15px 40px;
	margin-bottom 		: 15px;
	font-weight: bold;
}
.doc_list,
.doc_list li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.doc_list
{
	margin-bottom 		: 15px; 
}
.doc_list li a
{
	color 				: #333; 
}
.doc_list li a .far
{
	color 				: #C10003;
	margin-left 		: .5em; 
}

.doc_list li
{
	padding 			: 10px 15px;
	border-top 		: 1px #EEE solid;
}
.doc_list li:first-child
{
	padding-top 		: 0px;
	border-top: none;
}



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


#contents_wrapper h2.mov_title
{
	font-size 		: 24px;
}
.mov_area
{
	padding 		: 2%;
	margin-bottom 	: 4%; 
}
.mov_box
{
	width 		 	: 100%;  
}


.data_box input[type=submit]
{
	display 		: block;
	width 			: 30%;
	padding 		: 10px;
	margin 			: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;		
}

.entry_title
{
	font-size 			: 26px;
	padding 			: 20px 20px 20px 20px;
	margin-bottom 		: 3%;
	margin-top 			: 3%; 
	
}
.entry_title img:first-child
{
	width 				: 80px;
	height 				: auto;
	left 			 	: 10px;
  top 					: 50%;
  -webkit-transform 	: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.catch_text
{
    font-size: 24px;
    border-left: 5px solid #082e5e;
    font-weight: bold;
    margin-bottom: 2%;
}
.am_code_box_title .text01
{
	font-size 			: 20px; 
}
.entry_hosoku
{
	margin-bottom 		: 3%; 
}
.am_code_area .am_code_box
{
	padding 			: 15px 20px;
	border-top 			: 3px #ff6c00 solid;
}
.am_code_area .am_code_box table,
.am_code_area .am_code_box table tr,
.am_code_area .am_code_box table th,
.am_code_area .am_code_box table td
{
	display 			: block;
	width 				: 100%; 
}
.am_code_area .am_code_box table th
{
	margin-bottom 		: 2%;
	background: none;
	text-align: left;
}
.att_box .att_box_inner {
    background: url(../images/mov/common/cord_img.png) 10px 50% no-repeat;
    padding: 0px 0px 0px 90px;
}

.product_box .product_img
{
	position 			: static;
	width 				: 40%;
	float 				: left;
	margin-right 		: 3%;
	margin-bottom 		: 3%; 
}

.product_box .product_img img
{
	max-width 			: 100%;
	height 				: auto;
}

.product_catch
{
    font-size: 20px;
    padding: 0px 10px 15px;
    border-bottom: none;
    font-weight: bold;
    color: #072d5d;
}
.product_catch br
{
	display: none;
}
.product_box
{
	padding 			: 3%; 
}
.am_catch_box
{
 	clear 				: both;
    padding 			: 15px;
}
.am_catch_box:after
{
	content						:"";
	display						: block;
	clear						: both;	
}
.am_catch_box img:first-child
{
	float 				: left;
	position 			: static;
	padding-right 		: 15px;
	height 				: auto;
}
.product_mes
{
	padding 					: 0px; 
}
.entry_step .step_title
{
	font-size 					: 18px; 
}
.entry_step .step_title .num
{
	font-size 					: 26px; 
}
.entry_step .step_item_inner
{
	padding 					: 10px; 
}
.submit_btn input,
.submit_btn button,
.submit_btn a
{
	font-size 					: 18px; 
}
.submit_btn button
{
	width 						: 90%; 
}.contact_data

.am_code_area .am_code_box input.am_number01
{
	width 						: 18%; 
}
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	width 						: 31%; 
}

/*▼form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/

.form_mail
{
	width			: 100%;
}
#contact_form .imgInput .imgView
{
	margin-top 		: 2%;
}
.data_box th,
.data_box td,
.contact_data th,
.contact_data td
{
	padding 		: 2% 2% 3%;
}
.data_box th,
.contact_data th
{
 	border 			: none;
	padding 		: 1.5% 2%;
}
.contact_data tr:last-child th
{
	border-bottom: 1px #CCC dashed;
}
.contact_data table
{
	margin-bottom 	: 5px; 
}

.line_link li
{
	width 				: 48%; 
}
.line_link
{
	padding-bottom 		: 0px; 
}
.data_box td td input[type="text"],
.data_box td td input[type="password"]
{
	width 			: 100%!important;
	font-size 		: 16px; 
}

.data_box table,
.data_box table tbody,
.data_box table th,
.data_box table tr,
.data_box table td
{
	display 		: block;
	width 			: 100%;
	font-size 		: 16px;
	box-sizing: border-box;
}
.data_box table th
{
	border-bottom:  dashed 1px #CCC;
}
.data_box table td
{
	border-bottom: none;
}


.data_box .tokutei_table th
{
	width 				: 100%; 

}

.data_box .tokutei_table td,
.data_box .tokutei_table tr:nth-child(odd) td
{
	border-top: none;
	padding-top: 0px;
}
.consent_header
{
	margin-top 		: 0px; 
}
.consent_body
{
	padding-top 	: 10px; 
}


}


/*480-748以下の指定（タブレット）*/
@media screen and (min-width:480px) and ( max-width:748px) 
{

.entry_title
{
	font-size 		: 20px;
	line-height 	: 1.23em;
    padding 		: 15px 15px 15px 100px;
	margin-bottom 	: 5%;
    margin-top 		: 2%;
}
.entry_hosoku
{
	font-size 		: 14px; 
}
.catch_text
{
	font-size 		: 20px; 
}
.am_code_box_title .text02
{
	font-size 		: 14px; 
}
.att_box
{
	font-size 		: 14px;
	padding 		: 10px; 
}
.entry_step .step_item
{
	display 		: block;
	width 			: 100%;
	background 		: none;
	margin-bottom 	: 20px; 
}
.entry_step .step_item img
{
	width 			: 100%;
	height 			: auto;
}
.entry_step .step_title .num
{
	font-size 		: 32px; 
}
.entry_step .step_title
{
	font-size 		: 20px; 
}
.entry_step .step_item_inner
{
	padding 		: 15px; 
}
.form_entry_title
{
	font-size 		: 26px; 
}
.form_entry_title span.arrow
{
	background-size 	: 30px auto,30px auto!important;
	padding 			: 0px 35px; 
}
.form_title
{
	font-size 			: 18px; 
}
.contact_data_inner
{
	padding 			: 10px; 
}
.input_hosoku
{
	font-size 			: 16px; 
}



}


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


.button01 a
{
	font-size 		: 20px; 
}

.button_download a
{
	font-size 		: 20px; 
}


.cta_box .product_sub_catch
{
	text-align 		: left;
}
.ach_box .ach_title:before
{
 	border 			: 6px #ddbc8b solid;
	width 			: 8px;
	height 			: 8px; 
}





}



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


.member_area h3
{
	margin-bottom 	: 5%; 
}
#contents_wrapper h2.mov_title
{
	font-size 		: 20px;
	text-align 		: left;
	margin-bottom 	: 2%;
}
.mov {
    margin-top 		: 0px;
    margin-bottom 	: 0px;
}
.mov_area
{
	padding 		: 3%; 
}
.member_area h3
{
	font-size 		: 18px; 
}
.data_box input[type=submit]
{
	width 			: 50%;
	padding 		: 5px; 
}
.product_mes,
.am_catch_box,
.flow_hosoku,
.att_text
{
	font-size: 14px;
}

.product_catch
{
	font-size 		: 14px;
	margin-bottom 	:2%;  
}

.product_box
{
	padding 		: 5%; 
}

.product_box .product_img
{

	text-align 		: center;
	width 			: 40%;
	margin 			: 0px 3% 3% 0%; 
}
.am_catch_box img:first-child
{
	float 			: none;
	display 		: block;
	margin 			: 0px 0px 5px;
	max-width 		: 100%;
	width 			: 263px; 
	padding-right 	: 0px;
}
.am_catch_box
{
	margin-bottom 	: 5%; 
}

.entry_title
{
	font-size 		: 18px;
	line-height 	: 1.23em;
    padding 		: 15px 15px 15px 100px;
	margin-bottom 	: 5%;
    margin-top 		: 2%;
}
.entry_hosoku
{
	font-size 		: 14px; 
}
.catch_text,
.am_code_box_title .text01
{
	font-size 		: 16px; 
}
.am_code_box_title .text02
{
	font-size 		: 14px; 
}
.att_box
{
	font-size 		: 14px;
	padding 		: 10px; 
}
.entry_step .step_item
{
	display 		: block;
	width 			: 100%;
	background 		: none;
	margin-bottom 	: 15px; 
}
.entry_step .step_item img
{
	width 			: 100%;
	height 			: auto;
}
.entry_step .step_title .num
{
	font-size 		: 32px; 
}
.entry_step .step_title
{
	font-size 		: 20px; 
}
.entry_step .step_item_inner
{
	padding 		: 15px; 
}
.submit_btn input,.submit_btn button .submit_btn a
{
	width 			: 90%; 
}
.am_code_area .am_code_box
{
	padding 		:15px; 
}

.am_code_area .am_code_box input.am_number01,
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	margin 			: 0px; 
}
.am_code_area .am_code_box input.am_number01
{
	width 			: 23%;
	margin-right 	: 3px; 
}
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	width 			: 33%;
	margin-right 	: 3px;
	margin-left 	: 3px; 
}
.am_code_area .am_code_box input.am_number03
{
		margin-right 	: 0px; 
}

.att_box .att_box_inner
{
	background: none;
	padding: 0px;
}
.cta_box .product_name
{
	line-height 		: 1.2; 
}






/*▼form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/
.form_name
{
	width			: 45%;
}
.form_tel
{
	width			: 100%;
}
.form_mail
{
	width			: 100%;
}
.form_other
{
	width			: 100%;
	height			: 10em;
}
#contact_form .check_list li
{
	padding-left 		: 25px;
	margin-bottom 		: 1.5%;
	background 		: none;
	position 		: relative;
}
#contact_form .check_list li label input
{
	-webkit-transform	: scale(1.5);
 	transform 		: scale(1.5);
}

.contact_data
{
	margin-bottom 	: 15px; 
}


.data_box th,
.data_box td,
.contact_data th,
.contact_data td
{
	padding 		: 4% 4% 5%;
}
.data_box th,
.contact_data th
{
 	border 			: none;
	padding 		: 2% 4%;
}
.contact_data table
{
	margin-bottom 	: 5px; 
}
.form_entry_title
{
	font-size 		: 24px; 
	line-height 	: 1.1em; 
	margin-bottom 	: 5px; 
}
.form_entry_title em
{
	display: block;
	font-style: normal;
}

.form_entry_title span.arrow
{
	background-size 	: 50px auto,50px auto!important;
	padding 			: 0px 60px; 
}
.form_title
{
	font-size 			: 18px;
	line-height 		: 1.2em; 
}
.form_title br
{
	display: inline;
}
.contact_data_inner
{
	padding 			: 10px; 
}


.input_hosoku
{
	font-size 			: 14px; 
}
.footer_nav ul
{
	width 				: 100%; 
}

.footer_nav li a
{
	font-size 			: 14px;
	padding 			: 10px 5px; 
}

.line_link li
{
	max-width 				: 100%;
	width 					: 100%;
}
.line_link li:first-child
{
	margin-bottom 			: 15px; 
}
.line_arrow
{
	width 					: 50%;
	padding 				: 5px 0px;
	margin 					: 0 auto; 
}
.line_arrow img
{
	max-width 				: 100%;
	height 					: auto;
}
.button01 a
{
    font-size 		: 18px;
    text-align 		: left;
    padding 		: 20px 25px 20px 25px; 
}

.button_download a
{
    font-size 		: 18px;
    text-align 		: left;
    padding 		: 15px 30px 15px 15px;
	line-height 	: 1.3; 
}
.mov_box_header .sub_att .fas
{
	margin-right 	: .2em; 
}
.mov_box_header .sub_att
{
	text-align 		: left;
}
.mov_box_header .mov_box_title
{
	margin-bottom 		: 10px;
	padding-bottom 		: 10px; 
}


/*▼doc_body------------------------------------------------------------*/

.doc_body h2
{
	padding 			: 15px 20px; 
}

.mov_list li
{
	font-size 			: 16px; 
}
.input_box
{
			box-sizing: border-box;
}
.input_box *
{
			box-sizing: border-box;
}

.input_box .input_btn
{

	-webkit-box-flex:0;
    -ms-flex:0 0 15%;
        flex:0 0 15%;
		text-align: center;
}
.input_box .input_box_inner
{
	-webkit-box-flex:0;
    -ms-flex:0 0 75%;
        flex:0 0 75%;

}
.consent_header .cons_title
{
	padding 		: 10px; 
}




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

.am_code_area .am_code_box
{
	padding 		:10px; 
}
.am_code_area .am_code_box input.am_number01
{
	width 			: 20%; 
}
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	width 			: 34%; 
}

.am_code_area .am_code_box input.am_number01,
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	padding 		: 0.5em; 
}

.am_code_area .am_code_box input.am_number01
{
	width 			: 23%;
	margin-right 	: 3px; 
}
.am_code_area .am_code_box input.am_number02,
.am_code_area .am_code_box input.am_number03
{
	width 			: 33%;
	margin-right 	: 3px;
	margin-left 	: 3px; 
}
.am_code_area .am_code_box input.am_number03
{
		margin-right 	: 0px; 
}
.button01 a
{
    font-size 		: 16px;
    padding 		: 20px 35px;
}
.button_download a
{
    font-size 		: 16px;
    padding 		: 20px 35px;
}

}