@charset "utf-8";

/* -----------------------------------------------------------
　PC・スマホ・他ページ共通
----------------------------------------------------------- */


/* :::::::::: 【PC】アクセスマップ :::::::::: */

@media screen and (min-width: 769px){  
  section .map_box {
    position:relative;
    float:right;
    width:400px;
    height:400px;
    margin-bottom:10px;
  }
  
  section iframe {
    width:100%;
    height:100%;
    pointer-events:none;
  }
  
  section .map_box .map_caution {  
    position:absolute;
    bottom:2%;
    left:2%;
    padding:3px;
    margin:0;
    background:#FFFFFF;
    max-width:85%;
    font-size:14px;
    line-height:16px;
  }
}

/* :::::::::: 【SP】アクセスマップ :::::::::: */

@media screen and (max-width: 768px){

  section .map_box {
    position:relative;
    width:100%;
    height:20em;    
    margin:0 auto 5%;
  }

  section iframe {
    width:100%;
    height:100%;
    pointer-events:none;
  }
  
  section .map_box .map_caution {  
    position:absolute;
    bottom:2%;
    left:2%;
    padding:3px;
    margin:0;
    background:#FFFFFF;
    max-width:80%;
    font-size:13px;
    line-height:15px;
  }  
}
  

/* -----------------------------------------------------------
　トップページ
----------------------------------------------------------- */

@media screen and (min-width: 769px){
	
  /* :::::::::: 【PC】お知らせ欄 :::::::::: */
    
  section.notice dl {
    width:100%;
    height:160px;
    overflow-y:scroll;
    border:solid 1px #CCC;
    box-sizing:border-box;
    margin:0;
	padding:0.6em;
  }
  
  section.notice dl dt{
    font-size:19px;
    line-height:1.3em;
    margin:0 0 5px;
	color:#006CD8;
  }
  
  section.notice dl dd{
    font-size:16px;
    line-height:1.5em;
	margin:0 0 20px;
  }
  
  /* :::::::::: 【PC】indexバナー :::::::::: */  
  
  p.index_banner {
	width: 720px;
	height:150px;
	margin:0 auto 60px;
	background:url(../images/index/ib01_pc.png) no-repeat;
  }
  
  p.index_banner a {
	display:block;
	width:100%;
	height:100%;
  }
  
  p.index_banner img {display:none;}
	
  p.index_banner02 {
	width: 720px;
	height:250px;
	margin:0 auto 60px;
	/*background:url(../images/index/ib02_pc.png) no-repeat;*/
  }
  
  p.index_banner02 a {
	display:block;
	width:100%;
	height:100%;
  }
  
  /*p.index_banner02 img {display:none;}*/
  
  /* :::::::::: 【PC】選ばれる理由 :::::::::: */  
  
  section.reason section {
	box-sizing:border-box;
	width:350px;
	height:auto; 
	padding:20px;
	background:#ECEBE8;
	float:left;
	margin:0 20px 30px 0;
  }
  
  section.reason section:nth-of-type(even) {margin:0 0 30px;}
  
  section.reason section:nth-of-type(1),
  section.reason section:nth-of-type(2) {height:380px;}
  section.reason section:nth-of-type(3),
  section.reason section:nth-of-type(4) {height:430px;}  
  section.reason section:nth-of-type(5),
  section.reason section:nth-of-type(6) {height:450px;}  
  
  section.reason section h3 {
	text-align:center; 
	color: #FF0000;
	font-size:26px;
	line-height:1.1em;
	font-weight:bold;
	margin:0 auto 20px;
  }
  
  section.reason section h3 span {
	display:block;
	width:193px;
	height:62px;
	margin:0 auto 15px;  
  }
  
  section.reason section h3 span {text-indent:-9999px;}
  
  section.reason section:nth-of-type(1) h3 span {background:url(../images/index/reason01.gif) no-repeat;}
  section.reason section:nth-of-type(2) h3 span {background:url(../images/index/reason02.gif) no-repeat;}
  section.reason section:nth-of-type(3) h3 span {background:url(../images/index/reason03.gif) no-repeat;}
  section.reason section:nth-of-type(4) h3 span {background:url(../images/index/reason04.gif) no-repeat;} 
  section.reason section:nth-of-type(5) h3 span {background:url(../images/index/reason05.gif) no-repeat;}
  section.reason section:nth-of-type(6) h3 span {background:url(../images/index/reason06.gif) no-repeat;}
  
  section.reason section p {
	font-size:16px;
	line-height:1.5em;  
  }
  
  section.reason section p span {color:#00218C;}
  
  /* :::::::::: 【PC】独立開業支援とは :::::::::: */   
  
  section.about figure.pc_image_right {
	width:200px;
	height:340px;
	background:url(../images/index/about_pc.jpg) no-repeat;
  }
  
  section.about figure.pc_image_right img {display:none;}  
  
}

@media screen and (max-width: 768px){
  
  /* :::::::::: 【SP】お知らせ欄 :::::::::: */
  
  section.notice dl {
    width:100%;
    height:16em;
    overflow-y:scroll;
    border:solid 1px #ccc;
    box-sizing:border-box;
    margin:0;
	padding:0.5em;
  }
  
  section.notice dl dt{
    font-size:1.1em;
    line-height:1.3em;
    color:#006CD8;
    margin:0 0 2%;
    font-weight:bold;
  }
  
  section.notice dl dd{
    font-size:1em;
    line-height:1.3em;
    margin:0 0 5%;
  }    
  
 section.notice dl::-webkit-scrollbar {
    width: 12px;
  }
  
  section.notice dl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
  }
  
  section.notice dl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }
  
  /* :::::::::: 【SP】indexバナー :::::::::: */  
  
  p.index_banner {
	width: 100%;
	height:auto;
	margin:0 auto 5%;
  }  
	
  p.index_banner02 {
	width: 100%;
	height:auto;
	margin:0 auto 10%;
  }  
  
  /* :::::::::: 【SP】選ばれる理由 :::::::::: */  
  
  section.reason section {
	box-sizing:border-box;
	width:100%;
	height:auto; 
	padding:0.5em;
	background:#ECEBE8;
	margin:0 auto 3%;
  }
  
  section.reason section h3 {
	text-align:center; 
	color: #FF0000;
	font-size:1.2em;
	line-height:1.1em;
	font-weight:bold;
	margin:0 auto 2%;
  }
  
  section.reason section h3 span {
	display:block;
	font-size:0.9em;
	margin:0 auto 1%;  
	color:#00228C;
  }  
  
  section.reason section p {
	line-height:1.5em;  
  } 
  
  section.reason section p span {color:#00218C;}   
}

