@charset "UTF-8";

/*--------------------------------------------------------
  
  01. forPC Layout
  
  02. forSP Layout

  03. forSP Layout (w320)

--------------------------------------------------------*/


/*---- reset ----*/ 

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.clr, .mc, .ms, .multi_section, .multi_column {
    display: inline-生徒;
    min-height: 1%;
}
.clr, .mc, .ms, .multi_section, .multi_column {
    display: block;
}

.lc {
    float: left;
}

.rc {
    float: right;
}



/********************************************************************************

  01. forPC Layout

********************************************************************************/

/* ----------------------------------
  PC　SP view divergence - utility
---------------------------------- */
.u-media-pc {
  display: block;
}
.u-media-sp {
  display: none;
}
.u-media-sp-w321 {
  display: none;
}

br.u-media-pc,
br.u-media-sp {
	font-size: 0;
}


#page_main {
    float: left;
    width: 100%;
    padding: 0 110px;
    font-size: 16px;
}

.data_content{
  position: relative;
  margin: 20px auto;
}

.data_content#section_top {
  /*padding: 20px 0 0 0;*/
}

.data_content h3{
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.data_content .sub_inner{
  display: none;
  width: 100%;
  margin: 0 0 25px
}

/* ----------------------------------------------------------------------
.data_feature_list
----------------------------------------------------------------------*/

.title.type01.type_border {
    overflow: hidden;
    margin: 0 160px 5px 0;
    min-height: 50px;
    width: 100%;
    background: #fff;
}

.type01_head {
    position: relative;
    float: left;
    margin-right: 20px;
    top: 5px;
}
.type01_head p {
  position: relative;
  padding: 2px 20px 10px 15px;
  background: #2f4c8b;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
}
.type01_head p:before, .type01_head p:after {
  content: '';
  position: absolute;
}
.type01_head p:after {
  top: 0px;
  right: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 20px 8px 20px 0;
}

.type01_content {
    float: left;
    width: calc(100% - 150px);
}
.type01_content p {
  margin: 10px 0 0;
  color: #000;
  font-size: 18px;
  font-weight: normal;
}

.data_content > a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1px;
    z-index: 5;
    width: 161px;
    padding: 1.4% 0 1.15% 0;
    min-height: 68px;
    border: 1px solid #07a0c3;
    background: #c8e6ef;
    font-size: 15px;
    line-height: 1.29;
    text-align: center;
}

.data_content_200213 .title.type01.type_border {
    border: 1px solid #07a0c3;
    background: #c8e6ef;
}

.data_content_200213 > a {
    border: 1px solid #b4b4b4;
    background: #fff;
}

.data_content .text {
    margin: 0 10px 0 0;
}

.data_content .image {
    position: absolute;
    right: 8px;
}

.data_content .image_obj {
  display: flex;
}

.data_feature_list{
  margin: 0 0 10px;
}

.data_feature_list02{
	width: 720px;
}

.data_feature_list_block{
  display: 生徒;
  min-height: 50px;
  width: 100%;
  /*background-color: #ffffff;*/
  margin: 0 0 10px 0;
}

.data_feature_list_block a{
  /*display: block;*/
  padding: 0;
}
#container .data_feature_list_block a:hover{
  text-decoration: none;
}

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

.data_feature_list_block .data_feature_list_foot{
  display: 生徒-cell;
  padding: 10px 10px 20px 25px;
  vertical-align: middle;
  line-height: 1;
}

.data_feature_list_block .data_feature_list_foot img{
	position: relative;
	top: 5px;
}

.data_feature_list_block .data_feature_file01,
.data_feature_list_block .data_feature_file02{
  width: 100px;
  font-size: 14px;
  display: inline-block;
  vertical-align:  middle;
  text-indent: -26px;
}

.data_feature_list_block .data_feature_file03{
  width: 200px;
  font-size: 14px;
  display: inline-block;
  vertical-align:  middle;
  text-indent: -26px;
}

