@charset "utf-8";

/*****************************************************************************
 学習机シリーズ レスポンシブ用
******************************************************************************/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}									

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.sp{
	display: none;
}

#contents{
	text-align: left;
	margin:0 15px 50px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:14px;
	color:#333;
}

#contents a{
	text-decoration: none;
}

#contents a:hover{
	opacity:0.7;
}

#seriesTit{
	margin:13px -15px 50px;
	font-size:0;
	text-align: center;
}

#seriesTit .tit{
	width:320px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color:#FFF;
}

#seriesTit .tit h2{
	font-size:20px;
	font-weight: normal;
}

#seriesTit .tit p{
	font-size:20px;
	font-weight: bold;
}

#seriesTit figure{
	width:320px;
	display: inline-block;
	vertical-align: middle;
}

#seriesTit .tit h2 img,
#seriesTit figure img{
	width: 100%;
}

.sec{
	margin-bottom:60px;
}

.sec:last-child{
	margin-bottom:0;
}

.secTit{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	line-height:1;
	margin-bottom:40px;
}

.secTit .en{
	color:#0085A7;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
}

.secTit .en:before,
.secTit .en:after{
	content:"";
	width:40px;
	height:1px;
	display:inline-block;
	background-color:#0085A7;
	vertical-align:middle;
	margin:0 10px;
}

.settingCase{
	margin:40px 0;
}

.settingCase .img img,
.settingCase .img img{
	width:100%;
	height:auto;
}

.settingCase .text{
	text-align:center;
	margin:20px 0;
}

.settingCase .caseTit{
	text-align:center;
	color:#FFF;
	font-0size:18px;
	padding:10px;
	font-weight:normal;
}

.settingCase .itemTxt{
	margin-top:30px;
	text-align: center;
}

.settingCase .itemTxt dl{
	margin-bottom:5px;
}

.settingCase .itemTxt dt{
	font-weight: bold;
	display: inline-block;
	margin:0 5px;
}

.settingCase .itemTxt dd{
	display: inline-block;
	margin:0 5px;
}

.btnCatalog a{
	display: block;
	padding:68px 34px 68px 34px;
	position: relative;
}

.btnCatalog a .txt{
	width:50%;
	float:left;
	padding-left:44px;
	font-size:24px;
	border-right:dotted 1px #333;
}

.btnCatalog a .img{
	width:50%;
	float:right;
	text-align: center;
	display: block;
}

.btnCatalog a:before{
    position: absolute;
    top: 50%;
	margin-top:-6px;
    right: 20px;
    display: block;
    width: 12px;
    height: 12px; 
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}

.btnCatalog a .img img{
	margin:0 12px;
}


.btnWhite{
	text-align:center;
	font-size:16px;
}

.btnWhite a{
	display:block;
	color:#333;
	padding:10px;
	position:relative;
	border:solid 3px #EBEBEB;
}

.btnWhite a:after{
    position: absolute;
    top: 50%;
	margin-top:-4px;
    right: 3%;
    display: block;
    width: 8px;
    height: 8px; 
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}

.seriesShop{
	font-size:12px;
}

.seriesShop section{
	margin:0 auto 40px;
	max-width:576px;
}

.seriesShop section:last-child{
	margin-bottom:0;
}

.seriesShop figure{
	float:left;
	max-width:200px;
	width:35%;
}

.seriesShop figure img{
	width:100%;
}

.seriesShop .inner{
	margin-left:39%;
}

.seriesShop .placeTit{
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}

.seriesShop .btn{
	margin-top:10px;
}

.seriesVoice .lead{
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
	font-weight:normal;
}

.settingCase .item{
	border:solid 2px #EBEBEB;
}

.settingCase .item .btn{
	background:url(../../../images/pi_gakusyu/sp/common/bg_grid.gif);
	text-align:center;
	padding:15px;
	font-size:14px;
	position:relative;
	cursor: pointer;
}

.settingCase .item .btn:hover{
	opacity: .7;
}

.settingCase .item .btn:after{
    position: absolute;
    top: 50%;
	margin-top:-8px;
    right: 6%;
    display: block;
    width: 10px;
    height: 10px; 
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
	color:#0085A6;
}

