@charset "utf-8";
/* ===============================================
# マージン
=============================================== */
.mt_00{margin-top:0px!important}.mt_05{margin-top:5px!important}.mt_10{margin-top:10px!important}.mt_15{margin-top:15px!important}.mt_20{margin-top:20px!important}.mt_25{margin-top:25px!important}.mt_30{margin-top:30px!important}.mt_35{margin-top:35px!important}.mt_40{margin-top:40px!important}.mt_45{margin-top:45px!important}.mt_50{margin-top:50px!important}.mt_55{margin-top:55px!important}.mt_60{margin-top:60px!important}.mt_70{margin-top:70px!important}.mt_75{margin-top:75px!important}.mt_80{margin-top:80px!important}.mt_85{margin-top:85px!important}.mt_90{margin-top:90px!important}.mt_95{margin-top:95px!important}.mt_100{margin-top:100px!important}.mb_00{margin-bottom:0px!important}.mb_05{margin-bottom:5px!important}.mb_10{margin-bottom:10px!important}.mb_15{margin-bottom:15px!important}.mb_20{margin-bottom:20px!important}.mb_25{margin-bottom:25px!important}.mb_30{margin-bottom:30px!important}.mb_35{margin-bottom:35px!important}.mb_40{margin-bottom:40px!important}.mb_45{margin-bottom:45px!important}.mb_50{margin-bottom:50px!important}.mb_55{margin-bottom:55px!important}.mb_60{margin-bottom:60px!important}.mb_70{margin-bottom:70px!important}.mb_75{margin-bottom:75px!important}.mb_80{margin-bottom:80px!important}.mb_85{margin-bottom:85px!important}.mb_90{margin-bottom:90px!important}.mb_95{margin-bottom:95px!important}.mb_100{margin-bottom:100px!important}.ml_05{margin-left:5px!important}.ml_10{margin-left:10px!important}.ml_15{margin-left:15px!important}.ml_20{margin-left:20px!important}.ml_25{margin-left:25px!important}.ml_30{margin-left:30px!important}.ml_35{margin-left:35px!important}.ml_40{margin-left:40px!important}.ml_45{margin-left:45px!important}.ml_50{margin-left:50px!important}.mr_05{margin-right:5px!important}.mr_10{margin-right:10px!important}.mr_15{margin-right:15px!important}.mr_20{margin-right:20px!important}.mr_25{margin-right:25px!important}.mr_30{margin-right:30px!important}.mr_35{margin-right:35px!important}.mr_40{margin-right:40px!important}.mr_45{margin-right:45px!important}.mr_50{margin-right:50px!important}
/* ===============================================
# 幅指定
=============================================== */
.width_05{width:5%}.width_10{width:10%}.width_15{width:15%}.width_20{width:20%}.width_25{width:25%}.width_28{width:28%}.width_30{width:30%}.width_35{width:35%}.width_40{width:40%}.width_45{width:45%}.width_50{width:50%}.width_55{width:55%}.width_60{width:60%}.width_65{width:65%}.width_70{width:70%}.width_75{width:75%}.width_80{width:80%}.width_85{width:85%}.width_90{width:90%}.width_95{width:95%}.width_100{width:100%}.width_1em{width:1em}.width_2em{width:2em}.width_3em{width:3em}.width_4em{width:4em}.width_5em{width:5em}.width_6em{width:6em}.width_7em{width:7em}.width_8em{width:8em}.width_9em{width:9em}.width_10em{width:10em}.width_11em{width:11em}.width_12em{width:12em}.width_13em{width:13em}.width_14em{width:14em}.width_15em{width:15em}.width_16em{width:16em}.width_17em{width:17em}.width_18em{width:18em}.width_19em{width:19em}.width_20em{width:20em}
@media all and (min-width :835px){
.width_05_pc{width:5%}.width_10_pc{width:10%}.width_15_pc{width:15%}.width_20_pc{width:20%}.width_25_pc{width:25%}.width_28_pc{width:28%}.width_30_pc{width:30%}.width_35_pc{width:35%}.width_40_pc{width:40%}.width_45_pc{width:45%}.width_50_pc{width:50%}.width_55_pc{width:55%}.width_60_pc{width:60%}.width_65_pc{width:65%}.width_70_pc{width:70%}.width_75_pc{width:75%}.width_80_pc{width:80%}.width_85_pc{width:85%}.width_90_pc{width:90%}.width_95_pc{width:95%}.width_100_pc{width:100%}
}
@media screen and (max-width :834px){
.width_05_sp{width:5%}.width_10_sp{width:10%}.width_15_sp{width:15%}.width_20_sp{width:20%}.width_25_sp{width:25%}.width_28_sp{width:28%}.width_30_sp{width:30%}.width_35_sp{width:35%}.width_40_sp{width:40%}.width_45_sp{width:45%}.width_50_sp{width:50%}.width_55_sp{width:55%}.width_60_sp{width:60%}.width_65_sp{width:65%}.width_70_sp{width:70%}.width_75_sp{width:75%}.width_80_sp{width:80%}.width_85_sp{width:85%}.width_90_sp{width:90%}.width_95_sp{width:95%}.width_100_sp{width:100%}
}
/* ===============================================
# フォント
=============================================== */
.fontMincho{
  font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝Pro", "Hiragino Mincho Pro", YuMincho, serif  !important;
}
*[lang="en"],.date,.tel{font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
.date{color: #063e8d;}
.txtCenter{
  text-align: center !important;
}
.txtLeft{
  text-align: left!important;
}
.txtRight{
  text-align: right!important;
}
.txtRed{
  color: #cc0000;
}
.txtBlue{
  color: #063e8d;
}
.txtBlue02{
  color: #004ea1;
}
.txtBold{
  font-weight: bold;
}
.txtWhite{
  color: #fff;
}
.font60{font-size: 60%;}
.font65{font-size: 65%;}
.font70{font-size: 70%;}
.font75{font-size: 75%;}
.font80{font-size: 80%;}
.font85{font-size: 85%;}
.font90{font-size: 90%;}
.font95{font-size: 95%;}
.font105{font-size: 105%;}
.font110{font-size: 110%;}
.font120{font-size: 120%;}
.font125{font-size: 125%;}
.font130{font-size: 130%;}
.font140{font-size: 140%;}
.font145{font-size: 145%;}
.font150{font-size: 150%;}
.font155{font-size: 155%;}
.font160{font-size: 160%;}
.font165{font-size: 165%;}

.main_contents .cmn_p+*{
  margin-top: 25px;
}
.main_contents .area_article p+*{
  margin-top: 25px;
}
/* ===============================================
# アイコン
=============================================== */
img[src*=".svg"].ico_blank{
  width: 10px;
  margin-left: 4px;
  vertical-align: text-top;
}
img[src*=".svg"].ico_file{
  width: 15px;
  margin-left: 5px;
  vertical-align: middle;
}
@media screen and (max-width :834px){
  img[src*=".svg"].ico_blank{
    width:8px;
    margin-left: 5px;
  }
  img[src*=".svg"].ico_file{
    width: 10px;
    margin-left: 5px;
  }  
}
/* ===============================================
# パンくず
=============================================== */
.cmn_topicpath{
  width: 100%;
  background-color: #fbf7eb;
  line-height: 1.2;
  padding: 14px 24px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #063e8d;
  align-items: center;
  font-weight: 700;
}
.cmn_topicpath a{
  color: #3b3b3b;
  text-decoration: none;
  font-weight: 400;
}
.cmn_topicpath li{
  float: left;
  margin-bottom: 3px;
  padding: 2px 0;
}
.cmn_topicpath li:first-child a{
  background: url(/ccte/common/img/ico_home.svg) no-repeat left center;
  background-size: 14px auto;
  padding-left: 28px;
}
.cmn_topicpath li:nth-child(n+2)::before{
  display: inline-block;
  content: '';
  width: 5px;
  height: 8px;
  background: url(/ccte/common/img/ico_arrow_b.svg) no-repeat center center;
  background-size: 100% auto;
  margin-right: 8px;
  margin-left: 8px;
}
.cmn_topicpath li:nth-child(n+2){
  text-indent: -21px;
  padding-left: 21px;
}

@media screen and (max-width :834px) {
  .cmn_topicpath{
    padding: 10px 20px;
    font-size: 10px;
    font-size: 1rem;
    overflow-x: auto;
  }
  .cmn_topicpath .inner{
    width: auto;
    word-break: keep-all;
    padding: 0 2.7%;
  }
  .cmn_topicpath li:first-child a{
    background-size: 9px auto;
    padding-left: 20px;
  }
  .cmn_topicpath li:nth-child(n+2)::before{
    width: 4px;
    height: 6px;
    margin-right:6px;
    margin-left: 6px;
  }  
}
/* ===============================================
# プロモ
=============================================== */
.cmn_area_promo{
  position: relative;
  padding-top: 278px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/ccte/common/img/img_promotion.jpg");
}
.cmn_area_promo .inner{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.cmn_area_promo h1{  
  text-align: center;
}
.cmn_area_promo h1 span{
  margin: 0 auto;  
  padding: 20px;  
  width: 476px;
  min-height: 150px;
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;  
  outline:solid 1px rgb(255,255,255);
  outline-offset: -16px;
  background-color:rgba(6,62,141,0.6);   
}
@media screen and (max-width :834px){
  .cmn_area_promo{
    padding-top: 39.74vw;
    background-image: url("/ccte/common/img/img_promotion_sp.jpg");
  }
  .cmn_area_promo h1 span{
    padding: 20px;  
    width: 310px;
    max-width: 90%;
    min-height: 90px;
    font-size: 20px;
    font-size: 2rem;
    outline-offset: -8px;
    background-color:rgba(6,62,141,0.6);   
  }  
}

/* ===============================================
# ボタン
=============================================== */
.cmn_btn+*{
  margin-top: 60px;
}
.cmn_btn{
  text-align: center;
}
.cmn_btn >*{
	display : -webkit-inline-box;
	display : -webkit-inline-flex;
	display : inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;  
  min-width: 268px;
  min-height: 65px;
  padding: 10px 24px;
  border: solid 1px #6a8bbb;
  background: #fff;
  color: #063e8d;
  font-weight: 700;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  text-decoration: none;
}
.cmn_btn:not(.type_flex) >*+*{
  margin-top: 20px;
}
.cmn_btn >* > span{
  display: block;
  width: 100%;
  padding: 0 25px 0 0;
  background: url("/ccte/common/img/ico_link_b.svg")no-repeat right center;
  background-size: 14px auto;
}
.cmn_btn >*.type_back > span{
  padding: 0 0 0 25px;
  background: url("/ccte/common/img/ico_link_b_back.svg")no-repeat left center;
  background-size: 14px auto;
}
.cmn_btn.pos_left{
  text-align: left;
}
.cmn_btn.type_flex{
  display:-webkit-box;
  display:flex;  
  -webkit-box-pack: center;
  justify-content: center; 
  grid-gap: 20px;
}
@media screen and (max-width :834px) {
  .cmn_btn+*{
    margin-top: 30px;
  }
  .cmn_btn >*{
    min-width: inherit;
    width: 77.6%;
    font-size: 13px;
    font-size: 1.3rem;
    min-height: 50px;
    padding: 10px 16px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  }
  .cmn_btn >* > span{
    padding: 0 15px 0 0;
    background-size: 10px auto;
  }
  .cmn_btn >*.type_back > span{
    padding: 0 0 0 15px;
    background-size: 10px auto;
  }
  .cmn_btn.type_flex{
    grid-gap: 20px 0px;
  }
  .cmn_btn.type_flex >*+*{
    border-left: none;
  }

}
/* ===============================================
# アイコン
=============================================== */
.cmn_ico_news{
  line-height: 1;
}
.cmn_ico_news span{
  display: inline-block;
  padding: 6px 10px 4px;
  background: #e59ab8;
  line-height: 1;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  clip-path: polygon(0 0, 100% 0,calc(100% - 2px) 12.5% ,100% 25%, calc(100% - 2px) 37.5%,100% 50%, calc(100% - 2px) 62.5%,100% 75%, calc(100% - 2px) 87.5%,100% 100%,
    0 100%, 2px 87.5%, 0 75%, 2px 62.5%,0 50%,2px 37.5%,0 25%,2px 12.5%);
}
.cmn_ico_news span+span{
  margin-left: 10px;
}
.cmn_ico_news .cate02{
  background-color: #6c93c8;
}
.cmn_ico_news .cate03{
  background-color: #d7bb69;
}
@media screen and (max-width :834px) {
  .cmn_ico_news span{
    font-size: 10px;
    font-size: 1rem;
  }  
}
/* ===============================================
# 見出し
=============================================== */
/*大見出し*/
.area_article h4+*,
.cmn_ttl01+*{
  margin-top: 40px;
}
.area_article h4,
.cmn_ttl01{
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.3;
}
.area_article h4::after,
.cmn_ttl01::after{
  content: '';
  display: block;
  margin-top: 20px;
  width: 60px;
  height: 5px;
  background: linear-gradient(90deg, #ba9716 0%, #ba9716 30%, #063e8d 30%, #063e8d 100%);
}
/*中見出し*/
.area_article h5+*,
.cmn_ttl02+*{
  margin-top: 30px;
}
.area_article h5,
.cmn_ttl02{
  padding: 18px 24px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  background: #fbf7eb;
  border-bottom: solid 2px #063e8d;
}
/*小見出し*/
.area_article h6+*,
.cmn_ttl03+*{
  margin-top: 20px;
}
.area_article h6,
.cmn_ttl03{
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #063e8d;
}
@media screen and (max-width :834px) {
  /*大見出し*/
  .area_article h4+*,
  .cmn_ttl01+*{
    margin-top: 30px;
  }
  .area_article h4,
  .cmn_ttl01{
    font-size: 19px;
    font-size: 1.9rem;
  }
  .area_article h4::after,
  .cmn_ttl01::after{
    margin-top: 10px;
    width: 40px;
    height: 4px;
  }
  /*中見出し*/
  .area_article h5+*,
  .cmn_ttl02+*{
    margin-top: 20px;
  }
  .area_article h5,
  .cmn_ttl02{
    padding: 10px 12px;
    font-size:17px;
    font-size: 1.7rem;
  }
  /*小見出し*/
  .area_article h6+*,
  .cmn_ttl03+*{
    margin-top: 15px;
  }
  .area_article h6,
  .cmn_ttl03{
    font-size: 16px;
    font-size: 1.6rem;
  }  
}
/* ===============================================
# 写真＋テキスト
=============================================== */
.cmn_textPhoto+*{
  margin-top: 60px;
}
.cmn_textPhoto {
	width: 100%;
	overflow:hidden;
}
.cmn_textPhoto figcaption{
  font-size: 14px;
  font-size: 1.4rem;
  color: #063e8d;
  margin-top: 10px;
  line-height: 1.3;
}

@media print,screen and (min-width : 835px){
  .cmn_textPhoto .photo{
    float: left;
    max-width: 49.2%;
    margin-right: 3.125%;
  }
  .cmn_textPhoto.right .photo{
    float: right;
    margin-right: 0;
    margin-left: 3.125%;
    }  
  .cmn_textPhoto::after{
    clear: both;
    content:'';
    display: block;
  }
  .cmn_textPhoto .text{
    overflow: hidden;
    zoom: 1;
  }
  
}
@media screen and (max-width :834px){
  .cmn_textPhoto+*{
    margin-top: 30px;
  }  
  .cmn_textPhoto{
    display: -webkit-box;
    display: -ms-flex;  
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  }
  .cmn_textPhoto .photo{
    float: none;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: center;
  }
  .cmn_textPhoto.right .photo{
    -webkit-box-ordinal-group:3;
	  -ms-flex-order:2;
	  order:2;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .cmn_textPhoto img{
    width: 100%;
  }
  .cmn_textPhoto.right img{
    -webkit-box-ordinal-group:2;
	  -ms-flex-order:1;
	  order:1;
  }
  .cmn_textPhoto figcaption{
    font-size: 10px;
    font-size: 1rem;
    margin-top: 5px;
    text-align: left;
  }  
}
/* ===============================================
# cmn_list_news
=============================================== */
.cmn_list_news li+li {
  background-image : radial-gradient(circle, #c9c9c9 1px, transparent 1px);
  background-size: 6px 2px;
  background-repeat: repeat-x;
  background-position: left top;  
}
.cmn_list_news li >*{
  display:-webkit-box;
  display:flex;
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 22px 0;
  text-decoration: none;
}
.cmn_list_news li .box_date{
  display:-webkit-box;
  display:flex;  
  -webkit-box-align: center;
  align-items: center;   
}
.cmn_list_news li .date{
  margin-right: 21px;
  line-height: 1;
}
.cmn_list_news li .ttl{
  -webkit-box-flex: 1;
  flex: 1;  
  margin-left: 20px;
  color: #000;
}
@media screen and (max-width :834px) {
  .cmn_list_news li >*{
    display: block;
    padding:12px 0 8px;
  }
  .cmn_list_news li .date{
    margin-right: 12px;
  }
  .cmn_list_news li .ttl{
    margin: 5px 0 0;
  }  
}
/* ===============================================
# リスト
=============================================== */
/*インデントのみ-----------------*/
.cmn_indent+*{
  margin-top: 25px;
}
.cmn_indent > *{
  margin-left: 1em;
  text-indent: -1em;
}
.cmn_indent.txt15 > *{
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.cmn_indent.txt2 > *{
  margin-left: 2em;
  text-indent: -2em;
}
.cmn_indent.txt25 > *{
  margin-left: 2.5em;
  text-indent: -2.5em;
}
.cmn_indent.txt3 > *{
  margin-left: 3em;
  text-indent: -3em;
}
.cmn_indent.txt4 > *{
  margin-left: 4em;
  text-indent: -4em;
}
@media screen and (max-width :834px){
}