.data_feature_list_head {
    position: relative;
    float: left;
    margin-right: 22px;
    top: 5px;
}
.data_feature_list_head p {
  position: relative;
  z-index: 5;
  padding: 4px 20px 8px 18px;
  background: #f97c9c;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
}
.data_feature_list_head p:before, .data_feature_list_head p:after {
  content: '';
  position: absolute;
}
.data_feature_list_head p:after {
  top: 0px;
  right: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 20px 8px 20px 0;
}

.data_feature_list_block .data_feature_list_content{
  float: left;
  text-align: left;
  padding: 12px 5px 9px 0;
  width: calc(100% - 150px);
  font-size: 16px;
  line-height: 1.4;
}

.data_feature_list_block .data_feature_title01{
  width: 635px;
  font-size: 16px;
  display: inline-block;
  vertical-align:  middle;
}

.data_feature_list_block .data_feature_title02{
  width: 365px;
  font-size: 16px;
  display: inline-block;
  vertical-align:  middle;
}

.data_feature_list_block .data_feature_title03{
  width: 500px;
  font-size: 16px;
  display: inline-block;
  vertical-align:  middle;
}

.data_feature_list_block .data_feature_title04{
  width: 275px;
}

.data_feature_list_block .data_feature_title05{
  width: 262px;
}

.data_feature_list_block .data_feature_title06{
  width: 680px;
}

.data_feature_list_block .data_feature_title07{
  width: 693px;
}

.data_feature_list_block .data_feature_title08{
  width: 430px;
}

.data_feature_list_block .data_feature_title09{
    width: 930px;
    margin: 4px 0 0;
    min-height: 35px;
    display: flex;
    align-items: center;
    line-height: 1.1;
}

.data_feature_list_block .image {
    position: relative;
    left: 15px;
}

.data_feature_line01{
	display: block;
	width: 700px;
  margin: 0 0;
	border:none;
	background: #fff;
}

.data_feature_line01:before{
	content: "";
	display: block;
	width: 96%;
	margin: 0 2%;
	border-top: 2px solid #eee;
}

.data_feature_line02{
	display: block;
    margin: 0 0;
	border:none;
	background: #fff;
}

.data_feature_line02:before{
	content: "";
	display: block;
	width: 96%;
	margin: 0 2%;
	border-top: 1px solid #c3c3c3;
}

.data_feature_line03{
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  margin: 0 0;
  border:none;
  background: #fff;
}

.data_feature_line03:before{
  content: "";
  display: block;
  width: 96%;
  margin: 0 2%;
  border-top: 2px solid #eee;
}

.data_feature_list_wrap{
  position: relative;
  background: #fff;
}

.data_feature_list_wrap .annual_block {
  position: absolute;
  padding: 9px 15px;
}

