@charset "utf-8";/* CSS Document */


body {
    margin: 0;
	width:100%;
	line-height:1.4;
	letter-spacing: 0.6px;
	font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
	color: #111;
}

img[title] {
  /* すべてのtitle属性を持つimg要素に対して、ツールチップを非表示 */
  /* display: none; とすると、要素自体も非表示になるため、以下のようにcontentで空の文字列を代入する */
  content: "";
  /* title属性を削除する */
  /* title: ""; */
  /*title属性を非表示にするには、疑似要素を使って実現する必要があります。 */
}
img[title]:hover::before {
  content: attr(title);
  display: none;
}
img[title]:hover {
    /*title属性を非表示にする */
	pointer-events: none;
}

.ei{
font-family: 'Montserrat', sans-serif;
}

a{
outline:none !important;
	letter-spacing: 1px;
    color: #333;
}

a:hover{
outline:none !important;
text-decoration: none;
transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
cursor: pointer;
}

ul{
	list-style:none;
	padding:0;
	margin: 0;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */

}

ul li{
	letter-spacing: normal; /* 文字間を詰めて隙間をなくす */
}

div,
ul,
li,
p{
	box-sizing: border-box;
}

div,
p,
li a{
	letter-spacing: 1px;
	line-height: 1.4;
}

p{
margin: 0;
}

img{
width: auto;
}

.warp{
	width: 100%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}

.pc_none{
	display:none;
}

/* header */
header.def{
	width:100%;
	padding:0;
	position: fixed;
    background: #fff;
    z-index: 888;
}

header .warp{
position: relative;
}

header .logo{
	width: 30%;
max-width: 280px;
padding: 26px 0;
margin-left: 30px;
}

header .logo img{
width: 100%;
vertical-align:bottom;
}

.menu-container{
width: 77%;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
}


footer{
background: url(../img/f_bg.png) no-repeat;
padding: 50px 0 0;
}

footer .logo{
width: 220px;
margin: 0 auto 30px;
}

footer .logo img{
width: 100%;
}

footer p.copy{
font-size:12px;
line-height:60px;
background: #3B4043;
color: #fff;
text-align: center;
}

footer p.copy_text{
font-size:12px;
padding:0 10px 20px;
text-align: center;
background: #3B4043;
color: #fff;
}

footer .box01 ul{
margin-bottom: 50px;
}

footer .box01 ul li{
padding-bottom: 10px;
list-style-type: disc;
margin-left: 20px;
}

footer ul li a:hover{
text-decoration: underline;
font-weight: 500;
}

footer .box01 ul li:first-child{
font-weight: bold;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
list-style-type: none;
margin-left: 0px;
}

footer .box01 ul li:first-child a:hover{
color: #303560;
font-weight: 700;
text-decoration: none;
}

footer .box02 ul{
width: 50%;
}

footer .box02 ul li{
display: inline-block;
padding-top: 25px;
}

footer .box02 ul li a{
font-weight: 500;
margin-right: 30px;
font-size: 16px;
position: relative;
padding-left: 20px;
}


footer .box02 ul li a::after {
    content: "";
    background: url("../img/ico02.svg") no-repeat 0px 0px;
    width: 20px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}

footer .box02 a.mail{
border-radius: 32px;
-webkit-border-radius: 32px;
-moz-border-radius: 32px;
color: #fff;
font-size: 22px;
font-weight: 500;
background: #fff;
border: 2px solid #303560;
color: #303560;
text-align: center;
display: inline-block;
padding-left: 70px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 20px;
line-height:1;
margin-bottom: 50px;
position: relative;
font-weight: 700;
}

footer .box02 a.mail:hover{
background:#303560;
color: #fff;
}

footer .box02 a.mail::before {
    content: "";
    background: url("../img/mail.png") no-repeat 0px 0px;
    background-size:30px auto;
    width: 30px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 18px;
}

footer .box02 a.mail:hover::before {
    content: "";
    background: url("../img/mail_on.png") no-repeat 0px 0px;
    background-size:30px auto;
    width: 30px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 18px;
}

@media screen and (max-width:768px) {
.fl_box{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    row-gap: 1.2vw;
    column-gap: 2.0%;
    width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 1.5rem 0;
}
}
@media screen and (min-width:769px) {
	.fl_box{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    row-gap: 2vw;
    column-gap: 2.0%;
    width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 1.5rem 0;
}
}

footer .fl_box{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
    align-items: stretch;
    row-gap: 1vw;
    column-gap: 1.2%;
    width: 100%;
	padding: 0 0 1.5rem 0;
}

a.btn01{
line-height: 64px;
margin: 0 auto;
border-radius: 32px;		/* CSS3草案 */
-webkit-border-radius: 32px;	/* Safari,Google Chrome用 */
-moz-border-radius: 32px;	/* Firefox用 */
color:#fff;
font-size: 22px;
font-weight: 700;
background:#303560;
text-align: center;
display: inline-block;
margin: 0 auto 0px;
width: 240px;
}

a.btn01:hover{
background: #000;
}

a.btn02{
color:#303560;
font-size: 18px;
font-weight: 700;
display: inline-block;
text-decoration: underline;
padding-right: 30px;
position: relative;
}

a.btn02:hover{
color: #000;
}

a.btn02::after{
content:"";
background: url("../img/ico02.svg") no-repeat 0px 0px;
width: 20px; height: 16px;
display:block;
position: absolute;
right: 0;
top: 6px;
}

a.btn03{
line-height: 60px;
margin: 0 auto;
border-radius: 40px;		/* CSS3草案 */
-webkit-border-radius: 40px;	/* Safari,Google Chrome用 */
-moz-border-radius: 40px;	/* Firefox用 */
color:#fff;
font-size: 22px;
font-weight: 700;
background:#FB513B;
text-align: center;
display: inline-block;
margin: 0 auto 0px;
width: auto;
padding: 0 60px 0 30px;
position: relative;
}

a.btn03:hover{
background: #000;
color:#FB513B;
}

a.btn03::after{
content:"";
background: url("../img/ico01.svg") no-repeat 0px 0px;
width: 20px; height: 22px;
display:block;
position: absolute;
right: 20px;
top: 19px;
}


h2.def{
font-size: 36px;
font-weight: 600;
text-align: center;
margin-bottom: 50px;
color: #303560;
}

h2.def span{
font-size: 16px;
display: block;
margin-top: 10px;
}

p.center{
text-align: center;
}


.mb10{
margin-bottom: 10px;
}

.mb20{
margin-bottom: 20px;
}

.mb30{
margin-bottom: 30px;
}
/* top----------------------------------- */


.swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.slider-area {
  position: relative;
}
.slider-area .swiper {
  width: 100%;
  height: auto;
}
.swiper-pagination {
  bottom: -30px !important;
}


.swiper-pagination-bullet {
  border-radius: 0 !important;
  width: 20px !important;
  height: 3px !important;
  transition: .3s !important;
}
.swiper-pagination-bullet-active {
  background: #303560 !important;
  width: 36px !important;
}


.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.swiper-button-prev {
  left: -3vmin !important;
}
.swiper-button-next {
  right: -3vmin !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  color: #ffffff;
}
@media screen and (max-width:767px) {
	.swiper-button-prev:after,
.swiper-button-next:after {
  color: #ffffff;
  font-size: 5vw !important;
}
.swiper-button-prev {
  left: -7vmin !important;
}
.swiper-button-next {
  right: -7vmin !important;
}
}




#top,#sub_cont{
padding-top: 107px;
}

#top .fv{
text-align: center;
background: #f6d4e4;
vertical-align: middle;
padding: 70px;
}
@media screen and (max-width:767px) {
.metaslider .flexslider {
	    margin: 0 0 0 !important;
}
}

#top .fv img{
	width: 100%;
max-width: 876px;
margin: 0 auto;
}

#top .cont01,#top .cont02,#top .cont03,#top .cont04,#top .cont05{
padding: 70px 0 80px;
}

#top .cont01{
background: #F6F6F6;
}

#top .cont01 .warp{
text-align: center;
position: relative;
}

#top .cont01 .box{
width: 49%;
border: 1px solid #EFEFEF;
/* margin-bottom: 1.5em !important; */
background: #fff;
/* margin: 0 0.5%;*/
padding: 1.4vw;
}


#top .cont01 .box .thumb-tag {
	position: relative;
}

#top .cont01 .box .thumb-tag .tag-item-line {
position: absolute;
	top: 5px;
	left: 5px;
}
@media screen and (max-width:414px) {
	#top .cont01 .box .thumb-tag .tag-item-line {
position: absolute;
	top: -5px;
	left: 5px;
}
}

#top .cont01 .box .thumb-tag .tag-item-line .tag-item[data-tag-id="6"] {
	position: unset;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
#top .cont01 .box .thumb-tag .tag-item-line .tag-item[data-tag-id="7"] {
	position: unset;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

#top .cont01 .box .thumb-tag .tag-item {
	font-size: min(1.6vw,12px);
	padding: 0.4vmin 1.3vmin 0.6vmin;
	border-radius: 1rem;
}
#top .cont01 .box .thumb-tag .tag-item[data-tag-id="6"] {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
#top .cont01 .box .thumb-tag .tag-item[data-tag-id="7"] {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

#top .cont01 .box .thumb-tag img {
	width: 100%;
	border-radius: 0.4rem;
}


#top .cont01 .box img{
width: 100%;
}

#top .cont01 .box .text_box{
padding: 1.6vw;
}

#top .cont01 .box p{
color: #303560;
text-align: left;
font-weight: 500;
}

#top .cont01 .box p a{
color: #303560;
font-weight: 500;
}

#top .cont01 .box p.text01 a:hover{
color: #333;
}

#top .cont01 .box p.text01{
font-size: min(3.6vw,18px);
}

#top .cont01 .box p.text02{
font-size: min(2.1vw,13px);
margin-bottom: 20px;
font-weight: normal !important;
}

#top .cont01 .box p.text02 a:hover{

}

#top .cont01 .box p.text02 a::after{
position: relative;
}

#top .cont01 .box p.text02 a::after{
width: 82%;
height: 1px;
border-top: 1px #efefef solid;
content:"";
position: absolute;
right: 50px;
margin-top: 10px;
}

#top .cont01 a.btn02{
position: absolute;
right: 0;
bottom: 20px;
}

#top .cont02{
background-size: auto 100%;
}