/* -----------------------------------------------------------
　下層ページ
----------------------------------------------------------- */

@media screen and (min-width: 769px){
	
  /* :::::::::: 【PC】ページ上部電話:::::::::: */ 
    
  #faq section p span.tel,
  #form section p span.tel,
  #thanks section p span.tel ,
  #inquiry-seminar section p span.tel,
  #seminar-thanks section p span.tel {
	font-weight:bold;
	color: #000066;
	font-size:20px; 
  }	
  
  /* :::::::::: 【PC】セミナー :::::::::: */
  
  .closeTxt {
	font-weight: bold;
	font-size: 24px !important;
	color: red;
	margin-bottom: 1em !important;
  }
  
  #seminar .main section figure {
	margin:0 0 1.7em 0em;  
  }
  
  section dl.schedule {
	width: auto;
	overflow:hidden;  
  }
  
  section:nth-of-type(1) dl.schedule {width:430px;}
  
  section dl.schedule dt {
	width:220px;
	float:left;
	clear:both;
	margin:0 0 0.5em;  
  }
  
  section dl.schedule dd {
	float:left;
	margin:0 0 0.5em;  
  }  
  
  section p span.mobile a {
	pointer-events:none;
	text-decoration:none;  
  }
  
  #seminar .main section ul.bullet li ol {margin-top:5px;}
  
  #seminar .main section ul.bullet li ol li {
	list-style-type:decimal; 
	padding:0;
	background:none;
  }  
  
  section p.contact {
	width:400px;
	height:50px;
	text-align:center;
	font-size:22px; 
	float:right;
  }
  section p.contact.close {
	width:450px;
	height:50px;
	line-height:50px;
	color:#FFF;
	background:#BBBBBB; 
  }
  
  section p.contact a {
	box-sizing:border-box;
	display:block;
	width:100%;
	height:100%;
	line-height:50px;
	color:#FFF;
	background:#006DD9; 
	text-decoration:none;
  }
  .pc_image_right.space {
	padding-left: 20px;
	background-color: #FFFFFF;
  }
	
  #voice {
	border: 2px solid #006DD9;
	padding: 30px;
	font-size: 16px;
  }
  #voice dl {
  	overflow: hidden;
  }
  #voice dt {
  	float: left;
	font-size: 20px;
	font-weight: bold;
	  color: #006DD9;
  }
  #voice dd {
  	float: right;
  }
  #voice p {
    margin: 0 0 1em;
    line-height: 1.7em;
  }
  
  /* :::::::::: 【PC】お問合せ・セミナー用フォーム :::::::::: */   

  #form section p span.must ,
  #inquiry-seminar section p span.must {
	position:static;
	display:inline-block;  
  }
  
  #form section input.wide ,
  #inquiry-seminar section input.wide {width:60%;}  
  
  /* :::::::::: 【PC】よくある質問 :::::::::: */  
  
  #faq dl.faq {
	width:100%;
	height:auto;
	overflow:hidden;  
  }
  
  #faq dl.faq dt {
	box-sizing:border-box;
    position:relative;
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 2px #CDCDCD;
	background:#EEEEEE;
	padding:20px 40px 20px 90px;
	margin:0 0 15px;
	font-size:25px;
	font-weight:bold;
	color:#1F7AD6;
	line-height:1.2em;
	cursor:pointer;
  }  
  
  #faq dl.faq dt::before {
	position:absolute;
	display:block;
	content:"Q";
    width:60px;
	height:100%;
	line-height:1.7em;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:40px;
	background:#4C98E5;
	border-radius:3px 0 0 3px;
	top:0;
	left:0;
  }  
  
  #faq dl.faq dt::after {
	position:absolute;
	display:block;
	content:"";
    width:20px;
	height:20px;
	background:url(../images/sub/allow.gif) no-repeat;
	margin:auto;
	top:0;
	bottom:0;
	right:20px;
	transform:rotate(180deg);
  }   
  
  #faq dl.faq dt.open::after {
	transform:rotate(0deg);
  }    
  
  #faq dl.faq dd {
	box-sizing:border-box;
    position:relative;
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 2px #CDCDCD;
	background:#EEEEEE;
	padding:20px 40px 20px 90px;
	margin:0 0 30px;
	font-size:18px;
	color:#333;
	line-height:1.5em;
  }  
  
  #faq dl.faq dd::before {
	position:absolute;
	display:block;
	content:"A";
    width:60px;
	height:100%;
	line-height:1.7em;
	text-align:center;
	color:#4C98E5;
	font-weight:bold;
	font-size:40px;
	background:#CAE0F7;
	border-radius:3px 0 0 3px;
	top:0;
	left:0;
  }  
  
  #faq dl.faq dd span.tel {
	margin:1em 0 0;
	display:block;
	font-weight:bold;
	font-size:20px;
  }

  /* :::::::::: 【PC】開業支援の流れ :::::::::: */      
  
  section.flow section {
	position:relative;
	padding:0 0 20px; 
	margin:0 auto 40px; 
  }
  
  section.flow section::after { 
    position:absolute;
	display:block;
	content:"";
	width:0;
	height:0;
	border-top:solid 2em #65DCF5;
	border-left:solid 1.2em transparent;
	border-right:solid 1.2em transparent;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
  }
  
  section.flow section:nth-last-of-type(1) {
	padding:0; 
  }  
  
  section.flow section:nth-last-of-type(1)::after {
	content:none; 
  } 
  
  section.flow section h3 {
    width:100%;
	height:auto;
	line-height:1.3em;
	padding:0.3em 0;
	background:#DBF0FD;
	text-align:center;
	font-weight:bold;
	color:#333;
	font-size:22px;
	margin:0 0 20px;
  }
  
  /* :::::::::: 【PC】運営会社情報 :::::::::: */  
  
  section dl.about {
	width:100%;
	height:auto;  
  }
  
  section dl.about dt {
	box-sizing:border-box;
	width:200px;
	height:auto; 
	padding:10px 15px;
	line-height:1.1em; 
	font-size:22px;
	font-weight:normal;
	background:#DBF0FD;
	margin:0 30px 25px 0;
	float:left;
	clear:both;
  }  
  
  section dl.about dd {
	box-sizing:border-box;
	width:490px;
	height:auto; 
	padding:5px 0;
	line-height:1.6em; 
	font-size:19px;
	margin:0 0 25px;
	float:left;
  }   
  
  section dl.about dd span {font-size:0.95em;}
  
  /* :::::::::: 【PC】開業支援実績 :::::::::: */ 
  
  .main section.proven {
	margin:0 auto;  
  }
  .proven h3 {
	box-sizing:border-box;
    position:relative;
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 2px #92C0EF;
	background:#4C98E5;
	padding:20px 0 ;
	margin:0 0 15px;
	font-size:28px;
	font-weight:bold;
	color:#FFF;
	line-height:1.2em;
	text-align:center;
	cursor:pointer;
  }  
  
  .proven h3::after {
	position:absolute;
	display:block;
	content:"";
    width:20px;
	height:20px;
	background:url(../images/proven/pr_allow.gif) no-repeat;
	margin:auto;
	top:0;
	bottom:0;
	right:20px;
	transform:rotate(180deg);
  }    
  
  .proven h3.open::after {
	transform:rotate(0deg);
  }    
     
  .main section.proven .box {
	box-sizing:border-box;
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:5px;
	border:solid 2px #cdcdcd;	
	margin:0 auto 40px;  
	padding:20px;
  }
  
  .main section.proven .box h4 {
	font-size:20px;
	font-weight:bold;
	color:#4C98E5;
	margin:0 0 10px;
	text-align:left;  
  }

  .main section.proven .box div {
	box-sizing:border-box;
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:5px;
	background:#EEE;
	margin:0 auto 20px;  
	padding:20px;
  }
  
  .main section.proven .box div p {
	width:240px;
	margin:0 0 1em;
	color:#333;
	font-size:20px; 
	line-height:1.2em;
	float:right;
	clear:both;
  }
  
  .main section.proven .box div figure {
    margin:0 0 15px;
	text-align:left;
  }

  .main section.proven .box div figure:nth-last-of-type(1) {
    margin:0;
  }
  /* :::::::::: 【PC】独立されたい薬剤師様へ :::::::::: */ 
	.border_box{
		border: 2px solid #529BE6;
		padding: 15px;
	}
	.btn{
		background-color: #187DE5;
		padding:10px 20px!important;
		display: inline-block;
		color: #fff;
		text-decoration: none;
	}
	.btn:hover{
		background-color: #4699EF;
		color: #fff;
		text-decoration: none;
	}

  /* :::::::::: 【PC】 :::::::::: */  
}