.settingCase .item .btn.open:after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.settingCase .item ul{
	padding:2% 5%;
	display:none;
}

.settingCase .item ul li{
	display:table;
	width:100%;
	border-bottom:dotted 1px #EBEBEB;
	position:relative;
}

.settingCase .item ul li:after{
    position: absolute;
    top: 50%;
	margin-top:-4px;
    right: 2%;
    display: block;
    width: 10px;
    height: 10px; 
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
	color:#0085A6;
}

.settingCase .item ul li:last-child{
	border-bottom:none;
}

.settingCase .item ul li a{
	display:block;
}

.settingCase .item ul li figure{
	display:table-cell;
	width:130px;
	text-align:center;
	padding:10px;
}

.settingCase .item ul li p{
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
}

.settingCase .item ul li figure img{
	width:auto;
	height:auto;
	max-width:110px;
	max-height:76px;
}

.seriesVoice figure{
	margin-bottom:20px;
}

.seriesVoice .btn{
	margin-top:20px;
}

.btnWater{
	text-align:center;
	font-size:16px;
}

.btnWater a{
	display:block;
	background-color:#CDE2E9;
	color:#0085A8;
	padding:10px;
	position:relative;
}

.btnWater a:after{
    position: absolute;
    top: 50%;
	margin-top:-4px;
    right: 3%;
    display: block;
    width: 8px;
    height: 8px; 
    border-top: 2px solid #0085A8;
    border-right: 2px solid #0085A8;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}

.seriesLineUp ul{
	font-size:0;
	text-align:center;
}

.seriesLineUp li{
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	width:32%;
	margin:0 0.5% 20px;
}

.seriesLineUp li:nth-last-child(-n+3){
	margin-bottom:0;
}

.seriesLineUp li a{
	display:block;
}

.seriesLineUp li figure{
	margin-bottom:10px;
}

.seriesLineUp li figure img{
	max-width:100%;
	max-height:100%;
}

.seriesCordinate .slide{
	margin:0 -5.55% 20px;
}

.seriesCordinate ul li{
	margin:0 5px;
}

.seriesCordinate ul li img{
	width:287px;
}

/*****************************************************************************
 ボナシェルタ
******************************************************************************/

#buona_scelta #seriesTit{
	background: #a84f55;
}

#buona_scelta .secTit .en{
	color: #a84f55;
}

#buona_scelta .secTit .en:before, #buona_scelta .secTit .en:after{
	background-color: #a84f55;
}

#buona_scelta .settingCase .caseTit{
	background: #a84f55;
}

#buona_scelta .btnCatalog a{
	background-color: rgba(90,148,118,.2);
	color:#a84f55;
}

#buona_scelta .btnCatalog a .txt{
	border-color:#a84f55;
}

#buona_scelta .btnCatalog a:before{
	border-color:#a84f55;
}

#buona_scelta .settingCase .item .btn:after,
#buona_scelta .settingCase .item ul li:after{
    border-top: 1px solid #A84F55;
    border-right: 1px solid #A84F55;
}

#buona_scelta .seriesVoice .lead{
	color:#A84F55;
}

/*****************************************************************************
 ユーティリティプラス
******************************************************************************/

#utility_plus #seriesTit{
	background: #9c7647;
}

#utility_plus .secTit .en{
	color: #9c7647;
}

#utility_plus .secTit .en:before, #utility_plus .secTit .en:after{
	background-color: #9c7647;
}

#utility_plus .settingCase .caseTit{
	background: #9c7647;
}

#utility_plus .btnCatalog a{
	background-color: rgba(90,148,118,.2);
	color:#9c7647;
}

#utility_plus .btnCatalog a .txt{
	border-color:#9c7647;
}

#utility_plus .btnCatalog a:before{
	border-color:#9c7647;
}

#utility_plus .settingCase .item .btn:after,
#utility_plus .settingCase .item ul li:after{
    border-top: 1px solid #9c7647;
    border-right: 1px solid #9c7647;
}

#utility_plus .seriesVoice .lead{
	color:#9c7647;
}

