/* 調整用スタイル */

@media screen and (min-width: 960px) {
	img {
		width: auto;
	}
}
.pcOnly {display:none;}

@media screen and (min-width: 960px) {
	.pcOnly {display:inherit;}
	.spOnly {display:none;}
}

/* ヘッダー */

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
}
.header__inner {
  margin:0 auto;
  padding: 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:960px;
  height: 43px;
  background-color: #fff;
}
.header__title a {
  display:flex;
  align-items: center;
  width: 390px;
}
.header__title img {
  display: block;
  width: 80px;
}
.header__title span {
  margin-right:20px;
  font-size:16px;
  font-weight:normal;
  color:#0e9ed5;
}
@media screen and (max-width:959px) {
	.header__inner {
	  width:100%;
	}
	.header__title {
	  margin-left:3%;
	  width: 70%;
	}
	.header__title img {
	  max-width:104px;
	}
	.header .header__read {
	  width:calc(70% - 58px);
	  font-size:1.1rem;
	}
}

/* ヘッダーのナビ部分 */

.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 43px;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  background-color:rgba(250,250,250,0.9);
  transition: ease .4s;
}
.nav-items1 {
  margin:50px 10% 10px;
}
@media screen and (max-width:767px) {
	.nav-items1 {
	  margin:30px 10% 10px;
	}
}
.nav-items1 li {
	margin-bottom:8px;
}
.nav-items1 li a {
	display:block;
	padding:8px 0 5px 25%;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	border-radius: 7px;
}
.nav-items1 li:nth-child(1) a {
	text-shadow:2px 2px 1px #a32446;
	background:#c32b54 url(../img/nav_ic1.png) no-repeat left 5% center;
	background-size:auto 100%;
	box-shadow:0px 4px 0px rgba(131,34,41, 1);
}
.nav-items1 li:nth-child(2) a {
	text-shadow:2px 2px 1px #005196;
	background:#0870c9 url(../img/nav_ic2.png) no-repeat left 5% center;
	background-size:auto 100%;
	box-shadow:0px 4px 0px rgba(0,81,150, 1);
}
.nav-items1 li:nth-child(3) a {
	text-shadow:2px 2px 1px #0275a2;
	background:#0e9ed5 url(../img/nav_ic3.png) no-repeat left 5% center;
	background-size:auto 100%;
	box-shadow:0px 4px 0px rgba(2,117,162, 1);
}
.nav-items1 li:nth-child(4) a {
	text-shadow:2px 2px 1px #1f90c2;
	background:#25ace8 url(../img/nav_ic4.png) no-repeat left 5% center;
	background-size:auto 100%;
	box-shadow:0px 4px 0px rgba(2,117,162, 1);
}

/*acd*/
.nav-items2 {
  margin:0 10%;
}
.nav-items2 li .acdWrap {
	margin:0 0 8px 0;
}
.nav-items2 li .acd-check{
    display: none;
}
.nav-items2 li .acd-label{
    font-size:18px;
    font-weight:bold;
    color: #333;
    display: block;
    margin:0 auto 0;
    padding:7px 0 5px 10%;
    position: relative;
    cursor:pointer;
    background:#fff;
    border:2px solid #ccc;
    border-radius: 7px;
    box-shadow:0px 3px 0px #ddd;
}
.nav-items2 li .acd-label:after{
    content:url(../img/nav_arrow.png);
    transform: scale(0.6);
    position: absolute;
    right: 15px;
    top: 6px;
}
.nav-items2 li .acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: all 0.5s 0s ease;
    visibility: hidden;
}
.nav-items2 li .acd-check:checked + .acd-label:after{
    content:url(../img/nav_arrow2.png);
}
.nav-items2 li .acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 0 0;
    visibility: visible;
}
.nav-items2 li .acd-content .inList a {
    font-size:16px;
    font-weight:normal;
    color: #333;
    display: block;
    padding:7px 0 5px 10%;
    background:#fff;
    border-left:2px solid #ccc;
    border-right:2px solid #ccc;
    border-bottom:2px solid #ccc;
}
.nav-items2 li .acd-content .inList li:last-child a {
    border-radius: 0px 0px 7px 7px;
}

.nav-items2 li.single {
	margin-bottom:5px;
}
.nav-items2 li.single a {
    display:block;
    padding:7px 0 5px 10%;
    font-size:18px;
    font-weight:normal;
    color: #333;
    background:#fff;
    border:2px solid #ccc;
    border-radius: 7px;
}

@media screen and (min-width:960px) {
	.nav_pc_wrap {
		display:flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin:0 auto;
		width:960px;
	}
	.nav-items1 {
	  margin:50px 10px 0 0;
	  width:300px;
	}
	.nav-items2 {
	  margin:50px 10px 0 0;
	  width:300px;
	}
}

/* ハンバーガーメニュー */

.header__hamburger {
  width: 48px;
  height: 100%;
  position: relative;
}
.hamburger:after {
	content:"メニュー";
	position: absolute;
	bottom:2px;
	left:9px;
	color: #333;
	font-size: 0.4rem;
	font-weight:bold;
	text-transform: uppercase;
}
@media screen and (max-width:767px) {
	.hamburger:after {
		bottom:3px;
		left:11px;
	}
}
.hamburger {
  padding:0 10px;
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 2px;
  background-color: #626262;
  position: relative;
  transition: ease .4s;
  display: block;
  top:-2px;
}
.hamburger span:nth-child(2) {
  margin: 4px 0;
}

/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}
.hamburger.active {
	background-color: #ccc;
}
.hamburger.active:after {
	content:"閉じる";
	bottom:2px;
	left:12px;
}
@media screen and (max-width:767px) {
	.hamburger.active:after {
		bottom:4px;
		left:14px;
	}
}
.hamburger.active span:nth-child(1) {
  top: 0px;
  transform: rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  top: -12px;
  transform: rotate(-45deg);
}
.hamburger.active span:nth-child(3)::after {
  display:none;
}

