@charset "utf-8";
/* CSS Document */
@media (max-width: 320px) { body { font-size:16px; } }
@media (min-width: 321px) and (max-width: 480px) { body { font-size:13px; } }
@media (min-width: 481px) and (max-width: 540px) { body { font-size:13px; } }
@media (min-width: 541px) and (max-width: 640px) { body { font-size:13px; } }
@media (min-width: 641px) and (max-width: 720px) { body { font-size:13px; } }
/*@media (min-width: 721px) { body { font-size:32px; } }*/

/****************  icon  **********************/

.fa-home::before { content: "\f015"; font-family: 'Font Awesome 5 Pro'; font-weight: 600; }

/******************  header  ************************/

header section#header{ padding-bottom:10px; }

#header div.left_box{ width: 100%; text-align: center; float:none; }

#header div.left_box a{ display: block; float: none; width: 100%; margin: auto; }

#header div.left_box a img{ margin-bottom: 0.8em; }

header #logo { width: 70%; float: none; display: block; max-width: none; margin: auto; }

#header div.left_box a span.logo_txt { background-color:#000; color:#FFF; padding: 0.4em 0em; border-radius: 4px; text-align: center; margin: -0.3em 0 0.5em 0; display: inline-block; }

#spnav { margin-top: 10px; display: block; background-color: #FFFFFF; width: 100%; padding: 0; text-align: center; }


#spnav ul{ list-style:none; padding:0; width:80%; display: inline-block; margin-left: auto; }

#spnav ul li{ float:left; text-align: left; font-size: 1em; display: inline-block; width: 13.5%; margin-right: 8%; }

#spnav ul li.lust_li{ margin:0; }

#spnav ul li a { color: #FC9303; text-align:center; font-size: 2em; }

#spnav ul li i{ display:block; }

#spnav ul li a span.spnav_span{ display:block; font-size: 0.5em; }

#spmenu { position: absolute; list-style-type: none; height: auto; width: 100%; padding: 0; text-align: left; opacity: 1; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; z-index: 10000; background-color:#ededed; margin: 0em 0px 0px auto; }

#spmenu li{ border-bottom:1px solid #FFF; }

#spmenu li a{ font-size:1.2em; font-weight:500; display: block; padding: 0.5em 0 0.5em 1em; }

#header nav { display: none; }

#header span.header_area{ padding-top: 0.3em; font-size: 0.8em; padding: 0; padding-top:0.5em; width: 100%; max-width: 100%;	
}

#header span.header_tel{ font-size:0.85em; }

#header div.telmail{ display:none; }

#header div.telmail a { font-size: 2.4em; line-height: 1em; }
section#appearance div.background a.newhokkaido_bnr{ margin-top:4em; }
section#appearance{ background-image: url(../images/top/en.png),url(../images/top/top_bg_sp.jpg); background-position: 111% 6%,51% 2%; background-size: 50% auto,100% auto; padding-top: 1em; }
.new_hokkaido_style {
   margin-top: 4em; }
section#appearance div.appearance_top{ padding-top:1em; padding-bottom:2.5em; }

section#appearance div.appearance_top div.middle_inner{ width:auto; }

section#appearance div.appearance_top h2.grad_text{ padding-top: 0.7em;	
}

section#appearance div.appearance_top h2.grad_text span.grad{ font-size: 2em; padding-left: 0.5em; }

section#appearance div.appearance_top h2.grad_text span.grad span.space{ position:inherit; }

section#appearance div.appearance_top p.pink_read{ font-size: 1em; padding-left: 1.5em; line-height: 1.6em; }

section#appearance div.appearance_top div.logo_box{ width: 65%; padding-top: 1em; padding-left: 2em; }

section#appearance div.appearance_top div.logo_box img{ width:18%; }

section#appearance div.appearance_top div.logo_right{ padding-left: 0.5em; }

section#appearance div.appearance_top div.logo_box p.bg_yellow{ padding: 0.3em 1em; }

section#appearance div.appearance_top div.logo_box p.bg_yellow span.bg_yellow{ font-size: 0.8em; }

section#appearance div.appearance_top div.logo_box p.logo_txt span.logo_txt{ font-size: 1.3em; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); font-weight: 500; }

section#appearance div.appearance_bottom { padding: 8em 0 3.5em 0; }

section#appearance div.appearance_bottom div.left_box{ float: none; padding-left: 0; width: 50%; }

section#appearance div.appearance_bottom div.left_box img{ width:60%; }

section#appearance div.appearance_bottom div.left_box span.yen_top{ font-size:1.5em; }

section#appearance div.appearance_bottom div.right_box { width: 100%; float: none; margin: auto; }

section#appearance div.appearance_bottom div.right_box p.yen_txt { width: 100%; font-size: 1em; padding-top: 1.5em; }

section#appearance div.appearance_bottom div.right_box p.yen_txt br{ display:none; }


.sp{ display:block;
}	
	
.pad{ display:none; }
	
.pc{ display:none; }

img.line_img{ position: relative; top: -4px; width: 21%; height: auto; }


/**************************  menu*********************************/

section#menu{ background-image: url(../images/top/research_bg.jpg),url(../images/top/research_bg_sp.jpg); background-repeat: no-repeat,repeat; background-position: 75% 0%,center center; background-size: 126%,contain; padding: 3em 0 1em 0; }

section#menu div.middle_inner{ width:98%; }

section#menu h3.menu_ttl{ font-size: 1.55em; padding-bottom: 2em; }

section#menu h3.menu_ttl span{ padding:0.2em 0.8em; background-color:rgba(255,255,255,0.9); }

section#menu div.menu_list{ width: 98%; float: none; margin: auto; }

section#menu div.menu_list ul.menu_list{ padding-right: 0em; float:none; }

section#menu div.menu_list ul.menu_list li { margin-bottom: 0.4em; /*width: 46%;*/ margin-right: 0; box-shadow: 2px 2px 2px #CCC; float:none; width: 90%; margin: 0.5em auto; }

section#menu div.menu_list ul.menu_list li.e_li{ /*float:right;*/
	float:none; margin:auto; }

section#menu div.menu_list ul.menu_list li a{ font-size: 1.1em; padding: 1.2em 0; }

section#menu div.menu_list ul.menu_list li a i{ right:0.5em; }

section#menu div.menu_list ul.menu_list li.etc a{ font-size: 1.1em; padding: 0.484em 0; }

section#menu div.menu_list ul.menu_list li.etc i{ font-size: 1.43em; top: 19px; right: 10px; }

/******************  choose  **********************/
section#choose div.middle_inner{ width:100%; }

section#choose h3.choose_ttl{ font-size: 1.5em; padding: 1.5em 0 1.5em 0; }

section#choose h3.choose_ttl span.ttl_border{ background-image: linear-gradient(to top, transparent 14%, #FFF 14%), repeating-linear-gradient(-50deg,#FFCB33 0, #FFCB33 2px, #9B7C1F 3px, #FFF 3px); padding-bottom:0.3em; }

section#choose div.middle_inenr{ width: 100%; }

section#choose div.item_box { padding-bottom: 0em; }

section#choose div.item_left, section#choose div.item_right{ width: 96%; float: none; margin: auto; margin-bottom: 0.5em; display:block; position:relative; }

section#choose div.left_box{ /*width: 22%;*/ width: 6em; float: none; display: block; margin: auto; position:absolute;
/*top:0.5em; left: 0.6em;*/
}

