/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

/* title */
/*------------------------------------------------------------------------------*/

#pagetitle_wrapper{
	background:url(../image/common/page_title_bg.jpg) no-repeat center center / cover;
}

#pagetitle_wrapper h1{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	min-height:90px;
	padding:20px 0;
	width:94%;
	max-width:1100px;
	margin:0 auto;
	font-size:24px;
	letter-spacing:0.05em;
	color:#FFF;
	line-height:1.3;
}
.subtitle02{
	font-size:22px;
}
.subtitle03{
	font-size:18px;
	padding:5px 0 5px 10px;
}
.border_title strong{
	font-size:20px;
}


/* box */
/*-------------------------------------------------------------------------------*/

.box2_it_l,.box2_it_r{
	float:none;
	width:100%;
}

.box3_it_l,.box3_it_r{
	float:none;
	width:100%;
}

.box3 li{
	float:none;
	width:100%;
	margin:0;
}
.box3 li + li{
	margin-top:15px;
}

/* btn */
/*-------------------------------------------------------------------------------*/

.free_btn2col li{
	float:none;
	width:100%;
	margin:0;
}
.free_btn2col li+li{
	margin-top:10px;
}

.free_btn3{
	display:block;
}
.free_btn3 li{
	width:100%;
	margin:0;
}
.free_btn3 li + li{
	margin-top:10px;
}

.btn_list li{
	clear:none !important;
	width:49.5%;
	margin:0 0 1% 1% !important;
}
.btn_list li:nth-child(odd){
	clear:both !important;
	margin-left:0!important;
}

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

.free_table01 th,.free_table01 td{
	display:block;
	width:100%;
	font-size:15px;
	padding:0;
	border: solid #EEE;
	border-width:1px 0 0 0;
}
.free_table01 th{
	padding:10px 0;
}
.free_table01 td{
	padding-top:10px;
	margin-bottom:20px;
}


.free_table03 tr > *{
	display:block;
	width:100% !important;
	border:none;
}

.free_table03 tr > td{
	border: solid #DDD;
	border-width: 1px;
}
.free_table03 tr > td:last-child{
	margin-bottom:20px;
}


.list2 li{
	float:none;
	width:100%;
	margin:0;
}
.list2 li + li{
	margin-top:5px;
}

/*scroll_box*/
/*------------------------------------------------------------------------------*/
.scroll-box{
 width:100%;
 overflow:auto;
 overflow-x:auto;
 padding-bottom:10px;
}
.scroll-box > *{
 width:700px;
}
.scroll-box::-webkit-scrollbar {
 height: 10px;
}
.scroll-box::-webkit-scrollbar-track {
 border-radius: 10px;
 background: #ddd;
}
.scroll-box::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #213F85;
}
.scroll-info{
 display:block;
 margin-bottom:10px;
 text-align:center;
 font-size:12px;
}
.scroll-info:before{
 content:"◆";
 color:#008C8D;
}


/*scroll_box*/
/*------------------------------------------------------------------------------*/
.scroll-box{
 width:100%;
 overflow:auto;
 overflow-x:auto;
 padding-bottom:10px;
}
.scroll-box > *{
 width:700px;
}
.scroll-box::-webkit-scrollbar {
 height: 10px;
}
.scroll-box::-webkit-scrollbar-track {
 border-radius: 10px;
 background: #ddd;
}
.scroll-box::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #213F85;
}
.scroll-info{
 display:block;
 margin-bottom:10px;
 text-align:center;
 font-size:12px;
}


/* footer_lineup */
/*--------------------------------------------------------------------------------*/

#footer_lineup{
	padding:40px 0;
}

.footer_lineup_title02 {
    font-size: 22px;
    margin-bottom: 25px;
}

.footer_lineup_title02 small {
    font-size: 13px;
}

.footer_lineup_list li{
	clear:none !important;
	width:48.5%;
	margin:0 0 3% 3% !important;
}

.footer_lineup_list li:nth-child(odd){
	clear:both !important;
	margin-left:0 !important;
}


.footer_lineup_list li img {
	max-width:205px;
	width:100%;
}


/* parts */
/*--------------------------------------------------------------------------------*/

.bg_glay{
	padding:25px 5%;
}

.nentoku{
	border-width:1px 1px 0 1px;
}

.nentoku_l,.nentoku_r{
	float:none;
	width:100%;
}

.color_box2{
	display:block;
}
.color_box2 li{
	width:100%;
	padding:20px 5%;
}
.color_box2 li:nth-child(odd){
	background:#EFF8F8;
}
.color_box2 li:nth-child(even){
	background:#E0F1F1;
}

.tab_index ul li{
	font-size:15px;
	padding: 10px 3%
}

