@charset "utf-8";
/*-------------------サイトスタイル-----------------------*/
body{
color:#333333;
background:#ffffff;
}
a{
color:#4fbbe5;
}
 a:hover,
 a:active{
color:#7bd1f2;
}
 #footer .footer-body{
  background:#4fbbe5;
}
 #footer .footer-body a{
  color:#ffffff;
}
 #footer .footer-body a:hover{
  color:#7bd1f2;
}

/*-------------------余白の設定-----------------------*/
/* margin */
.m-ll{margin:120px!important;}
.mt-ll{margin-top:120px!important;}
.mb-ll{margin-bottom:120px!important;}
.ml-ll{margin-left:120px!important;}
.mr-ll{margin-right:120px!important;}
.m-l{margin:60px!important;}
.mt-l{margin-top:60px!important;}
.mb-l{margin-bottom:60px!important;}
.ml-l{margin-left:60px!important;}
.mr-l{margin-right:60px!important;}
.m-mm{margin:45px!important;}
.mt-mm{margin-top:45px!important;}
.mb-mm{margin-bottom:45px!important;}
.ml-mm{margin-left:45px!important;}
.mr-mm{margin-right:45px!important;}
.m-m{margin:30px!important;}
.mt-m{margin-top:30px!important;}
.mb-m{margin-bottom:30px!important;}
.ml-m{margin-left:30px!important;}
.mr-m{margin-right:30px!important;}
.m-s{margin:15px!important;}
.mt-s{margin-top:15px!important;}
.mb-s{margin-bottom:15px!important;}
.ml-s{margin-left:15px!important;}
.mr-s{margin-right:15px!important;}
.m-ss{margin:10px!important;}
.mt-ss{margin-top:10px!important;}
.mb-ss{margin-bottom:10px!important;}
.ml-ss{margin-left:10px!important;}
.mr-ss{margin-right:10px!important;}
/* padding */
.p-llp{padding:15%!important;}
.pt-llp{padding-top:15%!important;}
.pb-llp{padding-bottom:15%!important;}
.pl-llp{padding-left:15%!important;}
.pr-llp{padding-right:15%!important;}
.p-ll{padding:120px!important;}
.pt-ll{padding-top:120px!important;}
.pb-ll{padding-bottom:120px!important;}
.pl-ll{padding-left:120px!important;}
.pr-ll{padding-right:120px!important;}
.p-l{padding:60px!important;}
.p-lp{padding:10%!important;}
.pt-lp{padding-top:10%!important;}
.pb-lp{padding-bottom:10%!important;}
.pl-lp{padding-left:10%!important;}
.pr-lp{padding-right:10%!important;}
.pt-l{padding-top:60px!important;}
.pb-l{padding-bottom:60px!important;}
.pl-l{padding-left:60px!important;}
.pr-l{padding-right:60px!important;}
.p-mm{padding:45px!important;}
.p-mmp{padding:7%!important;}
.pt-mmp{padding-top:7%!important;}
.pb-mmp{padding-bottom:7%!important;}
.pl-mmp{padding-left:7%!important;}
.pr-mmp{padding-right:7%!important;}
.pt-mm{padding-top:45px!important;}
.pb-mm{padding-bottom:45px!important;}
.p-m{padding:30px!important;}
.p-mp{padding:5%!important;}
.pt-mp{padding-top:5%!important;}
.pb-mp{padding-bottom:5%!important;}
.pl-mp{padding-left:5%!important;}
.pr-mp{padding-right:5%!important;}
.pt-m{padding-top:30px!important;}
.pb-m{padding-bottom:30px!important;}
.pl-m{padding-left:30px!important;}
.pr-m{padding-right:30px!important;}
.p-s{padding:15px!important;}
.p-sp{padding:3%!important;}
.pt-sp{padding-top:3%!important;}
.pb-sp{padding-bottom:3%!important;}
.pl-sp{padding-left:3%!important;}
.pr-sp{padding-right:3%!important;}
.pt-s{padding-top:15px!important;}
.pb-s{padding-bottom:15px!important;}
.pl-s{padding-left:15px!important;}
.pr-s{padding-right:15px!important;}
.p-ss{padding:10px!important;}
.p-ssp{padding:1%!important;}
.pt-ssp{padding-top:1%!important;}
.pb-ssp{padding-bottom:1%!important;}
.pl-ssp{padding-left:1%!important;}
.pr-ssp{padding-right:1%!important;}
.pt-ss{padding-top:10px!important;}
.pb-ss{padding-bottom:10px!important;}
.pl-ss{padding-left:10px!important;}
.pr-ss{padding-right:10px!important;}