#top .cont02 h2{
background: url("../img/h2bg.png") no-repeat center 0px;
background-size: 295px auto;
padding-top: 100px;
padding-bottom: 100px;
}

#top .cont02 .text_box{
text-align: center;
width: 90%;
max-width: 1200px;
margin: 0 auto;
}

#top .cont02 .text_box img{
	width: 100%;
max-width: 1054px;
margin: 50px auto 30px;
}

#top .cont02 .text_box p.text01{
font-size: 32px;
font-weight: 500;
margin-bottom: 50px;
}

#top .cont02 .text_box p.text02{
font-size: min(3.6vw,17px);
margin-bottom: 50px;
line-height: 1.4;
letter-spacing: 0;
text-align: justify;
}

#top .cont03{
background: #F6F6F6;
text-align: center;
}

#top .cont03 .info-incho {
display: flex;
justify-content: space-between;
}
#top .cont03 .info-incho .incho-prof-text {
	width: 63%;
	margin-right: 2%;
}
#top .cont03 .info-incho .incho-prof-img {
	width: 35%;
	max-width: 300px;
}

#top .cont03 .text_box{
text-align: justify;
}

#top .cont03 .warp{
width: 90%;
max-width: 1100px;
margin: 0 auto;
}

@media screen and (min-width:768px) {
.symbol-copy {
	display: flex;
	justify-content: center;
	width: 80%;
	align-items: center;
	margin: 0 auto 3rem;
}
.symbol-copy img {
	width: 24%;
	margin-right: 1%;
}
.symbol-copy h3 {
	width: 75%;
	font-size: min(3.2vw, 44px);
    text-align: center;
    font-weight: 700;
}
}

#top .cont03 p{
font-size: min(3.6vw,17px);
line-height: 1.8;
}

#top .cont03 p.text01{
margin-bottom: 30px;
text-align: justify;
}

#top .cont03 p.text02{
font-size: 22px;
font-weight: 500;
}

#top .cont03 p.text03{
font-size: 28px;
font-weight: 500;
margin-bottom: 10px;
}

#top .cont03 p.text04{
margin-bottom: 10px;
color: rgba(60, 60, 60, 1);
text-align: justify;
}

#top .cont03 .warp{
margin-bottom: 50px;
}

#top .cont04{
background:#303560;
text-align: center;
}

#top .cont04 .warp{
position: relative;
}

#top .cont04 a.btn03 {
  position: absolute;
  bottom: 1vmin;
  left: 0;
  right: 0;
  width: 410px;
}

#top .cont04 h2{
color: #fff;
}

#top .cont04 p.text01{
color: #fff;
text-align: center;
margin-bottom: 30px;
}

@media screen and (max-width:767px) {
#top .cont04 li{
padding: 1rem 0.8rem;
background: #fff;
width: 18%;
text-align: center;
display: flex;
flex-direction: column;
font-size: min(2.2vw, 16px);
position: relative;
min-height: 80px !important;
justify-content: center;
}
#top .cont04 li p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
.cont04 .fl_box img {
width: 60%;
margin: 0 auto 0.3rem;
display: block;
}
}

@media screen and (min-width:768px) {
	#top .cont04 li{
padding: 1rem 0.8rem;
background: #fff;
width: 18.4%;
text-align: center;
display: flex;
flex-direction: column;
font-size: min(2.2vw, 16px);
position: relative;
min-height: 170px;
justify-content: center;
}
#top .cont04 li p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
.cont04 .fl_box img {
width: 60%;
margin: 0 auto 0.3rem;
display: block;
}
}

#top .cont04 li a{
display:block;
vertical-align: middle;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
}


.content-wrap {
  position: relative;
  margin: 0;
  padding-bottom: 10vw;
}

.content-txt {
  position: relative;
}

/*.close-btn, .more-btn {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0;
  text-align: right;
  background: #303560;
  padding-top: 25px;
  padding-bottom: 25px;
}*/






.accordion-box {
	position: relative;
}
.accordion-box label {
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	position: absolute;
	bottom: 0;
        left:0;
	width: 100%;
	/* 以下グラデーションは「背景が白」に併せて設定しています */	
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(48, 53, 96, 0.95) 90%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(48, 53, 96, 0.95) 90%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(48, 53, 96, 0.95) 90%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(48, 53, 96, 0.95) 90%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(48, 53, 96, 0.95) 90%);
	z-index: 1;
}
.accordion-box input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
	content: "全て見る"; /* ラベルの文字 */
	letter-spacing: .05em;
	line-height: 2.5rem;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	background-color: #000;
	width: 18.75rem;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.accordion-box label:before {
	content: "";
    background: url(../img/ac_off.svg) no-repeat 0px 0px;
    font-weight: 700;
    position: absolute;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    /* background-color: #fff; */
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* border-radius: 100%; */
    width: 28px;
    height: 28px;
    line-height: 20px;
}
.accordion-box input {
	display: none;
}
@media screen and (min-width:768px) {
.accordion-box .accordion-container {
	overflow: hidden;
	height: 50vmin; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
}

@media screen and (max-width:767px) {
	.accordion-box .accordion-container {
	overflow: hidden;
	height: 80vmin; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
}


.accordion-box input:checked + label {
	/* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
	content: "閉じる";
}
.accordion-box input:checked + label:before {
	content:"";
background: url("../img/ac_on.svg") no-repeat 0px 0px;
font-weight: 700;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translate(-146px, 0);
    transform: translate(-146px, 0);
    /* background-color: #fff; */
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* border-radius: 100%; */
    width: 37px;
    height: 37px;
    line-height: 20px;
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.accordion-container .mgnt40 .day {
        margin-top:4em;
}



.sub_supo .close-btn,
.sub_supo .more-btn{
  text-align: center;
}





.close-btn {
bottom: 0px;

}

.slide-down {
  height: auto;
  overflow: visible;
}
/*.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
  width: 150px;
  font-size: 18px;
  padding-right: 40px;
  text-decoration: underline;
  font-weight: 700;
}*/

/*.more-btn::after{
content:"";
background: url("../img/ac_off.svg") no-repeat 0px 0px;
width: 28px; height: 28px;
background-size: 28px auto;
display:block;
position: absolute;
right: 0;
top: 30px;
}

.close-btn::after{
content:"";
background: url("../img/ac_on.svg") no-repeat 0px 0px;
width: 40px; height: 40px;
background-size: 40px auto;
display:block;
position: absolute;
right: 0;
top: 25px;
}*/


.sub_supo .more-btn::after{
left: 50%;
margin-left: 40px;
}

.sub_supo .close-btn::after{
left: 50%;
margin-left: 30px;
}


#top .cont05 {
  padding: 80px 0 50px;
}

#top .cont05 .warp{
max-width: 1080px;
}

#top .cont05 h2{
margin-bottom: 0;
margin-top: 20px;
}


#top .cont05 .btm_r{
text-align: right;
max-width: 1200px;
}


#top .cont05 ul{
margin:0 auto;
width: 70%;
}

#top .cont05 ul li{
margin: 10px 0;
padding-bottom: 10px;
font-size: min(3.6vw,17px) !important;
}

#top .cont05 ul li span{
display: inline-block;
margin-right: 20px;
color: #303560;
font-weight: bold;
}

#top .cont05 ul li a{
display: inline-block;
text-align: justify;
}

#top .cont05 ul li a:hover{
text-decoration: underline;
font-weight: 500;
}

#sub_cont{
background: #F9F9F9;
padding-bottom: 80px;
}


#sub_cont .title_area{
padding: 30px;
background:#F6D4E4;
}

#sub_cont .title_area p{
text-align: center;
font-size: 38px;
font-weight: 700;
padding: 40px 0 40px;
background: url("../img/logo04.png") no-repeat right top #F6D4E4;
background-size: 140px auto;
max-width: 1120px;
margin: 0 auto;
}

#sub_cont .title_area h1{
text-align: center;
font-size: 38px;
font-weight: 700;
padding: 40px 0 40px;
background: url("../img/logo04.png") no-repeat right top #F6D4E4;
background-size: 140px auto;
max-width: 1120px;
margin: 0 auto;
	line-height: 1.6;
    letter-spacing: 0.6px;
}

#sub_cont .pan{
padding: 10px;
max-width: 1120px;
margin: 0 auto;
font-size: 12px;
}

#sub_cont .main{
background: #fff;
max-width: 1120px;
margin: 0 auto;
padding: 50px;
}

#sub_cont h3{
background: #303560;
color: #fff;
padding: 28px 20px 20px;
    font-size: min(4.6vw, 26px) !important;
font-size: 32px;
font-weight: 500;
margin-bottom: 30px;
position: relative;
}

#sub_cont h3::after{
content:"";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
left: 0;
top: 10px;
}

#sub_cont h4{
background: #F9F9F9;
color: #303560;
padding: 8px 10px 15px;
font-size: 24px;
font-weight: 500;
margin-bottom: 30px;
border-top: 8px solid #303560;
text-align: center;
}

#sub_cont p{
line-height: 1.6;
letter-spacing: 0.6px;
}

.about_gut p{
font-size: min(3.6vw,17px);
}

.about_gut h5{
color: #303560;
font-size: 24px;
font-weight: 500;
margin-bottom: 30px;
border-left: 6px solid #303560;
line-height: 60px;
padding-left: 20px;
border-bottom: 1px solid #eee;
}

.about_gut .cont01,
.about_gut .cont02{
padding-bottom: 50px;
}

.about_gut .cont01 .left{
width:62%;
}

.about_gut .cont01 .right{
width:33%;
}

.about_gut .cont01 .right img{
width: 100%;
margin-bottom: 5px;
}

.about_gut .cont01 .right p{
margin-bottom: 10px;
}

.about_gut .cont02 p.text01{
font-size: 18px;
font-weight: 500;
text-align: right;
margin-top: 30px;
}

.about_gut .cont02 p.text02{
  justify-content: right;
  align-items: center;
  display: flex;
font-size: 16px;
}

.about_gut .cont02 p.text02 img{
width: 280px;
height: auto;
}

.about_gut .cont03 dl{
margin-bottom: 30px;
}

.about_gut .cont03 dt{
font-size: 18px;
display: inline-block;
vertical-align: top;
padding: 0 20px;
width: 17%;
margin-bottom: 20px;
}