.data_feature_list_wrap .num_block {
  float: left;
  /*min-height: 114px;*/
  height: 114px;
  width: 90px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.num_block_pink{
  color: #e67878;
  font-size: 22px;
  font-weight: bold;
}

.data_feature_list_wrap .thumb_block {
  float: left;
  min-width: 170px;
  display: flex;
  justify-content: center;
}

.data_feature_list_wrap .thumb_block img{
  box-shadow: 0px 1px 3px #ccc;
}

.data_feature_list_wrap .thumb_block .thumb_block_in{
  padding: 7px 7px;
}

.data_feature_list_wrap_h27h31 .num_block {
  /*min-height: 193px;*/
  height: 193px;
}

.data_feature_list_wrap_h27h31 .thumb_block .thumb_block_in {
    padding: 47px 7px;
}

.data_feature_list_wrap_ulx3 .num_block {
  height: 172px;
}

.data_feature_list_wrap_ulx3 .thumb_block .thumb_block_in {
    padding: 36px 7px;
}

.data_feature_list_wrap_ulx4 .num_block {
  height: 231px;
}

.data_feature_list_wrap_ulx4 .thumb_block .thumb_block_in {
    padding: 66px 7px;
}

.data_feature_list_wrap_ulx1 .data_feature_list_block .data_feature_list_content {
    padding: 40px 5px 9px 25px;
}

.data_feature_list_wrap_ulx1 .data_feature_list_block .data_feature_list_foot {
    padding: 40px 10px 20px 25px;
}

.data_feature_list_wrap_ulx1 .data_feature_list_block .data_feature_title05 {
    width: 395px;
}

.data_feature_list_wrap_r2 .num_block {
  /*min-height: 172px;*/
  height: 172px;
}

.data_feature_list_wrap_r2 .thumb_block .thumb_block_in {
    padding: 37px 7px;
}

/* ＋、－アイコン */
.accordion_icon,
.accordion_icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.accordion_icon {
  position: relative;
  width: 50px;
  height: 50px;
  float: right;
  margin-right: 5px;
  top: 0;
}
.accordion_icon span {
  position: absolute;
  left: 6px;
  width: 50%;
  height: 2px;
  background-color: #aaa;
  border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
  top: 23px;
  transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
  top: 23px;
  transform: rotate(90deg);
}
/*＋、－切り替え*/
.active .accordion_icon span:nth-of-type(1) {
  transform: rotate(0deg);
}
.active .accordion_icon span:nth-of-type(2) {
  transform: rotate(180deg);
}

/* もっと見る */
.infoList {
    display: none; /* もっと見る 設置時に有効化 */
}
a.ico_pulldown.switchInfo{
    position: relative;
    display: block; /* もっと見る 設置時に有効化 */
    margin: 25px 400px 5px;
    padding: 3px 0 3px;
    width: 180px;
    border: 1px solid #b4b4b4;
    color: #6e6e6e;
    text-align: center;
}
a.ico_pulldown.switchInfo:after{
    content: "閉じる";
    font-size: 14px;
}
a.ico_pulldown.switchInfo.active:after{
    content: "過去の更新情報";
    font-size: 14px;
}
a.ico_pulldown.switchInfo span{
    position: absolute;
    display: block;
    height: 30px;
    top: 0;
    background-size: 12px auto;
}

.news_list .news_list_block {
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 0;
    margin: 0 0 5px 0;
    width: 980px;
    font-size: 16px;
}

#page_main .nav_row {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-right: 0px;
    margin-bottom: 0px;
    justify-content: space-between;
}

.btn_wrap.type_color_h27 {
    border: 1px solid #26972c;
    background-color: #d3e9d1;
}