section#choose div.left_box img { width: 50%; display: block; margin: 0; }

section#choose div.right_box{ width: 100%; float: none; padding-bottom:1em; }

section#choose div.right_box dl{ width: 95%; padding:0; }

section#choose div.right_box dl dt{ font-size:1em; font-weight: 700; padding: 0.8em 0 0.8em 0; }

section#choose div.right_box dl dd p{ font-size:0.9em; }


section#choose div.right_box dl dt br,
section#choose div.right_box dl dd br{ display:none; }

section#choose div.right_box dl dd span br{ display:block; }


/***************************  top_contact  *******************************/
div.pink_square p.contact_rice,
section#yellow_contact p.contact_rice{ font-size: 1em; }



/***********************  knoewledge  *******************************/

section#knowledge{ padding-bottom: 4em; }

section#knowledge h3.knowledge_ttl{ font-size: 1.55em; }

section#knowledge h3.knowledge_ttl i{ top: 2px; }

section#knowledge ul li{ display:block; width:100%; }

section#knowledge ul li div.cache p.cache_p{ font-size: 1.7em; }

section#knowledge ul li div.cache p.cache_p span.border{ height:6px; }

section#knowledge ul li p{ font-size:1em; }


/**********************  top_about  ****************************/

section#top_about{ background-position: 58% 0%; background-size: 200% auto; padding-bottom: 0.45em; }

section#top_about h3.top_about_ttl { font-size: 1.55em; padding-top: 2em; padding-bottom: 0.5em; text-shadow: 1px 1px 0px #FFF; }

section#top_about ul{ padding-left:0em; padding-top: 0em; }

section#top_about ul li{ width: 63%; margin-bottom:0.3em; }

section#top_about ul li a{ font-size: 1em; }

section#top_about ul li a p{ font-weight:600; }

section#top_about ul li a span{ font-size: 0.9em; }

section#top_about ul li a i{ top:2.3em; }

/*************************  lawyer  *********************************/

section#lawyer { padding: 3em 0; }

section#lawyer h3.lawyer_ttl{ font-size: 1.3em; }

section#lawyer p { font-size: 0.9em; line-height: 1.7em; }

section#lawyer p span.name { font-size: 1.4em; }

section#lawyer p span.name span.address{ display:block; }

section#lawyer img.law{ padding-right: 1.1em; width:31%; }

section#lawyer p span.main_txt { line-height: 1em; }

section#lawyer p{ font-size: 1em; }


/**********************  company  ********************************/

section#company{ padding: 2.5em 0 4em 0; }

section#company h3.company_ttl { font-size: 1.55em; padding-bottom:1.5em; }

section#company div.company_right p.table_ttl { font-size: 1.2em; }

section#company div.company_right table th,
section#company div.company_right table td{ font-size:1em; }

section#company div.company_left{ float:none; display: block; width: 100%; }

section#company div.company_left img.side_long{ width:62%; }

section#company div.company_left img.vertical{ float: left; width: 34%; padding-right: 4%; }

p.btn { padding: 2em 0 0em 0; font-size:1em; }

section#company div.company_right { width: 100%; }

section#company dl dt{ font-size:1em; width: 7em; }

section#company dl dd{ font-size:1em; }

section#company dl dd ul{ font-size:0.9em; }

/***************************  area  *************************************/

section#area{ background-position: -47% 101%; background-size: 54% auto; padding: 2.5em 0 4.5em 0; word-break: keep-all; }

section#area div.middle_inner{ width:98%; }

section#area h3.area_ttl { font-size: 1.55em; }

section#area h4.sub_ttl { font-size: 1em; text-align:center; word-break: normal; }

section#area div.area_box { float: none; width: 100%; }

section#area ul.to_right li{ font-size: 1em; width: 20%; }

section#area ul li a{ font-size:0.8em; }

section#area ul.stagnation{ padding-top:1em; width: 67%; float: right; }

section#area ul.stagnation li{ font-size:0.8em; }


/************************  blog  ***********************************/

section#blog{ padding: 2.5em 0; }

section#blog h3.blog_ttl { font-size: 1.55em; }

section#blog div.flex{ display:block; margin-top: 1em; }

section#blog div.flex div.blog_box{ width:100%; }

section#top_sns{ padding-bottom: 2em; display:none; }

section#top_sns div.middle_inner{ width:100%; }

section#top_sns h4.ttl_txt_s { font-size: 1.4em; }

section#top_sns div#fb_wap, 
section#top_sns div#twitter { width: 100%; float: none; margin: auto; }

section#blog div.blog_box time,
section#blog div.blog_box dl dt,
section#blog div.blog_box dl dd{ font-size:1em; }

/*********************** top_consultation **************************/

section#top_consultation {padding: 3em 0 5em 0;margin-top: 2.5em;}
section#top_consultation h3.blog_ttl{font-size: 1.55em;}
section#top_consultation div.flex { margin-top: 0.5em;display: block;}
section#top_consultation div.consul_container{margin-top: 3.5em;width: 100%;}
section#top_consultation div.consul_container time{font-size:1em;bottom: calc(100% + 1em);}
section#top_consultation div.consul_container div.main_txt {padding: 0.5em 0 1em 0;}
section#top_consultation p.btn{padding: 3em 0 0 0;}
/************************  column  ***************************/
#top_column .column_ttl {font-size: 1.55em;}
#top_column .flex {display: block;}
#top_column .flex .flex_item {width: 100%;margin-bottom: 2em;}
#top_column .flex .column_sub_ttl {font-size: 1.25em;height: auto;}
#top_column p.btn {padding: 2em 0 0 0;}
#top_column .p_1 {font-size: 0.95em;margin-bottom: 1em;text-align: left;}
#top_column {padding: 3em 0 3.5em 0;}
/*************************link  *******************************/
section#link{ padding: 2.5em 0 1.5em 0; }

section#link div.middle_inner{ width:96%; }

section#link h3.link_ttl { font-size: 1.55em; }

section#link ul.link_list li{ width:100%; }

section#link ul.link_list01,
section#link ul.link_list02{ width:49%; margin-bottom:0; }

section#link ul.link_list01{ float:left; }

section#link ul.link_list02{ float:right; }

section#link ul.link_list li.link_03_3{ float:right; }

section#link ul.link_list01 li,
section#link ul.link_list01 li.e_li,
section#link ul.link_list02 li,
section#link ul.link_list02 li.e_li{ float:none; }

section#link ul.link_list li p.btn a { font-size: 0.7em; }

section#link div.spc-both{ display:block; clear:both; }

section#link ul.link_list03{ margin-top:0; }

section#link ul.link_list03 li{ width:49%; margin:0; }

section#link ul.link_list03 li.link_03_1{ clear: both; }

section#link ul.link_list03 li.link_03_2{ float:left; margin-top: 0.3em; }

section#link ul.link_list03 li.link_03_2 p{ padding: 0; }

section#link ul.link_list li.link_03_3 p{ padding:0; }

section#link ul.link_list li p.uwaki_btn a{ padding: 0; }

section#link ul.link_list li p.smooch a{ padding: 0.45em 0; }

section#link ul.link_list li p.uwaki_btn a img { width: auto; height:48px; }

section#link ul.link_list li p.smooch a img{ height: 40px; }

section#link ul.link_list li p.uwaki_btn a i{ top: 1.5em; }