.h_link {
	border-top:2px solid #e1e1e1;
	border-bottom:1px solid #d2d6d3;
}
.h_link ul {
	display:flex;
	margin:0 auto;
	width:960px;
	height:40px;
}
.h_link ul li:nth-child(1) {
	width:33%;
}
.h_link ul li:nth-child(2) {
	width:33%;
	border-left:2px solid #e1e1e1;
	border-right:2px solid #e1e1e1;
}
.h_link ul li:nth-child(3) {
	width:34%;
}
.h_link ul li a {
	display:block;
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
		height:40px;
	font-size:14px;
	color:#333;
	text-align:center;
	background:#fff;
}
.h_link ul li:nth-child(3) a {
	color:#fff;
	background:#c32b54;
}
.h_link ul li:nth-child(1) a span {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	background:url(../img/h_link_ic1.png) no-repeat left center ;
	background-size:22px auto;
}
.h_link ul li:nth-child(2) a span {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	background:url(../img/h_link_ic2.png) no-repeat left center ;
	background-size:22px auto;
}
.h_link ul li:nth-child(3) a span {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	background:url(../img/h_link_ic3.png) no-repeat left center ;
	background-size:22px auto;
}
@media screen and (max-width:959px) {
	.h_link ul {
		width:100%;
	}
	.h_link ul li a {
		font-size:0.8rem;
		line-height:1;
	}
	.h_link ul li:nth-child(1) a span {
		padding-left:30px;
	}
	.h_link ul li:nth-child(2) a span {
		padding-left:30px;
	}
	.h_link ul li:nth-child(3) a span {
		padding-left:30px;
	}
}

/* フッター */
footer {
	padding:30px 0;
	border-top:1px solid #dcdcdc;
	background:#fff;
	text-align:center;
}
footer .tit {
	font-size:20px;
	color:#0e9ed5;
}
footer .time {
	margin-top:15px;
}
footer .time span {
	padding:5px 12px;
	font-size:14px;
	font-weight:bold;
	background:#0870c9;
	border-radius: 7px;
	color:#fff;
}
footer .time strong {
	font-weight:bold;
}
footer .tel {
	margin-top:15px;
	font-size:26px;
	font-weight:bold;
}
footer .tel span {
	padding-left:40px;
	background:url(../img/f_tel.png) no-repeat left center ;
	background-size:30px auto;
}
footer ul {
	display:flex;
	justify-content: center;
	margin:10px auto 0;
	padding:10px 0;
	width:350px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
footer ul li {
	margin:0 5px;
	padding:0 10px;
	font-size:10px;
}
footer ul li a {
	color:#333;
}
footer .add {
	margin-top:15px;
	font-size:10px;
}

.fixedWrap {
	position: sticky;
	bottom:0;
	display:flex;
	justify-content: center;
	padding:8px;
	background:rgba(255,255,255, 0.8);
}
.fixedWrap img {
	height:70px;
}
.fixedWrap li:nth-child(1) ,
.fixedWrap li:nth-child(3) {
	margin-right:8px;
}
@media screen and (max-width:959px) {
	.fixedWrap img {
		height:auto;
	}
}

/* h2 */
.pagetitle  {
	margin-top:86px;
}
.pagetitle h2 {
	padding:17px 0 14px;
	width:100%;
	font-size:24px;
	font-weight:normal;
	line-height:1;
	color:#fff;
	background:#0e9ed5;
	text-align:center;
}
@media screen and (max-width:959px) {
	.pagetitle h2 {
		font-size:1.3rem;
	}
}

/* フォーム */

.contact_flow {
	display:flex;
	justify-content: center;
	align-items: center;
	margin:20px auto 0;
	padding:15px 0;
	width:960px;
	background:#fff;
	border-radius: 7px;
}
.contact_flow li {
	width:33%;
	font-weight:bold;
	color:#ccc;
	text-align:center;
}
.contact_flow li {
	background:url(../img/contact_flow_arrow.png) no-repeat right center ;
	background-size:12px auto;
}
.contact_flow li:last-child {
	background:none;
}
.contact_flow li.active {
	color:#333;
}
@media screen and (max-width:959px) {
	.contact_flow {
		margin:0px auto 0;
		width:100%;
		font-size:12px;
		border-radius: 0px;
	}
}

.contact_read {
	margin:30px auto 0;
	width:960px;
	font-size:14px;
	line-height:2;
}
.contact_read .ti {
	font-size:20px;
	font-weight:bold;
	color:#c32b54;
}
@media screen and (max-width:959px) {
	.contact_read {
		width:90%;
	}
}
.hissu {
	padding:2px 5px;
	font-size:12px;
	color:#fff;
	background:#c32b54;
}
.nini {
	padding:1px 5px;
	color:#fff;
	background:#b2b2b2;
}
table .hissu {
	margin-left:10px;
	font-size:12px;
}
table .nini {
	margin-left:10px;
	font-size:12px;
}
.contact_wrap {
	margin:20px auto 0;
	padding:40px 0;
	width:960px;
	background:#fff;
	border-radius: 7px;
}
.contact_wrap table {
	margin:0 40px;
	font-size:16px;
	width:calc(100% - 80px);
}
.contact_wrap table th {
	padding-bottom:25px;
	width:26%;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}
.contact_wrap table td {
	padding-bottom:25px;
	width:74%;
}
.width100 {
	width:calc(100% - 20px);
}
@media screen and (max-width:959px) {
	.contact_wrap {
		padding:20px 0;
		width:90%;
	}
	.contact_wrap table {
		margin:0 20px;
		width:calc(100% - 40px);
		font-size:16px;
	}
	.contact_wrap table th ,
	.contact_wrap table td {
		display: block;
		width:100%;
	}
	.contact_wrap table th {
		padding-bottom:10px;
	}
}
input , textarea {
	padding:10px 10px;
	border:1px solid #ccc;
	font-size:16px;
}

.contact__formWrap-btn {
	display:flex;
	justify-content: center;
}
.contact__formWrap-btn--submit {
    margin:0 10px;
    width: 13em;
    padding: 10px 0 8px;
    border: none;
    border-radius: 8px;
    background-color: #326699;
    font-size:20px;
    color: #fff;
    text-shadow:1px 1px 1px #1e8dbe;
    font-weight: bold;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    border: 2px solid transparent;
    box-shadow:0px 3px 0px rgba(12,42,83, 1);
}

.contact__formWrap-btn--submit:hover {
    background-color: #207bd4;
}

.contact__formWrap-btn--submit:focus {
    outline: 0;
    background-color: #207bd4;
    border: 2px solid rgb(30, 141, 190);
}

.radio {
  margin: 0.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + span:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.error_form .radio input[type=radio] + span:before {
  background: #fcf1f2;
}
.radio input[type=radio]:checked + span:before {
  background-color: #d974ce;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + span:before {
  outline: none;
  border-color: #d974ce;
}
.radio input[type=radio]:disabled + span:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #d974ce;
  background: #d974ce;
}
.radio input[type=radio] + span:empty:before {
  margin-right: 0;
}

.contact__formWrap-check {
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom:30px;
}
.contact__formWrap-check a {
	color:#db44cb;
	text-decoration: underline;
}
.contact__formWrap-check .txt {
	padding:25px 0 0 10px;
}
.CheckboxInput {
  cursor: pointer;
}
.CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}
.CheckboxInput:hover > .CheckboxInput-DummyInput {
  background: #ffffff !important;
  border: solid 1px #767676;
}
.CheckboxInput-Input:focus + .CheckboxInput-DummyInput {
  background: #ffffff !important;
  border: solid 1px #767676;
}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput {
  border: solid 1px #767676;
  background: #FFFFFF;
}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/form_check.png) no-repeat center;
  background-size: contain;
}
.CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 27px;
  height: 27px;
  border: solid 1px #888888;
  background: #FFFFFF;
}
.CheckboxInput-DummyInput.error_form {
	background:#fcf1f2!important;
}
.CheckboxInput-LabelText {
  margin-left: 12px;
  display: block;
  font-size: 16px;
}

