@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
* {
	font-size: 18px;
}

header *,
footer * {
	font-size: 13px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {

	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 18px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

::selection {
	background: #fbad2c;
	color: #fff;
}

article,
aside,
footer,
header,
nav,
section,
main {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: inherit;
	outline: none;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}

video {
	max-width: 100%;
	height: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, sans-serif;
	font-size: inherit;
}

ul,
ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

th,
td {
	text-align: left;
	vertical-align: top;
}


blockquote,
q {
	quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
	content: "";
	content: none;
}

address {
	font-style: normal;
}

input,
textarea,
select {
	max-width: 100%;
}

/*-----------------------
/*clearfix
---------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 only */
.cf {
	*zoom: 1;
}

/*-----------------------
layout レイアウト
-----------------------*/
.l-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.l-row {
	display: flex;
	flex-wrap: wrap;
}

.l-section {
	padding: 80px 0 100px;
}

/*-----------------------
Utility
-----------------------*/
.sp {
	display: none;
}

.u-mb-1 {
	margin-bottom: 1em;
}

.u-mb-2 {
	margin-bottom: 2em;
}

.u-mb-3 {
	margin-bottom: 3em;
}

.u-mb-4 {
	margin-bottom: 4em;
}

.u-mb-5 {
	margin-bottom: 5em;
}

.u-mb-6 {
	margin-bottom: 6em;
}

.u-mb-8 {
	margin-bottom: 8em;
}

/*header調整*/

#head .g_nav {
	width: 330px;
	border: none;
}

#head .g_nav form {
	max-width: 100%;
	height: 50px;
	border-radius: 25px;
}

#head .g_nav form .textbox {
	height: 50px;
	padding-left: 50px;
	line-height: 50px;
}

#head .g_nav form .search_btn {
	right: auto;
	left: 0;
	width: 50px;
	height: 50px;
}

.g_nav {
	border-top: none;
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	#head #h_logo {
		padding: 13px;
		width: 260px;
		padding: 18px 10px;
	}

	#head .g_nav form .textbox {
		font-size: 11px;
		padding-left: 40px;
	}

	#head .g_nav {
		padding: 8px;
	}

	.g_nav form {
		margin-bottom: 3%;
		width: 100%;
	}

	#head .g_nav form .textbox {
		font-size: 11px;
		padding-left: 40px;
	}

		{
		height: 50px;
	}
}

/*-----------------------
freshman
-----------------------*/
.bg-square {
	background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/bg-square.svg);
	background-size: 20px;
}
.kv_re{
	background: #f8fbf2;
}
.kv_re .img {
   max-width: 1920px;
	margin: 0 auto;
}
.inner {
	max-width: calc(1060px + 10%);
	padding: 0 5%;
	margin: 0 auto;
	text-align: left;
}


.cssslide__list--left {
	animation: infinity-scroll-left 50s infinite linear 0.5s both;
}

@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.cssslide {
	display: -ms-grid;
	overflow: hidden;
}

.cssslide__wrap {
	display: flex;
	overflow: hidden;
	position: absolute;
	bottom: 0
}
@media screen and (max-width: 768px) {
	.cssslide__wrap {
	bottom: auto;
		top: 0
}
}

.cssslide__list {
	display: flex;
	list-style: none;
}

.cssslide__list--left {
	animation: infinity-scroll-left 50s infinite linear 0.5s both;
}

.cssslide__item {
	width: calc(100vw / 6);
	margin: 0 5px;
}

@media screen and (max-width: 768px) {
	.cssslide__item {
		width: calc(100vw / 3.2);
		margin: 0;
	}
}

.cssslide__item > img {
	width: 100%;
}


.art1{
	margin-bottom: 60px
}
.navarea {
	padding: 80px 0;
}
@media screen and (max-width: 768px) {
	.navarea {
	margin-top: 80px;
}
}
@media screen and (max-width: 530px) {
	.navarea {
	margin-top: 0;
}
}
.read {
	max-width: 970px;
	margin: 0 auto 80px;
	line-height: 2.3;
}

.nav-ttl-box {
	position: relative;
	width: 100%
}

.nav-ttl-wrap {
	background: #E3F3D1;
	font-size: 33px;
	border-radius: 20px;
	align-items: center;
	margin: 0 30% 90px 10%;
	padding: 1em 30px;
	position: relative;
}
.art1 .nav-ttl-wrap:after{
	content: "";
    position: absolute;
    background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/ico-01.png)no-repeat;
    position: absolute;
    top: 0;
    left: 0px;
    width: 120px;
    height: 100px;
    background-size: cover;
}
.art2 .nav-ttl-wrap:after{
	content: "";
    position: absolute;
    background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/ico-02.png)no-repeat;
    position: absolute;
    top: 0;
    left: 0px;
    width: 120px;
    height: 100px;
    background-size: cover;
}
.nav-ttl-wrap:before {
	content: "";
	position: absolute;
	top: 40%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #E3F3D1;

}
.art2 .nav-ttl-wrap:before {
	content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #E3F3D1;

}