@media screen and (max-width: 768px){
	
  /* :::::::::: 【SP】ページ上部電話 :::::::::: */   
  
  #faq section p span.tel, 
  #form section p span.tel,
  #thanks section p span.tel , 
  #inquiry-seminar section p span.tel,
  #seminar-thanks section p span.tel {
	font-weight:bold;
	color: #000066;
	font-size:1.1em; 
  }

  #faq section p a,
  #form section p a,
  #thanks section p a,
  #inquiry-seminar section p a,
  #seminar-thanks section p a {
	text-decoration:none;
	color:inherit; 
  } 	
  
  /* :::::::::: 【SP】セミナー :::::::::: */  
  
  .closeTxt {
	font-weight: bold;
	font-size: 1.2em !important;
	  line-height: 1.3em !important;
	color: red;
	margin-bottom: 1em !important;
  }
  
  section dl.schedule {
	width:100%;
	overflow:hidden;  
  }
  
  section dl.schedule dt {
	margin:0;  
	line-height:1.3em;
  }
  
  section dl.schedule dd {
	margin:0 0 0.5em;  
	line-height:1.3em;
  } 
  
  #seminar .main section ul.bullet li ol {margin-top:2%;}
  
  #seminar .main section ul.bullet li ol li {
	list-style-type:decimal; 
	padding:0;
  }
  
  #seminar .main section ul.bullet li ol li::before {	
	content:none;
  }  
  
  section p.contact {
	width:96%;
	height:auto;
	text-align:center;
	font-size:1.2em; 
	margin:0 auto;
  }
  section p.contact.close {
	line-height:1.2em;
	padding:0.5em;
	color:#FFF;
	background:#BBBBBB; 
  }
  
  section p.contact a {
	box-sizing:border-box;
	display:block;
	width:100%;
	height:100%;
	line-height:1.2em;
	padding:0.5em;
	color:#FFF;
	background:#006DD9; 
	text-decoration:none;
  }