input.error_form ,
textarea.error_form {
	background:#fcf1f2;
}
.error_tx {
	padding:5px 0;
	color:#ff0000;
}
.checkerrorWrap {
	margin:-20px 0 30px;
	text-align:center;
}
.confirm_tx {
	padding:10px;
	background:#f5f5f5;
}

/* トップページ */
.mv {
	margin-top:86px;
	text-align:center;
	background:#fff;
}
.mv img {
	margin:0 auto;
}
.mv_kinkyu {
	padding:15px 0 ;
	background:#fff;
}
.mv_kinkyu .ti {
	padding-bottom:5px;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	background:#fff;
}
.mv_kinkyu .ti span {
	color:#c32b54;
}
.mv_kinkyu .btn {
	margin:0 3% 15px;
}
.mv_kinkyu .btn a {
	display:block;
	margin:0 auto;
	padding:14px 0;
	width:960px;
	background:#c32b54;
	border-radius: 7px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.25);
	text-align:center;
}
.mv_kinkyu .btn a img {
	margin:0 auto;
}
.mv_kinkyu .list {
	display:flex;
	justify-content: center;
	margin:0 auto;
	padding:20px 0 ;
	max-width:760px;
	border:4px solid #e6e6e6;
	border-radius: 7px;
}
.mv_kinkyu .list ul li {
	margin-bottom:5px;
	padding:0px 0 0px 30px;
	font-size: 20px;
	background:url(../img/li_check.png) no-repeat left center ;
	background-size:22px auto;
}
.mv_kinkyu .list ul li span {
	color:#c32b54;
}
.mv_kinkyu .tx {
	margin:15px auto 0;
	padding:20px ;
	max-width:720px;
	background:#f8f8f8;
}

@media screen and (max-width:959px) {
	.mv_kinkyu .list {
		max-width:92%;
	}
	.mv_kinkyu .list ul li {
		font-size: 16px;
	}
	.mv_kinkyu .btn a {
		display:block;
		margin:0 auto;
		padding:0 0;
		width:auto;
		background:none;
		box-shadow:none;
	}
	.mv_kinkyu .btn a img {
		border-radius: 10px;
		box-shadow:2px 2px 5px rgba(0,0,0,0.25);
	}
}

/* sec01 */

