@charset "UTF-8";
/* CSS Document */
p{
	text-justify: inter-character;
}
/* background color */
.back-top{
	background-color: #70d0a3;
}
.back-top2{
	background-color: #373244;
}

.outer{
  position: relative;
	height: 300px;
	margin-top: 3rem;
}
.inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 320px) {
	.outer{
  position: relative;
	height: 210px;
	margin-top: 4rem;
}
}

/* アイコンの位置 */
.drawer--right.drawer-open .drawer-hamburger{
  right:0;
}

/* スマホメニュー */
.nav-content {
    background: #fff;
}

.nav-content ul {}

.nav-content ul ul li {
	margin-left: 1rem;
}

.nav-content ul li {
	line-height: 1;
}

.nav-content ul li a {
    text-align: left;
    display: block;
    padding: 15px 10px;
    /*border-bottom: 1px solid #eee;*/
    background: #fff;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    color: #000;
}

.nav-content ul li a img {
    filter: invert(100%);
    width: 27px;
}

.nav-content ul li:last-child a img {
    filter: invert(0%);
    width: 27px;
}

.nav-content ul li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sidebar {
    display: none;
}
.back_btn{
	width: 60px;
	height: auto;
}
.back_btn img{
	width: 100%;
	height: auto;
}
@media (max-width: 375px) {
.back_btn{
	width: 50px;
}
}
@media (min-width: 768px) {
.sidebar {
        width: 11rem;
        display: block;
        position: fixed;
        /*top: calc(50% - 200px);*/
	top:9rem;
        right: 0;
        z-index: 8;
        padding: 0;
    }
.sidebar li{
	margin-bottom: .3rem;
}
    .sidebar li a {
        padding: .5rem 0 .5rem 1rem;
        margin: 0;
        display: block;
        text-align: left;
		background-color: #000;
		border-top-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
		color: #fff;
		font-size: 12px;
    }
	.back_btn{
	width: 90px;
}
}