.archive .contents-main,
.single .contents-main,
.section-ll{
  padding-top:120px;
  padding-bottom:120px;
}
.section-l{
  padding-top:60px;
  padding-bottom:60px;
}
.section-mm{
  padding-top:45px;
  padding-bottom:45px;
}
.section-m{
  padding-top:30px;
  padding-bottom:30px;
}
.section-s{
  padding-top:15px;
  padding-bottom:15px;
}
.section-ss{
  padding-top:10px;
  padding-bottom:10px;
}
.btn-box{
  margin-top:30px;
}
.post-box h1{
  margin-top:60px;
  margin-bottom:45px;
}
.post-box h2{
  margin-top:45px;
  margin-bottom:30px;
}
.post-box h3{
  margin-top:45px;
  margin-bottom:30px;
}
.post-box h4{
  margin-top:30px;
  margin-bottom:15px;
}
.col-mb-m div[class*="col-"] {
  margin-bottom:30px;
}
.col-mb-s div[class*="col-"] {
  margin-bottom:15px;
}
.col-mb-ss div[class*="col-"] {
  margin-bottom:10px;
}

/*-------------------文字間・行間-----------------------*/
/*--bodyのスタイル--*/
body{
line-height:1.8;
letter-spacing:normal;
text-align:justify;
}
 p{
padding:0.5em 0;
}
 .lh-ll{
line-height:2.5!important;
}
 .lh-l{
line-height:2!important;
}
 .lh-mm{
line-height:1.8!important;
}
 .lh-m{
line-height:1.5!important;
}
 .lh-s{
line-height:1.3!important;
}
 .lh-ss{
line-height:1.1!important;
}
 .ls-l{
letter-spacing:3px!important;
}
 .ls-m{
letter-spacing:normal!important;
}
 .ls-s{
letter-spacing:-3px;!important;
}