.sec01 h2 {
	padding:20px 0;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	background:#0e9ed5;
	text-align:center;
}
.sec01 h3 {
	margin:30px auto 0;
	padding:7px 0;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	background:#0e9ed5;
	width:9em;
	text-align:center;
}
.sec01 ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0 auto;
	width:728px;
}
.sec01 ul li {
	margin-top:20px;
	width:350px;
	border:2px solid #e6e6e6;
	background:#fff;
	border-radius: 7px;
	box-shadow:5px 5px 0px rgba(0,0,0, 0.10);
}
.sec01 ul li .flexbox1 {
	display:flex;
	justify-content: space-between;
	padding:15px 15px 0 15px;
}
.sec01 ul li .flexbox1 .ph {
	width:40%;
}
.sec01 ul li .flexbox1 .tx {
	width:55%;
}
.sec01 ul li .flexbox1 .ti {
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
.sec01 ul li .flexbox1 .add {
	font-size:12px;
}
.sec01 ul li .flexbox1 .txt {
	font-size:12px;
}
.sec01 ul li ul.ic {
	display:flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin:5px 15px 0;
	width:auto;
}
.sec01 ul li ul.ic li {
	margin-top:5px;
	margin-right:10px;
	padding:3px 0.7em;
	width:auto;
	font-size:12px;
	border:1px solid #0e9ed5;
	background:#fff;
	border-radius: 7px;
	box-shadow:none;
}
.sec01 ul li .flexbox2 {
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:12px;
}
.sec01 ul li .flexbox2 .tel {
	width:48.5%;
}
.sec01 ul li .flexbox2 .map {
	width:48.5%;
}
.sec01 ul li .flexbox2 .tel .spWrap {
	display:none;
}
.sec01 ul li .flexbox2 .tel {
	font-size:16px;
	font-weight:bold;
	color:#d83097;
}
.sec01 ul li .flexbox2 .tel span {
	padding:5px 0 5px 33px;
	background:url(../img/sec01_btn_tel_ic.png) no-repeat left center;
	background-size:26px auto;
}
@media screen and (max-width:959px) {
	.sec01 {
		margin-top:15px;
	}
}
@media screen and (max-width:767px) {
	.sec01 h2 {
		padding:12px 0 10px;
		font-size:22px;
	}
	.sec01 h3 {
		margin:30px auto 0;
		padding:7px 0;
		font-size:18px;
	}
	.sec01 ul {
		width:92%;
	}
	.sec01 ul li {
		width:100%;
	}
	.sec01 ul li .flexbox1 .ph {
		width:34%;
	}
	.sec01 ul li .flexbox1 .ti {
		font-size:14px;
	}
	.sec01 ul li .flexbox1 .tx {
		width:63%;
	}
	.sec01 ul li ul.ic li {
		font-size:12px;
	}
	.sec01 ul li .flexbox2 {
		padding:12px 3% 15px 3%;
	}
	.sec01 ul li .flexbox2 .tel {
		width:48.5%;
	}
	.sec01 ul li .flexbox2 .tel .pcWrap {
		display:none;
	}
	.sec01 ul li .flexbox2 .tel .spWrap {
		display:inherit;
	}
	.sec01 ul li .flexbox2 .map {
		width:48.5%;
	}
}

.white-popup {
  position: relative;
  background: #2678b1;
  padding: 4px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}
.embed-container {
padding-bottom: 70% !important ;
}

/* sec02 */
.sec02 {
	margin-top:30px;
	padding-bottom:30px;
	background:#f8f8f8;
}
.sec02 h2 {
	padding:20px 0 20px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#0e9ed5;
}
.sec02 .sec02box {
	margin:20px auto 0;
	background:#fff;
	width:677px;
	border:3px solid #e6e6e6;
	box-shadow:4px 4px 0px rgba(230,230,230,1);
	border-radius: 7px;
}
.sec02 .sec02box .ti {
	padding:15px 0;
	font-size:22px;
	font-weight:bold;
	color:#0075be;
	line-height:1.2;
	background:#eaf9ff;
	text-align:center;
	line-height:1.7;
}
.sec02 .sec02box .ti span {
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#333;
	line-height:1.3;
}
.sec02 .sec02box .ti span.small {
	margin-top:5px;
	font-size:11px;
}
.sec02 .sec02box .ti span.gentei {
	display:block;
	margin:0 auto 5px;
	padding:5px 10px;
	color:#fff;
	background:#db488c;
	width:7em;
	border-radius: 7px;
}
.sec02 .sec02box .flexbox1 {
	display:flex;
	justify-content:center;
	align-items: center;
	padding:15px 0;
}
.sec02 .sec02box .flexbox1 .ph {
	margin-right:30px;
	width:34%;
}
.sec02 .sec02box .flexbox1 .tx {
	width:30%;
}
.sec02 .sec02box .flexbox1 .tx .txt1 {
	font-size:12px;
}
.sec02 .sec02box .flexbox1 .tx .txt2 {
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	color:#d01328;
}
.sec02 .sec02box .flexbox1 .tx .txt3 {
	font-size:30px;
	font-weight:bold;
	color:#db488c;
}
.sec02 .sec02box .flexbox1 .tx .txt3 span {
	font-size:12px;
}
.sec02 .sec02box .flexbox1 .tx .txt4 {
	font-size:12px;
}
@media screen and (max-width:767px) {
	.sec02 h2 {
		padding:12px 0 10px;
		font-size:22px;
	}
	.sec02 .sec02box {
		width:94%;
	}
	.sec02 .sec02box .flexbox1 {
		padding:15px 0 15px 5%;
		justify-content: space-between;
	}
	.sec02 .sec02box .flexbox1 .ph {
		margin-right:0;
		width:45%;
	}
	.sec02 .sec02box .flexbox1 .tx {
		width:50%;
	}
	.sec02 .sec02box .flexbox1 .tx .txt3 {
		font-size:24px;
	}
}

/*acd*/
.sec02 .acdWrap {
	margin:0 0 0 0;
}
.sec02 .acd-check{
    display: none;
}
.sec02 .acd-label{
    color: #fff;
    display: block;
    margin:0 auto 15px;
    padding: 0 0;
    position: relative;
    cursor:pointer;
    background:url(../img/sec02_arrow.png) no-repeat ;
    background-size:cover;
    width:315px;
    height:43px;
    text-align:center;
    border-radius: 7px;
}
.sec02 .acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: all 0.5s 0s ease;
    visibility: hidden;
}
.sec02 .acd-check:checked + .acd-label {
    background:url(../img/sec02_arrow2.png) no-repeat ;
    background-size:cover;
}
.sec02 .acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 0 0;
    visibility: visible;
}
@media screen and (max-width:767px) {
	.sec02 .acdWrap {
		margin:0 0 0 0 ;
	}
	.sec02 .acd-label {
	    width:90%;
	    height:auto;
	}
}

