.inq_cont{
padding: 50px 0;
}
/*システムについて*/
.sys_box{
border-radius: 30px;
margin: 0 auto 40px;	
box-shadow:5px 5px 10px #E0E1E3,-4px -4px 10px #fff;
border:1px solid #e9eaf1;
width: 90%;
}
/*価格*/
.price_cont{
width: 80%;
margin: 80px auto 30px;
}
.price_innner{
}
.price_innner table{
width: 100%;
border-collapse: collapse;
}
.price_innner table th {
background: hsla(192,100%,30%,0.1);
width: 20%;
padding: 20px 30px;
border: 1px solid #3EAFCD;
text-align: center;
color: #007C9A;
font-weight: bold;
}
.price_innner table td {
background: #ffffff;
text-align: left;
padding: 20px 30px;
border: 1px solid #3EAFCD;
}
.price_innner p{
padding: 20px 10px 0 20px;
font-size: 90%;
color: #007C9A;
font-weight: bold;
margin: 10px auto;
}
/*FAQ*/
.faq_cont{
padding: 30px 0;
background-image: linear-gradient(45deg, rgba(154,0,38,0.10) 0%, rgba(205,62,102,0.20) 100%);
width: 80%;
margin: 0 auto 50px;
border-radius: 30px;
}
/*インタビュー*/
.inter_con{
padding: 60px 0 30px;
width: 80%;
margin: 0px auto;
}
.inter_inner{
position: relative;
margin: 40px 0 60px;
}
.inter_title{
position: absolute;
width: 70%;
bottom: 10px;
left: 0%;
}
.inter_copy{
color: #007C9A;
font-size: 200%;
font-weight: bold;
padding: 20px 0;
}
.inter_label{
background-image: linear-gradient(45deg, #007C9A 0%, #3EAFCD 100%);
color: #ffffff;
padding: 30px 40px 25px 40px;
}
.inter_img{
width: 50%;
display: flex;
margin-left: auto;
}
.inter_img img{
width: 100%;
}
.inter_cent{
margin: 30px 0;
}
.cent_title{
position: relative;
padding: 0 .5em .5em 2em;
font-size: 110%;
font-weight: bold;
color: #FF5A5F;
}
.cent_title::before,
.cent_title::after {
position: absolute;
content: '';
border-radius: 100%
}
.cent_title::before {
top: .2em;
left: .2em;
width: 18px;
height: 18px;
background-color: rgba(255,90,95,.5);
z-index: 2;
}
.cent_title::after {
top: .7em;
left: .7em;
width: 13px;
height: 13px;
background-color: rgba(255,90,95,.2);
}
/*コラム*/
.column_cont{
padding: 60px 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(223,249,255,0.69) 50%, rgba(0,0,0,0) 100%);
}
.letter {
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
margin: 26px auto 0;
min-height: 300px;
padding: 24px;
position: relative;
width: 75%;
}
.letter:before, .letter:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.letter:before {
background: #fafafa;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.letter:after {
background: #f6f6f6;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
.cont_nav{
padding-top: 30px;
}
.nav_tit{
font-weight: bold;
border-bottom: 3px solid;
border-image:  linear-gradient(45deg, #007C9A 0%, #3EAFCD 100%);
border-image-slice: 1;
font-size: 110%;
}
.nav_inner{
width: 100%;
margin: 0 auto;	
}
.nav_inner li{
border-bottom: 1px dashed silver;
padding: 10px;
position: relative;
}
.nav_inner li:hover{
transition: 0.25s ease-in;	
cursor: pointer;
text-shadow:
0 0 10px rgba(24,163,192,1.00),
0 0 50px rgba(24,163,192, 1),
0 0 49px rgba(24,163,192, .3),
0 0 50px rgba(24,163,192, .2),
0 0 30px rgba(24,163,192,0.81);
border-top-right-radius: 40px;
}
a.btn_link{
color: #000000;
}
a.btn_link:hover{
font-weight: 500;
}
.epi{
font-weight: bold;
font-family: Times New Roman;
color: #A6BEC8;
}
.column_flex{
align-items: flex-start;
}
.next_ep{
text-align: right;
}
.next_ep:hover{
color: deeppink;
}
.boss_img{
width:60%;
margin: 20px auto;
}
.boss_img img{
width: 100%;
}
/*フォーム*/
.inquiry_form{
background:rgba(62,175,205,0.3);
}
@media screen and (max-width: 769px) {
/*インタビュー*/
.inter_con{
padding: 60px 0 30px;
width: 85%;
}
.inter_inner{
position: static;
margin: 40px 0 60px;
display: flex;
flex-direction: column-reverse;
}
.inter_copy{
font-size: 110%;
padding: 10px 0;
}
.inter_title{
position: static;
	z-index: 10;
}
.inter_label{
padding: 10px;
}
.inter_img{
width: 80%;
display: flex;
margin-left: auto;
position: relative;
top: -10px;
}
.inter_cent{
margin: 30px 0;
}
.inter_label p.b120{
font-size: 90%;
}
.inter_label p{
font-size: 85%;
}
.cent_title{
position: relative;
padding: 0 .5em .5em 2em;
font-size: 110%;
font-weight: bold;
color: #FF5A5F;
}
.cent_title::before,
.cent_title::after {
position: absolute;
content: '';
border-radius: 100%
}
.cent_title::before {
top: .2em;
left: .2em;
width: 18px;
height: 18px;
background-color: rgba(255,90,95,.5);
z-index: 2;
}
.cent_title::after {
top: .7em;
left: .7em;
width: 13px;
height: 13px;
background-color: rgba(255,90,95,.2);
}
/*コラム*/
.column_flex{
flex-direction: column;
}
.column_flex .flex70{
width: 	90%;
margin: 10px auto;}
.column_flex .flex30{
width: 90%;
margin: 20px auto;
}
.letter {
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
margin: 8px auto 0;
min-height: 300px;
padding: 24px 10px;
position: static;
width: 95%;
}
.letter:before, .letter:after {
display: none;
}
.letter p.hi_10,.letter p.hi_20px{
font-size: 90%;
line-height: 1.4;
}
.column_cont{
padding: 30px 0;
background: #ffffff;
}
.inq_cont{
padding: 20px 0;
}
}
@media screen and (max-width: 479px) {
/*料金について*/
.price_cont{
width: 85%;
margin: 0 auto;
}
.price_innner table th,.price_innner table td {
width: auto;
display: block;
border-top: none;
}
.price_innner table th {
padding: 10px 0 10px 10px;
text-align: left;
background: hsla(192,100%,30%,0.1)
}
.price_innner table td {
padding: 10px;
font-size: 90%;
font-weight: bold;
}
.price_innner p{
padding: 10px 0 10px 10px;
font-size: 90%;
color: #007C9A;
font-weight: bold;
margin: 10px auto;
}
.price_innner tr:first-child {
border-top: 1px solid #007C9A;
}
/*システムについて*/
h5{
font-size:  115%;
}
.sys_box{
border-radius: 5px;
margin: 0 auto 40px;	
box-shadow:5px 5px 10px #E0E1E3,-4px -4px 10px #fff;
border:1px solid #e9eaf1;
width: 90%;
}
.flex_normal{
display: flex;
flex-direction: row;
align-items: flex-start;
}
.flex30{
width: 48%;
}
.hi_30px{
padding: 10px 0;
}
/*FAQ*/
.faq_cont{
padding: 20px 0;
width: 92%;
margin: 0 auto 50px;
border-radius: 15px;
box-shadow:5px 5px 10px #E0E1E3,-4px -4px 10px #fff;
}
/*インタビュー*/
.inter_con{
padding: 20px 0 30px;
width: 90%;
margin: 0px auto;
}
.inter_title{
width: 90%;
}
.inter_cent p{
font-size: 90%;
}
/*フォーム*/
p.setumei{
width: 95%;
font-size: 100%;;
}
}