@charset "utf-8";


/* 全端末（PC・タブレット・スマホ）共通　main部 ページ事個別 設定
---------------------------------------------------------------------------


/* index.php
--------------------------------------------------------------------------*/


#main #text2 p img {
	overflow: hidden;
	}
#main #text2 p img.fl-r {
	float: right;
	}
#main #text2 p img.fl-l {
	float: left;
	}
#main #text2 p.fsc17	{
	font-size: 17px;
	font-weight: bold;
	color: #900;
	}
#main #text2 p.fsc18	{
	font-size: 18px;
	font-weight: bold;
	color: #900;
	}

#main #text2 p.in  {
	color: #020202;
	font-size: 12.5px;
	line-height: 22px;
	letter-spacing: 1.3px;
	padding: 6px 0;
	}

#main #text2 p.in1  {
	color: #020202;
	font-size: 12.5px;
	line-height: 22px;
	letter-spacing: 1.3px;
	padding: 6px 0 0;
	}

#main #text2 p.in2  {
	color: #020202;
	font-size: 12.5px;
	line-height: 22px;
	letter-spacing: 1.3px;
	padding: 2px 0;
	}


#main #text2 p.in2-1  {
	color: #020202;
	font-size: 12.5px;
	line-height: 22px;
	letter-spacing: 1.3px;
	padding: 4px 0 2px;
	}

#main #text2 p.in2-2  {
	color: #020202;
	font-size: 12.5px;
	line-height: 22px;
	letter-spacing: 1.3px;
	padding: 2px 0 4px;
	}


#main #text2 p.in3  {
	color: #020202;
	font-size: 12.5px;
	line-height: 22px;
	letter-spacing: 1.3px;
	padding: 0;
	}




#main #m_box {
	margin:10px 3px 10px 1px;
	padding:10px 2px 9px 3px;
	background-color: #FFD;
	border: 2px solid #C00;
        border-radius: 8px;		/* CSS3 */  
        -webkit-border-radius: 8px;	/* Safari,Google Chrome用 */  
        -moz-border-radius: 8px;	/* Firefox用 */
	}

#main #m_box #m_box_p p {
	margin: 0 0 5px 0;
	padding: 5px 0 0 40px;
	background:url(../img/q.png) no-repeat;
	font-size: 16px;
	color: #e02;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 2.3px;
	}

#main #m_box #m_box_a {
	float: left;
	width: 35px;
	}

#main #m_box #m_box_b {
	width: auto;
	margin: 8px 4px 0 38px;
	padding: 8px 2px;
	background-color: #d8fde3;
	border: 1px solid #C00;
	}

#main #m_box #m_box_b p {
	margin: 0 2px;
	padding: 3px 5px 2px 10px;
	background:url(../img/m-box.png) no-repeat;
	background-attachment: local;
	background-color: #d8fde3;
	background-position:top left;
	background-repeat:repeat;
	font-size: 15px;
	color: #111;
	line-height: 28px;
	letter-spacing: 1.8px;
	}

#main #m_box #m_box_b p a {
	text-decoration: none;
	}



img.fc {
	float: right;
	-webkit-shape-outside: polygon(nonzero, 3px 55px, 37px 27px, 60px 27px, 61px 14px, 115px 13px, 179px 44px, 176px 116px, 152px 139px 111px 153px, 61px 154px, 59px 142px, 47px 143px, 4px 117px);
	shape-outside: polygon(nonzero, 5px 54px, 38px 28px, 56px 25px, 64px 12px, 114px 13px, 117px 25px, 171px 46px, 178px 79px, 173px 118px, 145px 144px, 124px 141px, 119px 151px, 60px 152px, 56px 141px, 21px 133px, 4px 117px);
	}

img.price {
	float: right;
	-webkit-shape-outside: polygon(nonzero, 0px 0px, 125px 0px, 125px 110px, 0px 110px);
	shape-outside: polygon(nonzero, 0px 0px, 125px 0px, 129px 20px, 125px 110px, 85px 117px, 28px 65px);
	}


/*--------------------------------------------------------------------------
↑index.php*/


/* service_info.php
--------------------------------------------------------------------------*/

/*サービスインフォ用　セカンドメニュー（通常サイズ）*/

  #second_menu_top {
	clear: both;
	overflow: hidden;
	margin: 22px 3px;
	border-right: 2px solid #959595;
	border-left: 2px solid #959595;	}

  #second_menu {
	padding: 0px 2px;
	font-size: 90%;
	}

/*１行分の設定*/
  #second_menu ul {
	float: left;
	width: 24.00%;		
	padding-right: 0.4%;
	padding-left: 0.6%;
	padding-top: 4px;
	padding-bottom: 4px;
	}

  #second_menu li {
	padding: 4px 2px 2px 13px;
	background: url("../img/bg_santen_g_bb.gif") no-repeat scroll 0 transparent;
	}

  #second_menu li a {
	text-decoration: none;
	}

  #second_menu li a:hover {
	padding: 5px 3px 5px 2px;
	color: #010;
	transition: 1.0s ;
	border-radius: 3px 3px 3px 3px;
	background: #e1fcbe;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	text-decoration: none;
	}