/*****************************************************************************
 ピュアナチュール
******************************************************************************/

#pure_nature #seriesTit{
	background: #a9cb44;
}

#pure_nature .secTit .en{
	color: #a9cb44;
}

#pure_nature .secTit .en:before, #pure_nature .secTit .en:after{
	background-color: #a9cb44;
}

#pure_nature .settingCase .caseTit{
	background: #a9cb44;
}

#pure_nature .btnCatalog a{
	background-color: rgba(169,203,68,.2);
	color:#a9cb44;
}

#pure_nature .btnCatalog a .txt{
	border-color:#a9cb44;
}

#pure_nature .btnCatalog a:before{
	border-color:#a9cb44;
}

#pure_nature .settingCase .item .btn:after,
#pure_nature .settingCase .item ul li:after{
    border-top: 1px solid #a9cb44;
    border-right: 1px solid #a9cb44;
}

#pure_nature .seriesVoice .lead{
	color:#a9cb44;
}

/*****************************************************************************
 スパイオ
******************************************************************************/

#spaio_unit #seriesTit,
#spaio_kids #seriesTit{
	background: #4d447a;
}

#spaio_unit .secTit .en,
#spaio_kids .secTit .en{
	color: #4d447a;
}

#spaio_unit .secTit .en:before, #spaio_unit .secTit .en:after,
#spaio_kids .secTit .en:before, #spaio_kids .secTit .en:after{
	background-color: #4d447a;
}

#spaio_unit .settingCase .caseTit,
#spaio_kids .settingCase .caseTit{
	background: #4d447a;
}

#spaio_unit .btnCatalog a,
#spaio_kids .btnCatalog a{
	background-color: rgba(77,68,122,.2);
	color:#4d447a;
}

#spaio_unit .btnCatalog a .txt,
#spaio_kids .btnCatalog a .txt{
	border-color:#4d447a;
}

#spaio_unit .btnCatalog a:before,
#spaio_kids .btnCatalog a:before{
	border-color:#4d447a;
}

#spaio_unit .settingCase .item .btn:after,
#spaio_unit .settingCase .item ul li:after,
#spaio_kids .settingCase .item .btn:after,
#spaio_kids .settingCase .item ul li:after{
    border-top: 1px solid #4d447a;
    border-right: 1px solid #4d447a;
}

#spaio_unit .seriesVoice .lead,
#spaio_kids .seriesVoice .lead{
	color:#4d447a;
}

/*****************************************************************************
 コーディ
******************************************************************************/

#coordi #seriesTit{
	background: #4fb5e9;
}

#coordi .secTit .en{
	color: #4fb5e9;
}

#coordi .secTit .en:before, #coordi .secTit .en:after{
	background-color: #4fb5e9;
}

#coordi .settingCase .caseTit{
	background: #4fb5e9;
}

#coordi .btnCatalog a{
	background-color: rgba(79,181,233,.2);
	color:#4fb5e9;
}

#coordi .btnCatalog a .txt{
	border-color:#4fb5e9;
}

#coordi .btnCatalog a:before{
	border-color:#4fb5e9;
}

#coordi .settingCase .item .btn:after,
#coordi .settingCase .item ul li:after{
    border-top: 1px solid #4fb5e9;
    border-right: 1px solid #4fb5e9;
}

#coordi .seriesVoice .lead{
	color:#4fb5e9;
}

/*****************************************************************************
 レグノッタ
******************************************************************************/

#legnotta #seriesTit{
	background: #5A9476;
}

#legnotta .secTit .en{
	color: #5A9476;
}

#legnotta .secTit .en:before, #legnotta .secTit .en:after{
	background-color: #5A9476;
}

#legnotta .settingCase .caseTit{
	background: #5A9476;
}

#legnotta .btnCatalog a{
	background-color: rgba(90,148,118,.2);
	color:#5A9476;
}

#legnotta .btnCatalog a .txt{
	border-color:#5A9476;
}

#legnotta .btnCatalog a:before{
	border-color:#5A9476;
}

/*****************************************************************************
 カリーシル
******************************************************************************/