.btn_wrap.type_color_h27 .btn {
    background-image: linear-gradient(to right, #d3e9d1, #d3e9d1);
    transition: none;
}

.normal .btn_wrap.type_color_h27 .btn:hover {
    color: #505050;
    background-size: 100% 100%;
}

.btn_wrap.type_color_h27 .flex-text > * {
    vertical-align: middle;
}

.col {
    width: 100%;
}

.lead{
    margin: 0 10em;
    padding: 0.3em;
    border: 1px solid #b4b4b4;
    color: #6e6e6e;
    word-break: normal;
    word-wrap: break-word;
}

table.standard_tbl {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
  border-spacing: 1px;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
  line-height: 1.5;
}
table.standard_tbl th {
  width: 28%;
  padding: 10px 1%;
  vertical-align: top;
  border: 1px solid #bfbfbf;
}
table.standard_tbl td {
  width: 68%;
  padding: 10px 1%;
  vertical-align: top;
  border: 1px solid #bfbfbf;
  border-bottom: none;
  text-align: left;
}


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

.u-bt-dot{border-top: 1px dotted #000;}

.u-intrinsic {
	display: block;
	position: relative;
	height: 0;
	width: 100%
 }

.u-intrinsic,.u-intrinsic--square {padding-top: 100%}

.u-intrinsic--4x3 {padding-top: 75%}

.u-intrinsic--16x9 {padding-top: 56.25%}

.u-intrinsic__item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
 }

.u-align-center {text-align: center}

.u-align-left {text-align: left}

.u-align-right {text-align: right}

.u-align-justify {text-align:justify; text-justify: inter-ideograph}

.u-font-large{font-size: 2rem;}

.u-font-middle{font-size: .9rem;}

.u-font-samll{font-size: .8rem;}

.u-font-semimiddle {
    font-size: .8em;
}

.u-lheight12 {line-height: 1.2em;}

.u-lspace-m030 {
    letter-spacing: -0.3em;
}

.u-clearfix:after {
	content: "";
	clear: both;
	display: block
 }

.u-m-auto {margin: auto;}

.u-ml-8per {margin-left: -8.5%!important}
.u-mr-8per {margin-right: -8.5%!important}
.u-ml-16per {margin-left: -16%!important}

.u-ml-30 {margin-left: -30px!important}
.u-ml-50 {margin-left: -50px!important}
.u-mt-20 {margin-top: -20px!important}
.u-mt-30 {margin-top: -30px!important}
.u-mt-60 {margin-top: -60px!important}

.u-ml0 {margin-left: 0px!important}
.u-mr0 {margin-right: 0px!important}
.u-ml5 {margin-left: 5px!important}
.u-mr5 {margin-right: 5px!important}
.u-ml10 {margin-left: 10px!important}
.u-mr10 {margin-right: 10px!important}
.u-ml15 {margin-left: 15px!important}
.u-mr15 {margin-right: 15px!important}
.u-ml20 {margin-left: 20px!important}
.u-mr20 {margin-right: 20px!important}
.u-ml25 {margin-left: 25px!important}
.u-mr25 {margin-right: 25px!important}
.u-ml30 {margin-left: 30px!important}
.u-mr30 {margin-right: 30px!important}
.u-ml35 {margin-left: 35px!important}
.u-mr35 {margin-right: 35px!important}
.u-ml45 {margin-left: 45px!important}
.u-mr45 {margin-right: 45px!important}
.u-ml55 {margin-left: 55px!important}
.u-mr55 {margin-right: 55px!important}
.u-ml60 {margin-left: 60px!important}
.u-mr60 {margin-right: 60px!important}
.u-ml65 {margin-left: 65px!important}
.u-mr65 {margin-right: 65px!important}
.u-ml110 {margin-left: 110px!important}
.u-mr110 {margin-right: 110px!important}
.u-ml135 {margin-left: 135px!important}
.u-mr135 {margin-right: 135px!important}

.u-mb-120 {margin-bottom: -120px!important}
.u-mb-80 {margin-bottom: -80px!important}
.u-mb0 {margin-bottom: 0!important}
.u-mt0 {margin-top: 0!important}
.u-mb5 {margin-bottom: 5px!important}
.u-mt5 {margin-top: 5px!important}
.u-mb10 {margin-bottom: 10px!important}
.u-mt10 {margin-top: 10px!important}
.u-mb15 {margin-bottom: 15px!important}
.u-mt15 {margin-top: 15px!important}
.u-mb20 {margin-bottom: 20px!important}
.u-mt20 {margin-top: 20px!important}
.u-mb25 {margin-bottom: 25px!important}
.u-mt25 {margin-top: 25px!important}
.u-mb30 {margin-bottom: 30px!important}
.u-mt30 {margin-top: 30px!important}
.u-mb35 {margin-bottom: 35px!important}
.u-mt35 {margin-top: 35px!important}
.u-mb40 {margin-bottom: 40px!important}
.u-mt40 {margin-top: 40px!important}
.u-mb45 {margin-bottom: 45px!important}
.u-mt45 {margin-top: 45px!important}
.u-mb50 {margin-bottom: 50px!important}
.u-mt50 {margin-top: 50px!important}
.u-mb55 {margin-bottom: 55px!important}
.u-mt55 {margin-top: 55px!important}
.u-mb60 {margin-bottom: 60px!important}
.u-mt60 {margin-top: 60px!important}
.u-mb65 {margin-bottom: 65px!important}
.u-mt65 {margin-top: 65px!important}
.u-mb70 {margin-bottom: 70px!important}
.u-mt70 {margin-top: 70px!important}
.u-mb75 {margin-bottom: 75px!important}
.u-mt75 {margin-top: 75px!important}
.u-mb80 {margin-bottom: 80px!important}
.u-mt80 {margin-top: 80px!important}
.u-mb85 {margin-bottom: 85px!important}
.u-mt85 {margin-top: 85px!important}
.u-mb90 {margin-bottom: 90px!important}
.u-mt90 {margin-top: 90px!important}
.u-mb95 {margin-bottom: 95px!important}
.u-mt95 {margin-top: 95px!important}
.u-mb100 {margin-bottom: 100px!important}
.u-mt100 {margin-top: 100px!important}
.u-mb115 {margin-bottom: 115px!important}
.u-mt115 {margin-top: 115px!important}
.u-mb140 {margin-bottom: 140px!important}
.u-mt140 {margin-top: 140px!important}

.u-pb0 {padding-bottom: 0!important}
.u-pt0 {padding-top: 0!important}
.u-pl0 {padding-left: 0!important}
.u-pb5 {padding-bottom: 5px!important}
.u-pt5 {padding-top: 5px!important}
.u-pb10 {padding-bottom: 10px!important}
.u-pt10 {padding-top: 10px!important}
.u-pb15 {padding-bottom: 15px!important}
.u-pt15 {padding-top: 15px!important}
.u-pb20 {padding-bottom: 20px!important}
.u-pt20 {padding-top: 20px!important}
.u-pb25 {padding-bottom: 25px!important}
.u-pt25 {padding-top: 25px!important}
.u-pb80 {padding-bottom: 80px!important}
.u-pt80 {padding-top: 80px!important}
.u-pb95 {padding-bottom: 95px!important}
.u-pt95 {padding-top: 95px!important}
.u-pb120 {padding-bottom: 120px!important}
.u-pt120 {padding-top: 120px!important}

.u-w290 {width: 290px !important;}
.u-w380 {width: 380px !important;}
.u-w660 {width: 660px !important;}
.u-w700 {width: 700px !important;}
.u-w750 {width: 750px !important;}
.u-w840 {width: 840px !important;}
.u-w890 {width: 890px !important;}
.u-w958 {width: 958px !important;}

.u-max-w460 {max-width: 460px !important;}








/********************************************************************************

  forTB Layout
    *横幅が767px以下の場合
  

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 1200px) {








}





/********************************************************************************

  02. forSP Layout
    *横幅が667px以下の場合
  

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 668px) {

/* ----------------------------------
  PC　SP view divergence - utility
---------------------------------- */
.u-media-pc {
  display: none;
}
.u-media-sp {
  display: block;
}
.u-media-sp-w321 {
  display: none;
}

html {min-width: 320px;}




#page_main {
    padding: 0;
    margin: 0 0 50px 0;
    width: auto;
    float: none;
}