/*-------------------書体-----------------------*/
body{
 	font-family: 'Noto Serif', 'Sawarabi Mincho', serif;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

/*-------------------文字サイズ-----------------------*/
body{font-size:16px;}
 h1{font-size:36px;}
 h2{font-size:28px;}
 h3{font-size:20px;}
 h4{font-size:16px;}
 .fs-ss{font-size:12px;}
 .fs-s{font-size:14px;}
 .fs-m{font-size:16px;}
 .fs-l{font-size:28px;}
 .fs-ll{font-size:36px;}
 .fs-3l{font-size:48px;}


/*-------------------リンクスタイル-----------------------*/
a{
  text-decoration:none;  
}
main p a{
  text-decoration:underline;
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){

/*-------------------コンテンツ幅-----------------------*/
.container{
  width:100%;
}

/*-------------------余白の設定-----------------------*/
.container,
.inner{
  padding-left:15px;
  padding-right:15px;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}
.m-ll{margin:calc(120px * 0.9)!important;}
.mt-ll{margin-top:calc(120px * 0.9)!important;}
.mb-ll{margin-bottom:calc(120px * 0.9)!important;}
.ml-ll{margin-left:calc(120px * 0.9)!important;}
.mr-ll{margin-right:calc(120px * 0.9)!important;}
.m-l{margin:calc(60px * 0.9)!important;}
.mt-l{margin-top:calc(60px * 0.9)!important;}
.mb-l{margin-bottom:calc(60px * 0.9)!important;}
.ml-l{margin-left:calc(60px * 0.9)!important;}
.mr-l{margin-right:calc(60px * 0.9)!important;}
.m-mm{margin:calc(45px * 0.9)!important;}
.mt-mm{margin-top:calc(45px * 0.9)!important;}
.mb-mm{margin-bottom:calc(45px * 0.9)!important;}
.ml-mm{margin-left:calc(45px * 0.9)!important;}
.mr-mm{margin-right:calc(45px * 0.9)!important;}
.m-m{margin:calc(30px * 0.9)!important;}
.mt-m{margin-top:calc(30px * 0.9)!important;}
.mb-m{margin-bottom:calc(30px * 0.9)!important;}
.ml-m{margin-left:calc(30px * 0.9)!important;}
.mt-m{margin-right:calc(30px * 0.9)!important;}
.m-s{margin:calc(15px * 0.9)!important;}
.mt-s{margin-top:calc(15px * 0.9)!important;}
.mb-s{margin-bottom:calc(15px * 0.9)!important;}
.ml-s{margin-left:calc(15px * 0.9)!important;}
.mr-s{margin-right:calc(15px * 0.9)!important;}
.m-ss{margin:calc(10px * 0.9)!important;}
.mt-ss{margin-top:calc(10px * 0.9)!important;}
.mb-ss{margin-bottom:calc(10px * 0.9)!important;}
.ml-ss{margin-left:calc(10px * 0.9)!important;}
.mr-ss{margin-right:calc(10px * 0.9)!important;}
/* padding */
.p-ll{padding:calc(120px * 0.9)!important;}
.pt-ll{padding-top:calc(120px * 0.9)!important;}
.pb-ll{padding-bottom:calc(120px * 0.9)!important;}
.pl-ll{padding-left:calc(120px * 0.9)!important;}
.pr-ll{padding-right:calc(120px * 0.9)!important;}
.p-l{padding:calc(60px * 0.9)!important;}
.pt-l{padding-top:calc(60px * 0.9)!important;}
.pb-l{padding-bottom:calc(60px * 0.9)!important;}
.pl-l{padding-left:calc(60px * 0.9)!important;}
.pr-l{padding-right:calc(60px * 0.9)!important;}
.p-mm{padding:calc(45px * 0.9)!important;}
.pt-mm{padding-top:calc(45px * 0.9)!important;}
.pb-mm{padding-bottom:calc(45px * 0.9)!important;}
.p-m{padding:calc(30px * 0.9)!important;}
.pt-m{padding-top:calc(30px * 0.9)!important;}
.pb-m{padding-bottom:calc(30px * 0.9)!important;}
.pl-m{padding-left:calc(30px * 0.9)!important;}
.pr-m{padding-right:calc(30px * 0.9)!important;}
.p-s{padding:calc(15px * 0.9)!important;}
.pt-s{padding-top:calc(15px * 0.9)!important;}
.pb-s{padding-bottom:calc(15px * 0.9)!important;}
.pl-s{padding-left:calc(15px * 0.9)!important;}
.pr-s{padding-right:calc(15px * 0.9)!important;}
.p-ss{padding:calc(10px * 0.9)!important;}
.pt-ss{padding-top:calc(10px * 0.9)!important;}
.pb-ss{padding-bottom:calc(10px * 0.9)!important;}
.pl-ss{padding-left:calc(10px * 0.9)!important;}
.pr-ss{padding-right:calc(10px * 0.9)!important;}

.archive .contents-main,
.single .contents-main,
.section-ll{
  padding-top:calc(120px * 0.9);
  padding-bottom:calc(120px * 0.9);
}
.section-l{
  padding-top:calc(60px * 0.9);
  padding-bottom:calc(60px * 0.9);
}
.section-mm{
  padding-top:calc(45px * 0.9);
  padding-bottom:calc(45px * 0.9);
}
.section-m{
  padding-top:calc(30px * 0.9);
  padding-bottom:calc(30px * 0.9);
}
.section-s{
  padding-top:calc(15px * 0.9);
  padding-bottom:calc(15px * 0.9);
}
.section-ss{
  padding-top:calc(10px * 0.9);
  padding-bottom:calc(10px * 0.9);
}
.btn-box{
  margin-top:calc(30px * 0.9);
}
.post-box h1{
  margin-top:calc(60px * 0.9);
  margin-bottom:calc(45px * 0.9);
}
.post-box h2{
  margin-top:calc(45px * 0.9);
  margin-bottom:calc(30px * 0.9);
}
.post-box h3{
  margin-top:calc(45px * 0.9);
  margin-bottom:calc(30px * 0.9);
}
.post-box h4{
  margin-top:calc(30px * 0.9);
  margin-bottom:calc(15px * 0.9);
}

.col-mb-m div[class*="col-"] {
  margin-bottom:calc(30px * 0.9);
}
.col-mb-s div[class*="col-"] {
  margin-bottom:calc(15px * 0.9);
}
.col-mb-ss div[class*="col-"] {
  margin-bottom:calc(10px * 0.9);
}


.narrow{
  width:100%;
}

/*----------*/
}
/*----------*/


/* 幅644px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

/*-------------------余白の設定-----------------------*/
.bodyStyle .column #contentsMain,
.bodyStyle .column #contentsLeft,
.bodyStyle .column #contentsRight  {
padding:15px;
}
/* margin */
.m-ll{margin:calc(120px * 0.7)!important;}
.mt-ll{margin-top:calc(120px * 0.7)!important;}
.mb-ll{margin-bottom:calc(120px * 0.7)!important;}
.ml-ll{margin-left:calc(120px * 0.7)!important;}
.mr-ll{margin-right:calc(120px * 0.7)!important;}
.m-l{margin:calc(60px * 0.7)!important;}
.mt-l{margin-top:calc(60px * 0.7)!important;}
.mb-l{margin-bottom:calc(60px * 0.7)!important;}
.ml-l{margin-left:calc(60px * 0.7)!important;}
.mr-l{margin-right:calc(60px * 0.7)!important;}
.m-mm{margin:calc(45px * 0.7)!important;}
.mt-mm{margin-top:calc(45px * 0.7)!important;}
.mb-mm{margin-bottom:calc(45px * 0.7)!important;}
.ml-mm{margin-left:calc(45px * 0.7)!important;}
.mr-mm{margin-right:calc(45px * 0.7)!important;}
.m-m{margin:calc(30px * 0.7)!important;}
.mt-m{margin-top:calc(30px * 0.7)!important;}
.mb-m{margin-bottom:calc(30px * 0.7)!important;}
.ml-m{margin-left:calc(30px * 0.7)!important;}
.mt-m{margin-right:calc(30px * 0.7)!important;}
.m-s{margin:calc(15px * 0.7)!important;}
.mt-s{margin-top:calc(15px * 0.7)!important;}
.mb-s{margin-bottom:calc(15px * 0.7)!important;}
.ml-s{margin-left:calc(15px * 0.7)!important;}
.mr-s{margin-right:calc(15px * 0.7)!important;}
.m-ss{margin:calc(10px * 0.7)!important;}
.mt-ss{margin-top:calc(10px * 0.7)!important;}
.mb-ss{margin-bottom:calc(10px * 0.7)!important;}
.ml-ss{margin-left:calc(10px * 0.7)!important;}
.mr-ss{margin-right:calc(10px * 0.7)!important;}
/* padding */
.p-ll{padding:calc(120px * 0.7)!important;}
.pt-ll{padding-top:calc(120px * 0.7)!important;}
.pb-ll{padding-bottom:calc(120px * 0.7)!important;}
.pl-ll{padding-left:calc(120px * 0.7)!important;}
.pr-ll{padding-right:calc(120px * 0.7)!important;}
.p-l{padding:calc(60px * 0.7)!important;}
.pt-l{padding-top:calc(60px * 0.7)!important;}
.pb-l{padding-bottom:calc(60px * 0.7)!important;}
.pl-l{padding-left:calc(60px * 0.7)!important;}
.pr-l{padding-right:calc(60px * 0.7)!important;}
.p-mm{padding:calc(45px * 0.7)!important;}
.pt-mm{padding-top:calc(45px * 0.7)!important;}
.pb-mm{padding-bottom:calc(45px * 0.7)!important;}
.p-m{padding:calc(30px * 0.7)!important;}
.pt-m{padding-top:calc(30px * 0.7)!important;}
.pb-m{padding-bottom:calc(30px * 0.7)!important;}
.pl-m{padding-left:calc(30px * 0.7)!important;}
.pr-m{padding-right:calc(30px * 0.7)!important;}
.p-s{padding:calc(15px * 0.7)!important;}
.pt-s{padding-top:calc(15px * 0.7)!important;}
.pb-s{padding-bottom:calc(15px * 0.7)!important;}
.pl-s{padding-left:calc(15px * 0.7)!important;}
.pr-s{padding-right:calc(15px * 0.7)!important;}
.p-ss{padding:calc(10px * 0.7)!important;}
.pt-ss{padding-top:calc(10px * 0.7)!important;}
.pb-ss{padding-bottom:calc(10px * 0.7)!important;}
.pl-ss{padding-left:calc(10px * 0.7)!important;}
.pr-ss{padding-right:calc(10px * 0.7)!important;}