#cariesil #seriesTit{
	background: #C189A6;
}

#cariesil .secTit .en{
	color: #C189A6;
}

#cariesil .secTit .en:before, #cariesil .secTit .en:after{
	background-color: #C189A6;
}

#cariesil .settingCase .caseTit{
	background: #C189A6;
}

#cariesil .btnCatalog a{
	background-color: rgba(193,137,166,.2);
	color:#C189A6;
}

#cariesil .btnCatalog a .txt{
	border-color:#C189A6;
}

#cariesil .btnCatalog a:before{
	border-color:#C189A6;
}

/*****************************************************************************
 グランディ
******************************************************************************/

#grandy #seriesTit{
	background: #DBB200;
}

#grandy .secTit .en{
	color: #DBB200;
}

#grandy .secTit .en:before, #grandy .secTit .en:after{
	background-color: #DBB200;
}

#grandy .settingCase .caseTit{
	background: #DBB200;
}

#grandy .btnCatalog a{
	background-color: rgba(219,178,0,.2);
	color:#DBB200;
}

#grandy .btnCatalog a .txt{
	border-color:#DBB200;
}

#grandy .btnCatalog a:before{
	border-color:#DBB200;
}

/*****************************************************************************
 パーチャー
******************************************************************************/

#parture #seriesTit{
	background: #8C7B78;
}

#parture .secTit .en{
	color: #8C7B78;
}

#parture .secTit .en:before,
#parture .secTit .en:after{
	background-color: #8C7B78;
}

#parture .settingCase .caseTit{
	background: #8C7B78;
}

#parture .btnCatalog a{
	background-color: rgba(140,123,120,.2);
	color:#8C7B78;
}

#parture .btnCatalog a .txt{
	border-color:#8C7B78;
}

#parture .btnCatalog a:before{
	border-color:#8C7B78;
}

/*****************************************************************************
 クリアネル
******************************************************************************/

#clearnel #seriesTit{
	background: #7590A2;
}

#clearnel .secTit .en{
	color: #7590A2;
}

#clearnel .secTit .en:before, #clearnel .secTit .en:after{
	background-color: #7590A2;
}

#clearnel .settingCase .caseTit{
	background: #7590A2;
}

#clearnel .btnCatalog a{
	background-color: rgba(117,144,162,.2);
	color:#7590A2;
}

#clearnel .btnCatalog a .txt{
	border-color:#7590A2;
}

#clearnel .btnCatalog a:before{
	border-color:#7590A2;
}
/*****************************************************************************
ノルエット
******************************************************************************/

#nollett #seriesTit{
	background: #e08b61;
}

#nollett .secTit .en{
	color: #e08b61;
}

#nollett .secTit .en:before, #nollett .secTit .en:after{
	background-color: #e08b61;
}

#nollett .settingCase .caseTit{
	background: #e08b61;
}

#nollett .btnCatalog a{
	background-color: rgb(224 139 97 / 20%);
	color:#e08b61;
}

#nollett .btnCatalog a .txt{
	border-color:#e08b61;
}

#nollett .btnCatalog a:before{
	border-color:#e08b61;
}


/*****************************************************************************
 series item
******************************************************************************/

.seriesItemMain{
	margin-top: 30px;
}

.seriesItemMain .slider li{
	text-align: center;
}

.seriesItemMain .slider li img{
	max-width: 80%;
	margin: 0 auto;
	height: auto;
}

.seriesItemMain .slider li span{
	display: block;
	margin-top: 10px;
	color: #555;
}

.seriesItemMain .slick-arrow{
	width: 12px;
	height: 21px;
	text-indent: -9999px;
	background-size: 100% 100% !important;
	z-index: 10;
}

.seriesItemMain .slick-prev{
	background-image: url(../../../images/pi_gakusyu/sp/series/slide_prev.png) !important;
	left: 0;
}

.seriesItemMain .slick-next{
	background-image: url(../../../images/pi_gakusyu/sp/series/slide_next.png) !important;
	right: 0;
}

.seriesItemTit{
	margin: 50px 0 30px;
	line-height: 1.2;
	font-weight: normal;
}

