@charset "UTF-8";

body {
	background-color:#ccc;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; 
	padding:0; 
	letter-spacing:0;
	color:#000;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; 
	font-weight:normal; 
}
ul, ol, dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*line-height:0;*/
}
caption,th {
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
	font-weight:normal; 
}
a:link {
	color:#004ea2;
	text-decoration: underline;
}
a:visited {
	color:#004ea2;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ---------- custom -------------------------------------------------- */
* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}
.content-wrap img {
  vertical-align: bottom;
  width:100%;
}
a img {
  border: none;
}

#container {
	max-width:1000px;
	margin:0 auto;
	background-color:#fff;
}

.main-img-wrap {
	position:relative;
}
@media print, screen and (min-width: 1001px) {
	.main-tab,
	.prof-tab,
	.main-sp-01,
	.main-photo-sp,
	.main-sp-02 {
		display:none !important;
	}
	.lead-wrap {
		position:absolute;
		top:255px;
		left:62px;
		width:565px;
	}
	.pana-lead-text {
		font-size:17.2px;
		font-weight:bold;
		color:#fff !important;
		text-align: justify;
		line-height:1.65;
	}
}

@media print, screen and (min-width: 941px) and ( max-width:1000px) {
	.main-tab,
	.prof-tab,
	.main-sp-01,
	.main-photo-sp,
	.main-sp-02 {
		display:none !important;
	}
	.lead-wrap {
		position:absolute;
		top:25.5vw;
		left:6.2vw;
		width:56.5vw;
	}
	.pana-lead-text {
		font-size:17px;
		font-weight:bold;
		color:#fff !important;
		text-align: justify;
		line-height:1.65;
	}
}

@media print, screen and (min-width: 801px) and ( max-width:940px) {
	.main-pc,
	.main-sp-01,
	.main-photo-sp,
	.main-sp-02 {
		display:none !important;
	}
	.lead-wrap {
		position:absolute;
		top:25.5vw;
		left:6.2vw;
		width:56.5vw;
	}
	.pana-lead-text {
		font-size:17px;
		font-weight:bold;
		color:#fff !important;
		text-align: justify;
		line-height:1.65;
	}
}

@media screen and (min-width: 701px) and ( max-width:800px) {
	.main-pc,
	.main-sp-01,
	.main-photo-sp,
	.main-sp-02 {
		display:none !important;
	}
	.lead-wrap {
		position:absolute;
		top:25.5vw;
		left:6.2vw;
		width:56.5vw;
	}
	.pana-lead-text {
		font-size:16px;
		font-weight:bold;
		color:#fff !important;
		text-align: justify;
		line-height:1.65;
	}
}

@media screen and ( max-width:700px) {
	.main-pc,
	.main-tab {
		display:none !important;
	}
	.main-img-wrap {
		background:#43ae6e;
	}
	.main-sp-01,
	.main-sp-02 {
		max-width:470px;
		margin:0 auto;
	}
	.lead-wrap {
		padding:10px 6% 20px;
	}
	.pana-lead-text {
		font-size:16px;
		font-weight:bold;
		color:#fff !important;
		text-align: justify;
		line-height:1.65;
	}
}
@media screen and ( max-width:500px) {
	.main-sp-01 {
		width:92%;
	}
}

.prof-tab {
	max-width:600px;
	margin:-25px auto 60px;
}

@media print, screen and (min-width: 701px) {
	.heading-sp {
		display:none !important;
	}
	.body-wrap {
		padding:61px 40px 70px 40px;
	}
	.body-wrap-inner {
		max-width:676px;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
		margin-bottom:55px;
	}
	.heading-box {
		width:50px;
	}
	.body-box {
		width:calc(100% - 110px);
		padding-top:47px;
	}
}

@media screen and (min-width: 601px) and ( max-width:700px) {
	.heading-sp {
		display:none !important;
	}
	.body-wrap {
		padding:61px 40px 70px 40px;
	}
	.body-wrap-inner {
		width:100%;
		display:flex;
		justify-content: space-between;
		margin-bottom:50px;
	}
	.heading-box {
		width:47px;
	}
	.body-box {
		width:calc(100% - 88px);
		padding-top:40px;
	}
}

@media screen and ( max-width:600px) {
	.heading-pc,
	.prof-tab {
		display:none !important;
	}
	.body-wrap {
		padding:35px 7% 20px;
	}
	.heading-box {
		border-bottom:4px solid #00428e;
		margin-bottom:18px;
	}
	.heading-sp {
		max-width:330px;
		margin:0 auto;
	}
	.body-wrap-inner {
		margin-bottom:40px;
	}
	.body-wrap-inner-last {
		margin-bottom:0;
	}
}

.body-q {
	font-weight:bold;
	color:#666;
	line-height:1.6;
	text-align: justify;
}

.body-q:before {
	content: "";
	display:inline-block;
	border-top:1px solid #666;
}

.body-a {
	color:#333;
	line-height:1.9;
	text-align: justify;
}

.body-a span.name {
	font-weight:bold;
	color:#5185c5;
	line-height:1.9;
}