/* TOP */
.head-img{
	width: 100%;
	height: 40px;
	line-height:0;
	background-image: url('../images/topimg01.png');
	background-repeat: repeat-x;
	background-size: auto 100%;
}
.about-img{
	width: 100%;
	height: 25px;
	line-height:0;
	background-color: #373244;
	background-image: url('../images/topback_dot2.png');
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: bottom center;
}
@media (min-width: 768px) {
	.head-img{
	height: 80px;
	}
	.about-img{
	height: 25px;
}
}
@media (min-width: 1366px) {
	.head-img{
	height: 110px;
	}
	.about-img{
	height: 30px;
}
}
.head-img img{
	width: 100%;
	height: auto;
}
.headerblock{
	position: absolute;
	z-index: 8;
	width: 100%;
	padding: .7rem .7rem .7rem .7rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.spnav{
	background-color: #fff;
}
.logo{
	width:20%;
	max-width: 268px;
	height: auto;
}
.logo h1{
	display: inline-block;
}
.logo h1 img{
	width: 100%;
	height: auto;
}
.snsicon{
	width: 30px;
}
.icon{
	margin-bottom: .5rem;
}
.icon img{
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
	.headerblock{
		padding: 1.5rem 1rem 0 1.5rem;
}
	.spnav{
	background-color: rgba(255,255,255,0.00);
}
.logo{
}
.snsicon{
}
	.icon{
	margin-bottom: 1rem;
}
}

@media (min-width: 1024px) {
	.headerblock{
		padding: 2rem 3rem 0 3rem;
}
	.logo{
}
.snsicon{
	width: 51px;
}
}
@media (min-width: 1200px) {
	.headerblock{
		padding: 3rem 4rem 0 3rem;
}
	.logo{
}
.snsicon{
}
}



.logo2{
	width:13%;
	max-width: 84px;
	height: auto;
}
.logo2 h1{
	display: inline-block;
	line-height: .9;
}

@media (min-width: 768px) {
	.logo2{
	width:10%;
}
	.logo2 h1{
	display: inline-block;
	padding: 0;
	background-color: none;
}
}


ul.linkicon_block{
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 0;
	margin: 0 auto 0 auto;
	z-index: 9;
}
ul.linkicon_block > li{
    display: inline-block;
	position:relative;
	width: 30%;
	max-width: 292px;
	margin-bottom: 2rem;
}
ul.linkicon_block > li > a{
    display: block;
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2em;
}
ul.linkicon_block > li > span{
    margin-left: 1.2em;
}
ul.linkicon_block > li:hover > a{
    background-color: none;
    color: #444;
}
ul.linkicon_block > li img{
	width: 100%;
	height: auto;
}
/* Submenu */
 
ul.linkicon_block li ul{
	display: none;
    position: absolute;
	top:5rem;
	right: 1rem;
	background-color: #fff;
	border-radius: 1.5rem;
    padding: .5rem 1.5rem;
	white-space: nowrap;
	z-index: 10;
}
ul.linkicon_block li:hover ul{
    display: block;
}
ul.linkicon_block li ul li{
    display: block;
}
ul.linkicon_block li ul li a{
    background-color: #fff;
    color: #000;
}
ul.linkicon_block li ul li a:hover{
	 color: #666;
}
@media (min-width: 768px) {
	.outer{
	height: 520px;
	margin-top: 4.5rem;
}
	ul.linkicon_block > li{
	margin-bottom: 3rem;
}
}
@media (min-width: 1024px) {
	.outer{
	height: 600px;
	margin-top: 6rem;
}
	ul.linkicon_block > li{
	max-width: 300px;
	margin-bottom: 3rem;
}
}
@media (min-width: 1200px) {
	.outer{
	height: 700px;
	margin-top: 6rem;
}
	ul.linkicon_block > li{
	max-width: 350px;
	margin-bottom: 3rem;
}
	ul.linkicon_block li ul{
	top:6rem;
}
}



/* Footer*/ 
.footer-img{
	width: 100%;
	height: 25px;
	background-image: url("../images/topback_dot3.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}
.nose{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
@media (min-width: 1024px) {
	.footer-img{
	height: 30px;
}
}
@media (min-width: 1200px) {
		.footer-img{
	height: 37px;
}
}
.footer-dot{
	position: absolute;
	bottom: 0;
}

.footer_bk{
	background-image: url("../images/bk-footer.png");
	color: #000;
}
.footer_block{
	width: 100%;
	display: block;
	margin:0 auto;
	padding-top: 2rem;
}
.scroll_box{
	max-width: 698px;
	padding-bottom: .5rem;
	overflow-x: auto;
}
.scroll_box::-webkit-scrollbar {
  height: 8px; /* スクロールバーの高さ */
}
.scroll_box::-webkit-scrollbar-thumb {
  background: #66BC94; /* ツマミの色 */
  border-radius: 4px; /* ツマミ両端の丸み */
}
.scroll_box::-webkit-scrollbar-track {
  background: #70D0A3; /* トラックの色 */
  border-radius: 4px; /* トラック両端の丸み */
}
.footer_box{
	width: 698px;
	display: table;
	font-size: 10px;
	line-height: 1.3;
	margin:0 auto;
}
.footer_bkbox{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/footer_bkbox.svg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 167px;
	height: 150px;
}
.footer_linebox{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.footer_line{
	width: 10px;
	height: 5px;
	background-color:#ECEDD9;
	margin-top: 0px;
}
.footer_logo{
	display: inline-block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.footer_logo img{
	width: 100%;
	height: auto;
}
.footer_bkbox p{
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	padding-left: .5rem;
	line-height: 1.8;
}
.footer_bkbox p .footer_tit{
	font-size: 11px;
	font-weight: 600;
}
.copy{
	font-size: 10px;
	text-align: right;
	padding: 1rem .5rem;
}
.note{
	width: 90%;
	display: block;
	padding: 0;
	font-size: 10px;
	line-height: 1.3;
	text-align: left;
	margin: 1rem auto 0 auto;
}

ul.footer_nav{
	display: inline-block;
	margin: 0;
	padding: 0;
}
ul.footer_nav li{
	list-style: disc;
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
}
ul.footer_nav li a{
	color: #000;
}
.icon_box{
	display: inline-block;
	width: 50%;
}
.icon_block{
	display: flex;
	justify-content: center;
	margin: .8rem 0 0 0;
}
.icon_box2{
	display: inline-block;
	width: 30%;
}
.icon_box img{
	width: 100%;
	height: auto;
}
@media (min-width: 678px) {
.scroll_box{
	max-width:none;
}
}
@media (min-width: 1024px) {
	.footer_block{
	width: 95%;
	max-width: 1100px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin:0 auto;
	padding-top: 2rem;
}
	.note{
	width: 20%;
	display: inline-block;
	padding: 0 0 0 1rem;
	font-size: 10px;
	line-height: 1.3;
	margin: 0 auto;
}
}

/* Top Main */
.mainblock{
	position: relative;
	background-color: #373244;
	
}
.top-subtit{
	width: 40%;
	margin: 2rem auto 0 auto;
}
.top-subtit2{
	width: 60%;
	margin: 2rem auto 0 auto;
}
.top-subtit img, .top-subtit2 img {
	width: 100%;
	height: auto;
}
.shape_flex{
	width: 100%;
	display: block;
	justify-content: center;
	margin: 0 auto;
	padding: 1rem 0 2rem 0;
}
.shape_block{
	position: relative;
	background-image:none;
}
.shape1{
	display: block;
	width:90%;
	height: auto;
	/*background-image:url("../images/shape1.svg");*/
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-bottom: 2rem;
}
.shape1-1{
	width: 100%;
	height: auto;
	background-image:url("../images/shape1-2.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	aspect-ratio: 223 / 274;
}
.shape1-1_box{
	display: inline-block;
	width: 100%;
	padding: 3.8rem 4rem 5rem 2rem;
}
.shape1-1_box p{
	font-size: 12px;
	text-align: justify;
}
@media (min-width: 375px) {
	.shape1-1_box{
	padding: 4.5rem 6rem 5rem 3rem;
}
	.shape1-1_box p{
	font-size: 13px;
}
}
@media (min-width: 400px) {
	.shape1-1_box{
	padding: 5rem 6rem 5rem 3rem;
}
	.shape1-1_box p{
	font-size: 14px;
}
}
@media (min-width: 768px) {
	.shape1-1_box p{
	font-size: 14px;
}
}

.shape2{
	display: block;
	width:90%;
	height: auto;
	/*background-image:url("../images/shape2.svg");*/
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
}
.shape2-1{
	width: 100%; 
	height: auto;
	background-image:url("../images/shape2-2.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	aspect-ratio: 243 / 274;
}
.shape2-1_box{
	display: inline-block;
	width: 100%;
	padding: 4rem 1rem 6rem 3.5rem;
}
.shape2-1_box p{
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.shape2-1_box p a{
	color: #00B5AC;
}
.member{
	color: #00B5AC;
}
@media (min-width: 375px) {
	.shape2-1_box{
	padding: 4rem 3rem 6rem 5rem;
}
	.shape2-1_box p{
	font-size: 12px;
	letter-spacing: 0.1em;
		line-height: 1.8;
}
}
@media (min-width: 400px) {
	.shape2-1_box{
	padding: 4.5rem 3rem 10rem 6rem;
}
}

.katagaki{
	font-size: 90%;
}
.alphabet{
	font-size: 90%;
}

.shape_block2{
	background-image:none;
}
.shapeleft_block{
	display: inline-block;
	width:95%;
	margin: 0 auto;
}
.shape3{
	display: block;
	width:90%;
	height: auto;
	background-image:url("../images/shape3.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 auto 0 auto;
}
.shape3-1{
	width: 100%; 
	height: auto;
	background-image:url("../images/shape3-1.svg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	aspect-ratio: 177 / 145;
}
.shape3-1_box{
	display: inline-block;
	width: 95%;
	padding: 25% 0 20% 15%;
}
.shape3-1_box p{
	font-size: 12px;
	letter-spacing: 0.1em;
}
.shape4{
	display: block;
	width:90%;
	height: auto;
	background-image:url("../images/shape4.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 2rem auto 0 auto;
}
.shape4-1{
	width: 100%; 
	height: auto;
	background-image:url("../images/shape4-1.svg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	aspect-ratio: 187 / 148;
}
.shape4-1_box{
	display: inline-block;
	width: 100%;
	padding: 25% 0 20% 18%;
}
.shape4-1_box p{
	font-size: 12px;
	letter-spacing: 0.1em;
}
.shape5{
	display: block;
	width:90%;
	height: auto;
	background-image:url("../images/shape5.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 auto 0 auto;
}
.shape5-1{
	width: 100%; 
	height: auto;
	background-image:url("../images/shape5-2.svg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	aspect-ratio: 206 / 315;
}
.shape5-1_box{
	display: flex;
	width: 90%;
	padding: 6rem 0 3rem 2rem;
}
.box5_box{
	width: 49%;
}
.shape5-1_box p{
	font-size: 12px;
	letter-spacing: 0.1em;
}
@media (max-width: 375px) {
	.shape3{
	width:95%;
}
	.shape3-1_box{
	width:98%;
	padding: 5rem 0 3rem 3rem;
}
	.shape4{
	width:100%;
}
	.shape4-1_box{
	padding: 5.5rem 0 4rem 4rem;
}
	.shape5{
	width:95%;
}
	.shape5-1_box{
	padding: 5rem 0 3rem 1.5rem;
}
}
@media (max-width: 320px) {
	.shape3-1{
	background-image:url("../images/shape3-2.svg");
		aspect-ratio: 177 / 195;
}
	.shape3-1_box{
		width:92%;
	padding: 3.8rem 0 3rem 2rem;
}
	.shape4-1_box{
		padding: 4rem 0 3rem 3rem;
}
	.shape5-1{
	background-image:url("../images/shape5-3.svg");
		aspect-ratio: 206 / 375;
}
	.shape5-1_box{
	padding: 5rem 0 3rem 1rem;
}
}

.shape_block2 h3{
	font-size: 13px;
}
.shape_block2 h3.space_top{
	margin-top: 1rem;
}
.shape_block2 p{
	font-size: 12px;
}
.shape_block2 ul{
	font-size: 12px;
	margin: 0;
}
.shape_block2 ul li{
	list-style:disc;
	line-height: 2;
	margin: 0 0 0 1rem;
}

@media (min-width: 768px) {
	.shape_block{
	background-image:url("../images/shape_back1.svg");
	background-repeat: no-repeat;
	background-size:contain;
		background-position: center center;
}
	.shape_block2{
	background-image:url("../images/shape_back2.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
	.top-subtit{
		width: 30%;
	margin: 3rem auto 0 auto;
}
	.top-subtit2{
	width:40%;
	margin: 2rem auto 0 auto;
}
	.shape_flex{
	display: flex;
	justify-content: center;
	padding: 3rem 0 3rem 0;
}
	.shape1{
	width:53%;
	margin-left: 3%;
}
	.shape2{
	width:40%;
	margin-top: 16rem;
}
	.shape2-1_box{
	width: 88%;
	padding: 4rem 0 6rem 4rem;
}
	.shape2-1_box p{
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
	.shapeleft_block{
	width:45%;
	margin: 0;
}
	.shape3{
	width:100%;
		margin-left:0;
}
	.shape3-1{
	background-image:url("../images/shape3-1.svg");
		aspect-ratio: 177 / 145;
}
	.shape3-1_box{
	width: 95%;
	padding: 25% 0 12% 13%;
}
	.shape4{
	width:90%;
		margin-top: 5rem;
		margin-right: 5rem;
}
	.shape4-1{
	background-image:url("../images/shape4-1.svg");
		aspect-ratio: 187 / 148;
}
	.shape4-1_box{
	width: 100%;
	padding: 4rem 0 5rem 3rem;
}
	
	.shape5{
	width:45%;
	margin: 10rem 0 0 0;
}
	.shape5-1{
	background-image:url("../images/shape5-2.svg");
}
	.shape5-1_box{
	width: 90%;
	padding: 4.5rem 0 5rem 1.5rem;
}
}
@media (min-width: 1024px) {
	.shape1{
	width:48%;
	background-image:url("../images/shape1.svg");
}
	.shape1-1{
	background-image:url("../images/shape1-1.svg");
		aspect-ratio: 293 / 215;
}
	.shape1-1_box{
	padding: 4rem 8rem 8rem 4rem;
}
	.shape1-1_box p{
	font-size: 14px;
	text-align: justify;
}
	.shape2{
	width:40%;
	background-image:url("../images/shape2.svg");
	margin-top: 10rem;
		margin-left: 0;
}
	.shape2-1{
	background-image:url("../images/shape2-1.svg");
}
.shape2-1_box{
	width: 78%;
	padding: 4rem 0 5rem 7rem;
}
	.shape2-1_box p{
	line-height: 1.8;
}
	.shapeleft_block{
	width:40%;
	margin: 0;
}
	.shape3{
	width:85%;
		margin-left: 10%;
}
	.shape3-1{
	background-image:url("../images/shape3-1.svg");
		aspect-ratio: 177 / 145;
}
	.shape3-1_box{
	width: 95%;
	padding: 25% 0 20% 15%;
}
	.shape4{
		width:90%;
		margin-top: 3rem;
}
	.shape4-1{
	background-image:url("../images/shape4-1.svg");
		aspect-ratio: 187 / 148;
}
	.shape4-1_box{
	width: 100%;
	padding: 6rem 0 5rem 4.5rem;
}
	.shape5{
	width:38%;
	margin: 7rem 0 0 0;
}
	.shape5-1{
	background-image:url("../images/shape5-1.svg");
		aspect-ratio: 196 / 265;
}
	.shape5-1_box{
	padding: 20% 0 20% 8%;
}
}
@media (min-width: 1200px) {
	.shape1{
	width:40%;
		margin-left: 10%;
}
	.shape1-1_box{
	padding: 6rem 8rem 8rem 4rem;
}
	.shape2{
	width:33%;
	margin-top: 10rem;
		margin-left: 0;
}
	.shape2-1_box{
	width: 78%;
	padding: 6rem 0 5rem 8rem;
}
	.shape3{
	width:73%;
		margin-left: 15%;
}
	.shape4{
	width:74%;
		margin-right: 15%;
}
	.shape4-1_box{
	padding: 28% 0 20% 20%;
}
	.shape5{
	width:33%;
}
	.shape5-1_box{
	padding: 28% 0 30% 8%;
}
}


/* flow */
.back-flow{
	position: relative;
	background-image: url("../images/bk-flow.png");
	background-repeat:repeat-y;
	background-size: 100% auto;
}
.title_block{
	margin: 0 auto 0 auto;
	padding-top: 5rem;
	padding-bottom: 2rem;
	height: 42px;
}
.title_block h2 {
	text-align: center;
}
.title_block h2 img {
	height: 42px;
	width: auto;
}
.flow_block{
	width: 100%;
	padding: 3rem 0;
	background-image: none;
}
.flow_box{
	width: 300px;
	height: auto;
	aspect-ratio: 2 / 3;
	border-radius: 150px;
	background-color: #fff;
	text-align: center;
	padding: 7rem 3rem;
	margin: 0 auto;
}
.flow_box h3, .flow_box2 h3{
	display: inline-block;
	text-align: center;
	margin: 0 0 4rem 0;
}
.flow_box h3 img{
	width: auto;
	height: 60px;
}
.flow_box p{
	letter-spacing: 0.1em;
	/*font-feature-settings: "palt";*/
	text-align: justify;
}
.flow_box span{
	font-size: .9rem;
	font-weight: 600;
}
.flow_box2{
	display: block;
	height: 64px;
	width: 300px;
	border-radius: 32px;
	background-color: #fff;
	text-align: center;
	padding: 1.3rem 3rem 1.7rem 3rem;
	margin: 0 auto;
}
.flow_box2 h3 img{
	width: auto;
	height: 22px;
}
.flow_connect{
	width: auto;
	height: 54px;
	display: block;
	text-align: center;
	margin: -.2rem auto -.5rem auto;
}
.flow_connect img{
	width: auto;
	height: 54px;
}
@media (min-width: 768px) {
	.title_block{
	margin: 0 auto 0 auto;
	padding-top: 7rem;
	padding-bottom: 4rem;
	height: 63px;
}
	.title_block h2 img {
	height: 63px;
	width: auto;
}
	.flow_block{
	padding: 5rem 0;
		background-image: url("../images/bk-flow2.svg");
	background-size: contain;
	background-repeat:no-repeat;
		background-position: top center;
}
	.flow_box{
	width: 324px;
	height: auto;
	aspect-ratio: 2 / 3;
	border-radius: 162px;
	background-color: #fff;
	text-align: center;
	padding: 7rem 3rem;
	margin: 0 auto;
}
	.flow_box2{
	display: block;
	height: 64px;
	width: 324px;
	border-radius: 32px;
	background-color: #fff;
	text-align: center;
	padding: 1.3rem 3rem 1.7rem 3rem;
	margin: 0 auto;
}
}


/* work */
.work_content{
	position: relative;
	text-align: center;
	background-color: #fff;
}
.work_title_block{
	width: 100%;
	max-width: 518px;
	aspect-ratio: 259 / 190;
	margin: 0 auto .2rem auto;
	background-image: url("../images/work_tit_back.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.work_title_block h2{
	text-align: center;
	padding-top: 6rem;
}
.page-id-26 .work_title_block h2{
	padding-top: 4.5rem;
}
.work_title_block h2 img{
	width: 80%;
	max-width: 420px;
	height: auto;
}
@media (max-width: 375px) {
	.work_title_block h2 img{
	width: 70%;
}
}
.work_back{
	width: 100%;
	max-width: 518px;
	margin: 0 auto 0 auto;
	background-color: #EEEEEE;
}
.work_back2{
	background-color: #F9F9F9;
}
.work_block{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: solid #fff .2rem;
}
.work_item{
	width:50%;
}
.page-id-26 .work_item{
	padding: 2rem 1rem;
}
.work_item img{
	width:100%;
	height: auto;
}
.work_txt{
	width:50%;
	padding: 1rem;
	text-align: left;
}
.work_txt h3{
	font-size: 10px;
	margin-bottom: .5rem;
}
.work_txt p{
	font-size: 10px;
	text-align: justify;
}
.space_block{
	width: 100%;
	aspect-ratio: 2 / 1;
}
.btn{
	margin-top: 1rem;
}
.more{
	height: 10px;
	width: auto;
}
@media (min-width: 768px) {
	.work_item{
	width:55%;
}
	.work_txt{
	width:45%;
	padding: 3rem 1.5rem;
	text-align: left;
}
.work_txt h3{
	font-size: .9rem;
	margin-bottom: 1rem;
}
.work_txt p{
	font-size: 12px;
}
}

/* Work 詳細 */
.work_content2{
	position: relative;
	text-align: center;
	background-color: #D2F3EF;
	background-image: url("../images/bk-work.png");
	background-size: 100% auto;
}
.work_title_block2{
	width: 100%;
	max-width: 518px;
	/*aspect-ratio: 259 / 190;*/
	margin: 0 auto 0 auto;
	background-color: #fff;
	border: #ccc solid 1px;
	border-top: none;
}
.work_title_block2 .work_tit{
	width: 70%;
	max-width: 518px;
	aspect-ratio: 259 / 190;
	margin: 0 auto;
	padding: 5rem 0 5rem 0;
	text-align: left;
}
.work_title_block2 .work_tit h2{
	font-size: 1rem;
	margin-bottom: 1rem;
}
.work_title_block2 .work_tit p{
	font-size: 12px;
}
.work_detail_back{
	width: 100%;
	max-width: 518px;
	margin: 0 auto 0 auto;
	padding-top: 5rem;
	text-align: center;
	background-color: #fff;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
}
.work_box{
	width: 60%;
	margin: 0 auto 5rem auto;
}
.work_box p, .work_box2 p{
	text-align: left;
	margin-top: .3rem;
	font-size: 12px;
}
.work_box2{
	width: 90%;
	margin: 0 auto 5rem auto;
}
.work_box2 .imgbox{
	width: 100%;
	background-color: #EAEAEA;
	padding: 2rem;
	
}
.work_box img, .work_box2 .imgbox img{
	width: 100%;
	height: auto;
}

/* about */
.work_content3{
	text-align: center;
	background-image: url("../images/bk-about.png");
	background-size: 180% auto;
}
.about_space{
	height: 100px;
}
@media (min-width: 768px) {
	.work_content3{
	text-align: center;
	background-image: url("../images/bk-about.png");
	background-size: 100% auto;
}
	.about_space{
	height: 150px;
}
}
@media (min-width: 1024px) {
	.about_space{
	height: 180px;
}
}

.about_block{
	width: 90%;
	aspect-ratio: 139 / 252;
	background-image: url("../images/about_hiraga2.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto 7rem auto;
}
.about_block2{
	width: 85%;
	max-width: 705px;
	aspect-ratio: 139 / 147;
	background-image: url("../images/about_saida2.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto 7rem auto;
}
.about_box{
	padding: 21% 14% 25% 20%;
	text-align: left;
}
.about_box h2, .about_box2 h2{
	
}
.about_box h2 span, .about_box2 h2 span{
	font-size: 13px;
	margin-right: .5rem;
}
.about_box p{
	font-size: 14px;
	text-align: justify;
}
.about_box2 p{
	font-size: 14px;
	text-align: justify;
}
.about_box p br, .about_box2 p br{
	display: none;
}
.about_box p:first-of-type br, .about_box2 p:first-of-type br{
	display:inherit;
}
.about_box h3{
	font-size: 12px;
	font-weight: normal;
	margin-top: 1rem;
}
.about_box ul{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.about_box ul li{
	list-style: disc;
	margin-left: 1rem;
}
.about_box ul li::before{
		content: none;
	}
.about_box2{
	padding: 20% 10% 25% 20%;
	text-align: justify;
}
@media (max-width: 425px){
	.about_box{
	padding: 19% 13% 25% 20%;
}
	.about_box ul li{
	list-style: none;
		text-indent: -.8rem;
	margin-left: 1rem;
}
	.about_box ul li::before{
		content: "・";
	}
}
@media (max-width: 404px){
	.about_box{
	padding: 19% 12% 25% 19%;
}
	.about_box p{
	font-size: 13px;
}
	.about_box h3{
	font-size: 12px;
	margin-top: .5rem;
}
}
@media (max-width: 387px){
	.about_box{
	padding: 20% 13% 25% 18%;
}
	.about_box p, .about_box2 p{
	font-size: 12px;
		line-height: 1.6;
}
	.about_box h3{
	font-size: 11px;
	margin-top: .5rem;
}
	.about_box ul{
	font-size: 11px;
}
	.about_box2{
	padding: 20% 10% 25% 18%;
}
}
@media (max-width: 347px){
	.about_box{
	padding: 16% 10% 25% 18%;
}
	.about_box p, .about_box2 p{
	font-size: 12px;
		line-height: 1.6;
}
	.about_box h3{
	font-size: 10px;
	margin-top: .2rem;
}
	.about_box ul{
	font-size: 10px;
}
}

@media (min-width: 768px){
	.about_block{
	width: 90%;
	max-width: 804px;
	aspect-ratio: 800 / 671;
	background-image: url("../images/about_hiraga.svg");
}
.about_block2{
	width: 85%;
	max-width: 705px;
	aspect-ratio: 236 / 163;
	background-image: url("../images/about_saida.svg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto 7rem auto;
}
	.about_box{
	padding: 6% 0 25% 30%;
}
	.about_box2{
	padding: 20% 0 25% 30%;
}
	.about_box p br, .about_box2 p br{
	display: inherit;
}
	.about_box h3{
	font-size: 12px;
	font-weight: normal;
	margin-top: 1rem;
}
}
@media (min-width: 850px){
	.about_box{
	padding: 10% 0 25% 30%;
}
}


/* page */
.main-content{
	width: 100%;
	max-width: 700px;
	padding-top: 5rem;
	margin: 0 auto;
}
.page_content{
	width: 100%;
	max-width: 700px;
	padding-top: 5rem;
	margin: 0 auto;
}
.cont_block{
	width: 100%;
	max-width: 700px;
	padding-top: 7rem;
	padding-bottom: 7rem;
	text-align: center;
}
.soon{
	width: 80%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
	}