.archive .contents-main,
.single .contents-main,
.section-ll{
  padding-top:calc(120px * 0.7);
  padding-bottom:calc(120px * 0.7);
}
.section-l{
  padding-top:calc(60px * 0.7);
  padding-bottom:calc(60px * 0.7);
}
.section-mm{
  padding-top:calc(45px * 0.7);
  padding-bottom:calc(45px * 0.7);
}
.section-m{
  padding-top:calc(30px * 0.7);
  padding-bottom:calc(30px * 0.7);
}
.section-s{
  padding-top:calc(15px * 0.7);
  padding-bottom:calc(15px * 0.7);
}
.section-ss{
  padding-top:calc(10px * 0.7);
  padding-bottom:calc(10px * 0.7);
}
.btn-box{
  margin-top:calc(30px * 0.7);
}
.post-box h1{
  margin-top:calc(60px * 0.7);
  margin-bottom:calc(45px * 0.7);
}
.post-box h2{
  margin-top:calc(45px * 0.7);
  margin-bottom:calc(30px * 0.7);
}
.post-box h3{
  margin-top:calc(45px * 0.7);
  margin-bottom:calc(30px * 0.7);
}
.post-box h4{
  margin-top:calc(30px * 0.7);
  margin-bottom:calc(15px * 0.7);
}