section#link ul.link_list li p.smooch a i{ top: 1.2em; }
/****************************    sitemap     ****************************************/
div.sitemap .left { width: 100%; margin-right: 0; float: none; }
#sitemap div.pink_price { padding-bottom: 4em; }
/*************************  yellow_contact  *******************************/

section#yellow_contact{ padding: 2em 0 0em 0; }

section#top_contact div.middle_inner{ width:98%; }

section#yellow_contact p.top_contact{ font-size: 1.3em; }

section#yellow_contact p.top_contact span.sub_p{ padding:0; font-size: 0.69em; padding-top:0.7em; }

section#yellow_contact p.top_contact span.pink_border{ font-size: 0.94em; display: block; background-image: linear-gradient(to top, transparent 13%, #FFCB33 13%), repeating-linear-gradient(-50deg,#fe6969 0, #fe6969 2px, #000 3px, #FFF 3px); }

section#yellow_contact div.pink_box{ padding: 0.5em 0 2em 0; }

section#yellow_contact div.pink_box div.left_box a.tel{ font-size: 2.5em; }

section#yellow_contact div.pink_box div.right_box{ padding-top: 1em; }

section#yellow_contact div.pink_box div.left_box span.tel, 
section#yellow_contact div.pink_box div.right_box span.mail { font-size: 1.2em; padding-bottom:0; }

section#yellow_contact div.pink_box div.right_box a.form, 
section#yellow_contact div.pink_box div.right_box a.line { font-size: 1em; display:inline-block; }

section#yellow_contact div.pink_box div.left_box, 
section#yellow_contact div.pink_box div.right_box { width: 100%; float: none; margin: auto; }

section#yellow_contact div.pink_box div.right_box p.form{ width: 45%; margin-top: 0.5em; text-align: right; margin:auto; margin-top:1em; }

section#yellow_contact div.pink_box div.right_box p.line{ padding-right: 0; text-align: left; width: 50%; margin:auto; margin-top:1em; }



/****************  side  ************************/
div#side{ display:none!important; }

/****************  footer  *******************/

footer#footer{ padding-top:1.5em; padding-bottom: 73px; }

footer#footer div.middle_inner{ width:100%; }

footer#footer p.footer_area{ font-size:0.7em; text-align:center; padding-bottom:0; }

footer#footer p.footer_area span{ border:none; padding:0; margin:0; }

footer#footer div.left_box{ width:80%; float: none; margin: auto; }

footer#footer img.logo{ max-width:none; }

footer#footer div.logo_box div.logo_left{ width: 100%; padding: 0; text-align: center; float: none; margin: auto; padding-top:0.5em; }

footer#footer div.logo_box ul{ display: inline-block; }

/**/
footer#footer div.logo_box ul{ width: 100%; display: block; }
footer#footer div.logo_box ul li{ display: block; float: none; text-align: left; padding-bottom: 0.5em; }
/**/

footer#footer div.footer_nav { padding-top: 0.3em; margin: auto; width: 100%; }

footer#footer div.footer_nav i.fa-angle-right { padding-right: 0.1em; margin-right: 0.3em; }

footer#footer div.footer_nav ul.footer_nav + ul.footer_nav { margin-left: 0; }

footer#footer div.footer_nav ul.respo01,
footer#footer div.footer_nav ul.respo02,
footer#footer div.footer_nav ul.respo03{ display: block; float: left; margin: 0 0 0 0; }

footer#footer div.footer_nav ul.respo01{ width: 49%; margin-right: 0%; }

footer#footer div.footer_nav ul.respo02{ width: 49%; margin-right: 0; float:right; }

footer#footer div.footer_nav ul.respo03{ width: 100%; float: none; clear: both; }

footer#footer div.footer_nav ul.respo01 li,
footer#footer div.footer_nav ul.respo02 li,
footer#footer div.footer_nav ul.respo03 li{ float: none; background-color: #FFF; margin: 0.55em 0; width: 100%;font-size: 0.73em; }
footer#footer div.footer_nav ul.respo02 li.sp_footer_bg { background-color: #FECB32;
	font-size: 0.8em;
	text-align: center;
	background-image: url(../images/footer/loupe.png);
	background-repeat: no-repeat;
	background-position: 12% 0.3em;
	background-size: 1.8em auto;
	padding-top: 0.44em;
	padding-bottom: 0.44em;
	margin-top: 0.45em; }

footer#footer div.footer_nav ul.respo03 li { float: left;
	width: 48%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-left: 0;	
}

footer#footer div.footer_nav ul.footer_nav li i{ padding: 0;
	font-weight: 400;
	font-size: 1.2em; }

footer#footer div.footer_nav ul.respo03 li.right_list{ float:right; }

footer#footer div.footer_nav ul.footer_nav li{ font-size: 0.72em; }

footer#footer div.footer_nav ul.footer_nav li a {  display: block; padding: 0.5em 0.5em 0.5em 0.5em; }

footer#footer div.footer_left,
footer#footer div.footer_right{ float:none; }


footer#footer div.footer_left{ width: 96%; margin: auto; }

footer#footer div.footer_right{ width: 100%; padding-top: 1em; text-align: center; clear:both;

}

footer#footer span.header_tel{ font-size: 0.9em; }

footer#footer div.footer_right a.namber{ font-size: 2.8em; }

footer#footer div.footer_sns { padding-top: 0em; }

footer#footer div.footer_sns ul{ width:60%; margin:0 auto; }

footer#footer div.footer_sns ul li{ width:25%; }

footer#footer div.footer_sns ul li.mail_icon{ top: 0.6em; }

footer#footer div.footer_sns a{ float:none; }

footer#footer div.footer_right i{ margin-right: 0;	font-size: 2.7em; }

footer#footer div.footer_right i.fa-envelope{ top: -0.35em; margin-right: 0; padding: 0.28em; font-size: 1.7em; }

footer#footer p.copy{ padding:3em 0; font-size:0.7em; }

footer#footer a#pagetop{ font-size: 1.5em; width: 20.5%; height: 2.67em; display:none; bottom: 0%; left: 0%; color: #FFF; background-color: #ffcb33; border-radius: 0; z-index:500; }

div.footer_nav.pc { display:none; }

/**********************  spside  ******************************/


div.sp_side{ position:fixed; bottom:0%; z-index:400; width: 100%; }