.sec02 .sec02box h4 {
	margin:30px 3% 0;
	padding:15px 0;
	font-size:18px;
	border-top:2px solid #9f9f9f;
	text-align:center;
}
.sec02 .sec02box .flowzu {
	margin:0 auto;
	width:320px;
}
@media screen and (max-width:959px) {
	.sec02 .sec02box .flowzu {
		width:90%;
	}
}
.sec02 .sec02box .inList {
	display:flex;
	flex-wrap: wrap;
	margin:0 3% ;
	padding-bottom:20px;
}
.sec02 .sec02box .inList li {
	margin-top:6px;
	margin-right:6px;
}
.sec02 .sec02box .inList li:nth-child(6n) {
	margin-right:0;
}
@media screen and (max-width:959px) {
	.sec02 .sec02box .inList {
		margin:0 4% ;
	}
	.sec02 .sec02box .inList li {
		margin-top:10px;
		margin-right:2%;
		width:32%;
	}
	.sec02 .sec02box .inList li img {
		width:100%;
	}
	.sec02 .sec02box .inList li:nth-child(3n) {
		margin-right:0;
	}
	.sec02 .sec02box .inList li:nth-child(6n) {
		margin-right:0;
	}
}
.sec02 .sec02box .inList li.list01 {background:url(../img/sec02_inList_01.png) no-repeat;}
.sec02 .sec02box .inList li.list02 {background:url(../img/sec02_inList_02.png) no-repeat;}
.sec02 .sec02box .inList li.list03 {background:url(../img/sec02_inList_03.png) no-repeat;}
.sec02 .sec02box .inList li.list04 {background:url(../img/sec02_inList_04.png) no-repeat;}
.sec02 .sec02box .inList li.list05 {background:url(../img/sec02_inList_05.png) no-repeat;}
.sec02 .sec02box .inList li.list06 {background:url(../img/sec02_inList_06.png) no-repeat;}
.sec02 .sec02box .inList li.list07 {background:url(../img/sec02_inList_07.png) no-repeat;}
.sec02 .sec02box .inList li.list08 {background:url(../img/sec02_inList_08.png) no-repeat;}
.sec02 .sec02box .inList li.list09 {background:url(../img/sec02_inList_09.png) no-repeat;}
.sec02 .sec02box .inList li.list10 {background:url(../img/sec02_inList_10.png) no-repeat;}
.sec02 .sec02box .inList li.list11 {background:url(../img/sec02_inList_11.png) no-repeat;}
.sec02 .sec02box .inList li.list12 {background:url(../img/sec02_inList_12.png) no-repeat;}
.sec02 .sec02box .inList li.list13 {background:url(../img/sec02_inList_13.png) no-repeat;}
.sec02 .sec02box .inList li.list14 {background:url(../img/sec02_inList_14.png) no-repeat;}
.sec02 .sec02box .inList li.list15 {background:url(../img/sec02_inList_15.png) no-repeat;}
.sec02 .sec02box .inList li.list16 {background:url(../img/sec02_inList_16.png) no-repeat;}
.sec02 .sec02box .inList li.list17 {background:url(../img/sec02_inList_17.png) no-repeat;}
.sec02 .sec02box .inList li.list18 {background:url(../img/sec02_inList_18.png) no-repeat;}
.sec02 .sec02box .inList li.list19 {background:url(../img/sec02_inList_19.png) no-repeat;}
.sec02 .sec02box .inList li.list20 {background:url(../img/sec02_inList_20.png) no-repeat;}
.sec02 .sec02box .inList li.list21 {background:url(../img/sec02_inList_21.png) no-repeat;}
.sec02 .sec02box .inList li.list {
	background-size:cover;
}
.sec02 .sec02box .inList li.list.on {
	background-size:cover;
}
.sec02 .sec02box .inList_tx {
	margin:0 3%;
	padding-bottom:20px;
	font-size:12px;
}
.sec02_btn {
	margin:30px auto 30px;
	text-align:center;
	width:315px;
}
@media screen and (max-width:767px) {
	.sec02_btn {
		margin:30px auto 10px;
		text-align:center;
		width:70%;
	}
}