.nav-ttl-wrap .ttl {
    font-weight: 600;
    margin-left: 20px;
    padding-left: 70px;
}
.art2 .nav-ttl-wrap{
	margin: 0 0 90px 47%;
}

.nav-ttl-box .ill {
	width: 25%;
	position: absolute;
	right: 0;
	bottom: -90px;
}
.art2 .nav-ttl-box .ill{
	width: 55%;
	position: absolute;
	left: 0;
	right: auto;
	bottom: -90px;
	z-index: 1
}

.index {
	border-radius: 20px;
	background: #fff;
	border: 3px solid #70C30F
}

.index dt {
	border-radius: 15px 15px 0 0;
	background: #70C30F;
	color: #fff;
	font-size: 25px;
	padding: 1em 2em;
	font-weight: bold;
}

.index dd,.c-accordion__content li {
	margin: 0 50px;
	border-bottom: 2px solid #70C30F;
	padding: 1em 0;
	position: relative;
}

.index dd a,.c-accordion__content li a {
	font-weight: bold;
	font-size: 22px;
	display: block;
	position: relative;
}

.index dd:last-child,.c-accordion__content li:last-child {
	border-bottom: none
}

.arrow_b {
	position: relative;
	width: 100%;
}

.index dd a:after,.c-accordion__content li a:after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	transform: rotate(45deg);
}
.arrow_b:after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0;
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	top: 50%;
	right: 29px;
	margin-top: -6px;
	transform: rotate(45deg);
}

/*アコーディオンパーツ*/
.c-accordion__content {
	display: none;
	border-right: 3px solid #70C30F;
	border-bottom: 3px solid #70C30F;
	border-left: 3px solid #70C30F;
	border-radius: 0 0 16px 16px;
	background: #fff;
	width: 100%
}
.anchorarea .c-accordion__content li a{
	color: #000!important;
}
.is-checked .c-accordion__content {
	display: block;

}


.c-accordion__title--arrow {
	padding: 0;
	position: absolute;
	right: 20px;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 5px
}

.c-accordion__title--arrow::after,
.c-accordion__title--arrow::before {
	position: absolute;
	content: "";
	display: block;
	transition: all 0.4s;
	background: #70C30F;
	right: 0;
	top: 50%;
	width: 13px;
	height: 2px;
	transform: translate(-50%, -50%);
}

.c-accordion__title--arrow:before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.c-accordion_title {
width: 100%;
	padding: 1em 1em 1em 2em;
}
.anchorarea >li{
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
	background: #70C30F;
	font-weight: bold;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	color: #fff;
	margin-bottom: 16px;
	transition: all .3s
}
.anchorarea >li:hover{
	background: #22821a
}
.anchorarea >li a{
		color: #fff!important;
}
.c-accordion_title:before{
    content: '';
    width: 67px;
    height: 79px;
    background: #22821a;
   border-radius: 0 3em 3em 0;
    position: absolute;
    left: -3px;
    top: -3px;
}
.is-checked .c-accordion_title:before{
background: #70C30F;
	    border-radius: 25px 3em 3em 5px;
}
.c-accordion_title:after{
	
}
.is-checked .c-accordion_title{
	border-radius: 15px 15px 0 0;
	background: #22821a
}
.case__ttl {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 700;
}

.case__summary {
	margin: 0;
	font-size: 14px;
	word-break: break-all;
	line-height: 1.5;
}

.c-accordion_title .c-accordion__img {
	width: 33.6%;
	height: 170px;
	border-radius: 10px 0 0 10px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-moz-transition: ease-in-out .3s;

}

.c-accordion_title .c-accordion__txt {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 5px 60px 5px 40px;
	position: relative;
}

.c-accordion__txt h3 {
	font-size: 25px;
	font-weight: bold;
}
.c-accordion__txt{
	position: relative;
}
.c-accordion__txt .icon{
	position: absolute;
    left: -20px;
    top: 6px;
	width: 25px
}
.is-checked .c-accordion_title .c-accordion__img {
	height: 450px;
	border-radius: 10px 10px 0 0;
}

.is-checked .case__summary {
	display: none;
}

