/* online-purchase.html */
/* ---------------------------------------------------------------------------------------------- */
/* introduction */
div.introduction {
    width: 75%;
    max-width: 900px; 
    margin: 0 auto 40px;
}
div.introduction:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.introduction h2 {
    width: 87%;
    max-width: 848px;
	padding:50px 0 25px;
	margin:0 auto 30px;
	border-bottom:2px solid #D4DADD;
}
div.introduction h2 img {
    width: 100%;
}

/*div.introduction p.image {
	font-size:0;
	line-height:0;
	text-align:center;
	padding:0;
	margin:0 auto;
}*/
div.introduction div.image img {
	width:100%;
}
div.introduction div.image.img01 {
    box-sizing: border-box;
    display: block;
    width: 60%;
    max-width: 720px;
    margin-left: 20%;
    margin-right: 20%;
}
div.introduction div.flex-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: row;
    gap: 20px;
    max-width: 100%;
}
div.introduction div.flex-box div.flex-item {
    width: 100%;
    text-align: center;
}
div.introduction div.flex-box div.flex-item img {
    width: 70%;
}
div.introduction div.flex-box p.caption {
    text-align: center;
    font-size: 90%;
	margin-top: 5px;
	margin-bottom: 20px;	
} 
div.introduction ul.list {
	clear:both;
	width:87%;
	max-width:848px;
	font-size:90%;
	line-height:140%;
	padding:0 0 20px;
	margin:0 auto;
    list-style:  none;
}
div.introduction ul.list li:before {
    content:  ""; 
    width:  10px; 
    height:  10px;
    display:  inline-block;
    background-color: #000;
    border-radius:  50%;
    position:  relative;
    top: -1px;
    margin-right: 5px;   
}
div.note {
	clear:both;
	width:87%;
	max-width:848px;
	font-size:80%;
    line-height:140%;
	margin:0 auto 20px;    
}

/* link */
div.link {
    width: 75%;
    max-width: 900px; 
    margin: 80px auto 60px;
}
div.link:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.link img {
    width: 100%;
}
div.link a img:hover{
    opacity: 0.7;
}