div.sp_side div.banner_right{ width: 78%; background-color: #FF6666; }

div.sp_side div.banner_right a{ padding: 1.1em 0 0.9em 0; display: block; text-align: center; }

div.sp_side div.banner_right a div.banner_box{ display: inline-block; margin: auto; }

div.sp_side div.banner_right a img{ padding-right: 3%; padding-top: 0em; width: 17%; margin-left: 4%; }

div.sp_side div.banner_right p{ font-size:1.6em; font-weight: 600; color:#FFF; margin: 0; }

div.sp_side div.banner_right p span.black{ display:block; color:#000; font-size: 0.66em; }

div.sp_side div.banner_right i{	
	font-size: 1.8em; color: #FFF; font-weight: 600; margin-top: 0.7em; /*margin-left: 0.5em;*/
}

footer#footer a#pagetop{ padding-top: 19px; }


/*****************************************************************************/
/*****************************  コンテンツ  *********************************/
div.common h2.title{ font-size: 2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }

section#wiretap div.common h2.title,
section.wiretap_onepoint section#privacy div.common div.common h2.title { font-size: 1.35em; }

div.common{ background-position: 97% center; background-size: cover; }

br.gst{ display:none; }

/******************  共通  **********************/
h3.pink_ttl{ font-size: 2em; padding-top: 1.8em; line-height: inherit; padding-bottom: 0.3em; }

h3.pink_ttl span.small{ font-size: 0.8em; display: block; left: 0; text-align: center; top: 0em; line-height:1em; 
}

h3.pink_ttl::before{ height: 45px; }

h3.pink_ttl_pop{ font-size: 2em; padding-top: 2em; }

h3.pink_ttl_pop::before{ height: 45px; }


/***************************  orange  *********************************/

section#orange{ margin-top: 0.5em; }

section#orange img.win{ float: none; display: block; width: 70%; margin: auto; top:0; padding-bottom:1em; }

section#orange div.orange_txt{ float: none; width: 100%; margin: auto; }

section#orange div.right p.nomal{ font-size:0.9em; padding: 0.7em 0; }

img.circle01{ right: 0%; top: 5%; width: 80%; }

section#orange div.right p.pink,
section#gray div.left p.pink{ font-size: 1.143em; }

div.yellow_box_single{ width: 95%; margin: auto; border: solid 4px #FC3; }


/******************  pink_square  ************************/

p.p_border{ padding-top: 2em; width:90%; }

p.p_border span{ font-size: 1.14em; border-bottom: 4px solid #FD6969; display: block; width: 100%; margin: auto; }

p.under{ font-size:0.9em; }

div.pink_square{ border: 4px solid #FE696D; padding: 2em 0 0.5em 0; }

div.pink_square div.left_form{ float: none; margin: 0 auto; }

div.pink_square p.nam{ font-size: 1.2em; padding:0; }

div.pink_square p.tel{ margin-bottom: 2em; margin-top:0.2em; }

div.pink_square p.tel a{ font-size: 2.57em; }

div.pink_square div.right_form{ float: none; width: 100%; margin: 0 auto; }

div.pink_price{ width:94%; }

div.pink_square p.mail{ padding-left:0.5em; margin-top: 0.2em; }

div.pink_square p.line{ padding-right:0.5em; margin-top: 0.2em; }

div.pink_square p.mail a, 
div.pink_square p.line a{ font-size:1.1em; }

div.pink_square p.tel a i{ font-size: 0.8em; }

div.pink_square p.mail a i{ border-radius:7px; }

div#side_circle img{ display:none; }

div.form_left{ width: 47%; text-align: right; margin-top: 0.5em; }

div.form_right{ width: 50%; text-align: left; margin-top: 0.5em; }

/**************************  gray  ***************************/
section#gray{ margin-top: 0.5em; }

section#gray img.win{ float: none; width: 70%; display: block; margin: auto; top: 0; padding-bottom:1em; }

section#gray div.gray_txt{ float: none; margin: 0; width: 100%; }

section#gray div.gray_txt div.right{ width: 100%; float: none; }

section#gray div.left dl.glass_ttl{ padding-bottom:0; }

section#gray div.left dl.glass_ttl dd{ font-size: 1.2em; }

section#gray div.left dl.glass_ttl dt img{ vertical-align: middle; }

section#gray div.left p.exam{ font-size:1.2em; }

section#gray div.left dl.pochi dd{ font-size: 1em; width: 95%; }

section#gray div.left p.nomal{ font-size:1em; }

section#gray div.left dl.glass_ttl{ margin:0; padding:0; margin-top: 1em; }

section#gray div.middle_inner{ top: 0; padding-top: 1em; width:100%; }

section#gray div.pink_price{ width:94%; }

section#gray p.rice + p.rice { margin-top: 0.5em; }

section#gray p.rice{ font-size:1em; }

section#gray img.circle02{ left: -10%; top: 2%; width: 80%; }


/****************  yellow_price  ********************/
div.yellow_price { padding-top: 3em; padding-bottom: 0.5em; }

h5.yen_ttl{ font-size:2em; }

h5.yen_ttl span.small{ font-size:0.55em; }

section#yellow_price div flex{ display:block; }

div.yellow_box{ width: 100%; margin-bottom: 1.5em; border: solid 4px #FFCC34; }

dl.search_exam_ttl{ width:100%; }

dl.search_exam_ttl dt, 
dl.search_exam_ttl dd{ font-size:1em; }

dl.search_exam_ttl dt { width: 5%; line-height:1.8em
}

dl.search_exam_ttl dd{ width: 94%; line-height:1.8em; }

section.search_exam div.middle_inner,
section.search_exam div.middle_inner{ width: 94%; }

section.search_exam div.pink_price{
}

div.yellow_box p.yellow_ttl{ font-size:1.2em; }

div.yellow_box table tr td span.learge{ font-size:1.1em; }

div.yellow_box table tr th, 
div.yellow_box table tr td{ font-size:0.9em;	
}

section.search_exam div.yellow_box dl dt a{ font-size: 1.2em; }

section.search_exam div.yellow_box dl dd { font-size: 1em; }

section.search_exam div.flex{ margin-bottom:0; }

/************************  blue_about  ****************************/

section#blue_about{ background-position: 77% center; background-size: 194%; }

section#blue_about ul li a{ font-size:1.3em; }

section#blue_about ul li + li{ margin-top: 1em; }

section#blue_about ul{ padding: 1.2em 0; }


/*********************  divorce  **************************/

section#divorce section#orange { padding-bottom: 3em; }

h3.dark_ttl::before{ height: 45px; }

h3.dark_ttl{ font-size:2em; }

div.white_box h4.blue_heading{ font-size:1.3em; }

dl.maru_ttl{ font-size:1.4em; line-height: 1.2em; margin-bottom: 0.5em; margin-top: 1em; margin: 0; padding: 2.5em 0 0.5em 0; }

dl.maru_ttl dt img{ /*vertical-align:bottom;	*/
}

dl.maru_ttl dd{ letter-spacing:0; }

div.annotation p{ margin-bottom:0; }

p.maru_txt,
div.white_box p.divorce_txt,
div.white_box ol li,
div.annotation p{ font-size:1em; }


/******************  flirt_worry  *******************/

section#flirt_worry section#blue_about ul { padding: 1.6em 0 1.6em 0; }

section#flirt_worry section#orange div.right p.nomal { width: 100%; max-width: 100%; }

section#flirt_worry section#orange div.orange_txt{ width:100%; }

div.white_adv img.left{ float: none; width: 38%; display: block; margin: auto; }

div.white_adv div.right{ float: none; width: 100%; margin: 0; }

p.green { font-size:1.3em; }

p.small_pink{ float: none; width: 100%; font-size: 1.2em; margin-top: 2em; }

div.white_adv p.mail{ float: none; width: 100%; }

div.white_adv p.mail a { font-size: 1.2em; }

div.white_adv p.mail{ float: none; width: 100%; margin: auto; text-align: center; }

div.white_adv p.adv_name { font-size: 1.4em; text-align: center; margin-top: 1em; }

section#flirt_worry section#blue_about{ background-position: 86% center; }


/**********************  flirt_check  ***************************/

div.white_box div.white_txt{ float:none; width:100%; }

img.phone { right: 4.5em; width: 27%; width: 64%; right: 0; display: block; float: none; margin-left: auto; margin-right: auto; margin-bottom: 2em; top: 0em; }

img.window{ padding: 0; display: block; margin: auto auto 2em auto; float: none; width: 52%; }

img.clock{ float: none; display: block; margin: auto auto 2em auto; width: 45%; }

img.car{ float: none; display: block; margin: auto; width: 53%; }

img.couple{ float: none; display: block; margin: auto; width: 56%; }

h4.pink_heading{ font-size: 1.3em; margin-bottom: 1em; }

div.white_box ol.white_txt{ font-size:1em; }

p.white_txt{ font-size:1em; }

div.measures p{ font-size:1.3em; }

div.peach p{ font-size:1em; padding: 2em 0; }

img.arrow { width: 80px; }

section#flirt_check section#blue_about ul,
section#onepoint section#blue_about ul { padding: 3em 0 3.2em 0; }


/********************  runaway  *************************/

div.yellow_box_single p.yellow_ttl{ font-size: 1.2em; }

div.yellow_box_single table tr th, 
div.yellow_box_single table tr td{ font-size:0.9em; }

div.yellow_box_single dl.att dt { width: 6%; }

div.yellow_box_single dl.att dd { width: 94%; }

div.yellow_box_single img.tri01, div.yellow_box_single img.tri02 { width: 19.5%; }


/************************  corporation  ***************************/

dl.point dt{ font-size: 1.2em; padding-top: 1em; }

dl.point dd{ font-size: 0.8em; }

img.orange_img{ float: none; display: block; width: 70%; margin: auto; top: 0; }

div.gray_txt{

	width: 100%; float: none; }

dl.point dd ul{ padding: 0; width: 100%; }

section#corporation section#orange { padding-bottom: 1em; }

img.gray_img{ display: block; width: 70%; margin: auto; float:none; }

div.orange_txt{ width: 100%; margin: 0; }

section#corporation section#gray div.middle_inner{ width: 95%; }

div.advisor dl{ float: none; width: 100%;

}

dl.point dd ul.minimal{ padding: 0 1em; }

section#corporation section#gray dl.point dd p{ font-size:1em; }

div.advisor{ padding-bottom:0; }

section#corporation h3.pink_ttl span.small{ padding:0; }
section#guide { padding-top: 4em; }
section#guide h3 { font-size: 1.75em; }
section#guide p.sub { font-size: 1.125em; }
.bg_w img.tri { width: 19.5%; }
.bg_w { padding: 1em 1em; margin-bottom: 5em; }
.bg_w h4 { font-size: 1.25em; margin-top: 0.75em; }
section#guide .bg_w .left { width: 100%; margin-right: auto; float: none; margin-left: auto; margin-bottom: 2em; }
section#guide .bg_w .left.e { margin-right: auto; }
section#guide .bg_w .left p.text { font-size: 1em; }
/***************************  wiretap  ********************************/

ol.ol_list{ font-size:0.9em; }

div.yellow_box p.red{ font-size:1.1em; }

section#wiretap section#gray { padding-top: 0em; }

section#wiretap section.search_exam div.middle_inner{ width: 94%; }

section#wiretap section#orange div.search_middle{ width: 95%; }

section#wiretap div.yellow_box_single{ width: 97%; }

section#wiretap h3.pink_ttl span.small { position: initial; text-align: center; display: block; padding: 0; }


/***********************  stalker  *******************************/

section#stalker section.search_exam div.middle_inner,
section#houjin section#gray div.middle_inner,
section#location section.search_exam div.middle_inner{ width: 94%; }

section#stalker section#orange div.search_middle { width: 98%; }

section#stalker section#gray,
section#houjin section#gray,
section#location section#gray,
section#marriage section#gray{ padding-top: 0em; }


/*********************  privacy  ***************************/

section#privacy section#orange{ padding-top: 2em; }

div.orange_line { padding-bottom: 2em; }

div.orange_line::before{ height: 5px; width: 8.5em; }

section#privacy dl.maru_ttl{ font-size:1.3em; padding: 1em 0 0.5em 0; }

section#privacy div.white_box { padding: 0.5em 0 1em 0; }

dl.bob{ font-size:1em; }

section#privacy section#orange { padding-bottom: 3em; }



/*********************  houjin  ******************************/

section#houjin h3.pink_ttl span.small{ position: initial; left: 0; padding: 0; text-align: center; }

section#houjin div.yellow_box_single dl.att{ width: 93%; }

section#houjin div.yellow_box_single dl.att dt { width: 5%; }

section#houjin div.yellow_box_single dl.att dd { width: 95%; }

section#houjin div.yellow_box_single dl.att dd br{ display:none; }

section#houjin section#orange { padding-bottom: 4em; }

section#houjin section#orange div.search_middle{ width: 95%; }


/***********************  location  ****************************/

section#location h3.pink_ttl span.small { left: 0em; padding: 0; }

div.yellow_box_single dl.red_att{ width: 94%; font-size:1em; }

div.yellow_box_single dl.att dt { width: 5%; }

div.yellow_box_single dl.att dd { width: 95%; }

section#location section#orange div.search_middle{ width:98%; }

div.yellow_box_single dl.red_att dd br { display: none; }

section#gray div.yellow_box_single dl.att dt { width: 5%; }

section#gray div.yellow_box_single dl.att dd { width: 95%; }

/****************************  marriage  *****************************/

section#marriage h3.pink_ttl span.small{ display:inline; }

dl.mark_dl dt{ font-size: 1.07em; }

dl.mark_dl dd{ font-size:0.9em; }

section#marriage section#orange div.search_middle{ width: 98%; }

section#marriage section#gray div.middle_inner{ width: 94%; }

/************************  price  ****************************/

section#price div.common h2.title{ padding: 1.98em 0 0 0; }

section#price  h3.pink_ttl span.small{ display: inline; left: -1em; padding-left:0; }

section#price section#orange section#menu{ padding: 0em 0 1em 0; }

section#price section#orange div.right p.nomal{ max-width:none; }

section#price section#orange section#menu div.menu_list ul.menu_list li{ margin-bottom: 0.7em; margin-right: 0%; width: 46.5%; float:none; width: 90%; margin: 0.5em auto; }

section#price section#orange section#menu div.menu_list ul.menu_list li.e_li{ margin-right: 0; margin: 0.5em auto; }

section#price section#orange section#menu div.menu_list ul.menu_list li a{ font-size: 1.1em; font-weight:500; }

section#price section#orange section#menu div.menu_list ul.menu_list li.etc a{ font-size:1.1em; padding: 0.6695em 0; }

section#price section#orange section#menu div.menu_list ul.menu_list li.etc i{ font-size: 1.13em; top: 17px; right: 8px; font-size: 1.43em; top: 22px; right: 10px; }

section#price div.yellow_box_single { padding-bottom: 1em; }

section#price div.yellow_box_single + div.yellow_box_single { margin-top: 3em; }

section#price div.yellow_box_single h5.price_ttl{ font-size: 1.3em; }

section#price div.yellow_box_single div.mouse p.mouse_left{ float: none; display: block; text-align: center; font-size: 1.1em; margin-bottom:1em; }

section#price div.yellow_box_single div.mouse p.mouse_left span.space{ padding-left:0; }

section#price div.yellow_box_single div.mouse div.mouse_right{ float: none; width: 100%; }

section#price div.yellow_box_single div.mouse table tr th,
section#price div.yellow_box_single div.mouse table tr td{ padding: 0.4em 0.4em; }

section#price div.yellow_box_single div.mouse table tr.under_line th, 
section#price div.yellow_box_single div.mouse table tr.under_line td{ font-size: 0.8em; }

section#price div.yellow_box_single table tr th,
section#price  div.yellow_box_single table tr td{ font-size: 0.8em; }

section#price div.yellow_box_single dl.att { font-size: 13px; }

section#price div.yellow_box_single dl.att dt { width: 5%; }

section#price div.yellow_box_single dl.att dd { width: 95%; }

section#price div.yellow_box_single p.yellow_txt{ font-size:14px; }

section#price div.yellow_box_single p.yellow_txt_small{ font-size:13px; }

section#price div.yellow_box_single div.center { margin-top: 2.5em; margin-bottom: 2em; }

section#price div.yellow_box_single div.center a { font-size: 0.929em; padding: 0.5em 0.5em 0.5em 2em; }

section#price div.yellow_box_single div.center a i { margin-left: 1.5em; }

section#price section#orange div.search_middle{ width: 99%; }

section#price div.yellow_box_single img.tri02{ top: -30px; }

section#price div.pink_price { padding-top: 0em; }

section#price section#orange { padding-bottom: 4em; }

section#price div.common h2.title div.card_ttl p.mark{ font-size: 0.8em; letter-spacing: 1px; font-weight: 600; margin: 0; padding-top: 0.5em; }

section#price div.common h2.title div.card_ttl p.mark span.mark{ background: linear-gradient(transparent 82%, #FFD65C 80%);	
}

section#price div.common h2.title div.card_ttl p.card_type{ font-size: 0.65em; letter-spacing: 0; margin: 0; }



/**************************  list_bar  ********************************/

div#list_bar { padding: 1em 0 0.5em 0; }

div#list_bar div flex{ display:block; }

div#list_bar ul{ width:100%; margin: 0.3em 0; }

div#list_bar ul li{ width: 49%; }

div#list_bar ul li a{ font-size: 1em; padding: 1em 0; }

div#list_bar ul li a i{ right: 0.5em; top: 1em; }

section#detective div.list_bar02,
section#link01 div.list_bar02 ,
section#link02 div.list_bar02 ,
section#link03 div.list_bar02 { padding-top: 2.5em; }


/***************************  detective  *********************************/

section#detective div.orange_line { padding-top: 4em; }

div.orange_line { padding-bottom: 0em; }

p.dete_list { margin: 1em; }

p.dete_list a { font-size: 1.2em; }

section#detective div.white_box { padding-top: 3em; }

div.white_box img.tri_01,
div.white_box img.tri_02{ width: 4em; }
/************************************  new_hokkaido  *******************************************/
section#new_hokkaido div.common{ padding-top: 0em;
	padding-bottom: 0em; }

section#new_hokkaido .common .title.center br { display: block; }

section#new_hokkaido h3.new_hokkaido_subttl { margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 4.2vw; }
section#new_hokkaido p.new_hokkaido_txt { margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 2.8vw;
	width: 68%;
	padding: 1em 0 1.5em 0; }
section#new_hokkaido div.white_box { padding-top: 2em; padding-bottom: 2em; margin-bottom: 2em; }


/***********************  link  **************************/

section#link01 section#orange ,
section#link02 section#orange ,
section#link03 section#orange { padding-top: 5em; }

section#link01 p.dete_list img.search,
section#link02 p.dete_list img.search ,
section#link03 p.dete_list img.search { padding-right: 0.5em; }

section#link01 p.dete_list a ,
section#link02 p.dete_list a ,
section#link03 p.dete_list a { font-size: 1.1em; width: 92%; }

section#link01 p.dete_list span.small,
section#link02 p.dete_list span.small,
section#link03 p.dete_list span.small{ font-size: 0.9em; margin-left: 1.6em; }

section#link01 p.dete_list span.small br, 
section#link02 p.dete_list span.small br,
section#link03 p.dete_list span.small br{ display:none; }

section#link01 .more_inner ,
section#link02 .more_inner ,
section#link03 .more_inner { width: 90%; }

section#link01 p.dete_list::before,
section#link02 p.dete_list::before,
section#link03 p.dete_list::before{ width: 20px; vertical-align: top; height: 20px; right: 0.5em; }

section#link01 div.white_box ,
section#link02 div.white_box ,
section#link03 div.white_box {	 padding-bottom: 0.5em; padding-top: 1.5em; }

section#link01 p.dete_list,
section#link02 p.dete_list,
section#link03 p.dete_list { margin: 1.5em 0.5em; }


/*****************************  business  *********************************/

section#business section#orange { padding-bottom: 4em; padding-top: 2em; }

h6.rhombus_ttl { font-size: 1.2em; }

p.rhombus ,
p.rhombus_ul_ttl,
ul.rhombus_ul, 
ol.rhombus_ol{ font-size: 1em; }

section#business p.p_border { padding-top: 0.5em; }

section#business div.pink_price { padding-top: 0; }


/**************************************************************************/

p.on_line{ font-size: 1em; width: 95%; }

p.on_line br{ display:none; }

section#faq div.orange_line{ padding-top: 3em; padding-bottom: 0em; }

section#faq div.orange_line::before { top: 9.5em; }

p.txt_a{ font-size: 2.5em; width: 7%; margin-left: 3%; }

section#faq div.white_box p.divorce_txt { width: 84%; }

section#faq dl.maru_ttl { font-size: 1.2em; }

section#faq dl.maru_ttl dt { width: 10%; }

section#faq dl.maru_ttl dd { width: 86%; height: 2em; }

/************************  one_point  *********************************/

section#onepoint h3.dark_ttl{ letter-spacing: 0px; }

section#onepoint section#privacy dl.maru_ttl { font-size: 1.4em; }

section#onepoint dl.maru_ttl dt { width: 9%; }

section#onepoint dl.maru_ttl dd{ width: 88%; }

section#onepoint .more_inner { width: 90%; }

section#onepoint section#privacy .more_inner{ width: 90%; }

section#onepoint div.white_box ol.white_txt{ margin: 0 0 0 1.5em; }

div.finger{ padding-bottom: 0.5em; padding-top: 2.5em; }

div.finger img.left{ padding-left: 0; float:none; width: 40%; display: block; margin: auto; }

div.finger div.right{ float: none; width: 100%; margin: 0; }

div.finger p{ font-size:1em; margin-top: 2.5em; }

div.finger div.right img.down{ padding-top: 0em; }

div.white_box ol.half { padding-left: 1.5em; }

div.half { padding-top: 1em; }

ol.half p{ width:100%; }

ul.light,
ol.light { font-size: 1em; }

section.location_onepoint section#privacy section#orange { padding-bottom: 3em; }

div.half div.left01{ float: none; width: 100%; }

div.white_box p.big,
.big,
div.white_box ol li.big{ font-size:1.1em; }

div.white_box dl.half dd,
ol.half ul.waypoint,
ol.half p{ font-size:1em; }

div.white_box dl.half dd{ margin-left: 1em; }

div.half div.left02,
section.location_onepoint div.half div.left02 { width: 50%; float: none; margin: auto; }

section.runaway_onepoint div.half div.left img{ margin:0; margin-bottom: 2em; }

section#wiretap div.common h2.title, section.wiretap_onepoint div.common h2.title { padding: 2.1em 0; }

div.common h2.title { font-size: 1.7em; }

dl.pink_att dt { width: 5.5%; }

dl.pink_att dd { width: 94.5%; }

section#onepoint div.white_box p.light{ width:100%; font-size: 1em; }

section.wiretap_onepoint div.half div.left01{ width: 100%; }

section.wiretap_onepoint div.half div.left02{ width: 40%; float: none; margin: auto; padding-bottom: 2em; }

dl.att{ font-size:1em; }

dl.att dt { width: 5%; }

dl.att dd { width: 95%; }


/*************************  detective_list  ********************************/

section#detective_list section#orange { padding-bottom: 4em; }

section#detective_list div.white_box { min-height: 200px; padding-top: 1.5em; }

p.chane{ width: 90%; }

p.chane a{ font-size: 1.1em; }

p.chane::before{ width: 20px; height: 20px; right: 0.5em; }

p.chane span.small{ margin-left: 0.5em; font-size: 0.9em; }

section#detective_list div#list_bar { padding: 3em 0 0.5em 0; }


/******************************  contact  ************************************/

section#contact section#orange{ padding-top: 2em; }

h3.ttl_2 { font-size: 1.57em; }

p.contact_p { font-size: 1em; text-align: left; width: 100%; }

a.c_tel{ font-size: 2.5em; }

a.c_line{ font-size: 2.2em; }

a.c_line i { font-size: 1.79em; }

#contact form dl dt{ font-size: 1.2em; }

#contact form dl dd{ margin: 0px 10px 20px 10px; padding: 0; }

section#contact a.back,
section#contact a.post{ display: block; margin: auto; width: 70%; font-size: 18px; }

form input[type="tel"], form input[type="text"]{ display:block; }

form input[id="age"]{ display:inline-block; }

#contact form dl dd.hoso { font-weight: 500; }


/****************************  other  **********************************/

section#other h3.pink_ttl span.small { left: 0em; padding:0; }

section#other section#orange div.orange_txt{ width: 100%; }

section#other section#gray div.left p.nomal{ width: 100%; }

section#other section#link ul.link_list li{ width:100%; margin-bottom: 0.5em; }

section#other section#link ul.link_list li p.btn a{ font-size:0.9em; }

section#other section#link ul.link_list03{ width: 49%; margin-top: 0.5em; }

section#other section#gray div.pink_price { padding-top: 0em; }

ul.nomal_ul{ font-size:1em; }

section#other section#orange div.yellow_price{ padding-top: 3em; padding-bottom: 1em; }

section#other div.search_middle{ width: 98%; }

section#other section#link ul.link_list li p.btn a i{ top: 0.2em; }

section#gray dl.att dt{ width:5%; }

section#gray dl.att dd{ width:95%; }

section#other section#gray dl.att{ width: 93%; }

section#other section#orange { padding-bottom: 4em; }

section#other section#orange div.yellow_box_single dl.att{ width: 93%; }

section#other section#gray div.yellow_price { padding-top: 1.5em; }

h3.pink_ttl_pop span.sp_small{ font-size: 0.8em; }

section#other div.yellow_box_single p.yellow_txt{ text-align:left; }

section#other section#gray dl.att,
section#other section#gray div.left p.pink { width:100%; }



/****************************  landing  *********************************/

section#landing div.nav_box{ display:none; }

section#landing section#appearance{ background-size: 160%; background-position: 72% top; }

section#landing section#appearance div.appearance_top p.pink_read{ font-size: 1.2em; width:auto; display:inline-block;box-sizing: border-box; }

section#landing section#appearance div.appearance_top{ padding: 0em 0 3em 0; }

section#landing section#appearance div.appearance_bottom{ padding-bottom:1.5em; }

section#landing section#appearance div.appearance_bottom h3.pink_ttl{ font-size:1.42em; padding-top:3em; }

section#landing section#appearance div.appearance_bottom h3.yellow_bubble{ 	font-size:1.3em; }

section#landing section#appearance div.appearance_bottom section#yellow_bubble::before { border: 20px solid transparent; border-top: 18px solid rgba(254,203,50,0.8); }

section#landing h3.pink_ttl{ font-size: 1.7em; padding-top: 2.8em; letter-spacing: 0.1em; }

span.lemon{ margin-bottom: 0.2em; display: inline-block; }

section#blue_container ul.blue_list{ padding:0; padding-left: 1.5em; }

section#blue_container ul.blue_list li{ font-size: 1.2em; }

section.speech_white:before{ border: 20px solid transparent; border-top: 18px solid #FFF; }

section#landing section#menu div.middle_inner{ top: -2em; }

section#landing section#lawyer h3.lawyer_ttl span.mini{ font-size: 0.5em; }

section#landing section#lawyer{ margin-top: 1em; }

section#landing section#lawyer{ padding-bottom: 5em; }

section#landing section.speech_brown h3.pink_ttl{ font-size: 1.4em; padding-top: 3em; }

section.speech_brown:before { border: 20px solid transparent; border-top: 18px solid #FFF7E1; }

section#landing section#area{ padding: 3em 0 4.5em 0; background-position: -6em bottom; background-size: 15em; }

section#area_bottom div.middle_inner{ padding: 0em 0 20em 0; background-position: right bottom,center bottom,left 45%; background-size: 44%,98%,90.5%; }

section#area_bottom p.area_bottom_txt{ font-size: 1.4em; }

section#area_bottom div.middle_inner{ width: 95%; }

section#area_bottom ul.area_bottom li{ font-size: 1.2em; max-width: 355px; }

section#area_bottom ul.area_bottom li br{ display:none; }

section#area_bottom ul.area_bottom li:before{ top: 0.8em; font-size: 1.4em; }

section#area_bottom ul.area_bottom{ padding-top: 0; padding-left: 2em; }

h3.yellow_bubble{ font-size: 1.7em;	
}

p.plane{ font-size: 1.1em; }

div.letter{ width: 95%; }

div.peach_box{ padding: 3em 1em; }

div.peach_box div.left{ float: none; width: 100%; }

div.peach_box img.right{ float: none; width: 61%; display: block; margin: auto; margin-top: 2em; }

section#yellow_bubble:before{ border: 20px solid transparent; border-top: 18px solid rgba(254,203,50,0.8); }

section#landing section#faq dl.maru_ttl{ font-size:1.2em; }

section#landing section#gray{ padding-top: 0; }

section#landing section#gray div.middle_inner{ width:95%; }

section#landing section#faq dl.maru_ttl{ margin-top: 0; }

section#landing h3.dark_ttl{ font-size: 2.3em; margin-bottom:0.5em; }

section#landing section.worry div.inner{ margin-top: 0; }

section#landing div.white_adv div.middle_inner{ width:95%; }

section#landing div.white_adv{ background-color:white; }

section#landing div.white_adv div.middle_inner{ padding: 2em 0 3em 0; }

section#landing div.white_adv img.left{ padding-left: 0; width: 31%; padding-top:0; }

section#landing h4.pink_heading{ font-size:1.3em; }

section#landing div.pink_price { padding: 1em 0; }

section#landing section#orange{ margin-top:0; }

section#divorce section#orange{ margin-top:0; }

section#landing section.knowledge_wrapper dl.maru_ttl { font-size: 1.5em; }

section#blue_container div.main{ background-color: #E6F4F9; background-image: url(../images/lp/hito.png); background-repeat: no-repeat; background-position: center bottom; background-size: 14em; padding-bottom: 22em; padding-top: 3em; }

section#landing section#divorce div.white_box { padding-bottom: 1.5em; }

section#landing p.maru_ttl{ font-size: 1.3em; line-height: 1em; padding-left: 2.5em; text-indent: -2.6em; }

section#flirt_knowledge div.white_box ol li{ font-size:1em; }

section#landing p.maru_ttl::before{ margin: 0 10px 0 0; width: 40px; height: 40px; margin-right: 10px; }

section#landing div.white_adv div.right{ padding-right: 0%; }




/********************  common  *************************/

section#stalker div.common ,
section.stalker_onepoint section#privacy div.common{ background-image: url(../images/stalker/common_bg_sp.jpg); background-position: right 24%; }

section#privacy div.common { background-image: url(../images/privacy/common_bg_sp.jpg); }

section#faq section#privacy div.common{ background-image: url(../images/faq/common_bg_sp.jpg); background-position: center 15%; }

section#detective div.common, 
section#link01 div.common, 
section#link02 div.common, 
section#link03 div.common,
section#detective_list div.common { background-image: url(../images/detective/common_bg_sp.jpg); }

section#corporation div.common { background-position: 74% top; }

section#houjin div.common,
section.houjin_onepoint section#privacy div.common { background-image: url(../images/houjin/common_bg_sp.jpg); }

section#marriage div.common ,
section.marriage_onepoint section#privacy div.common { background-image: url(../images/marriage/common_bg_sp.jpg); background-position: 0% 20%; background-size: 114% auto; }

section#location div.common { background-image: url(../images/location/common_bg_sp.jpg); }

section#business div.common { background-image: url(../images/business/common_bg_sp.jpg); background-position: center bottom; }

section#price div.common { background-image: url(../images/price/common_bg_sp.jpg); background-position: right 17%; }

section#wiretap div.common,
section.wiretap_onepoint section#privacy div.common{ background-image: url(../images/wiretap/common_bg_sp.jpg); background-position: right 12%; }

section#flirt div.common,
section.flirt_onepoint section#privacy div.common{ background-image: url(../images/flirt/common_bg_sp.jpg); 
/*    background-position: right 24%;*/
}

section#flirt_check div.common { background-image: url(../images/flirt_check/common_bg_sp.jpg); background-position: center bottom; }

section#flirt_worry div.common { background-image: url(../images/flirt_worry/common_bg_sp.jpg); background-position: center top; background-position: center 15%; }

section#flirt_knowledge div.common { background-image: url(../images/flirt_knowledge/common_bg_sp.jpg); background-position: center top;

}

section#contact div.common { background-image: url(../images/contact/common_bg_sp.jpg); background-position: right top; }

section#other div.common { background-image: url(../images/other/common_bg_sp.jpg); background-position:right 73%; }



/******************************  tyousajirei  ***********************************/

section#tyousajirei h3.pink_ttl span.small{ top:0px; }

p.tyousa_p{ font-size:0.8em; padding-top: 1em; }

div#left-clm{ float:none; width:100%; }

div.entry p{ font-size: 1.1em; }

p.page_btn{ padding: 0; height: 40px; line-height: 40px; width: 150px; }

p.page_btn01 i{ top: 1.3em; }

section#tyousajirei p.btn a{ width: 230px; height: 50px; line-height: 50px; }

section#tyousajirei p.btn a i{ top: -0.2em; }

div.yellow_line{ padding-bottom: 6.5em; }

div#right-clm{ float: none; width: 100%; max-width: none; }

ul.side_list li.categories { margin-bottom: 1.5em; }

section#tyousajirei li.cat-item, 
section#tyousajirei ul.wp-tag-cloud li, 
section#tyousajirei ul.archive_list li{ font-size:1em; }

@media (min-width: 659px) and (max-width: 720px) { section#appearance { 	background-image: url(../images/top/en.png),url(../images/top/top_bg.jpg); 	background-repeat: no-repeat,no-repeat; 	background-position: 111% 6%,57% 6%; 	background-size: 50% auto,170% auto; }
	
	section#appearance div.appearance_top h2.grad_text span.grad{ 	font-size:3em; }
	
	section#appearance div.appearance_top p.pink_read { 	font-size: 1.7em; box-sizing: border-box;}
	
	section#appearance div.appearance_top div.logo_box p.bg_yellow span.bg_yellow { 	font-size: 1em; }
	
	section#appearance div.appearance_top div.logo_box p.logo_txt span.logo_txt { 	font-size: 1.8em; }

}

@media (min-width: 500px) and (max-width: 658px) { section#appearance { 	background-image: url(../images/top/en.png),url(../images/top/top_bg.jpg); 	background-repeat: no-repeat,no-repeat; 	background-position: 111% 6%,64% 6%; 	background-size: 50% auto,200% auto; }
	
	section#appearance div.appearance_top h2.grad_text span.grad{ 	font-size:2.5em; }
	
	section#appearance div.appearance_top p.pink_read { 	font-size: 1.5em; box-sizing: border-box;}
	
	section#appearance div.appearance_top div.logo_box p.bg_yellow span.bg_yellow { 	font-size: 1em; }
	
	section#appearance div.appearance_top div.logo_box p.logo_txt span.logo_txt { 	font-size: 1.8em; }

}

@media (min-width: 400px) and (max-width: 499px) { section#appearance { 	background-image: url(../images/top/en.png),url(../images/top/top_bg_sp.jpg); 	background-position: 111% 6%,51% 2%; 	background-size: 50% auto,100% auto; 	padding-top: 1em; 
	}
	
	section#appearance div.appearance_top h2.grad_text span.grad{ 	font-size:2.5em; }
	
	section#appearance div.appearance_top p.pink_read { 	font-size: 1.5em; box-sizing: border-box;}
	
	section#appearance div.appearance_top div.logo_box p.bg_yellow span.bg_yellow { 	font-size: 1em; }
	
	section#appearance div.appearance_top div.logo_box p.logo_txt span.logo_txt { 	font-size: 1.8em; }
	
	section#appearance div.appearance_bottom { 	padding: 2em 0 3.5em 0; }

}

@media (min-width: 250px) and (max-width: 399px) { section#appearance { 	background-image: url(../images/top/en.png),url(../images/top/top_bg_sp.jpg); 	background-position: 111% 6%,51% 2%; 	background-size: 50% auto,100% auto; 	padding-top: 1em; 
	}
	
	section#appearance div.appearance_top h2.grad_text span.grad{ 	font-size:2em; }
	
	section#appearance div.appearance_top p.pink_read { 	font-size: 1.2em; box-sizing: border-box;}
	
	section#appearance div.appearance_top div.logo_box p.bg_yellow span.bg_yellow { 	font-size: 0.9em; }
	
	section#appearance div.appearance_top div.logo_box p.logo_txt span.logo_txt { 	font-size: 1.3em; }
	
	section#appearance div.appearance_bottom { 	padding: 1.5em 0 3.5em 0; }

}

@media (min-width: 500px) and (max-width: 719px) {

	section#area{ 	padding: 2.5em 0 10.5em 0; }
		
}


@media (min-width: 600px) and (max-width: 720px) { section#blue_about { 	background-position: right center; 	background-size: 116%; }
	
	section#contact div.common { 	background-position: 100% 13%; }

}

@media (min-width: 400px) and (max-width: 720px) { section#appearance div.appearance_bottom { padding: 2em 0 3.5em 0; }
}