.col-mb-m div[class*="col-"] {
  margin-bottom:calc(30px * 0.7);
}
.col-mb-s div[class*="col-"] {
  margin-bottom:calc(15px * 0.7);
}
.col-mb-ss div[class*="col-"] {
  margin-bottom:calc(10px * 0.7);
}

/*-------------------文字サイズ-----------------------*/
body{font-size:16px;}
 h1{font-size:calc(36px*0.8);}
 h2{font-size:calc(28px*0.8);}
 h3{font-size:calc(20px*0.9);}
 h4{font-size:16px;}
 .fs-ss{font-size:12px;}
 .fs-s{font-size:14px;}
 .fs-m{font-size:16px;}
 .fs-mm{font-size:calc(20px*0.9);}
 .fs-l{font-size:calc(28px*0.8);}
 .fs-ll{font-size:calc(36px*0.8);}
 .fs-3l{font-size:calc(48px*0.8);}

/*-------------------ユーティリティ２-----------------------*/
ul.column-1-mobile li{width:100%;}
ul.column-2-mobile li{width:50%;}
ul.column-3-mobile li{width:33.333%;}
ul.column-4-mobile li{width:25%;}
ul.column-5-mobile li{width:20%;}


/*-------------------フリースタイル-----------------------*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    margin-bottom:15px;
}

/*----------*/
}
/*----------*/
/* 幅380px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 380px){


/*----------*/
}
/*----------*/