.seriesItemTit .series{
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#buona_scelta .seriesItemTit .series{
	color: #A84F55;
}

#utility_plus .seriesItemTit .series{
	color: #9c7647;
}

.seriesItemTit .item{
	display: block;
	padding: 20px;
	font-size: 24px;
	background: #ecebea;
}

.seriesItemPrice{
	font-size: 24px;
	margin-bottom: 30px;
}

.seriesItemPrice .tax{
	font-size: 16px;
}

.seriesItemList{
	margin-bottom: 50px;
}

.seriesItemList section{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #EEE;
	padding-bottom: 15px;
	margin-bottom: 15px;
	align-items: center;
}

.seriesItemList section .content{
	flex: 1;
}

.seriesItemList section .tit{
	font-size: 18px;
}

.seriesItemList section .tit .color{
	margin-left: 10px;
}

.seriesItemList section .tit .color img{
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-top: -4px;
}

.seriesItemList section .btn a{
	border: 1px solid #DDD;
	display: block;
	border-radius: 5px;
	padding: 5px 10px;
}

.seriesItemSec > .tit{
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}

.seriesItemSec p:not(:last-child){
	margin-bottom: 1.5em;
}

.seriesItemSec .innerSec{
	margin: 40px 0;
}

.seriesItemSec .innerSec .innerTit{
	font-size: 20px;
	border-bottom: 1px solid #EEE;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.seriesItemSec .btnMore{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 50px;
}

.seriesItemSec .btnMore a{
	border: 1px solid #DDD;
	display: block;
	border-radius: 5px;
	padding: 10px 20px;
	position: relative;
}

.seriesItemSec .btnMore a:after{
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 6%;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
	-webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
	content: "";
}

.seriesItemSec .moreContent > *{
	display: none;
}

.seriesItemSec .innerSec .img{
	text-align: center;
}

.seriesItemSec .innerSec .img:not(:last-child){
	margin-bottom: 20px;
}

.seriesItemSec .innerSec .img img{
	max-width: 100%;
	margin: 0 auto;
}

.seriesItemSec .innerSec .experiment{
	border: 1px solid #EEE;
	padding: 20px;
	text-align: center;
}

.seriesItemSec .innerSec .experiment .experimentTit{
	font-size: 14px;
	margin-bottom: 20px;
}

.seriesItemSec .innerSec .youtube{
	position: relative;
	height: 0;
	padding-top: 56.25%;
}

.seriesItemSec .innerSec .youtube iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.seriesItemSec .innerSec .exampleTxt{
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1em;
}

.seriesItemSec .innerSec .exampleTxt:before{
	content:"●";
}

.seriesItemSec .innerSec .grow{
	margin: 0 20px 50px;
}