.data_content .sub_inner {
    margin: 0 0 10px;
}

.title.type01.type_border {
    margin: 0 56px 10px 0;
    min-height: 37px;
}
.type01_head {
    margin-right: 20px;
}
.type01_head p {
    padding: 2px 15px 7px 14px;
    font-size: 21px;
}
.type01_head p:after {
    border-width: 15px 8px 15px 0;
}
.type01_content {
    width: calc(100% - 120px);
}
.type01_content p {
    margin: 10px 0 5px;
    font-size: 13px;
}

.data_content {
    margin: 10px auto;
}
.data_content > a {
    display: flex;
    align-items: center;
    width: 58px;
    padding: 0;
    min-height: 5.9em;
    font-size: 10px;
    line-height: 1.29;
}

#section_top.data_content > a {
    min-height: 8.15em;
}

.data_content .text {
    margin: 0;
}

.data_content .image {
    right: 3px;
}

.data_feature_list_head {
    margin-right: 20px;
}
.data_feature_list_head p {
    padding: 3px 15px 6px 16px;
    font-size: 21px;
}
.data_feature_list_head p:after {
    border-width: 15px 8px 15px 0;
}

.data_feature_list_block .data_feature_list_content {
    display: block;
    text-align: left;
    vertical-align: middle;
    width: calc(100% - 92px);
    font-size: 17px;
    line-height: 1.4;
}

.data_feature_list02 {
    width: 100%;
}