.feature_subtitle{
	font-size:14px;
}
.feature_title{
	font-size:22px;
}
.feature_title2{
	padding:15px 3%;
}
.feature_title2 strong{
	float:none;
	display:block;
	text-align:center;
}
.feature_title2 small{
	float:none;
	display:block;
	text-align:center;
}
.feature_list li{
	float:none;
	width:100%;
	margin:0;
	padding:12px 12px 12px 30px;
	position:relative;
	border-width:2px;
}
.feature_list li:before{
	content:"";
	box-sizing:border-box;
	width:10px;
	height:10px;
	border-bottom:2px solid #1B5F8E;
	border-right:2px solid #1B5F8E;
	transform: rotate(45deg);
	position:absolute;
	left:15px;
	top:calc(50% - 6px);
}

.feature_list li + li{
	margin-top:15px;
}
.feature_list li figure{
	display:none;
}
.feature_list li figure{
	display:none;
}
.feature_name{
	margin:0;
}
.feature_name + p{
	/*display:none;*/
	text-indent:-9999px;
	font-size:0;
}
.feature_name a{
	font-size:18px;
}

.ssb_title h2{
	font-size:18px;
}

.ssb_btn{
	display:block;
}
.ssb_btn li{
	width:100%;
	margin:0;
}
.ssb_btn li + li{
	margin-top:15px;
}

.tel_num {
	margin-left:auto;
	margin-right:auto;
}

.tel_num strong{
	font-size:28px;
}
.step_title{
	font-size:20px;
	text-align:center;
}
.step_title .num{
	display:block;
	font-size:13px;
	margin-bottom:10px;
}

.flow_box{
	padding:15px 5%;
	font-size:15px;
}
.flow_box .step{
	display:block;
	position:static;
	margin-bottom:10px;
	width:100%;
	font-size:13px;
	height:32px;
	line-height:32px;
}

.special_top{
	display:block;
}

.special_top_l{
	display:block;
	width:100%;
	padding:15px 10px;
}
.special_top_l label{
	display:inline-block;
	margin:0 0 0 10px;
	font-size:16px;
}
.special_top_r{
	width:100%;
	padding:20px 5%;
}

.special_btn li{
	float:none;
	width:100%;
	margin-top:10px;
}

.special_btn .free_btn a{
	border-width:1px;
	padding-top:10px;
	padding-bottom:10px;
}
.special_bottom{
	border-top:1px solid #DDD;
	padding:25px 5%;
}

.li_2col li{
  width: calc( 98% - 20px);
  padding-right: 2%;
  padding-left: 20px;
}

.img_2col div{
	float: left;
	width: 100%;
	padding: 3% 0;
	text-align: center;
}

.li_3col li{
  width: calc( 98% - 20px);
  padding-right: 2%;
  padding-left: 20px;
}

.li_4col li{
  width: calc( 98% - 20px);
  padding-right: 2%;
  padding-left: 20px;
}

.ssb_blue_title h2{
	font-size:18px;
}

.rss_date,
.rss_title {
width: 100%;
float: none;
}
.rss_date {
font-size: .85em;
margin-bottom:5px;
}
.rss_title {
padding: 3px 0;
}
.rss_contents {
padding: 5px 0 0 0;
}
.rss_category{
	position: absolute;
	top: -2px;
	left: 75px;
	max-width: calc(100% - 75px);
}

.two_blo_table {
    width: 100%!important;
}


.two_blo_table .free_table02 th{
    width: 110px!important;
}

.two_blo_table .free_table02 td{
    width: 200px!important;
    text-align: left;
}


.journal_about_list_wrap div{
	width: 100%;
	float: none;
}

#link01{ display: block; margin-top:-40px; padding-top:40px; }
#link02{ display: block; margin-top:-40px; padding-top:40px; }
#link03{ display: block; margin-top:-40px; padding-top:40px; }
#link04{ display: block; margin-top:-40px; padding-top:40px; }
#link05{ display: block; margin-top:-40px; padding-top:40px; }
#link06{ display: block; margin-top:-40px; padding-top:40px; }
#link07{ display: block; margin-top:-40px; padding-top:40px; }
#link08{ display: block; margin-top:-40px; padding-top:40px; }
#link09{ display: block; margin-top:-40px; padding-top:40px; }
#link10{ display: block; margin-top:-40px; padding-top:40px; }


/*-----------------------------------------------------------------*/
/* order */
/*-----------------------------------------------------------------*/

.product_list_step_txt{font-size:16px;text-align:left;margin-bottom:20px;}
.product_list_step{margin-bottom:0px;display:none;}

.cart_btn_area .back_btn{width:100%;float:none;}
.cart_btn_area .order_btn{width:100%;float:none;margin-bottom:10px;}

/*------------------------------------------------------------------------------*/
}