.is-checked .c-accordion__title--arrow::before {
	transform: translate(-50%, -50%) rotate(0deg);
}
.num-list{
	counter-reset: count 0;
}
.num-list a{
	padding-left: 2em
}
.num-list li:before {
   content: "" counter(count);
    counter-increment: count 1;
    position: absolute;
    left: 0;
    background: #70c30e;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
}
.column{
	background: #E3F3D1;
	padding: 120px 0
}
.column .mainttl{
	display: block;
	text-align: center;
}
.column .mainttl span {
	color: #22821a;
	font-size: 40px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 80px;
	position: relative;
	text-align: center;
	display: inline-block;
}
.column .mainttl span:before{
	content: '';
	background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/ill-enpitsu.png)no-repeat;
	background-size: cover;
	    width: 80px;
    height: 73px;
	position: absolute;
	left: -95px;
	top: -20px
}
.column .mainttl span:after{
	content: '';
	background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/ill-hasami.png)no-repeat;
	background-size: cover;
	    width: 80px;
    height: 98px;
	position: absolute;
	right: -95px;
	top: -30px
}
.column-list{
	border-radius: 52px;
	background: #fff;
	padding: 80px 10%;
}
.column-list li{
	margin-bottom: 2em
}
.column-list li p{
	margin-bottom: 1em
}
.column-listttl {
		display: flex;
	align-items: center;
	margin-bottom: 1.6em
}
.column-listttl span{
	font-size: 30px;
	font-weight: bold;
}
.column-listttl .ico{
	color: #fff;
	background: #70C30F;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	margin-right: 10px
	
}
.column-list thead th{
	padding: .6em .6em .6em 1.6em;
	position: relative;
}
.column-list tbody td{
	padding: 1em .6em;
	position: relative;
	border-bottom: 1px solid #acacac;
}
.column-list tbody th{
	padding:  1em .6em 1em 1.6em;
	position: relative;
	border-bottom: 1px solid #acacac;
}
.column-list tbody th:before{
	content: '';
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #acacac;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 1.2em
}
.important li{
	margin-bottom: 50px
}
.important .ttl{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 1em;
	padding-bottom: .6em;
	border-bottom: 3px solid #70C30F
}
.iteminfo{
	padding-top: 40px
}
.iteminfoarea{
	padding: 120px 0
}
.category-box{
	border: 3px solid #22821a;
	border-radius: 20px;
	    background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/bg-square.svg);
    background-size: 20px;
	margin-bottom: 80px
}
.category-ttl{
	background: #22821a;
	border-radius: 10px 10px 0 0 ;
	color: #fff;
	font-size: 40px;
	text-align: center;
	padding: .8em;
	font-weight: bold;
	letter-spacing: 3px
}
.box-inner{
	padding: 40px 5%;
}
.advice{
	background: #FAFFC0;
	padding: 55px 5% 25px;
	position: relative;
	margin-bottom: 10px
}
.ico-serif{
	position: absolute;
	top: -20px;
	left: 50px;
	max-width: 342px
}
.advice-in{
	align-items: center;
}
.advice-in .ill{
	width: 25%;
}
.advice-in .txt{
	width: 70%;
	margin-left: 5%
}
.iteminfo-box{
	margin-bottom: 30px
}
.iteminfo-box-in{
	background: #EDF7E1;padding: 35px 45px;
}
.itemname{
	color: #fff;
	background: #70C30F;
	font-size: 25px;
	padding: .8em;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
}
.iteminfo-box-in .copy{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 1em
}
.iteminfo-box-in .img{
	max-width: 277px;
	width: 25%;
	padding: 10px;
	background: #fff;
}
.iteminfo-box-in .txt{
	width: 70%;
	margin-left: 5%;
}
.iteminfo-box-in .txt p{
	margin-bottom: 1em
}
.iteminfo-box-in .price{
	align-items: baseline;
}
.iteminfo-box-in .price span{
	font-size: 50px;
	font-weight: bold;
	font-family: 'Poppins'!important;
	font-weight: 700
}
.iteminfo-box-in .price .sub{
	font-size: 27px;
	font-weight: normal;
	position: relative;
	margin-left: 5px
}
.iteminfo-box-in .price .sub:after{
content: '税込';
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 12em;
	
}
.iteminfo-box-in .link{
	margin: 0 0 0 auto;
	text-align: right
}
.iteminfo-box-in .link a{
	color: #5faa08!important;
	font-weight: bold;
	font-size: 25px
}
.iteminfo-box-in .link a:hover{
	text-decoration: underline!important;
	color: #22821a!important;
}
.mainbtn{
	max-width: 80%;
	margin: 0 auto;
	min-width: 520px
}
.mainbtn a{
	color: #fff!important;
	font-size: 25px;
	text-align: center;
	padding: 1em;
	background: #FF9B26;
	font-weight: bold;
	width: 100%;
}
.message{
	background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/bg-sakura.jpg)no-repeat center center;
	background-size: cover;
	padding: 160px 0;
}
.message .ttl{
	font-size: 45px;
	color: #FF6AA0;
	line-height: 1.8;
	margin-bottom: 1em;
	text-align: center;
	font-weight: 700
}
.message .txt{
	text-align: center;
	line-height: 2.2
}
@media screen and (max-width: 768px) {
	* {
    font-size: 15px;
}
	body{
		overflow: hidden;
	}
	.sp {
		display: block;
	}

	.pc {
		display: none
	}
	.column .mainttl span{
		font-size: 20PX;
	}
	.index dt,.nav-ttl-wrap .ttl,.c-accordion__txt h3,.category-ttl,.mainbtn a,.column-listttl span{
		font-size: 18px;
	}
	.index dd a, .c-accordion__content li a,.important .ttl,.itemname,.iteminfo-box-in .copy{
		font-size: 15px;
	}
	.advice-in .txt,.iteminfo-box-in .txt p{
		font-size: 13px;
	}
	.navarea,.column,.iteminfoarea{
		padding: 60px 0
	}
	.index dd, .c-accordion__content li{
		margin: 0 5%
	}
	.read {
		margin: 0 auto 80px;}

	.mainbtn{
		min-width: auto;
		width: 100%;
		max-width: 100%;
	}
	.nav-ttl-wrap{
		    margin: 0 30% 29px 0;
    padding: 1em 10px;
	}
	.art1 .nav-ttl-wrap:after,.art2 .nav-ttl-wrap:after{
		width: 80px;
    height: 64px;
		top: 18px
	}
	.nav-ttl-wrap .ttl {
    font-weight: 600;
    margin-left: 20px;
    padding-left: 50px;
}
	.nav-ttl-box .ill {
    width: 30%;
    bottom: -30px;
}
	.art2 .nav-ttl-box .ill{
		bottom: -30px
	}
	.art2 .nav-ttl-wrap {
    margin: 0 0 30px 47%;
}
	.c-accordion__txt .icon {
    left: -12px;
    width: 20px;
}
	.c-accordion_title{
		padding: 0.5em 1em 0.5em 2em
	}
	.c-accordion_title:before {
    content: '';
    width: 62px;
    height: 46px;
    top: 0;
}
	.c-accordion__title--arrow{
		right: 0;
	}
	.anchorarea >li{
		margin-bottom: 10px
	}
	.arrow_b:after{
		right: 8px
	}
	.column .mainttl span:before {
    width: 60px;
    height: 53px;
    left: -63px;
}
	.column .mainttl span:after {
    width: 51px;
    height: 63px;
    right: -60PX;
    top: -23px;
}
	.column .mainttl span{
		margin-bottom: 30px
	}
	.column-list {
    border-radius: 22px;
    padding: 40px 5% 0;
}
	.column-list li:last-child{
		margin-bottom: 0
	}
	.advice-in {
    flex-direction: column;
    justify-content: center;
}
	.ico-serif {
    left: 36%;
    max-width: 192px;
}
	.advice {
		padding: 25px 5% 25px;
	margin-bottom: 0px}
	.advice-in .txt {
    width: 100%;
    margin-left: 0;
}
	.iteminfo-box-in{
		padding: 5%
	}
	.iteminfo-box-in .img{
		width: 80%;
		margin: 0 auto 10px
	}
.iteminfo-box-in .txt{
		width: 100%;
		margin: 0 auto 10px
	}
	.iteminfo-box-in .price{
		justify-content: flex-end
	}
	.iteminfo-box-in .price span{
		font-size: 36px;
	}
	.iteminfo-box-in .link {
    text-align: center;
}
	.iteminfo-box-in .link a {
    font-size: 18px;
    border: 2px solid #5faa08;
    padding: 0.5em 2em;
}
	.iteminfo-box{
		margin-bottom: 10px
	}
	.category-box{
		margin-bottom: 20px
	}
	.cssslide_sp{
		position: relative;
		height: 80px
	}
	.message {
    background: url(https://gigaplus.makeshop.jp/officeland/img/freshman/bg-sakura.jpg)no-repeat top left #f7fafd;
    background-size: 120%;
    padding: 70px 0;
}
	.message .ttl {
		font-size: 24px;}
	.message .txt {

    padding: 0 5%;
    font-size: 13px;
}
}


@media screen and (max-width: 480px) {
	.read {
		margin: 0 auto 20px;}
	
.art1 {
    margin-bottom: 20px;
}
}