.about_gut .cont03 dd{
font-size: 16px;
display: inline-block;
width: 82%;
margin-bottom: 20px;
}

.about_gut .cont03 h5 span{
font-size: 18px;
color: #333;
margin-left: 10px;
}

.about_gut p.text_right{
text-align: right;
}

.about_gut .cont03 p.text03{
margin-bottom: 30px;
}

.about_gut .bg_box{
margin-top: 50px;
background: #F9F9F9;
border: 1px solid #303560;
padding-bottom: 20px;
margin-bottom: 30px;
}

.about_gut .bg_box p,
.about_gut .bg_box .ff_box{
margin: 0 20px;
}

.about_gut .bg_box p.text01{
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}

.about_gut .bg_box p.text01 span{
background: #303560;
color: #fff;
font-weight: 500;
padding:10px 20px;
border-radius: 4px;
margin-right: 30px;
}

.about_gut .bg_box p.come{
font-size: 14px;
margin-left: 163px;
margin-right: 40px;
margin-bottom: 20px;
	padding-left:1.5em;
	text-indent:-1.5em;
}

.about_gut .bg_box .ff_box{
background: #fff;
padding: 40px 200px;
font-size: 22px;
font-weight: bold;
}

.about_gut .bg_box .ff_box p{
color: #303560;
}

.about_gut .bg_box .ff_box p.text_c{
text-align: center;
}

.about_gut .bg_box .ff_box span{
color: #333;
margin-left: 20px;
}

.about_gut .cont04 img {
    width: 90%;
    margin-left: 20px;
}

.about_gut .cont04 dt{
background: #303560;
color: #fff;
font-weight: 500;
padding:10px 20px;
border-radius: 4px;
display: inline-block;
width: 11%;
margin:20px; 
}

.about_gut .cont04 dd{
color: #303560;
display: inline-block;
font-size: 18px;
font-weight: 500;
width: 85%;
margin-bottom: 20px;
}

.about_gut .cont04 dd a{
display: inline-block;
text-decoration: underline;
color: #303560;
}

.about_gut .cont04 dd.come,
p.come{
font-size: 14px;
}

.about_gut .cont04 dd.come span,
.come span{
color: #D45C7D;
margin-right: 6px;
}

.about_gut .cont04 dd.come{
padding-left: 150px;
width: 100%;
}

.about_gut .cont04 dd.mb10{
margin-bottom: 10px;
}

.about_gut .cont04 .btm_text{
padding: 0 20px;
font-size: 18px;
margin: 50px 0;
text-align: center;
}

.about_gut .cont04 .btm_text a{
display: inline-block;
text-decoration: underline;
}

.about_gut .bg_box p.center{
text-align: center;
margin-bottom: 50px;
}

.about_gut .bg_box ul{
width: 82%;
margin: 0 auto 30px;
  list-style: none; /* デフォルトの数字を非表示に */
  counter-reset: li;
padding-left: 30px;
}

.about_gut .bg_box ul li{
margin-bottom: 20px;
font-size: min(3.6vw,17px);
padding-left: 40px;
position: relative;
}

.about_gut .bg_box ul li::before {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0;
  top: 0px; /* 数字のY軸線上の位置を調整 */
  display: block;
  width: 30px;
  height: 30px;
background: url("../img/libg.png") no-repeat 0px center;
background-size: 30px auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}

#sub #top{
padding-top: 0;
}

/*お問い合わせ*/
#contact .form{
padding:0 100px;
padding-top: 30px;
}

#contact p,
#contact label{
  display: flex;
  align-items: center;
}

#contact label span.come,
#contact p span.come{
font-size: 12px;
margin-right: 4px;
margin-left: 4px;
line-height: 1;
color: #830E0E;

}

#contact input{
height: 40px;
border-radius: 5px;
margin-bottom: 20px;
border: 1px solid #828282;
}

#contact dl{
  display: flex;
  flex-wrap: wrap;
}

#contact dt{
width: 30%;
vertical-align: middle;
text-align: left;
border-bottom: 1px solid #D6D6D6;
  justify-content: flex-start;
  align-items: start;
  display: flex;
  padding-left: 2%;
    padding-top: 38px;
font-size: 18px;
font-weight: 500;
}

#contact dd{
width: 70%;
vertical-align: middle;
border-bottom: 1px solid #D6D6D6;
padding-right: 2%;
}

#contact dd.fl_box{
vertical-align: middle;
margin-bottom: 20px;
}

#contact input,
#contact textarea{
width: 96%;
padding:0 2%;
font-size: 1vw;
border: 1px solid #F9F9F9;
background: #F9F9F9;
border-radius: 5px;
margin-top: 30px;
margin-bottom: 30px;
font-size: 16px;
}

#contact input{
height: 50px;
}

#contact input[type=radio]{
width: auto;
margin-right: 10px;
}

#contact input[type=file]{
width: auto;
margin-right: 10px;
padding-top: 8px;
}

#contact textarea{
min-height: 150px;
padding: 10px 2%;
}

#contact input[type=checkbox]{
width: 20px;
height: 20px;
display: inline-block;
margin-right: 0px;
margin-left: 20px;
border-radius: 5px;
margin-bottom: 0px;
background: #fff;
border: 1px solid #F9F9F9;
background: #F9F9F9;
vertical-align: bottom;
margin-top: 0px;
margin-bottom: 0px;
}

#contact label.check{
display: inline-block;
width: auto;
vertical-align: bottom;
padding: 0 10px 0 10px;
}

#contact label.doui a{
text-decoration: underline;
display: inline-block;
}

#contact dd.doui{
margin-top: 30px;
vertical-align: top;
}

#contact input[type=submit]{
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  background: #303560;
border: 1px solid #303560; 
  text-align: center;
  display: inline-block;
  margin: 0 auto 0px;
  width: 240px;
}

#contact input[type=submit]:hover{
background:#FB513B;
border: 1px solid #FB513B;
}
#contact .more_g{
text-align: center;
margin: 50px auto 30px;
}

#contact dd.midashi{
width: 100%;
font-size: 22px;
padding: 40px 0 20px;
font-weight: 500;
color: #303560;
}

#contact dd.midashi02{
width: 100%;
font-size: 18px;
padding: 40px 0 20px;
font-weight: 500;
}

#contact dd.rijio{
width: 100%;
font-size: 18px;
padding:30px 0 20px;
font-weight: 500;
vertical-align: middle;
}

#contact dd.rijio p{
margin-bottom: 20px;
line-height: 40px;
}

#contact dd.rijio input[type="checkbox"]{
background: #fff;
border: 0px solid #fff;
}

#contact dd.rijio input[type="checkbox"]::before{
top: 2px;
background-color: #F9F9F9;
border: 1px solid #ccc;
}

#contact dd.rijio input[type="checkbox"]::after{
top: -7px;
}
#contact dd.rijio input.wpcf7-text {
    margin-left: 80px;
    width: 90%;
}

#contact dd.doui{
width: 100%;
text-align: center;
border-bottom: 0px solid #fff;
}

#contact dd p.text01{
  justify-content: space-between;
  align-items: center;
  display: flex;
}

#contact dd p.text01 br{
display: none;
}

#contact dd p.text01 span{
  justify-content: flex-start;
  align-items: center;
  display: flex;
  width: 48%;
}

#contact dd p.text01 span input{
width: 100px;
padding: 0 10px;
margin: 0 10px;
margin-top: 30px;
margin-bottom: 30px;
}

#contact dd p.text01 span input.mr00{
margin-left: 0;
}


#contact dd p.text02{
padding-bottom: 30px;
}

#contact dd p.text03{
padding-top: 30px;
}


#contact dd input.kosuu01{
margin-right: 10px;
width: 100px;
}

#contact dd input.kosuu02{
margin-right: 10px;
margin-left: 10px;
width: 200px;
}



#contact dd input.yuubin{
margin-right: 10px;
margin-left: 10px;
width: 60px;
margin-top: 0px;
margin-bottom: 0px;
}

#content{
background: #f9f9f9;
padding-top: 110px;
}

.post-meta li.date{
  color: #303560;
}

.post-meta li.date i{
display: none;
}

.wp-block-heading{
  color: #303560;
  font-size: 18px;
  font-weight: 500;
}

.side-widget {
  margin-bottom: 0px;
  font-size: 16px;
}

.post-footer,
.post-share,
.post-author,
#comments{
display: none;
}

.main-inner .post-title{
  color: #303560;
}

.main-inner .cat-content .post-title{
  color: #fff;
}

.post-content img{
margin-bottom: 30px;
}

.wpcf7-form-control-wrap{
width: 100%;
}

p.text03 .wpcf7-form-control-wrap{
width: auto;
}

#contact dd.temp input{
background: none;
border: 1px solid #fff;
}

#contact dd.none input{
background: none;
border: 1px solid #fff;
}


#contact dd.rijio .wpcf7-list-item{
margin: 0 30px;
padding-left: 0;
}

#contact dd.temp{
width: 100%;
}

#contact dd.temp02{
width: 100%;
}

#contact dd.temp02 input{
margin-left: 20px;

}

#contact dd.doui p{
text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#contact dd.doui .wpcf7-form-control-wrap{
width: auto;
margin-right: 10px;
height: 30px;
}

#contact dd.doui a{
text-decoration: underline;
}

input[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

/* チェックボックスデザイン */
input[type="checkbox"] {
    cursor: pointer;
    padding-left: 10px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
  }
  input[type="checkbox"]::before,
  input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
  input[type="checkbox"]::before {
    background-color: #F9F9F9;
    border-radius: 2px;
    border: 0px solid #666464;
    width: 40px;/*チェックボックスの横幅*/
    height: 40px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: -20px;
  }
  input[type="checkbox"]::after {
border-bottom: 3px solid #666464;
  border-left: 3px solid #666464;
  opacity: 0;
  height: 10px;
  width: 16px;
  transform: rotate(-45deg);
  top: -1px;
  left: -9px;
}

  input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }

  input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    position: relative;
    vertical-align: sub;
    margin-right: 5px;
  }
  input[type="radio"]::before, input[type="radio"]::after{
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
  input[type="radio"]::before {
    background-color: #fff;
    border: 1px solid #c2c1c1;
    height: 20px;
    width: 20px;
    left: 0px;
  }
  input[type="radio"]::after {
    background-color: #c2c1c1;
    opacity: 0;
    height: 14px;
    width: 14px;
    left: 4px;
  }
  input[type="radio"]:checked::after {
    opacity: 1;
  }

.wpcf7-list-item{
padding-left: 50px;
}

.wpcf7-not-valid-tip{
margin-bottom: 20px;
}

.wpcf7-list-item-label{
margin-left: 10px;
}

.wpcf7-spinner{
display: none;
}

#contact dd.doui .wpcf7-list-item{
padding-left: 0;
}