.data_feature_list_block .data_feature_title01,
.data_feature_list_block .data_feature_title02,
.data_feature_list_block .data_feature_title03,
.data_feature_list_block .data_feature_title07,
.data_feature_list_block .data_feature_title08 {
    width: 100%;
}

.data_feature_list_block .data_feature_title09 {
    width: 100%;
    margin: 2px 0 0;
}

.data_feature_list_block .image {
    position: absolute;
    left: auto;
}

.data_feature_list_block .data_feature_list_foot {
    display: block;
    margin: 0 5%;
    padding: 10px 10px 20px 25px;
    vertical-align: middle;
    line-height: 1;
}

.data_feature_list_block .data_feature_title06{
    width: 100%;
    margin: 0 0 9px;
}

.data_feature_line01 {
    width: 100%;
}

.data_feature_list_wrap .annual_block {
  position: relative;
  padding: 9px 15px 0;
}

.data_feature_list_wrap .num_block {
    /*min-height: 60px;*/
    height: 60px;
    width: 100%;
    justify-content: left;
    padding: 9px 5% 0;
}

.data_feature_list_wrap_ulx1 .data_feature_list_block .data_feature_list_content {
    padding: 9px 5% 0;
}

.data_feature_list_wrap_ulx1 .data_feature_list_block .data_feature_list_foot {
    padding: 10px 10px 20px 25px;
}

/* ＋、－アイコン */
.accordion_icon {
  position: relative;
  width: 37px;
  height: 37px;
  float: right;
  margin-right: 2px;
  top: -2px;
}
.accordion_icon span:nth-of-type(1) {
  top: 20px;
}
.accordion_icon span:nth-of-type(2) {
  top: 20px;
}

/* もっと見る */
.row_content .col {
  width: 100%;
}
.news_list .news_list_block {
    width: auto;
}
a.ico_pulldown.switchInfo {
    margin: 25px auto 5px;
    width: 100%;
}

.lead{
    margin: 0 auto;
}

table.standard_tbl {
  font-size: 12px;
}

.u-w25per_sp {width: 25% !important;}
.u-w50per_sp {width: 50% !important;}
.u-w98per_sp {width: 98% !important;}
.u-w100per_sp {width: 100% !important;}
.u-w116per_sp {width: 116% !important;}

.u-ml-20_sp {margin-left: -20px!important}
.u-mr-20_sp {margin-right: -20px!important}

.u-ml0_sp {margin-left: 0px!important}
.u-mr0_sp {margin-right: 0px!important}
.u-ml15_sp {margin-left: 15px!important}
.u-mr15_sp {margin-right: 15px!important}
.u-ml30_sp {margin-left: 30px!important}
.u-mr30_sp {margin-right: 30px!important}

.u-mb-30_sp {margin-bottom: -30px!important}
.u-mt-30_sp {margin-top: -30px!important}
.u-mb0_sp {margin-bottom: 0!important}
.u-mt0_sp {margin-top: 0!important}
.u-mb10_sp {margin-bottom: 10px!important}
.u-mt10_sp {margin-top: 10px!important}
.u-mb20_sp {margin-bottom: 20px!important}
.u-mt20_sp {margin-top: 20px!important}
.u-mb65_sp {margin-bottom: 65px!important}
.u-mt65_sp {margin-top: 65px!important}
.u-mb70_sp {margin-bottom: 70px!important}
.u-mt70_sp {margin-top: 70px!important}
.u-mb90_sp {margin-bottom: 90px!important}
.u-mt90_sp {margin-top: 90px!important}

.u-pb0_sp {padding-bottom: 0!important}
.u-pt0_sp {padding-top: 0!important}
.u-pb60_sp {padding-bottom: 60px!important}
.u-pt60_sp {padding-top: 60px!important}
.u-pb130_sp {padding-bottom: 130px!important}
.u-pt130_sp {padding-top: 130px!important}



}











/********************************************************************************

  03. forSP Layout
    *横幅が320px以下の場合
  

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 321px) {


/* ----------------------------------
  PC　SP view divergence - utility
---------------------------------- */
.u-media-sp-w321 {
  display: block;
}






}