/* sec_hojyo */
.sec_hojyo {
	margin:0px auto;
	width:544px;
}
.sec_hojyo .ti {
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.sec_hojyo .ti span {
	color:#dc488c;
}
.sec_hojyo .waku {
	padding:20px 7%;
	font-size:18px;
	border:3px solid #0e9ed5;
	border-radius: 7px;
}
.sec_hojyo .tx {
	padding:10px 8%;
	font-size:14px;
}
.sec_hojyo .tx span {
	background: linear-gradient(transparent 50%, #fff603 50%);
}
.sec_hojyo dl {
	display:flex;
	justify-content: center;
	margin:30px 0 30px;
	border:2px solid #dc488c;
	text-align:center;
}
.sec_hojyo dl dt {
	display:flex;
	justify-content: center;
	align-items: center;
	padding:0.4em 0 0.3em;
	width:40%;
	font-size:24px;
	color:#fff;
	background:#dc488c;
}
.sec_hojyo dl dd {
	padding:0.4em 0 0.3em;
	width:60%;
	font-size:28px;
	font-weight:bold;
}
.sec_hojyo dl dd span {
	font-size:20px;
}
@media screen and (max-width:767px) {
	.sec_hojyo {
		margin:0px 3%;
		width:auto;
	}

}

/* sec03 */
.sec03 {
	padding:0 0 40px;
}
.sec03 h2 {
	margin-bottom:30px;
	padding:20px 0 20px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#0e9ed5;
}
.sec03 .read {
	margin:30px 0;
	text-align:center;
}
.sec03box {
	margin:0 auto;
	width:680px;
}
.sec03box.arrow {
	margin-bottom:10px;
	padding-bottom:25px;
	background:url(../img/sec03_arrow.png) no-repeat bottom center;
	background-size:30px auto;
}
.sec03box .flexbox1 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:25px;
	border:2px solid #e6e6e6;
	background:#fff;
	border-radius: 7px;
	box-shadow:4px 4px 0px rgba(0,0,0, 0.10);
}
.sec03box .flexbox1 .tx {
	width:55%;
}
.sec03box .flexbox1 .ph {
	width:42%;
}
.sec03box .flexbox1 .tx h3 {
	color:#0e9ed5;
	font-size:20px;
	font-weight:bold;
}
.sec03box .flexbox1 .tx .txt1 {
	margin-top:5px;
	margin-bottom:10px;
	font-size:14px;
}
.sec03box .flexbox1 .txt2_spWrap {
	display:none;
}
.sec03box .flexbox1 .tx .txt2 {
	display:flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top:5px;
	background:url(../img/sec03_txt2.png) no-repeat;
	background-size:contain;
	height:75px;
}
.sec03box .flexbox1 .tx .txt2 p {
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	width:100%;
	height:53px;
}
.sec03box .flexbox1 .tx .txt2 p strong {
	color:#c32b54;
}
.sec03_btnTx {
	margin:0 auto;
	width:400px;
	text-align:center;
}
.sec03_btn {
	margin:30px auto 30px;
	text-align:center;
	width:315px;
}
@media screen and (max-width:767px) {
	.sec03 h2 {
		margin:0 auto 20px;
		padding:12px 0 10px;
		font-size:22px;
	}
	.sec03 .read {
		margin:30px 0 20px;
		font-size:14px;
	}
	.sec03box {
		margin:0 auto;
		width:90%;
	}
	.sec03box .flexbox1 {
		padding:20px 5%;
	}
	.sec03box .flexbox1 .h3sp {
		margin-bottom:7px;
		color:#0e9ed5;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		width:100%;
	}
	.sec03box .flexbox1 .tx h3 {
		display:none;
	}
	.sec03box .flexbox1 .tx .txt1 {
		margin-top:5px;
		font-size:12px;
	}
	.sec03box .flexbox1 .txt2_pcWrap {
		display:none;
	}
	.sec03box .flexbox1 .txt2_spWrap {
		display:block;
		width:100%;
	}
	.sec03box .flexbox1 .txt2_sp {
		display:flex;
		justify-content: flex-end;
		align-items: flex-end;
		margin-top:5px;
		background:url(../img/sec03_txt2.png) no-repeat;
		background-size:contain;
		height:75px;
	}
	.sec03box .flexbox1 .txt2_sp p {
		display:flex;
		justify-content: center;
		align-items: center;
		font-size:14px;
		font-weight:bold;
		line-height:1.3;
		text-align:center;
		width:100%;
		height:63px;
	}
	.sec03box .flexbox1 .txt2_sp p strong {
		color:#c32b54;
	}
	.sec03_btnTx {
		margin:0 auto;
		width:70%;
		font-size:14px;
		text-align:center;
	}
	.sec03_btn {
		margin:10px auto 10px;
		text-align:center;
		width:70%;
	}
}

/* sec04 */
.sec04 {
	padding:0 0 30px;
	background:#fff;
}
.sec04 h2 {
	margin-bottom:30px;
	padding:20px 0 20px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#0e9ed5;
}
.sec04 .erabu4 {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 auto;
	width:710px;
}
.sec04 .erabu4 li {
	margin-bottom:15px;
	width:90%;
	border:2px solid #e6e6e6;
	background:#fff;
	box-shadow:3px 3px 0px rgba(0,0,0, 0.10);
	border-radius: 7px;
}
.sec04 .erabu4 li h4 {
	margin:0 3%;
	padding:15px 0 10px;
	font-size:20px;
	font-weight:bold;
	color:#e55dac;
	border-bottom:2px solid #dedede;
	text-align:center;
}
.sec04 .erabu4 li .flexbox1 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:15px;
}
.sec04 .erabu4 li .flexbox1 .ph {
	width:40%;
}
.sec04 .erabu4 li .flexbox1 .tx {
	width:55%;
	font-size:14px;
}
.sec04 .erabu4 li .flexbox1 .tx p {
	padding:15px 20px;
}
@media screen and (max-width:767px) {
	.sec04 h2 {
		margin:0 auto 20px;
		padding:12px 0 10px;
		font-size:22px;
	}
	.sec04 .erabu4 {
		flex-direction: column;
		width:90%;
	}
	.sec04 .erabu4 li {
		width:100%;
	}
	.sec04 .erabu4 li .flexbox1 .tx p {
		padding:0;
	}
}