input#file-upload-button{
border: 0px solid #fff;
background: #F9F9F9;
height: 50px;
border-radius: 20px;
}
#contact dd p.text01 span.wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  clear: both;
  position: absolute;
  top: 80px;
  font-size: 12px;
}


#contact dd p.top01{
padding-left: 86px;
margin-bottom: 0;
}

#contact dd p.top02 input{
margin: 0;
}

a.link{
color: #303560;
font-weight: 500;
}

.one ul li{
list-style: none;
}

.one .main a{
display: inline-block;
}

.one .post-content dl{
display: flex;
flex-wrap: wrap;
}

.one .post-content dt,.one .post-content dd{
padding: 10px 20px;
vertical-align: top;
}

.one .post-content dt{
width: 30%;
background: #eee;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}

.one .post-content dd{
width: 70%;
border-bottom: 1px solid #ccc;
border-left: 0px solid #ccc;
margin-bottom: 20px;

}

.archive.category-event .category-event #main,
.archive.category-event .category-event #side {
	float: unset !important;
}
.archive.category-event .category-event #side {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.category-event #main .main-inner {
margin: 0 auto !important;
}

.category-event #block-10{
display: none;
}

.category-news #block-9{
display: none;
}

.category-news .post-header .thumb-tag img {
	width: 100%;
}