/*　サービス案内　*/

  #service_menu_area{
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	font-size: 85%;
	}

  #service_menu {
	float: left;
	width: 48.00%;		
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
	}

  #service_menu_box {
	float: right;
	width: 100.00%;	
	min-height: 330px;
	padding: 5px 0 10px 0;
	background-color: #ffc;
	border: 2px solid #091;
        border-radius: 5px;		/* CSS3 */  
        -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
        -moz-border-radius: 5px;	/* Firefox用 */  
	}

  #service_menu h2 {
	font-size: 17px;
	color: #940000;
	text-decoration: none;
	font-weight: bold;
	margin: 0 1px 3px 3px;
	padding: 8px 0 15px 4px;
	height: 20px;
	background: none;
	}
  #service_menu h2 a:hover {
	padding: 12px 0 15px 5px;
	text-decoration: none;
	color: #f90000;
	letter-spacing: 3px;
	}
  #service_menu h2 a {
	padding-left: 5px;
	text-decoration: none;
	color: #940000;
	letter-spacing: 3px;
	}


  #service_menu p {
	font-size: 14px;
	letter-spacing: 0.8px;
	text-decoration: none;
	line-height: 23px;
	padding: 5px 0px 3px 6px;
	color: #000025;
	}

  #service_menu p a {
	text-decoration: none;
	color: #000025;
	}

  #service_menu p a:hover {
	text-decoration: none;
	color: #00b100;
	}

  #service_menu.pdr0 {
	padding-right: 0;
	margin-right: 0;
	}

  #service_menu p .stc	{
	font-weight: bold;
	color: #250000;
	}
  #service_menu p .pd-t15 {
	padding-top: 15px;
	}


  #contents-c2 h1 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 7px 5px 7px 15px;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #100;
	letter-spacing: 3px;
	background: #ff8607;	/*背景色（旧ブラウザ用）*/
	background: linear-gradient(#aafda0 10%, #78fe89 , #79fb55 65%);		
	border-left: 5px solid #007c02;
	border-bottom: none;
	}

  #service_menu p.pd-t15 {
	font-size: 15px;
	padding-top: 15px;
	color: #200;
	line-height: 26px;
	text-decoration: none;
	}


/*セカンドメニュー　ミドルサイズ　非表示*/
  #second_menu-m {
	display: none;
	}



/*画面幅1050px以下の設定
-------------------------------------------------*/
@media screen and (max-width:1050px){

/*セカンドメニュー　ミドルサイズ　非表示*/
  #second_menu {
	display: block;
	}
  #second_menu-m {
	display: none;
	}



}

/*画面幅900px以下の設定
-------------------------------------------------*/
@media screen and (max-width:900px){

/*セカンドメニュー　ミドルサイズ　非表示*/
  #second_menu {
	display: none;
	}
  #second_menu-m {
	display: block;
	}

/*サービスインフォ用　セカンドメニュー（3列タイプ）*/
  #second_menu-m_top {
	clear: both;
	overflow: hidden;
	padding: 20px 0;
	}

  #second_menu-m {
	padding: 0px 5px;
	font-size: 90%;
	border-right: 2px solid #959595;
	border-left: 2px solid #000;
	}

/*１行分の設定*/
  #second_menu-m ul {
	float: left;
	width: 31.33%;		
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
	}

  #second_menu-m li {
	padding: 4px 2px 2px 15px;
	background: url("../img/bg_santen_g_bb.gif") no-repeat scroll 0 transparent;

	}

  #second_menu-m li a {
	text-decoration: none;
	}

  #second_menu-m li a:hover {
	padding: 5px 3px 5px 2px;
	color: #010;
	transition: 1.0s ;
	border-radius: 3px 3px 3px 3px;
	background: #e1fcbe;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	text-decoration: none;
	}



}

/*画面幅750px以下の設定
-------------------------------------------------*/
@media screen and (max-width:750px){

  #service_menu_area{
	font-size: 100%;
	}

  #service_menu {
	float: left;
	width: 100.00%;		
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
	}

  #service_menu p {
	font-size: 15px;
	letter-spacing: 1.0px;
	text-decoration: none;
	padding: 8px 1px 8px 5px;
	color: #000025;
	}

}

/*画面幅480px以下の設定
-------------------------------------------------*/
@media screen and (max-width:480px){

/*サービスインフォ用　セカンドメニュー（通常サイズ）*/

/*セカンドメニュー　ミドルサイズ　非表示*/
  #second_menu {
	display: block;
	}
  #second_menu-m {
	display: none;
	}

/*１行分の設定*/
  #second_menu ul {
	float: left;
	width: 48.00%;		
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 2px;
	padding-bottom: 0px;
	}

  #second_menu li {
	font-size: 120%;
	padding: 10px 2px 10px 14px;
	}


}


/*--------------------------------------------------------------------------
↑service_info.php*/


/* request_example.php
--------------------------------------------------------------------------*/









/*画面幅1050px以下の設定
-------------------------------------------------*/
@media screen and (max-width:1050px){


}

/*画面幅900px以下の設定
-------------------------------------------------*/
@media screen and (max-width:900px){


}

/*画面幅750px以下の設定
-------------------------------------------------*/
@media screen and (max-width:750px){


}

/*画面幅480px以下の設定
-------------------------------------------------*/
@media screen and (max-width:480px){


}

/*--------------------------------------------------------------------------
↑request_example.php*/


/* price_info.php
--------------------------------------------------------------------------*/










/*--------------------------------------------------------------------------
↑price_info.php*/


/* question_often.php
--------------------------------------------------------------------------*/