.seriesItemSec .innerSec .grow li{
	position: relative;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.seriesItemSec .innerSec .grow li:not(:last-child){
	margin-bottom:76px;
}

.seriesItemSec .innerSec .grow li:not(:last-child):after{
	content:"";
	display: block;
	border-top: 36px solid #d16565;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: -56px;
}

.seriesItemSec .innerSec .grow li div{
	width: 332px;
}

.seriesItemSec .innerSec .grow li .icon{
	position: absolute;
	left: -20px;
	top: -30px;
}

.seriesItemSec .innerSec .grow li .icon:nth-child(1){
}

.seriesItemSec .innerSec .grow li:nth-child(1) .icon img{
	width: 38px;
}

.seriesItemSec .innerSec .grow li:nth-child(2) .icon img{
	width: 46px;
}

.seriesItemSec .innerSec .grow li:nth-child(3) .icon img{
	width: 55px;
}

.seriesItemSec .innerSec .grow li:nth-child(4) .icon img{
	width: 46px;
}

.seriesItemSec .innerSec .grow li .age{
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 10px;
	font-size: 18px;
}

.seriesItemSec .innerSec .grow li:nth-child(1) .age{
	background: #f194a4;
}

.seriesItemSec .innerSec .grow li:nth-child(2) .age{
	background: #f7a455;
}

.seriesItemSec .innerSec .grow li:nth-child(3) .age{
	background: #90c77f;
}

.seriesItemSec .innerSec .grow li:nth-child(4) .age{
	background: #94afd7;
}

.seriesItemSec .innerSec .grow li dl{
	width: 528px;
}

.seriesItemSec .innerSec .grow li dl dt{
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
	padding-bottom: 5px;
}

.seriesItemSec .innerSec .grow li:nth-child(1) dl dt{
	color: #f194a4;
	border-bottom: 1px solid #f194a4;
}

.seriesItemSec .innerSec .grow li:nth-child(2) dl dt{
	color: #f7a455;
	border-bottom: 1px solid #f7a455;
}

.seriesItemSec .innerSec .grow li:nth-child(3) dl dt{
	color: #90c77f;
	border-bottom: 1px solid #90c77f;
}

.seriesItemSec .innerSec .grow li:nth-child(4) dl dt{
	color: #94afd7;
	border-bottom: 1px solid #94afd7;
}

.seriesItemSec .innerSec .mamadesk,
.seriesItemSec .innerSec .growup li{
	text-align: center;
	margin-top: 30px;
}

.seriesItemSec .innerSec .mamadesk li,
.seriesItemSec .innerSec .growup li{
	list-style-type: none;
	position: relative;
}

.seriesItemSec .innerSec .mamadesk li:not(:last-child),
.seriesItemSec .innerSec .growup li{
	margin-bottom:76px;
}

.seriesItemSec .innerSec .growup li:not(:last-child):after{
	content:"";
	display: block;
	border-top: 36px solid #d16565;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: -56px;
}

.seriesItemSec .innerSec .growup li:not(:last-child):after{
	content:"";
	display: block;
	border-top: 36px solid #86673E;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: -56px;
}

.seriesItemSec .innerSec .notes{
	border: 1px solid #F00;
	padding: 20px;
}

.seriesItemSec .innerSec .notes li{
	list-style-type: none;
	color: #F00;
	text-indent: -1em;
	margin-left: 1em;
}

.seriesItemSec .innerSec .linkList{
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	max-width: 640px;
	margin: -20px auto 0;
	justify-content: space-between;
}

.seriesItemSec .innerSec .linkList li{
	width: 48%;
	text-align: center;
	margin-top: 20px;
}

.seriesItemSec .innerSec .linkList li a{
	background: #ecebea;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: relative;
	border-radius: 10px;
	color: #333;
}

.seriesItemSec .innerSec .linkList li a:after{
	content:">";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -.7em;
	color: #333;
}

#related .secTit .en{
	color: #333;
}

#related .secTit .en:before, #related .secTit .en:after{
	background-color: #333;
}

.relatedTab{
	margin: 20px 0;
}

.relatedTab ul{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 5px solid #EEE;
}

.relatedTab ul li{
	list-style-type: none;
	margin-right: 2px;
}

.relatedTab ul li a{
	display: block;
	padding: 10px 20px 7px;
	transition: all .3s;
}

.relatedTab ul li a:hover{
	background: #EEE;
	opacity: 1 !important;
}

.relatedTab ul li.current a{
	background: #EEE;
	color: #333;
	cursor: inherit;
}

.seriesItemSec .innerSec .col2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.seriesItemSec .innerSec .col2:last-child{
	margin-bottom: 0;
}

.seriesItemSec .innerSec .col2 .half{
	width: 450px;
}

.seriesItemSec .innerSec .col2 .half img{
	width: 100%;
}

.col2Wrap{
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
}

.caseTit + .col2Wrap{
  margin-top: 0;
}

.col2Wrap .col2Content{
	width: 48%;
}

.col2Wrap .col2Content img{
	max-width: 100%;
}

.settingCase .col2Wrap .col2Content p.text,
.settingCase .col2Wrap .col2Content .itemTxt{
	text-align: left;
}

.settingCase .col2Wrap .col2Content p.text:first-child{
	margin-top: 0;
 }

.settingCase .caseTit + .col2Wrap .col2Content p.text{
  margin-top: 20px;
}


/*--
	navi

========================================================= */

/*****************************************************************************
 202207 ボタン追加
******************************************************************************/