/* sec07 */
.sec07 {
	background:#f8f8f8;
}
.sec07 h2 {
	padding:20px 0 20px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#0e9ed5;
}
.sec07 .read {
	margin-top:20px;
	text-align:center;
}
.sec07__slider {
	display:flex;
	flex-wrap: wrap;
	max-width:860px;
	margin:20px auto;
}
.sec07__slider li {
	margin-right:3.5%;
	margin-bottom:30px;
	width:31%;
}
.sec07__slider li:nth-child(3n) {
	margin-right:0;
}
.sec07__slider a {
	display:block;
	border-radius: 7px;
	background:#fff;
	color:#333;
	border:1px solid #ccc;
	box-shadow:1px 1px 0px rgba(0,0,0, 0.15);
}
.sec07__slider a dl {
	display:flex;
	justify-content: space-between;
	padding:10px 5%;
	background:#f7f7f7;
	border-radius: 7px 7px 0 0;
}
.sec07__slider a dl dt {
	width:30%;
}
.sec07__slider a dl dd {
	width:65%;
}
.sec07__slider a dl dd .txt1 {
	font-size:12px;
}
.sec07__slider a dl dd .txt2 {
	font-size:16px;
}
.sec07__slider a dl dd .txt3 {
	font-size:12px;
}
.sec07__slider a dl dd .score {
	color:#ccc;
}
.sec07__slider a dl dd .score strong {
	color:#dc488c;
}
.sec07__slider a dl dd .score span {
	margin-left:10px;
	color:#333;
}
.sec07__slider a .comment {
	margin-top:10px;
	padding:0px 15px;
	border-top:5px solid #fff;
	border-bottom:10px solid #fff;
	font-size:14px;
	min-height:85px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.sec07__slider a .more {
	padding:5px 20px 5px 0;
	background:#edf7fc url(../img/sec07_arrow.png) no-repeat right 8px center ;
	background-size:6px auto;
	font-size:14px;
	text-align:right;
	border-radius: 0 0 7px 7px;
}
@media screen and (max-width:767px) {
	.sec07 {
		padding-bottom:10px;
	}
	.sec07 h2 {
		padding:12px 0 10px;
		font-size:22px;
	}
	.sec07 .read {
		font-size:14px;
	}
	.sec07__slider {
		width:100%;
	}
	.sec07__slider li {
		margin-right:0;
		margin-bottom:0;
	}
	.sec07__slider a {
		margin:0 7%;
	}
	.sec07__slider .slide-arrow {
	  bottom: 0;
	  cursor: pointer;
	  margin: auto;
	  position: absolute;
	  top: 0;
	  width: 30px;
	  z-index:9999;
	}
	.sec07__slider .prev-arrow {
		left: 10%;
	}
	.sec07__slider .next-arrow {
		right: 10%;
	}
	.sec07__slider button {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  outline: none;
	  padding: 0;
	}
}

/* sec08 */
.sec08 {
	padding:0 0 30px;
	background:#f8f8f8;
}
.sec08 h2 {
	margin-bottom:20px;
	padding:20px 0 20px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#0e9ed5;
}
.sec08box {
	margin:0 auto;
	width:700px;
}
/*acd*/
.sec08 .acdWrap {
	margin:0 0 0 0;
}
.sec08 .acd-check{
    display: none;
}
.sec08 .acd-label{
    display: block;
    margin:0 auto 15px;
    padding: 0.7em 20% 0.7em 5%;
    position: relative;
    cursor:pointer;
    color:#0e9ed5;
    font-size:16px;
    font-weight:normal;
    background:#fff;
    width:calc(100% - 25%);
    border-radius: 7px;
}
.sec08 .acd-label span:before{
    margin-left:-1.5em;
    content:"Q. ";
    font-weight:bold;
}
.sec08 .acd-label:after{
    content:url(../img/sec08_arrow.png);
    transform: scale(0.17);
    position: absolute;
    right: -20px;
    top: -18px;
}
.sec08 .acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: all 0.5s 0s ease;
    visibility: hidden;
}
.sec08 .acd-content .answer {
    margin:0 5%;
    padding:0 0 20px;
    font-size:16px;
}
.sec08 .acd-content .answer:before {
    margin-left:-1.5em;
    content:"A. ";
    font-weight:bold;
    color:#0e9ed5;
}
.sec08 .acd-check:checked + .acd-label:after{
    content:url(../img/sec08_arrow2.png);
}
.sec08 .acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 0 0;
    visibility: visible;
}
@media screen and (max-width:959px) {
	.sec08 h2 {
		padding:12px 0 10px;
		font-size:22px;
	}
	.sec08box {
		margin:0 auto;
		width:90%;
	}
	.sec08 .acdWrap {
		margin:0 0 0 0 ;
	}
	.sec08 .acd-label {
	    padding: 0.7em 10% 0.7em 10%;
	    width:calc(100% - 20%);
	}
	.sec08 .acd-label img {
		width:100% !important;
	}
	.sec08 .acd-content .answer {
	    margin:0 10%;
	}

}