@media print, screen and (min-width: 601px) {
	.kakudai-zuhan-sp,
	.prof-sp-wrap {
		display:none !important;
	}
	.body-q {
		font-size:17.5px;
		margin:0 0 10px;
	}
	.body-q:before {
		width:28px;
		height:5px;
		margin-right:4px;
	}
	.body-a {
		font-size:17px;
		margin-bottom:19px;
	}
	.body-a span.name {
		font-size:17px;
	}
	.kakudai-link-wrap {
		display:block;
		margin:30px 0 10px;
	}
	.kakudai-zuhan {
		border:1px solid #666;
	}
	.kakudai-btn-wrap {
		width:100%;
		display:flex;
		justify-content: flex-end;
	}
	.kakudai-btn {
		width:100px;
	}
}
@media screen and ( max-width:600px) {
	.kakudai-link-wrap {
		display:none !important;
	}
	.body-q {
		font-size:16.5px;
		margin:0 0 10px;
	}
	.body-q:before {
		width:28px;
		height:5px;
		margin-right:4px;
	}
	.body-a {
		font-size:16px;
		margin-bottom:19px;
	}
	.body-a span.name {
		font-size:16px;
	}
	.kakudai-zuhan-sp {
		max-width:400px;
		border:1px solid #666;
		margin:30px auto 10px;
	}
	.prof-sp-wrap {
		background:#43ae6e;
		padding:25px;
	}
	.prof-sp {
		border:1px solid #fff;
	}
}

a:hover img {
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
	opacity:0.8;
	zoom:1;
}

.page-top {
	width:70px;
	transition: 0.2s ease-in-out;
}

.page-top:hover {
	opacity:0.8;
	transition: 0.2s ease-in-out;
}

@media print, screen and (min-width: 601px) {
	.page-top-sp {
		display:none !important;
	}
	.page-top {
		margin: 70px auto 0;
	}
}
@media screen and ( max-width:600px) {
	.page-top-pc {
		display:none !important;
	}
	.page-top {
		margin: 30px auto;
	}
}

/* ---------- ad -------------------------------------------------- */

@media print, screen and (min-width: 1001px) {
	.ad-wrap-sp {
		display:none !important;
	}
	.ad-wrap-pc {
		background:#f2f2f2;
		padding:30px 60px 40px;
	}
	.ad-wrap-inner {
		display:flex;
		justify-content: space-between;
	}
	.ad-box {
		width:417px;
	}
	.ad-img {
		margin:17px 0 0;
	}
	.ad-link-btn {
		display:block;
		width:265px;
		margin:18px auto 0;
	}
	.ad-box-inner {
		display:flex;
		justify-content: space-between;
	}
	.ad-box-text-wrap {
		width:275px;
	}
	.ad-box-img-wrap {
		width:132px;
		padding-top:4px;
	}
	.ad-title {
		margin-bottom:7px;
	}
	.ad-text {
		font-size:14px;
		line-height:1.65;
		text-align: justify;
	}
}

@media screen and ( max-width:1000px) {
	.ad-wrap-pc {
		display:none !important;
	}
	.ad-wrap-sp {
		background:#f2f2f2;
		padding:50px 7% 50px;
	}
	.ad-wrap-sp-inner {
		max-width:550px;
		margin:0 auto;
	}
	.ad-title {
		max-width:460px;
		margin-bottom:13px;
	}
	.ad-text-wrap {
		margin-bottom:10px;
	}
	.ad-text {
		font-size:14px;
		line-height:1.65;
		text-align: justify;
	}
	.ad-box-img-wrap {
		max-width:430px;
		margin:20px auto;
		padding:0 7%;
	}
	.ad-img {
		max-width:400px;
		margin:20px auto 30px;
	}
	.ad-link-btn {
		display:block;
		max-width:350px;
		margin:0 auto;
	}
	.ad-box-01 {
		margin-bottom:90px;
	}
}

@media screen and ( max-width:450px) {
	.ad-wrap-sp {
		padding:30px 7% 50px;
	}
	.ad-box-img-wrap {
		max-width:400px;
	}
	.ad-img {
		max-width:380px;
	}
}

/* ---------- contact -------------------------------------------------- */

.contact-block {
	padding:50px 60px 90px;
	border-bottom:1px solid #aaa;
}

.contact-block-inner {
	border-top:1px solid #aaa;
	padding-top:8px;
}

.contact-title {
	font-size:12.5px;
	color:#4d4d4d;
	margin-bottom:65px;
}

.pana-logo {
	display:block;
	max-width:390px;
}

.pana-url {
	font-size:13px;
}

@media screen and ( max-width:700px) {
	.contact-block {
		padding:40px 40px 80px;
	}
}
@media screen and ( max-width:600px) {
	.contact-block {
		padding:40px 30px 50px;
	}
	.contact-title {
		margin-bottom:40px;
	}
	.pana-logo {
		margin-bottom:20px;
	}
	.pana-url-wrap {
		text-align:center;
	}
}