.seriesItemList section.btn--wrap .btn a {
    text-align: center;
}
.secItem__btn__item {
    display: block;
    width: 100%;
    width: 300px;
    margin-left: 10px;
}
.seriesItemList section .btns {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    align-items: center;
}
.seriesItemList section .btn .secItem__btn__item .btn, 
.secItem__btn__item .btn {
    width: 100%;
    height: 48px;
    padding-right: 15px;
    line-height: 48px;
    border: 1px solid #3cb371;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
    text-decoration: none;
    color: #3cb371;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.2s;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 10px auto 12px; */
}
.secItem__btn__item .btn svg {
    margin: 0 10px 0 0;
    width: 20px;
    height: 19px;
}
.secItem__btn__item .btn:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 7px;
    border-color: transparent transparent transparent #3cb371;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all 0.2s;
}

/* navy */
.secItem__btn__item .btn--navy {
    background: #3B5998;
    color: #fff !important;
    border-color: #3B5998;
}
.secItem__btn__item .btn--navy:after {
    border-color: transparent transparent transparent #ffffff;
}
.secItem__btn__item .btn--navy:hover {
    background: #fff !important;
    color: #3B5998 !important;
    text-decoration:none !important;
}
.secItem__btn__item .btn--navy:hover:after {
    border-color: transparent transparent transparent #3B5998;
}
.secItem__btn__item .btn--navy svg .a,
.secItem__btn__item .btn--navy svg .b,
.secItem__btn__item .btn--navy svg .c,
.secItem__btn__item .btn--navy svg .e {
    fill: none;
}
.secItem__btn__item .btn--navy svg .a,
.secItem__btn__item .btn--navy svg .b,
.secItem__btn__item .btn--navy svg .c {
    stroke: #fff;
    stroke-width: 2px;
    transition: all 0.2s;
}

.secItem__btn__item .btn--navy svg .a {
    stroke-linecap: round;
}
.secItem__btn__item .btn--navy svg .a,
.secItem__btn__item .btn--navy svg .b {
    stroke-linejoin: round;
}

.secItem__btn__item .btn--navy svg .d {
    stroke: none;
}

.secItem__btn__item .btn--navy:hover svg .a,
.secItem__btn__item .btn--navy:hover svg .b,
.secItem__btn__item .btn--navy:hover svg .c {
    stroke: #3B5998;
}


/* green */
.secItem__btn__item .btn--green {
    background: #3cb371;
    color: #fff !important;
    border-color: #3cb371;
}
.secItem__btn__item .btn--green:after {
    border-color: transparent transparent transparent #ffffff;
}
.secItem__btn__item .btn--green:hover {
    background: #fff !important;
    color: #3cb371 !important;
    text-decoration: none !important;
}
.secItem__btn__item .btn--green:hover:after {
    border-color: transparent transparent transparent #3cb371;
}
.secItem__btn__item .btn--green svg .a,
.secItem__btn__item .btn--green svg .b,
.secItem__btn__item .btn--green svg .c,
.secItem__btn__item .btn--green svg .e {
    fill: none;
}
.secItem__btn__item .btn--green svg .a,
.secItem__btn__item .btn--green svg .b,
.secItem__btn__item .btn--green svg .c {
    stroke: #fff;
    stroke-width: 2px;
    transition: all 0.2s;
}

.secItem__btn__item .btn--green svg .a {
    stroke-linecap: round;
}
.secItem__btn__item .btn--green svg .a,
.secItem__btn__item .btn--green svg .b {
    stroke-linejoin: round;
}

.secItem__btn__item .btn--green svg .d {
    stroke: none;
}

.secItem__btn__item .btn--green:hover svg .a,
.secItem__btn__item .btn--green:hover svg .b,
.secItem__btn__item .btn--green:hover svg .c {
    stroke: #3cb371;
}