.modal-open {
	cursor: pointer;
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,70%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index:10000;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 700px;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: -40px;
	right: 0px;
	width: 150px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.modal-close span {
	padding:0 35px 0 15px;
	background:#333333 url(../img/modal_close.png) no-repeat right 10px center;
	background-size:15px auto;
	height: 40px;
	line-height:40px;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
	padding-bottom:20px;
	background: #fff;
	text-align: left;
}
.modal-content .ti {
	display: flex;
	justify-content: center;
	background:#c32b54;
}
.modal-content .ti span {
	padding:15px 0 15px 0;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.modal-content .ti span strong {
	color:#fff84b;
}
.modal-content .read {
	padding:15px 0;
	font-size:20px;
	text-align:center;
}
.modal-content .read span {
	background:linear-gradient(transparent 40%, #ff6 60%);
}
.modal-content strong {
	font-weight:normal;
	color:#c32b54;
}
.modal-content .btn {
	text-align:center;
}
.modal-content .btn img {
	max-width:350px;
}
.modal-content .btn.spWrap {
	display:none;
}
.modal-content .txt {
	padding:15px 0;
	font-size:18px;
	color:#c32b54;
	text-align:center;
}
.modal-content .checklist {
	display: flex;
	justify-content: center;
}
.modal-content .checklist ul {
	padding:20px 20px;
	background:#f5f5f5;
	width:320px;
	border-radius: 7px;
}
.modal-content .checklist ul li {
	margin-bottom:5px;
	padding-left:20px;
	background:url(../img/modal_check.png) no-repeat left center;
	background-size:13px auto;
	font-weight:bold;
}
@media screen and (max-width:767px) {
	.modal-content .ti span {
		padding:15px 10px 15px 10px;
		font-size:18px;
	}
	.modal-content .read {
		padding:15px 0;
		font-size:16px;
	}
	.modal-content .btn.pcWrap {
		display:none;
	}
	.modal-content .btn.spWrap {
		display:inherit;
	}
	.modal-content .btn img {
		width:84%;
	}
	.modal-content .txt {
		padding:15px 0;
		font-size:16px;
	}
	.modal-content .checklist ul {
		padding:10px 20px;
		width:calc(90% - 40px);
	}
	.modal-content .checklist ul li {
		font-size:14px;
	}
}

.modalvoice1-open ,
.modalvoice2-open ,
.modalvoice3-open ,
.modalvoice4-open ,
.modalvoice5-open {
	cursor: pointer;
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modalvoice1-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,70%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index:10000;
}
/*モーダル本体の擬似要素の指定*/
.modalvoice1-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modalvoice1-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modalvoice1-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}
/*モーダルを閉じるボタンの指定*/
.modalvoice1-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: -40px;
	right: 0px;
	width: 150px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.modalvoice1-close span {
	padding:0 35px 0 15px;
	background:#333333 url(../img/modal_close.png) no-repeat right 10px center;
	background-size:15px auto;
	height: 40px;
	line-height:40px;
}
/*モーダル内のコンテンツの指定*/
.modalvoice1-content{
	background: #fff;
	text-align: left;
	border-radius: 7px;
}
@media screen and (max-width:767px) {
	.modalvoice1-body{
		width: 90%;
	}
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modalvoice2-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,70%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index:10000;
}
/*モーダル本体の擬似要素の指定*/
.modalvoice2-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modalvoice2-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modalvoice2-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}
/*モーダルを閉じるボタンの指定*/
.modalvoice2-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: -40px;
	right: 0px;
	width: 150px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.modalvoice2-close span {
	padding:0 35px 0 15px;
	background:#333333 url(../img/modal_close.png) no-repeat right 10px center;
	background-size:15px auto;
	height: 40px;
	line-height:40px;
}
/*モーダル内のコンテンツの指定*/
.modalvoice2-content{
	background: #fff;
	text-align: left;
	border-radius: 7px;
}
@media screen and (max-width:767px) {
	.modalvoice2-body{
		width: 90%;
	}
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modalvoice3-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,70%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index:10000;
}
/*モーダル本体の擬似要素の指定*/
.modalvoice3-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modalvoice3-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modalvoice3-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}
/*モーダルを閉じるボタンの指定*/
.modalvoice3-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: -40px;
	right: 0px;
	width: 150px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.modalvoice3-close span {
	padding:0 35px 0 15px;
	background:#333333 url(../img/modal_close.png) no-repeat right 10px center;
	background-size:15px auto;
	height: 40px;
	line-height:40px;
}
/*モーダル内のコンテンツの指定*/
.modalvoice3-content{
	background: #fff;
	text-align: left;
	border-radius: 7px;
}
@media screen and (max-width:767px) {
	.modalvoice3-body{
		width: 90%;
	}
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modalvoice4-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,70%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index:10000;
}
/*モーダル本体の擬似要素の指定*/
.modalvoice4-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modalvoice4-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modalvoice4-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}
/*モーダルを閉じるボタンの指定*/
.modalvoice4-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: -40px;
	right: 0px;
	width: 150px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.modalvoice4-close span {
	padding:0 35px 0 15px;
	background:#333333 url(../img/modal_close.png) no-repeat right 10px center;
	background-size:15px auto;
	height: 40px;
	line-height:40px;
}
/*モーダル内のコンテンツの指定*/
.modalvoice4-content{
	background: #fff;
	text-align: left;
	border-radius: 7px;
}
@media screen and (max-width:767px) {
	.modalvoice4-body{
		width: 90%;
	}
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modalvoice5-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,70%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index:10000;
}
/*モーダル本体の擬似要素の指定*/
.modalvoice5-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modalvoice5-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modalvoice5-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}
/*モーダルを閉じるボタンの指定*/
.modalvoice5-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: -40px;
	right: 0px;
	width: 150px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.modalvoice5-close span {
	padding:0 35px 0 15px;
	background:#333333 url(../img/modal_close.png) no-repeat right 10px center;
	background-size:15px auto;
	height: 40px;
	line-height:40px;
}
/*モーダル内のコンテンツの指定*/
.modalvoice5-content{
	background: #fff;
	text-align: left;
	border-radius: 7px;
}
@media screen and (max-width:767px) {
	.modalvoice5-body{
		width: 90%;
	}
}


.modalvoiceWrap dl {
	display:flex;
	justify-content: space-between;
	padding:10px 5% 0;
	background:#eee;
}
.modalvoiceWrap dl dt {
	width:30%;
}
.modalvoiceWrap dl dd {
	width:65%;
	font-size:14px;
}
.modalvoiceWrap dl dd .txt1 {
	font-size:12px;
}
.modalvoiceWrap dl dd .txt2 {
	font-size:16px;
}
.modalvoiceWrap dl dd .txt3 {
	font-size:12px;
}
.modalvoiceWrap dl dd .score {
	color:#ccc;
}
.modalvoiceWrap dl dd .score strong {
	color:#dc488c;
}
.modalvoiceWrap dl dd .score span {
	margin-left:10px;
	color:#333;
}
.modalvoiceWrap .comment {
	margin-top:10px;
	padding:0px 15px;
	background:#fff;
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
	font-size:14px;
	border-radius: 7px;
}