　.pc_image_right.space {
	padding-left: auto;
	background-color: #FFFFFF;
　}
	
  #voice {
	border: 2px solid #006DD9;
	padding: 1em;
  }
  #voice dt {
	font-size: 1.2em;
	font-weight: bold;
	color: #006DD9;
  }
  
  /* :::::::::: 【SP】セミナー用フォーム :::::::::: */   
  
  #form section p span.must ,
  #inquiry-seminar section p span.must {
	position:static;
	display:inline-block;  
  }  
  
  #form section input.wide,
  #inquiry-seminar section input.wide {width:100%;}

  #form section #mailformpro dl dt,
  #form section #mailformpro dl dd, 
  #inquiry-seminar section #mailformpro dl dt,
  #inquiry-seminar section #mailformpro dl dd {
	max-width:calc(100% - 30px);
  }
  
  /* :::::::::: 【SP】よくある質問 :::::::::: */  
  
  #faq dl.faq {
	width:100%;
	height:auto;
	overflow:hidden;  
  }
  
  #faq dl.faq dt {
	box-sizing:border-box;
    position:relative;
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 1px #CDCDCD;
	background:#EEEEEE;
	padding:0.5em 1.5em 0.5em 2.5em;
	margin:0 0 3%;
	font-size:1.1em;
	font-weight:bold;
	color:#1F7AD6;
	line-height:1.2em;
  }  
  
  #faq dl.faq dt::before {
	position:absolute;
	display:block;
	content:"Q";
    width:1.4em;
	height:100%;
	line-height:1.7em;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:1.3em;
	background:#4C98E5;
	border-radius:4px 0 0 4px;
	top:0;
	left:0;
  }  
  
  #faq dl.faq dt::after {
	position:absolute;
	display:block;
	content:"";
    width:1em;
	height:1em;
	background:url(../images/sub/allow.gif) no-repeat;
	background-size:100%;
	margin:auto;
	top:0;
	bottom:0;
	right:0.5em;
	transform:rotate(180deg);
  }   
  
  #faq dl.faq dt.open::after {
	transform:rotate(0deg);
  }    
  
  #faq dl.faq dd {
	box-sizing:border-box;
    position:relative;
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 1px #CDCDCD;
	background:#EEEEEE;
	padding:0.5em 1.5em 0.5em 2.5em;
	margin:0 0 6%;
	font-size:1em;
	color:#333;
	line-height:1.5em;
  }  
  
  #faq dl.faq dd::before {
	position:absolute;
	display:block;
	content:"A";
    width:1.4em;
	height:100%;
	line-height:1.7em;
	text-align:center;
	color:#4C98E5;
	font-weight:bold;
	font-size:1.43em;
	background:#CAE0F7;
	border-radius:4px 0 0 4px;
	top:0;
	left:0;
  }  
  
  #faq dl.faq dd span.tel {
	margin:0.5em 0 0;
	display:block;
	font-weight:bold;
	font-size:1.1em;
  } 
  
  #faq dl.faq dd a {
	color:inherit;
	text-decoration:none;
  }     
  
  /* :::::::::: 【SP】】開業支援の流れ :::::::::: */      
  
  section.flow section {
	position:relative;
	padding:0 0 2.4em; 
	margin:0 auto 8%; 
  }
  
  section.flow section::after { 
    position:absolute;
	display:block;
	content:"";
	width:0;
	height:0;
	border-top:solid 2em #65DCF5;
	border-left:solid 1.2em transparent;
	border-right:solid 1.2em transparent;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
  }
  
  section.flow section:nth-last-of-type(1) {
	padding:0; 
  }  
  
  section.flow section:nth-last-of-type(1)::after {
	content:none; 
  } 
  
  section.flow section h3 {
    width:100%;
	height:auto;
	line-height:1.3em;
	padding:0.3em 0;
	background:#DBF0FD;
	text-align:center;
	font-weight:bold;
	color:#333;
	font-size:1.3em;
	margin:0 0 20px;
  }  
  
  /* :::::::::: 【SP】運営会社情報 :::::::::: */  
  
  section dl.about {
	width:100%;
	height:auto;  
  }
  
  section dl.about dt {
	box-sizing:border-box;
	width:100%;
	height:auto; 
	padding:0.4em;
	line-height:1.1em; 
	font-size:1.2em;
	font-weight:normal;
	background:#DBF0FD;
	margin:0 0 3%;
  }  
  
  section dl.about dd {
	box-sizing:border-box;
	width:100%;
	height:auto; 
	line-height:1.6em; 
	font-size:1em;
	margin:0 0 6%;
  }   
  
  /* :::::::::: 【SP】開業支援実績 :::::::::: */ 
  
  .main section.proven {
	margin:0 auto;  
  }
  .proven h3 {
	box-sizing:border-box;
    position:relative;
	width:100%;
	height:auto;
	border-radius:5px;
	border:solid 2px #92C0EF;
	background:#4C98E5;
	padding:0.5em 0 ;
	margin:0 0 3%;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	line-height:1.2em;
	text-align:center;
	cursor:pointer;
  }  
  
  .proven h3::after {
	position:absolute;
	display:block;
	content:"";
    width:1em;
	height:1em;
	background:url(../images/proven/pr_allow.gif) no-repeat;
	background-size:100%;
	margin:auto;
	top:0;
	bottom:0;
	right:0.5em;
	transform:rotate(180deg);
  }    
  
  .proven h3.open::after {
	transform:rotate(0deg);
  }    
     
  .main section.proven .box {
	box-sizing:border-box;
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:5px;
	border:solid 2px #cdcdcd;	
	margin:0 auto 5%;  
	padding:3%;
  }
  
  .main section.proven .box h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#4C98E5;
	margin:0 0 2%;
	text-align:left;  
  }

  .main section.proven .box div {
	box-sizing:border-box;
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:5px;
	background:#EEE;
	margin:0 auto 5%;  
	padding:3%;
  }
  
  .main section.proven .box div p {
	color:#333;
	font-size:1em; 
	line-height:1.2em;
    margin:0 0 1em;
  }
  
  .main section.proven .box div figure {
    margin:0 0 3%;
  }

  .main section.proven .box div figure:nth-last-of-type(1) {
    margin:0;
  }
  
  /* :::::::::: 【SP】独立されたい薬剤師様へ :::::::::: */ 
	.border_box{
		border: 2px solid #529BE6;
		padding: 15px;
	}
	.btn{
		background-color: #187DE5;
		padding:5px 20px!important;
		display: inline-block;
		color: #fff;
		text-decoration: none;
	}
	.btn:hover{
		background-color: #4699EF;
		color: #fff;
		text-decoration: none;
	}
  
   
  /* :::::::::: 【SP】 :::::::::: */    
  
         
}