/* anshin_support */
div.anshin_support {
    width: 80%;
    max-width: 976px; 
    margin: 0 auto 40px;
}
div.anshin_support div.h2_wrapper {
	border-top: 2px double #02a1e9;	
	border-bottom: 2px double #02a1e9;
	border-image: linear-gradient(to right, #02a1e9 0%, #004ea2 100%);
	border-image-slice: 1;
	margin-bottom: 40px;
	padding: 5px 0;
}
div.anshin_support div.h2_title {
	border-top: 2px double #02a1e9;	
	border-bottom: 2px double #02a1e9;
	border-image: linear-gradient(to right, #02a1e9 0%, #004ea2 100%);
	border-image-slice: 1;
	padding: 10px;
	text-align: center;
}
div.anshin_support h2 {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.5em;
}
div.anshin_support div.main_img {
	border-bottom: 2px solid #02a1e9;
	border-image: linear-gradient(to right, #02a1e9 0%, #004ea2 100%);
	border-image-slice: 1;
	margin: 0 auto 40px;
	text-align: center;
}
div.anshin_support div.sub_img {
    width: 75%;
    max-width: 900px; 
    margin: 0 auto 40px;
	text-align: center;
}
.mb40 {
	margin-bottom: 40px;
}
.for_pc {
	display: block;
}
.for_sp {
	display: none;
}

/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {


}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {



/* ---------------------------------------------------------------------------------------------- */
/* introduction */
div.introduction {
	width:94%;
	max-width:94%;
}
div.introduction h2 {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:40px 10px 10px;
}
div.introduction div.image.img01 {
	width:100%;
	max-width:100%;
	float:none; 
    margin:0;
}

div.introduction div.image {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:10px;
	margin:0 auto;
}
div.introduction div.flex-box {
    display: block;
}
div.anshin_support {
    width: 94%;
}
div.anshin_support h2 {
	font-size: 1.2rem;
}
div.anshin_support div.sub_img {
    width: 94%;
}
	
div.link {
    width: 94%;
}
	
.for_pc {
	display: none;
}
.for_sp {
	display: block;
}
/*div.introduction h2 span {
	width:100%;
	max-width:100%;
}
div.introduction h2.textver.lw02,
div.introduction h2.textver.lw05 {
	font-size:120%;
	line-height:140%;
}
div.introduction h2.long {
	width:100%;
	max-width:100%;
}
div.introduction h2.h2_top {
	padding:0 10px 30px;
}
div.introduction p.lead {
	text-align:left;
	padding:0 10px;
}
div.introduction p.ld_end {
	padding-bottom:20px;
}


div.support_area {
	width:96%;
	max-width:96%;
}
div.support_area div.for_sp {
	width:70%;
	padding:20px 0 0;
	margin:0 auto;
}
div.support_area div.for_sp p {
	display:block;
	font-size:80%;
	line-height:110%;
	text-align:center;
	padding:0;
	margin:0;
}
div.support_area div.for_sp img {
	display:block;
	width:100%;
	font-size:0%;
	line-height:0%;
	text-align:center;
	margin:0 auto;
}
*/
/*div.introduction p.step_img {
	width:60%;
	max-width:60%;
}
div.introduction p.flow01 {
	width:60%;
	max-width:60%;
}
div.introduction p.flow02 {
	width:60%;
	max-width:60%;
}
div.flowdiv3 {
	width:100%;
	float:none;
}
div.flowdiv3 h3.text2 {
	padding: 0 0 8px;
}
div.flowbox div.flowdiv3:nth-of-type(n+2) h3.text2 {
	padding: 16px 0 8px;
}

div.introduction p.is_intro_img01,
div.introduction p.is_intro_img02,
div.introduction p.hv_intro_img01,
div.introduction p.index_intro_img01 {
	width:100%;
	max-width:100%;
}
div.introduction div.intro_qa {
	width:96%;
	max-width:96%;
}
div.introduction div.intro_qa:nth-of-type(2) {
	margin-top:40px;
}
div.introduction div.intro_qa dl dt {
	width:12%;
	padding:10px 5px;
}
div.introduction div.intro_qa dl dd {
	padding:10px;
}
div.introduction div.intro_qa dl dd img {
	width:90%;
}
div.introduction h3.text {
	width:96%;
	max-width:96%;
}
div.introduction ul.list {
	width:96%;
	max-width:96%;
}
div.introduction ul.attention {
	width:96%;
	max-width:96%;
	padding:50px 0 40px;
	margin:0 auto;
}
*/


/* accordion */
/*div.acdn h2 {
	padding:15px 0 25px;
}
div.acdn h2:before {
	bottom:8px;
	left:50%;
	width:22px;
	height:11px;
	background-size:22px;
}
div.acdn h2 div.acdn_btn_inner {
	max-width:100%;
}
div.acdn h2 div.acdn_btn_inner p {
	padding:0;
}
div.acdn div.prd_contents {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:20px 10px 30px;
}
div.acdn div.prd_contents p.lead {
	text-align:left;
}
div.acdn div.prd_contents p.image {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:20px 10px 0;
}

div.acdn div.prd_contents div.attention {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:0;
}
div.acdn div.prd_contents div.attention h4 {
	font-size:100%;
}
div.acdn div.prd_contents div.attention h4 img {
	width:20px;
}

div.acdn div.prd_contents div.vrla_box dl.vrla_title dt {
	padding:10px 10px;
}
div.acdn div.prd_contents div.vrla_box dl.vrla_title dd {
	padding:10px 10px;
}

div.acdn div.prd_contents p.btn {
	width:90%;
}
div.acdn div.prd_contents p.btn a:hover {
	text-decoration:none;
}

div.acdn div.prd_contents p.btn2 {
	font-size:80%;
}
div.acdn div.prd_contents p.btn2 a span {
	font-size:140%;
}

div.acdn div.prd_contents h3.img_title {
	width:70%;
	max-width:70%;
	padding:30px 0 30px;
}
div.acdn div.prd_contents div.video {
	width:100%;
	max-width:100%;
}

div.acdn div.prd_contents div.lineup_table span.sp_scroll {
	display:block;
	font-size:76%;
	line-height:120%;
	text-align:center;
	padding:7px 0;
	background-color:#F0F0F0;
	border-radius:5px 5px 0 0;
}
div.acdn div.prd_contents div.lineup_table div.scroll {
	overflow-x: scroll;
	overflow-y: hidden;
}
div.acdn div.prd_contents div.lineup_table div.scroll p {
	width:250%;
}
div.acdn div.prd_contents ul.attention {
	padding:30px 0 0;
}*/


/* bottom_bnr */
/*div.bottom_bnr {
}
div.bottom_bnr h2 {
	padding:10px 0;
}
div.bottom_bnr h2 span {
	display:block;
	padding:0 0 5px;
}
div.bottom_bnr div.bnr_text_area {
	padding:20px 0;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main {
	display:block;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p {
	display:block;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p.l_text {
	text-align:center;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p.c_img {
	width:80%;
	max-width:80%; 
	text-align:center;
	padding:10px 0;
	margin:0 auto;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p.r_text {
	text-align:center;
}
div.bottom_bnr div.bnr_text_area p.link a:hover {
	text-decoration:none;
}


div.bottom_bnr.kit h2 img {
	max-width:70% !important;
}
div.bottom_bnr.kit div.bnr_text_area div.bnr_tx_main img {
	max-width:80% !important; 
}

div.bottom_bnr.lwink h2 img {
	max-width:40% !important; 
}
div.bottom_bnr.lwink div.bnr_text_area div.bnr_tx_main img {
	max-width:80% !important; 
}



div.versionup {
}
div.versionup a {
}
div.versionup a span {
	font-size:120%;
	padding:5px 10px 5px 28px;
}



div.introduction.flowbox {
	width:100%;
	max-width:100%;
}
*/


}