@media screen and (max-width: 640px) {
	.seriesItemList section.btn--wrap {	
	    align-items: flex-start;
	}
	/*
	.seriesItemList section.btn--wrap {
		display: block;
	}
	.seriesItemList section .btns {
		max-width: 350px;
		width: 100%;
	}
	*/
	.seriesItemList section.btn--wrap .content {
		width: 55%;
	}
	.seriesItemList section .btns {
		width: 45%;
		display: block;
	}
	.secItem__btn__item {
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}
	.seriesItemList section .btn .secItem__btn__item .btn, 
	.secItem__btn__item .btn{
		font-size: 14px;
		line-height: 1.3;
		text-align: left;
		padding: 10px 15px 10px 15px;
		height: inherit;
		margin-bottom: 0;
		justify-content: flex-start;
	}
	.secItem__btn__item .btn svg {
		margin: 0 10px 0 0;
		width: 24px;
		height: 22.5px;
	}
}
@media screen and (max-width: 460px) {
	.seriesItemList section .btn .secItem__btn__item .btn, 
	.secItem__btn__item .btn{
		font-size: 12px;
		font-size: 2.5vw;
		padding: 10px 15px 10px 10px;
	}
	.secItem__btn__item .btn svg {
		margin: 0 10px 0 0;
		width: 4.3vw;
		height: 4vw;
	}
	.secItem__btn__item .btn:after {
		border-width: 1.5vw 0 1.5vw 1.7vw;
		right: 7px;
	}

}
/*
@media screen and (max-width: 375px) {
	.seriesItemList section .btn .secItem__btn__item .btn, 
	.secItem__btn__item .btn{
		font-size: 11px;
		padding: 10px 10px 10px 5px;
	}
	.secItem__btn__item .btn svg {
		margin: 0 5px 0 0;
		width: 16px;
		height: 15px;
	}
	.secItem__btn__item .btn:after {
		border-width: 5.5px 0 5.5px 6px;
		right: 7px;
	}
}
@media screen and (max-width: 320px) {
	.secItem__btn__item .btn svg {
		margin: 0 5px 0 0;
		width: 12px;
		height: 11px;
	}
	.seriesItemList section .btn .secItem__btn__item .btn, 
	.secItem__btn__item .btn{
		font-size: 9px;
		padding: 10px 5px 10px 7px;
		justify-content: flex-start;
	}
	.secItem__btn__item .btn:after {
		border-width: 4.5px 0 4.5px 5px;
		right: 5px;
	}
}
*/
.ec_banner a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#c4e0a0;
	padding:0 4em;
}
.ec_banner a .ec_banner_text{
	position:relative;
	z-index:10;
	font-size:2.4rem;
	font-weight: 500;
	color:#383e31;
	padding-right: 2em;
}
.ec_banner a .ec_banner_text::after{
	position:absolute;
	z-index:10;
	display:inline-block;
	content:"";
	width:0.5em;
	height:0.5em;
	border-top:2px solid;
	border-right:2px solid;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	transform:rotate(45deg) skew(5deg,5deg);
}
.ec_banner a .ec_banner_image{
	height:212px;
}
.ec_banner a .ec_banner_image img{
	object-fit:cover;
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
}
.item_detail-wrap .item_detail-lead{
	text-align:center;
}
.item_detail-wrap .item_detail-box{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:0 4em;
}
.item_detail-wrap div:nth-child(n+2 of .item_detail-box){
	margin-top:2.5em;
}
.item_detail-wrap .item_detail-box:nth-child(odd) .item_detail-image{
	order:2;
}
.item_detail-wrap .item_detail-box .innerTit{
	width:100%;
}
.item_detail-wrap .item_detail-box .item_detail-image,
.item_detail-wrap .item_detail-box .item_detail-text{
	width:calc((100% - 4em) / 2);
}
.item_detail-wrap .item_detail-box .item_detail-text li{
	font-size:1.2rem;
	color:#FC0000;
	line-height:1.6;
	text-indent:-1em;
	padding-left:1em;
}
@media screen and (max-width: 640px) {
	.item_detail-wrap .item_detail-box{
		flex-direction:column;
		gap:0 4em;
	}
	.item_detail-wrap .item_detail-box .item_detail-image,
	.item_detail-wrap .item_detail-box .item_detail-text{
		width:100%;
	}
	.item_detail-wrap .item_detail-box .item_detail-text{
		margin-top:1em;
	}
}