﻿/* --- 強制改行 --- */
span.sp-break {
	display: none;
}

span.pc-break {
	content: ''; /* 疑似要素を使わなくても、これだけでもOK */
	display: block; /* ★ここで改行が発生する */
	height: 0; /* 高さをなくして改行だけさせる */
}
img.cover-pc {
	width: 100%;
}

/* --- セクション共通スタイル --- */
section.section {
	padding-left: 0;
	padding-right: 0;
	margin-top: 100px;
	margin-bottom: 100px;
}

div.pink-obi {
	height: 150px;
	padding: 10px;
}

h2 {
	font-size: 230%; 
}

h2::before {
	width: 198px;
	height: 122px;
}

h2::after {
	width: 198px;
	height: 122px;
}

div.introduction {
	width: 980px;
	height: 470px;
	background-size: cover;
	background-position: top;
	margin: 100px auto 0;
}

div.circle_top,
div.circle_bottom {
	width: 55%;
	height: 30%;
	margin-bottom: 20px;
}

div.circle_middle {
	width: 50%;
	height: 30%;
	margin-left: 100px;
	margin-bottom: 20px;
}

p.circle_title {
	font-size: 150%;
	margin-left: 30px;
}

p.circle_text {
	font-size: 120%;
	line-height: 1.6;
	margin-top: 10px;
	margin-left: 50px;
}

p.tegaki {
	font-size: 230%;
	margin: 50px auto;
}

h3 {
	font-size: 230%;
}

img.mecha-tok_rogo {
	width: 480px;
}

p.about_text {
	font-size: 120%;
}

img.mecha-tree {
	width: 980px;
}

p.about_subcatch {
	font-size: 230%;
}

p.about_catch {
	width: 480px;
	font-size: 280%;
}

div.title-kazari img {
	width: 32px;
}

p.kazari-title {
	font-size: 230%;
}

div.melit-column {
	width: 980px;
	margin: 20px auto 0;
}

div.column {
	width: 480px;
	margin: 0 5px 10px;
}

p.melit_title {
	font-size: 200%;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.tight {
	font-size: 200%;
}

p.melit_text {
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
}

section.service {
	width: 980px;
}

div.service-column {
	width: 980px;
	margin: 20px auto 0;
}

p.service_attention {
	width: 980px;
	font-size: 100%;
	text-align: right;
}

div.exclusive {
	width: 980px;
	margin-top: 250px;
}

img.exclusive_rogo {
	margin-top: -200px;
}

p.exclusive_point {
	font-size: 230%;
	margin-left: 180px;
	margin-bottom: 10px;
}

p.exclusive_attention {
	font-size: 120%;
	margin-left: 180px;
	margin-bottom: 20px;
}

div.plan-column {
	width: 980px;
}

din.plan_column img {
	width: 75%;
	display: block;
}

img.photo {
	width: 980px;
	margin: 30px auto;
}

/* 見出し左 */
div.left-arrow {
	width: 980px;
	margin: 50px auto 0;
}

h4.leftarrow {
	font-size: 230%;
	padding: 20px 30px 20px 20px;
	border-radius: 0px 35px 35px 0px;/*右側の角を丸く*/
}

/* 見出し右 */
div.right-arrow {
	width: 980px;
	text-align: right;
	margin: 50px auto 0;
}

h4.rightarrow {
	font-size: 230%;
	padding: 20px 20px 20px 30px;
	border-radius: 35px 0px 0px 35px;/*左側の角を丸く*/
}

/* 見出し中央 */
h6 {
	width: 980px;
	font-size: 230%;
	margin: 30px auto 0;
}

div.zadankai-column {
	width: 980px;
}

div.zadankai_member {
	width: 30%;
}

p.zadankai_name {
	font-size: 100%;
}

div.zadankai_text {
	width: 70%;
}

h5 {
	font-size: 200%;
}

h5.mp {
	font-size: 230%;
	margin: 20px auto;
}

div.zadankai_comment {
	width: 680px;
	height: 257px;
	padding-left: 10px;
	padding-right: 10px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

p.member_comment {
	font-size: 120%;
	position: absolute;
	top: 70px;
}

div.t_comment {
	width: 680px;
	height: 257px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}

p.tatsumi_comment {
	font-size: 150%;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: 60px;
	left: 110px;
}

p.tegaki-comme {
	font-size: 150%;
	line-height: 1.6;
	padding-left: 10px;
	padding-right: 10px;
}

p.matome_catch {
	width: 420px;
	font-size: 230%;
}

img.but {
	width: 480px;
	margin: 10px auto 20px;;
}

/* --- フッター --- */
footer {
	font-size: 100%;
}

/* ページトップボタン */
#page-top {
	font-size: 120%;
}