.archive.category-event .post-loop {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: rgba(255,255,255,1);
	padding-bottom: 1rem;
}
.archive.category-event .post-loop-wrap {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.archive.category-event .post-loop-wrap article {
	width: 33.3%;
    padding: 0.5rem;
	background-color: rgba(255, 255, 255, 1);
	margin: 0 0 1vw 0;
}

.archive.category-event .post-loop-wrap article.cotent-none.post {
width: 100% !important;
}

@media screen and (max-width:767px) {
	.archive.category-event .post-loop-wrap article {
	width: 50%;
    padding: 0.5rem;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 1px;
}
.category-event h2.post-title {
    margin: 0 auto;
	font-size: min(3.2vw, 16px);
	clear: both;
	font-weight: bold;
	text-align: left;
}
.category-news h2.post-title {
	font-size: min(4.2vw, 16px) !important;
}
.category-3 h2.post-title {
	font-size: min(3.6vw, 16px) !important;
}

.archive.category-event .post-loop-wrap article .post-header .post-meta {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border-top: 1px #efefef solid;
}
}
.archive.category-event .post-loop-wrap article .post-header {
    padding: 1rem 1rem 0;
}
@media screen and (max-width:767px) {
	.archive.category-event .post-loop-wrap article .post-header {
    padding: 0.5rem 0.2rem 0;
}
}
.archive.category-event .post-loop-wrap article .post-header .thumb-tag {
	position: relative;
}

@media screen and (max-width:414px) {
.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item-line {
	position: absolute;
	top: 0 !important;
	left: 5px;
}
}

.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item-line {
	position: absolute;
	top: 2px;
	left: 5px;
}

.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item-line .tag-item[data-tag-id="6"] {
	position: unset;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item-line .tag-item[data-tag-id="7"] {
	position: unset;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item {
	font-size: min(1.6vw,12px);
	padding: 0.4vmin 1.3vmin 0.6vmin;
	border-radius: 1rem;
}
.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item[data-tag-id="6"] {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item[data-tag-id="7"] {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

.archive.category-event .post-loop-wrap article .post-header .thumb-tag img {
	width: 100%;
	border-radius: 0.4rem;
}

.archive.category-event #side {
    width: 100%;
    max-width: 1200px;
    margin: 2rem auto 0;
}

.archive.category-event .post-loop-wrap article .post-content.tes {
display: none;
}

.post-loop-wrap article p.date.updated {
font-size: min(2.0vw,10px);
color: rgba(120,120,120,1);
width: 100%;
margin: 0 auto;
text-align: left;
padding: 0.4vw;
}





.archive.category-event .post-loop-wrap article .post-header .thumb-tag {
	position: relative;
}

@media screen and (max-width:414px) {
.archive.category-event .post-loop-wrap article .post-header .thumb-tag .tag-item-line {
	position: absolute;
	top: -5px !important;
	left: 5px;
}
}







.archive.date .post-loop {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: rgba(255,255,255,1);
	padding-bottom: 1rem;
}
.archive.date .post-loop-wrap {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
@media screen and (max-width:767px) {
	.archive.date .post-loop-wrap article {
	width: 50%;
    padding: 0.5rem;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 1px;
}
.date h2.post-title {
    margin: 0 auto;
	font-size: min(3.6vw, 16px) !important;
	clear: both;
	font-weight: bold;
	text-align: left;
}
.archive.date .post-loop-wrap article .post-header .post-meta {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border-top: 1px #efefef solid;
}
}
.archive.date .post-loop-wrap article .post-header {
    padding: 56px 64px 0;
}
@media screen and (max-width:767px) {
	.archive.date .post-loop-wrap article .post-header {
    padding: 0.5rem 0.2rem 0;
}
}
.archive.date .post-loop-wrap article .post-header .thumb-tag {
	position: relative;
}

@media screen and (max-width:414px) {
.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line {
	position: absolute;
	top: 0 !important;
	left: 5px;
}
}

.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line {
	position: absolute;
	top: 5px;
	left: 5px;
}

.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line .tag-item[data-tag-id="6"] {
	position: unset;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line .tag-item[data-tag-id="7"] {
	position: unset;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line {
	position: absolute;
	top: 5px;
	left: 5px;
}

.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line .tag-item[data-tag-id="6"] {
	position: unset;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item-line .tag-item[data-tag-id="7"] {
	position: unset;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item {
	font-size: min(2.6vw,12px);
	padding: 0.1rem 0.5rem 0.3rem;
	border-radius: 1rem;
}
.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item[data-tag-id="6"] {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.archive.date .post-loop-wrap article .post-header .thumb-tag .tag-item[data-tag-id="7"] {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}

.archive.date .post-loop-wrap article .post-header .thumb-tag img {
	width: 100%;
	border-radius: 0.4rem;
}
.archive.date .post-loop-wrap article .post-content.tes {
	display: none;
} 




.single-post .post-header p.tag-item-line {
margin: 0 0 1.6rem 0;
}
.single-post .post-header p span.tag-item {
	font-size: min(2.6vw,12px);
	padding: 0.1rem 0.5rem 0.3rem;
	border-radius: 1rem;
	margin-bottom: 1rem;
}
.single-post .post-header p span.tag-item[data-tag-id="6"] {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.single-post .post-header p span.tag-item[data-tag-id="7"] {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}



.category-newevent .post-header p.tag-item-line {
margin: 0 0 1.6rem 0;
}
.category-newevent .post-header p span.tag-item {
	font-size: min(2.6vw,12px);
	padding: 0.1rem 0.5rem 0.3rem;
	border-radius: 1rem;
	margin-bottom: 1rem;
}
.category-newevent .post-header p span.tag-item[data-tag-id="6"] {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: rgba(17, 200, 255, 1);
	color: #ffffff;
}
.category-newevent .post-header p span.tag-item[data-tag-id="7"] {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 24, 178, 1);
	color: #ffffff;
}


.main h2 {
	/*font-size: min(4.2vw, 40px) !important;
        margin-bottom: 30px !important;
	font-weight:bold;
	text-align:center;*/
	background: #303560;
    color: #fff;
    padding: 28px 20px 20px;
    font-size: min(2.8vw, 32px) !important;
    font-weight: 500;
    margin-bottom: 30px;
    position: relative;
	}
.main h2::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 10px;
}

.navy {
color: #303560 !important;
}
.pink {
color: #e9597c !important;
}
section.first {
	padding-top:2rem;
}

span.underline {
		text-decoration:underline;
	}

@media screen and (min-width:769px) {
	.pc {
		display:block !important;
	}
	.sp {
		display:none !important;
	}

	#sub_cont .title_area h1{
font-size:min(4.8vw, 38px) !important;
}
	
	section.first,
	section.second,
	section.third {
		padding-bottom:5rem;
	}
	.wrap h3::after {
		content: unset !important;
	}
	
	.first .wrap {
		display:flex;
		justify-content:space-between;
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.first .wrap h3 {
		background:unset !important;
    color: #303560;
    font-size:min(2.6vw, 24px) !important;
    font-weight: 500;
    margin-bottom: 30px;
    border-left: 6px solid #303560;
    line-height: 60px;
    padding-left: 20px;
    border-bottom: 1px solid #eee;
	}
	.wrap h3 span.navy {
		color: #303560 !important;
	}
	.wrap h3 span.pink {
		color: #e9597c !important;
	}
	
	.first .wrap p {
		font-size:min(1.8vw, 18px);
	}
	
	
	
	.first .wrap .mark-image {
		width:100%;
		margin: 0 auto;
		text-align:center;
	}
	.first .wrap .mark-image span {
		font-size:min(1.8vw, 18px);
	}
	.first .wrap .text-area {
		width:60%;
	}

	
	
	
	.second .wrap {
		width: 80%;
        max-width: 860px;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	
	.second .wrap span.underline {
		text-decoration:underline;
	}
	.second .wrap span.ano {
		font-size:min(2.6vw, 16px);
		color: #e9597c !important;
	}
	
	
	
	.second .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.second .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.second .wrap p {
		font-size:min(3.6vw,17px);
	}
	.second .wrap p {
		text-align:justify;
	}
	.second .wrap .flex-cont .prob.wor {
		width:45%;
		margin: 0 auto;
		text-align:center;
		background-color:#F9F9F9;
		padding:2em;
	}
	.second .wrap .flex-cont .prob.wor h3 {
		padding-bottom:1em !important;
	}
	.second .wrap .flex-cont .prob.wor div:nth-child(2) {
margin-top:2em;
		border:1px solid #000000;
		border-width:1px 0 0 0;
		padding-top:2em !important;
	}
	.second .wrap .flex-cont .arrow.wor {
		width:10%;
		margin: 0 auto;
		text-align:center;
		vertical-align:middle;
		position:relative;
	}
	.second .wrap .flex-cont .arrow.wor img {
	width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
		transform: translate(-50%, -50%);
	}
	.second .wrap .flex-cont .solution.wor {
		width:45%;
		margin: 0 auto;
		text-align:center;
		padding:2em;
		border:1px solid #000000;
		border-width:1px;
	}
	.second .wrap .flex-cont .solution.wor h3 {
		padding-bottom:1em !important;
	}
	
	.second .wrap .solution_sum {
		text-align:center;
		padding-top:3em;
	}
	.second .wrap .solution_sum h3 {
		font-size:min(4.2vw, 40px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.second .wrap .solution_sum h3::after {
		content:unset !important;
	}
	.second .wrap .solution_sum h3 img {
		width: min(6vw, 51px);
        vertical-align: bottom;
		margin-right:0.2em;
	}
	
	
	.third .wrap {
        width: 80%;
        max-width: 860px;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.third .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.third .wrap a {
		display:unset;
	}
	.third .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:1em !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.third .wrap p {
		font-size:min(3.6vw,17px);
	}
	.third .wrap p {
		text-align:justify;
	}
	.third .wrap .flex-cont .photo {
		width:32%;
	}
	.third .wrap .flex-cont .profile1 {
		width:40%;
		padding:1em 2em 1em 2em;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(1) {
		border-bottom:1px solid rgba(120,120,120,0.8);
		padding: 0 0 2rem;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(2) {
		font-size: min(1.6vw, 16px);
		padding: 2rem 0 0;
	}
	.third .wrap .flex-cont .profile2 {
		width:28%;
		padding:1em 1em 1em 1em;
		background:rgba(120,120,120,0.8);
	}
	.third .wrap .flex-cont .profile2 p {
        font-size: min(1.2vw, 10px);
		letter-spacing:0 !important;
		color:#ffffff;
    }
	
	
	
	
	.fourth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 1em;
	}
	.fourth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
		align-items: center;
		padding: 0rem 0 2rem 0;
	}
	
	.fourth .wrap span.ano {
        display: block;
        font-size: min(2.6vw, 16px);
        line-height: 1.4;
        margin-top: 0.5rem;
    }
	
	.corp_name_comd p {
		padding-top:0.5rem;
		font-weight:bold;
		font-size: min(3.0vw, 21px) !important;
	}
	.corp_name_comd h3 {
		color:#303560 !important;
	}
	.fourth .wrap h3 {
		font-size:min(3.0vw, 15px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000;
		font-weight:100 !important;
		padding: 0 0 0rem 0 !important;
        /*border: 1px solid rgba(120, 120, 120, 1) !important;
        border-width: 0 0 1px 0 !important;*/
	}
	.fourth .wrap p {
		font-size:min(3.6vw,17px);
	}
	.fourth .wrap .flex-cont p {
		text-align:justify;
	}
	.fourth .wrap .flex-cont .photo {
		width:100%;
		max-width:380px;
		margin:0 auto;
	}
	.fourth .wrap .flex-cont .photo img {
		width:100%;
	}
	.fourth .wrap .flex-cont .text {
		width:100%;
		max-width:660px;
		margin:0 auto;
	}
	
	.corp_name_comd {
		text-align:left;
		background-color:rgba(240,240,240,1);
		padding:1.0rem 1.5rem;
	}
	
	.fourth .wrap .solution_sum h3 {
        font-size: min(4.2vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }
	.fourth .wrap span.material-icons-outlined {
		font-size: min(3vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fourth .wrap .member_name,
	.fourth .wrap dt {
        font-size: min(2.0vw, 20px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 0 0.2rem!important;
    }
	.fourth .wrap .flex-cont h3 {
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
	}
	.fourth .wrap .flex-cont .cnts1 {
		width:50%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .photo {
		width:40%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text {
		width:55%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p {
		font-size: min(1.8vw, 16px) !important;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p.result span {
		font-size: min(1.8vw, 16px) !important;
        line-height: 1.5 !important;
        letter-spacing: -1px !important;
	}
	.fourth .wrap .flex-cont .cnts2 {
		width:45%;
	}
	.fourth .wrap .flex-cont .cnts1 img {
		width:100%;
		margin: 0 auto;
	}
	.fourth .wrap .flex-cont .cnts2 dl {
		width:48%;
	}
	.fourth .wrap .flex-cont .cnts2 dd {
		padding-bottom:0.6rem;
		font-size: min(1.2vw, 12px) !important;
	}
	.fourth .wrap .flex-cont .cnts2 .flex-cont {
		margin-bottom:1.5rem;
	}
	.fourth .wrap .cnts3 {
		width:100%;
		margin-bottom:2rem;
	}
	.fourth .wrap .cnts3 h3 {
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
	}
	
	.fourth .wrap ul {
		display:flex;
		flex-wrap: wrap;
		flex-direction:space-between;
		width:100%;
	}
	.fourth .wrap ul li {
		width:47%;
		padding-bottom:4rem;
		text-align:center;
	}
	.fourth .wrap ul li:nth-child(odd) {
		margin-right:6%;
	}
	.fourth .wrap ul li:last-child {
		padding-bottom:0rem;
	}
	
	
	.fourth .wrap .cnts3 ul li {
		padding-bottom:0.6rem;
		text-align:center;
	}
	.fourth .wrap .solution_sum {
		text-align:center;
	}
	.fourth .wrap .solution_sum h3 {
        font-size: min(4.2vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }
	
	
	
	
	.fifth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.fifth .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.fifth .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.fifth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.fifth .wrap .flex-cont p {
		text-align:justify;
	}
	.fifth .wrap span.material-icons-outlined {
		font-size: min(3vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fifth .wrap ul {
		margin:1rem 0;
	}
	.fifth .wrap ul li {
		font-size: min(1.6vw, 20px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 1rem 0 1rem !important;
		letter-spacing:-1px !important;
	}
	.fifth .wrap .flex-cont .text {
	width:35%;
	}
	.fifth .wrap .anno {
		font-size: min(1.6vw, 16px);
        padding: 2rem 0 0;
	}
	.fifth .wrap .solution_sum {
        text-align: center;
		padding:3.6rem 0;
		text-decoration:underline;
    }
	
	section.fifth .figure {
	max-width:690px;
	width:60%;
	max-height:580px;
	display:flex;
	justify-content:space-between;
}

section.fifth .figure div.frame {
	width:36%;
	max-width:230px;
	text-align:center;
}
	section.fifth .figure div.frame2 {
		display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: space-around;
		width:28% !important;
	}
	
	section.fifth .figure div.frame p {
	padding:0.5em;
	font-size:min(1.8vw,16px) !important;
	line-height:1.5 !important;
		text-align:center;
		letter-spacing: -0.05rem !important;
}
	section.fifth .figure div.frame1 p {
		padding:1.5rem 0.5em;
	}
	
	section.fifth .figure div.frame h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.2vw,18px) !important;
	border-top: unset !important;
}

section.fifth div.frame-border {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
section.fifth div.frame-border h4.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.2vw,18px) !important;
	border-top: unset !important;
}

.red {
	color:#FF0000;
	font-size:min(2vw,15px) !important;
	display:block;
}
	
	
	
	
	
	.sixth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.sixth .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
		flex-direction: column;
	}
	.sixth .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.sixth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.sixth .wrap .flex-cont p {
		text-align:justify;
	}
	
	section.sixth .figure-price {
        width: 100%;
        margin: 2rem auto;
}

	section.sixth .figure-price ul {
		display:flex;
	justify-content:space-between;
	}
	
section.sixth .figure-price ul li {
	width:32.333333333%;
	max-width:320px;
	text-align:center;
}
	
	section.sixth .figure-price ul li p {
	padding:0.5em;
	font-size:min(1.8vw,16px) !important;
	line-height:1.5 !important;
		text-align:center;
}
	
	section.sixth .figure-price ul li h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.3vw,18px) !important;
	border-top: unset !important;
}

section.sixth ul li {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
section.sixth ul li p.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.3vw,18px) !important;
	border-top: unset !important;
	display: inline-block;
	text-align: center !important;
}

	section.sixth dl {
		display:flex;
		flex-wrap: wrap;
	}
	section.sixth dl dt {
		background-color: #303560 !important;
        color: #ffffff !important;
        margin-bottom: 0 !important;
        font-size: min(2.2vw, 18px) !important;
        border-top: unset !important;
		width:30%;
		display: flex;
        align-items: center;
        justify-content: center;
		margin-top: 1rem;
		min-height:74px;
	}
	section.sixth dl dd {
		width:70%;
		padding:1rem 2rem 1rem 2rem;
		margin-top: 1rem;
	}
	section.sixth dl dd span {
		font-size: min(1.6vw, 20px) !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 1rem 0 1rem !important;
	}

}






@media screen and (min-width:769px) and (max-width:1199px) {
	section.fifth .figure div.frame1 p {
		padding:2.0rem 0.5em;
	}
}






@media screen and (max-width:768px) {
	.sp {
		display:block !important;
	}
	.pc {
		display:none !important;
	}
	
	#sub_cont .title_area h1{
font-size:min(5.0vw, 21px) !important;
		text-align:left !important;
		background: url(../img/logo04.png) no-repeat right center #F6D4E4;
        background-size: 76px auto;
	}
	
	.about_gut h2 {
		/*font-size:min(3.5vw, 12px) !important;*/
		font-size: min(4.6vw, 40px) !important;
    margin-bottom: 30px !important;
		font-weight:bold;
		/*text-align:center;*/
	}
	
	section.first,
	section.second,
	section.third {
		padding-bottom:4rem;
	}
	.wrap h3::after {
		content: unset !important;
	}
	
	.first .wrap {
		display:block;
		width:96%;
		margin: 0 auto;
	}
	.first .wrap h3 {
		font-size:min(6.3vw, 40px) !important;
		margin-bottom:15px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0.5em 0em 0em !important;
		text-align: center;
		letter-spacing:0;
	}
	.wrap h3 span.navy {
		color: #303560 !important;
	}
	.wrap h3 span.pink {
		color: #e9597c !important;
	}
	
	.first .wrap p {
		font-size:min(3.5vw, 16px);
	}
	
	
	.first .wrap .mark-image {
		width:100%;
		margin: 0 auto;
		text-align:center;
		padding:2em 0;
	}
	.first .wrap .mark-image span {
		font-size:min(3.5vw, 16px);
	}
	.first .wrap .text-area {
		width:100%;
	}
	
	
	.second .wrap {
		width:96%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.second .wrap span.underline {
		text-decoration:underline;
	}
	.second .wrap span.ano {
		font-size:min(3.2vw, 16px);
		color: #e9597c !important;
		line-height: 1.5;
        display: block;
	}
	
	
	.second  .wrap .flex-cont {
		display: flex;
        flex-direction: column;
	}
	.second .wrap .flex-cont .prob.wor {
		width:100%;
		margin: 0 auto;
		text-align:center;
		background-color:#F9F9F9;
		padding:2em;
	}
	
	.second .wrap h3 {
		font-size:min(5.0vw, 21px) !important;
		margin-bottom:15px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0.5em 0em 0em !important;
		text-align: center;
		letter-spacing:0;
	}
	.second .wrap p {
		font-size:min(3.5vw, 16px);
	}
	.second .wrap .flex-cont .wor {
		width:96%;
		margin: 0 auto;
		text-align:center;
		padding:0;
	}
	
	.second .wrap .flex-cont .prob.wor div:nth-child(2) {
        margin-top: 2em;
        border: 1px solid #000000;
        border-width: 1px 0 0 0;
        padding-top: 2em !important;
    }
	.second .wrap p {
        text-align: justify;
    }
	.second .wrap .flex-cont .arrow.wor {
		width:100%;
		margin: 0 auto;
		text-align:center;
		vertical-align:middle;
		position:relative;
		padding:2em 0 1em;
	}
	.second .wrap .flex-cont .arrow.wor img {
	width: min(22vw, 150px);
  position: absolute;
  top: 50%;
  left: 50%;
		transform: translate(-50%, -50%) rotate(90deg);
	}
	
	.second .wrap .solution_sum {
        text-align: center;
        padding-top: 0.5em;
    }

	.second .wrap .solution_sum h3 {
        font-size: min(5.7vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
		letter-spacing:-0.5vw !important;
    }
	    .second .wrap .solution_sum h3 img {
        width: min(7.6vw, 51px);
        vertical-align: bottom;
        margin-right: 0.1em;
    }
	
	
.third .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.third .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.third .wrap a {
		display:unset;
	}
	.third .wrap h3 {
		font-size: min(5.0vw, 21px) !important;
        margin-bottom: 15px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0.5em 0em 0em !important;
        text-align: center;
        letter-spacing: 0;
	}
	.third .wrap p {
		font-size: min(3.5vw, 16px);
	}
	.third .wrap p {
		text-align:justify;
	}
	.third .wrap .flex-cont .photo {
		width:60%;
		margin:0 auto;
	}
	.third .wrap .flex-cont .profile1 {
		width:100%;
		padding:1rem 0;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(1) {
		border-bottom:1px solid rgba(120,120,120,0.8);
		padding: 0 0 1rem;
		margin:0 !important;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(2) {
		font-size: min(3.2vw, 16px);
		padding: 1rem 0 0;
		margin:0 !important;
	}
	.third .wrap .flex-cont .profile2 {
		width:100%;
		padding:1rem;
		background:rgba(120,120,120,0.8);
	}
	.third .wrap .flex-cont .profile2 p {
        font-size: min(3.2vw, 10px);
		letter-spacing:0 !important;
		color:#ffffff;
    }
	.third .wrap .flex-cont .profile2 p:nth-child(2) {
		padding:0 !important;
		margin:0 !important;
	}

	
	
	
	.fourth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 0em;
	}
	.fourth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
		padding: 0;
	}
	
	.fourth .wrap span.ano {
		font-size:min(3.2vw, 16px);
		line-height: 1.5;
		margin-top:0.5rem;
        display: block;
	}
	
		.corp_name_comd p {
		padding-top:0.2rem;
			margin-bottom:0 !important;
			font-weight:bold;
			font-size: min(4.5vw, 21px) !important;
			line-height:1.4 !important;
	}
	.fourth .wrap h3 {
		font-size:min(3.0vw, 14px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000;
		font-weight:100 !important;
		padding: 0 0 0rem 0 !important;
        /*border: 1px solid rgba(120, 120, 120, 1) !important;
        border-width: 0 0 1px 0 !important;*/
	}
	.fourth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.fourth .wrap .flex-cont p {
		text-align:justify;
	}
	
	.corp_name_comd {
		text-align:left;
		background-color:rgba(240,240,240,1);
		padding:0.5rem 1.0rem;
	}
	.corp_name_comd h3 {
		color:#303560 !important;
	}
	
	.fourth .wrap span.material-icons-outlined {
		font-size: min(3vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fourth .wrap .solution_sum h3 {
		font-size: min(5.0vw, 21px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }
	.fourth .wrap span.material-icons-outlined {
		font-size: min(7vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fourth .wrap .member_name,
	.fourth .wrap dt {
		font-size: min(5.0vw, 21px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 0 0.2rem!important;
    }
	.fourth .wrap .flex-cont h3 {
		font-size: min(5.0vw, 21px) !important;
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
		letter-spacing:0px !important;
	}
	.fourth .wrap .flex-cont .cnts1 {
		width:100%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .photo {
		width:60%;
		margin: 0 auto;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text {
		width:100%;
		padding: 1rem 1rem 1rem 16vw;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p {
		font-size: min(5.0vw, 21px);
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p.result {
		font-size: min(3.2vw, 16px) !important;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p.result span {
		font-size: min(3.2vw, 16px) !important;
        line-height: 1.5 !important;
        letter-spacing: -1px !important;
	}
	.fourth .wrap .flex-cont .cnts2 {
		width:100%;
	}
	.fourth .wrap .flex-cont .cnts1 img {
		width:100%;
		margin: 0 auto;
	}
	.fourth .wrap .flex-cont .cnts2 dl {
		width:100%;
	}
	.fourth .wrap .flex-cont .cnts2 dd {
		padding-bottom:0.6rem;
		font-size: min(3.2vw, 16px) !important;
	}
	.fourth .wrap .flex-cont .cnts2 .flex-cont {
		margin-bottom:1.5rem;
	}
	.fourth .wrap .cnts3 {
		width:100%;
		margin-bottom:2rem;
	}
	.fourth .wrap .cnts3 h3 {
		font-size: min(5.0vw, 21px) !important;
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
	}
	

	.fourth .wrap ul li {
		padding-bottom:2rem;
		text-align:center;
	}
	.fourth .wrap ul li:last-child {
		padding-bottom:0rem;
	}
	.fourth .wrap ul li .photo {
		width:80%;
		max-width:240px;
		margin:0 auto;
	}
	.fourth .wrap ul li p {
		font-size: min(3.6vw, 16px);
	}
	
	.fourth .wrap .cnts3 ul li {
		padding-bottom:2rem;
		text-align:center;
	}
	.fourth .wrap .solution_sum {
		text-align:center;
	}
	.fourth .wrap .solution_sum h3 {
        font-size: min(5.7vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
        letter-spacing: -0.5vw !important;
    }
	
	
	
	
	.fifth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.fifth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.fifth .wrap h3 {	
		background:unset !important;
		font-size: min(5.0vw, 21px) !important;
        color: #000000 !important;
        text-align: center;
		margin-bottom:0 !important;
	}
	.fifth .wrap p {
		font-size: min(3.5vw, 16px);
	}
	.fifth .wrap .anno {
        font-size: min(3.5vw, 16px);
        padding: 2rem 0 0;
    }
	.fifth .wrap .flex-cont p {
		text-align:justify;
	}
	
	section.fifth .figure {
	width:100%;
	max-height:unset;
	display:block;
}

section.fifth .figure div.frame {
	width:100%;
	text-align:center;
}
	section.fifth .figure div.frame2 {
		display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: space-around;
	}
	section.fifth .figure div.frame2 img {
		margin:0 auto;		
	}
	
	section.fifth .figure div.frame p {
	font-size:min(4.2vw,16px);
	line-height:1.5 !important;
		text-align:center;
		letter-spacing: -0.05rem !important;
		margin:0 !important;
		padding: 0.5rem 0;
}
	
	section.fifth .figure div.frame h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
}

section.fifth div.frame-border {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
	section.fifth div.frame-border p {
		font-size:min(3.5vw,16px) !important;
	}
section.fifth div.frame-border h4.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
}
	section.fifth div.frame-border p {
		padding: 0 0 1rem 0 !important;
	}
	.fifth .wrap .solution_sum {
        text-align: center;
        text-decoration: underline;
    }
	.fifth .wrap .solution_sum h3 {
		margin-bottom:30px !important;
	}

.red {
	color:#FF0000;
	font-size:min(4.2vw,15px) !important;
	display:block;
}
	
	
	
	
	
	
	.sixth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 0;
	}
	.sixth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.sixth .wrap h3 {
		font-size:min(4.2vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.sixth .wrap p {
		font-size:min(3.5vw, 18px);
	}
	.sixth .wrap .flex-cont p {
		text-align:justify;
	}

	section.sixth .figure-price ul {
		display:block;
	justify-content:space-between;
	}
	
section.sixth .figure-price ul li {
	text-align:center;
	margin-top:1rem;
}
	
	section.sixth .figure-price ul li p {
	padding:0.5em;
	font-size:min(3.5vw,16px) !important;
	line-height:1.5 !important;
		text-align:center;
}
	
	section.sixth .figure-price ul li h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
}

section.sixth ul li {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
section.sixth ul li p.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
	display: inline-block;
	text-align: center !important;
}

	section.sixth .payper {
		margin-top:2rem;
	}
	section.sixth dl {
		display:block;
		flex-wrap: wrap;
	}
	section.sixth dl dt {
		background-color: #303560 !important;
        color: #ffffff !important;
        margin-bottom: 0 !important;
        font-size: min(4.2vw, 18px) !important;
        border-top: unset !important;
		width:100%;
		display: flex;
        align-items: center;
        justify-content: center;
		min-height:60px;
	}
	section.sixth dl dd {
		width:100%;
		padding:1rem 2rem 1rem 2rem;
	}
	section.sixth dl dd span {
		font-size: min(3.5vw, 20px) !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 1rem 0 1rem !important;
	}	
}

.arrow-line,
.arrow-under,
.arrow-vertical {
	line-height: 0;
    display: block;
}



/* 認証マークについて_バックアップのスタイル
@media screen and (min-width:768px) {
	.pc {
		display:block !important;
	}
	.sp {
		display:none !important;
	}

	#sub_cont .title_area h1{
font-size:min(4.8vw, 38px) !important;
}
	
	section.first,
	section.second,
	section.third,
	section.fourth,
	section.fifth {
		padding-bottom:5rem;
	}
	.wrap h3::after {
		content: unset !important;
	}
	
	.first .wrap {
		display:flex;
		justify-content:space-between;
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.first .wrap h3 {
		font-size:min(4.2vw, 40px) !important;
		margin-bottom:30px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
	}
	.wrap h3 span.navy {
		color: #303560 !important;
	}
	.wrap h3 span.pink {
		color: #e9597c !important;
	}
	
	.first .wrap p {
		font-size:min(1.8vw, 18px);
	}
	
	.first .wrap span.underline {
		text-decoration:underline;
	}
	.first .wrap span.ano {
		font-size:min(1.2vw, 12px);
	}
	
	.first .wrap .mark-image {
		width:30%;
		margin: 0 auto;
		text-align:center;
	}
	.first .wrap .mark-image span {
		font-size:min(1.8vw, 18px);
	}
	.first .wrap .text-area {
		width:60%;
	}

	
	
	
	.second .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.second .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.second .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.second .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.second .wrap .flex-cont p {
		text-align:justify;
	}
	.second .wrap .flex-cont .prob.wor {
		width:45%;
		margin: 0 auto;
		text-align:center;
		background-color:#F9F9F9;
		padding:2em;
	}
	.second .wrap .flex-cont .prob.wor h3 {
		padding-bottom:1em !important;
	}
	.second .wrap .flex-cont .prob.wor div:nth-child(2) {
margin-top:2em;
		border:1px solid #000000;
		border-width:1px 0 0 0;
		padding-top:2em !important;
	}
	.second .wrap .flex-cont .arrow.wor {
		width:10%;
		margin: 0 auto;
		text-align:center;
		vertical-align:middle;
		position:relative;
	}
	.second .wrap .flex-cont .arrow.wor img {
	width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
		transform: translate(-50%, -50%);
	}
	.second .wrap .flex-cont .solution.wor {
		width:45%;
		margin: 0 auto;
		text-align:center;
		padding:2em;
		border:1px solid #000000;
		border-width:1px;
	}
	.second .wrap .flex-cont .solution.wor h3 {
		padding-bottom:1em !important;
	}
	
	.second .wrap .solution_sum {
		text-align:center;
		padding-top:3em;
	}
	.second .wrap .solution_sum h3 {
		font-size:min(4.2vw, 40px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.second .wrap .solution_sum h3::after {
		content:unset !important;
	}
	.second .wrap .solution_sum h3 img {
		width: min(6vw, 51px);
        vertical-align: bottom;
		margin-right:0.2em;
	}
	
	
	.third .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.third .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.third .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:1em !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.third .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.third .wrap .flex-cont p {
		text-align:justify;
	}
	.third .wrap .flex-cont .photo {
		width:32%;
	}
	.third .wrap .flex-cont .profile1 {
		width:40%;
		padding:1em 2em 1em 2em;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(1) {
		border-bottom:1px solid rgba(120,120,120,0.8);
		padding: 0 0 2rem;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(2) {
		font-size: min(1.6vw, 16px);
		padding: 2rem 0 0;
	}
	.third .wrap .flex-cont .profile2 {
		width:28%;
		padding:1em 1em 1em 1em;
		background:rgba(120,120,120,0.8);
	}
	.third .wrap .flex-cont .profile2 p {
        font-size: min(1.2vw, 10px);
		letter-spacing:0 !important;
		color:#ffffff;
    }
	
	
	
	
	.fourth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.fourth .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.fourth .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.fourth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.fourth .wrap .flex-cont p {
		text-align:justify;
	}
	.fourth .wrap .solution_sum h3 {
        font-size: min(4.2vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }
	.fourth .wrap span.material-icons-outlined {
		font-size: min(3vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fourth .wrap .member_name,
	.fourth .wrap dt {
        font-size: min(2.0vw, 20px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 0 0.2rem!important;
    }
	.fourth .wrap .flex-cont h3 {
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
	}
	.fourth .wrap .flex-cont .cnts1 {
		width:50%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .photo {
		width:40%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text {
		width:55%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p {
		font-size: min(1.8vw, 16px) !important;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p.result span {
		font-size: min(1.8vw, 16px) !important;
        line-height: 1.5 !important;
        letter-spacing: -1px !important;
	}
	.fourth .wrap .flex-cont .cnts2 {
		width:45%;
	}
	.fourth .wrap .flex-cont .cnts1 img {
		width:100%;
		margin: 0 auto;
	}
	.fourth .wrap .flex-cont .cnts2 dl {
		width:48%;
	}
	.fourth .wrap .flex-cont .cnts2 dd {
		padding-bottom:0.6rem;
		font-size: min(1.2vw, 12px) !important;
	}
	.fourth .wrap .flex-cont .cnts2 .flex-cont {
		margin-bottom:1.5rem;
	}
	.fourth .wrap .cnts3 {
		width:100%;
		margin-bottom:2rem;
	}
	.fourth .wrap .cnts3 h3 {
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
	}
	.fourth .wrap .cnts3 ul li {
		padding-bottom:0.6rem;
		text-align:center;
	}
	.fourth .wrap .solution_sum {
		text-align:center;
	}
	.fourth .wrap .solution_sum h3 {
        font-size: min(4.2vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }
	
	
	
	
	.fifth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.fifth .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
	}
	.fifth .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.fifth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.fifth .wrap .flex-cont p {
		text-align:justify;
	}
	.fifth .wrap span.material-icons-outlined {
		font-size: min(3vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fifth .wrap ul {
		margin:1rem 0;
	}
	.fifth .wrap ul li {
		font-size: min(1.6vw, 20px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 1rem 0 1rem !important;
		letter-spacing:-1px !important;
	}
	.fifth .wrap .flex-cont .text {
	width:35%;
	}
	.fifth .wrap .anno {
		font-size: min(1.6vw, 16px);
        padding: 2rem 0 0;
	}
	.fifth .wrap .solution_sum {
        text-align: center;
		padding:3.6rem 0;
		text-decoration:underline;
    }
	
	section.fifth .figure {
	max-width:690px;
	width:60%;
	max-height:580px;
	display:flex;
	justify-content:space-between;
}

section.fifth .figure div.frame {
	width:36%;
	max-width:230px;
	text-align:center;
}
	section.fifth .figure div.frame2 {
		display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: space-around;
		width:28% !important;
	}
	
	section.fifth .figure div.frame p {
	padding:0.5em;
	font-size:min(1.8vw,16px) !important;
	line-height:1.5 !important;
		text-align:center;
		letter-spacing: -0.05rem !important;
}
	section.fifth .figure div.frame1 p {
		padding:1.5rem 0.5em;
	}
	
	section.fifth .figure div.frame h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.2vw,18px) !important;
	border-top: unset !important;
}

section.fifth div.frame-border {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
section.fifth div.frame-border h4.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.2vw,18px) !important;
	border-top: unset !important;
}

.red {
	color:#FF0000;
	font-size:min(2vw,15px) !important;
	display:block;
}
	
	
	
	
	
	.sixth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.sixth .wrap .flex-cont {
		display:flex;
		justify-content:space-between;
		flex-direction: column;
	}
	.sixth .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.sixth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.sixth .wrap .flex-cont p {
		text-align:justify;
	}
	
	section.sixth .figure-price {
        width: 100%;
        margin: 2rem auto;
}

	section.sixth .figure-price ul {
		display:flex;
	justify-content:space-between;
	}
	
section.sixth .figure-price ul li {
	width:32.333333333%;
	max-width:320px;
	text-align:center;
}
	
	section.sixth .figure-price ul li p {
	padding:0.5em;
	font-size:min(1.8vw,16px) !important;
	line-height:1.5 !important;
		text-align:center;
}
	
	section.sixth .figure-price ul li h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.3vw,18px) !important;
	border-top: unset !important;
}

section.sixth ul li {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
section.sixth ul li p.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(2.3vw,18px) !important;
	border-top: unset !important;
	display: inline-block;
	text-align: center !important;
}

	section.sixth dl {
		display:flex;
		flex-wrap: wrap;
	}
	section.sixth dl dt {
		background-color: #303560 !important;
        color: #ffffff !important;
        margin-bottom: 0 !important;
        font-size: min(2.2vw, 18px) !important;
        border-top: unset !important;
		width:30%;
		display: flex;
        align-items: center;
        justify-content: center;
		margin-top: 1rem;
		min-height:74px;
	}
	section.sixth dl dd {
		width:70%;
		padding:1rem 2rem 1rem 2rem;
		margin-top: 1rem;
	}
	section.sixth dl dd span {
		font-size: min(1.6vw, 20px) !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 1rem 0 1rem !important;
	}

}






@media screen and (min-width:768px) and (max-width:1199px) {
	section.fifth .figure div.frame1 p {
		padding:2.0rem 0.5em;
	}
}






@media screen and (max-width:768px) {
	.sp {
		display:block !important;
	}
	.pc {
		display:none !important;
	}
	
	#sub_cont .title_area h1{
font-size:min(5.0vw, 21px) !important;
		text-align:left !important;
		background: url(../img/logo04.png) no-repeat right center #F6D4E4;
        background-size: 76px auto;
	}
	
	.about_gut h2 {
		font-size:min(3.5vw, 12px) !important;
	}
	
	section.first,
	section.second,
	section.third,
	section.fourth,
	section.fifth {
		padding-bottom:4rem;
	}
	.wrap h3::after {
		content: unset !important;
	}
	
	.first .wrap {
		display:block;
		width:96%;
		margin: 0 auto;
	}
	.first .wrap h3 {
		font-size:min(6.3vw, 40px) !important;
		margin-bottom:15px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0.5em 0em 0em !important;
		text-align: center;
		letter-spacing:0;
	}
	.wrap h3 span.navy {
		color: #303560 !important;
	}
	.wrap h3 span.pink {
		color: #e9597c !important;
	}
	
	.first .wrap p {
		font-size:min(3.5vw, 16px);
	}
	.first .wrap span.underline {
		text-decoration:underline;
	}
	.first .wrap span.ano {
		font-size:min(3.0vw, 10px);
	}
	
	.first .wrap .mark-image {
		width:80%;
		margin: 0 auto;
		text-align:center;
		padding:2em;
	}
	.first .wrap .mark-image span {
		font-size:min(3.5vw, 16px);
	}
	.first .wrap .text-area {
		width:100%;
	}
	
	
	.second .wrap {
		width:96%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.second  .wrap .flex-cont {
		display: flex;
        flex-direction: column;
	}
	.second .wrap .flex-cont .prob.wor {
		width:100%;
		margin: 0 auto;
		text-align:center;
		background-color:#F9F9F9;
		padding:2em;
	}
	
	.second .wrap h3 {
		font-size:min(5.0vw, 21px) !important;
		margin-bottom:15px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0.5em 0em 0em !important;
		text-align: center;
		letter-spacing:0;
	}
	.second .wrap p {
		font-size:min(3.5vw, 16px);
	}
	.second .wrap .flex-cont .wor {
		width:96%;
		margin: 0 auto;
		text-align:center;
		padding:0;
	}
	
	.second .wrap .flex-cont .prob.wor div:nth-child(2) {
        margin-top: 2em;
        border: 1px solid #000000;
        border-width: 1px 0 0 0;
        padding-top: 2em !important;
    }
	.second .wrap .flex-cont p {
        text-align: justify;
    }
	.second .wrap .flex-cont .arrow.wor {
		width:100%;
		margin: 0 auto;
		text-align:center;
		vertical-align:middle;
		position:relative;
		padding:2em 0 1em;
	}
	.second .wrap .flex-cont .arrow.wor img {
	width: min(22vw, 150px);
  position: absolute;
  top: 50%;
  left: 50%;
		transform: translate(-50%, -50%) rotate(90deg);
	}
	
	.second .wrap .solution_sum {
        text-align: center;
        padding-top: 0.5em;
    }

	.second .wrap .solution_sum h3 {
        font-size: min(5.7vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
		letter-spacing:-0.5vw !important;
    }
	    .second .wrap .solution_sum h3 img {
        width: min(7.6vw, 51px);
        vertical-align: bottom;
        margin-right: 0.1em;
    }
	
	
.third .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.third .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.third .wrap h3 {
		font-size: min(5.0vw, 21px) !important;
        margin-bottom: 15px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0.5em 0em 0em !important;
        text-align: center;
        letter-spacing: 0;
	}
	.third .wrap p {
		font-size: min(3.5vw, 16px);
	}
	.third .wrap .flex-cont p {
		text-align:justify;
	}
	.third .wrap .flex-cont .photo {
		width:60%;
		margin:0 auto;
	}
	.third .wrap .flex-cont .profile1 {
		width:100%;
		padding:1rem 0;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(1) {
		border-bottom:1px solid rgba(120,120,120,0.8);
		padding: 0 0 1rem;
		margin:0 !important;
	}
	.third .wrap .flex-cont .profile1 p:nth-child(2) {
		font-size: min(3.2vw, 16px);
		padding: 1rem 0 0;
		margin:0 !important;
	}
	.third .wrap .flex-cont .profile2 {
		width:100%;
		padding:1rem;
		background:rgba(120,120,120,0.8);
	}
	.third .wrap .flex-cont .profile2 p {
        font-size: min(3.2vw, 10px);
		letter-spacing:0 !important;
		color:#ffffff;
    }
	.third .wrap .flex-cont .profile2 p:nth-child(2) {
		padding:0 !important;
		margin:0 !important;
	}

	
	
	
	.fourth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.fourth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.fourth .wrap h3 {
		font-size:min(2.5vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.fourth .wrap p {
		font-size:min(1.8vw, 18px);
	}
	.fourth .wrap .flex-cont p {
		text-align:justify;
	}
	.fourth .wrap span.material-icons-outlined {
		font-size: min(3vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fourth .wrap .solution_sum h3 {
		font-size: min(5.0vw, 21px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }
	.fourth .wrap span.material-icons-outlined {
		font-size: min(7vw, 28px);
        vertical-align: bottom;
        color: navy;
	}
	.fourth .wrap .member_name,
	.fourth .wrap dt {
		font-size: min(5.0vw, 21px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 0 0.2rem!important;
    }
	.fourth .wrap .flex-cont h3 {
		font-size: min(5.0vw, 21px) !important;
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
		letter-spacing:0px !important;
	}
	.fourth .wrap .flex-cont .cnts1 {
		width:100%;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .photo {
		width:60%;
		margin: 0 auto;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text {
		width:100%;
		padding: 1rem 1rem 1rem 16vw;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p {
		font-size: min(5.0vw, 21px);
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p.result {
		font-size: min(3.2vw, 16px) !important;
	}
	.fourth .wrap .flex-cont .cnts1 .flex-cont .text p.result span {
		font-size: min(3.2vw, 16px) !important;
        line-height: 1.5 !important;
        letter-spacing: -1px !important;
	}
	.fourth .wrap .flex-cont .cnts2 {
		width:100%;
	}
	.fourth .wrap .flex-cont .cnts1 img {
		width:100%;
		margin: 0 auto;
	}
	.fourth .wrap .flex-cont .cnts2 dl {
		width:100%;
	}
	.fourth .wrap .flex-cont .cnts2 dd {
		padding-bottom:0.6rem;
		font-size: min(3.2vw, 16px) !important;
	}
	.fourth .wrap .flex-cont .cnts2 .flex-cont {
		margin-bottom:1.5rem;
	}
	.fourth .wrap .cnts3 {
		width:100%;
		margin-bottom:2rem;
	}
	.fourth .wrap .cnts3 h3 {
		font-size: min(5.0vw, 21px) !important;
		background:#303560 !important;
		color:#ffffff !important;
		padding:1rem !important;
		text-align:center;
		margin-bottom:1.5rem !important;
	}
	.fourth .wrap .cnts3 ul li {
		padding-bottom:2rem;
		text-align:center;
	}
	.fourth .wrap .solution_sum {
		text-align:center;
	}
	.fourth .wrap .solution_sum h3 {
        font-size: min(5.7vw, 40px) !important;
        margin-bottom: 0px !important;
        background: unset !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 0 !important;
        letter-spacing: -0.5vw !important;
    }
	
	
	
	
	.fifth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 3em;
	}
	.fifth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.fifth .wrap h3 {	
		background:unset !important;
		font-size: min(5.0vw, 21px) !important;
        color: #000000 !important;
        text-align: center;
		margin-bottom:0 !important;
	}
	.fifth .wrap p {
		font-size: min(3.5vw, 16px);
	}
	.fifth .wrap .anno {
        font-size: min(3.5vw, 16px);
        padding: 2rem 0 0;
    }
	.fifth .wrap .flex-cont p {
		text-align:justify;
	}
	
	section.fifth .figure {
	width:100%;
	max-height:unset;
	display:block;
}

section.fifth .figure div.frame {
	width:100%;
	text-align:center;
}
	section.fifth .figure div.frame2 {
		display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: space-around;
	}
	section.fifth .figure div.frame2 img {
		margin:0 auto;		
	}
	
	section.fifth .figure div.frame p {
	font-size:min(4.2vw,16px);
	line-height:1.5 !important;
		text-align:center;
		letter-spacing: -0.05rem !important;
		margin:0 !important;
		padding: 0.5rem 0;
}
	
	section.fifth .figure div.frame h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
}

section.fifth div.frame-border {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
	section.fifth div.frame-border p {
		font-size:min(3.5vw,16px) !important;
	}
section.fifth div.frame-border h4.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
}
	section.fifth div.frame-border p {
		padding: 0 0 1rem 0 !important;
	}
	.fifth .wrap .solution_sum {
        text-align: center;
        text-decoration: underline;
    }
	.fifth .wrap .solution_sum h3 {
		margin-bottom:30px !important;
	}

.red {
	color:#FF0000;
	font-size:min(4.2vw,15px) !important;
	display:block;
}
	
	
	
	
	
	
	.sixth .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0 0;
	}
	.sixth .wrap .flex-cont {
		display:block;
		justify-content:space-between;
	}
	.sixth .wrap h3 {
		font-size:min(4.2vw, 26px) !important;
		margin-bottom:0px !important;
		background:unset !important;
		color: #000000 !important;
		font-weight:700 !important;
		padding:0 !important;
	}
	.sixth .wrap p {
		font-size:min(3.5vw, 18px);
	}
	.sixth .wrap .flex-cont p {
		text-align:justify;
	}

	section.sixth .figure-price ul {
		display:block;
	justify-content:space-between;
	}
	
section.sixth .figure-price ul li {
	text-align:center;
	margin-top:1rem;
}
	
	section.sixth .figure-price ul li p {
	padding:0.5em;
	font-size:min(3.5vw,16px) !important;
	line-height:1.5 !important;
		text-align:center;
}
	
	section.sixth .figure-price ul li h4.bg-navy {
	background-color:#303560 !important;
	color:#ffffff !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
}

section.sixth ul li {
	border:solid #303560;
	border-width:8px;
	border-collapse: collapse;
	box-sizing:border-box;
}
section.sixth ul li p.bg-white {
	background-color:#ffffff !important;
	color:#000000 !important;
	padding:1em 0.5em !important;
	margin-bottom:0 !important;
	font-size:min(4.2vw,18px) !important;
	border-top: unset !important;
	display: inline-block;
	text-align: center !important;
}

	section.sixth .payper {
		margin-top:2rem;
	}
	section.sixth dl {
		display:block;
		flex-wrap: wrap;
	}
	section.sixth dl dt {
		background-color: #303560 !important;
        color: #ffffff !important;
        margin-bottom: 0 !important;
        font-size: min(4.2vw, 18px) !important;
        border-top: unset !important;
		width:100%;
		display: flex;
        align-items: center;
        justify-content: center;
		min-height:60px;
	}
	section.sixth dl dd {
		width:100%;
		padding:1rem 2rem 1rem 2rem;
	}
	section.sixth dl dd span {
		font-size: min(3.5vw, 20px) !important;
        color: #000000 !important;
        font-weight: 700 !important;
        padding: 1rem 0 1rem !important;
	}	
}

.arrow-line,
.arrow-under,
.arrow-vertical {
	line-height: 0;
    display: block;
}
*/