@charset "utf-8";

/* ==========================================================================
   contents
   ========================================================================== */

.pagetitle{
	font-size:285%;
	line-height:1.2;
	margin-bottom:25px;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
}


.pageimg{
	margin-bottom:80px;
}
.pageimg img{
	max-width:100%;
}


section{
	margin-bottom:50px;
}
	
section p{
	margin-bottom:1.6em;
	line-height:1.8;
  font-size: 107.1428571429%;
}


.layout-title{
	font-size:35px;
	margin-bottom:30px;
}

@media screen and (max-width: 1019px) {
.pagetitle{
	font-size:200%;
}
.pageimg{
	margin-bottom:50px;
}
section{
	margin-bottom:35px;
}
section p{
  font-size: 100;
}
.layout-title{
	font-size:25px;
	margin-bottom:20px;
}


}



/*
===== text-group =====
*/

.text-gr h2{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
  font-size: 171.4285714286%;
	margin:15px 0;
}

.text-gr .img img{
	max-width:100%;
}
.text-gr .caption{
	margin-top:15px;
}


.text-gr.layout-img-r .text,
.text-gr.layout-img-l .text{
	max-width:480px;
}
.text-gr.layout-img-r .text{
	float:left;
}
.text-gr.layout-img-l .text{
	float:left;
}

.text-gr.layout-img-r .img{
	float:left;
}
.text-gr.layout-img-l .img{
	float:left;
}

.text-gr.layout-img-r .img,
.text-gr.layout-img-l .img{
	max-width:550px;
}

.text-gr.layout-img-r .caption{
	text-align:left;
}

@media (min-width: 768px) and (max-width: 1219px) {
.text-gr.layout-img-r .text,
.text-gr.layout-img-l .text,
.text-gr.layout-img-r .img,
.text-gr.layout-img-l .img{
	max-width:48%;
}

}

@media screen and (max-width: 767px) {
.text-gr.layout-img-r .text,
.text-gr.layout-img-l .text,
.text-gr.layout-img-r .img,
.text-gr.layout-img-l .img{
	width:auto;
	float:none;
	margin-bottom:20px;
	max-width:inherit;
}

.text-gr.layout-img-r .img,
.text-gr.layout-img-l .img{
	text-align:center;
}
.text-gr.layout-img-r .img .caption,
.text-gr.layout-img-l .img .caption{
	text-align:center;
}

}



/*
===== gray-frame-textbox =====
*/

.gray-frame-textbox{
	border-top:1px solid #D8D8D8;
	background:#F1F0F0;
	padding:20px 5.3%;
}

.gray-frame-textbox .inner{
	background:#;
	padding:40px 6%;

	box-shadow: 2px 1px 3px 0 rgba(30,30,30,0.1);

}

.gray-frame-textbox .inner h2{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
  font-size: 178.5714285714%;
	line-height:1.1;
	padding-left:15px;
	border-left:5px solid #7D85AB;
	margin-bottom:25px;
}


@media screen and (max-width: 767px) {
.gray-frame-textbox{
	padding:10px 3%;
}

.gray-frame-textbox .inner{
	padding:20px 3%;

}
.gray-frame-textbox .inner h2{
	font-size:140%;
	margin-bottom:15px;
}

}

/*
===== gray-box =====
*/

.gray-box{
	border-top:1px solid #D8D8D8;
	background:#F1F0F0;
	padding:45px 5.3% 30px 5.3%;
}
div.gray-box{
	margin-bottom:20px;
}
.gray-box:after{content: ""; display: block; clear: both;}
.oldie .gray-box{ zoom: 1; }

.gray-box h2{
	font-family: "TsukuGoPro-E";
  font-size: 142.8571428571%;
	margin-bottom:15px;
}
.gray-box.layout-img-l .text{
	overflow:hidden;
}

.gray-box .img{
	margin-bottom:20px;
}
.gray-box p:last-child{
        float:left;
	margin-bottom:0;
}

@media screen and (max-width: 767px) {
.gray-box{
	padding:25px 3% 15px 3%;
}
}


/* layout-img-l */

.gray-box.layout-img-l .img{
	float:left;
	margin-right:45px;
}
@media screen and (max-width: 767px) {
.gray-box.layout-img-l .img{
	max-width:40%;
	margin-right:25px;
}
}

/* layout-button */

.gray-box.layout-button h2{
	text-align:center;
}

.gray-box.layout-button ul:after{content: ""; display: block; clear: both;}
.oldie .gray-box.layout-button ul{ zoom: 1; }

.gray-box.layout-button li{
	float:left;
	width:48%;
	margin-bottom:15px;
}
.gray-box.layout-button li:nth-child(odd){
	clear:both;
}

.gray-box.layout-button li:nth-child(even){
	float:left;
}


.gray-box.layout-button li a{
	color:#fff;
	display:block;
	background:#7D85AB;
	padding:20px 10px;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;

}
.gray-box.layout-button li .name{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
  font-size: 142.8571428571%;
	margin-bottom:5px;
}

@media screen and (max-width: 767px) {
.gray-box.layout-button li{
	float:none!important;
	width:auto;
}
.gray-box.layout-button li a{
	padding:10px 2%;

}
.gray-box.layout-button li .name{
  font-size: 130%;
}

}

/*
===== three-column =====
*/

.three-column:after{content: ""; display: block; clear: both;}
.oldie .three-column{ zoom: 1; }

.three-column .gr{
	float:left;
	width:32%;
	margin-left:1%;
}

@media screen and (max-width: 767px) {
.three-column .gr{
	float:none;
	width:auto;
	margin:0 0 15px 0;
}


}


/*
===== two-column =====
*/

.two-column:after{content: ""; display: block; clear: both;}
.oldie .two-column{ zoom: 1; }

.two-column .group{
	float:left;
	width:48%;
	margin-right:1%;
}
.two-column .group:nth-child(odd){
	clear:both;
}
/*
.two-column .group:nth-child(even){
	float:none;
	width:auto;
	margin-right:0;
}
*/

@media screen and (max-width: 767px) {
.two-column .group{
	float:none;
	width:auto;
	margin:0 0 15px 0;
}

}


/*
===== text-group2 =====
*/

.text-group2 h2{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
        font-size: 118%;
	margin:0 0 10px 0;
        font-weight: 100;
}
.text-gr2 .img img{
	max-width:100%;
}
.text-gr2 .caption{
	margin-top:15px;
}


.text-gr2.layout-img-r .text,
.text-gr2.layout-img-l .text{
	overflow:hidden;
}

.text-gr2.layout-img-r .img{
	float:right;
	margin-left:60px;
}
.text-gr2.layout-img-l .img{
	float:left;
	margin-right:60px;
}

.text-gr2.layout-img-r .img,
.text-gr2.layout-img-l .img{
	max-width:300px;
}

.text-gr2.layout-img-r .caption{
	text-align:right;
}


.text-gr2 .gr{
	margin-bottom:30px;
}

@media (min-width: 768px) and (max-width: 1019px) {
.text-gr2.layout-img-r .img{
	margin-left:20px;
}
.text-gr2.layout-img-l .img{
	margin-right:20px;
}

}

@media screen and (max-width: 767px) {
.text-gr2.layout-img-r .text,
.text-gr2.layout-img-l .text,
.text-gr2.layout-img-r .img,
.text-gr2.layout-img-l .img{
	width:auto;
	float:none;
	margin:0 0 20px 0;
	max-width:inherit;
}

.text-gr2.layout-img-r .img,
.text-gr2.layout-img-l .img{
	text-align:center;
}
.text-gr2.layout-img-r .img .caption,
.text-gr2.layout-img-l .img .caption{
	text-align:center;
}

}



/*
===== blue-box =====
*/

.blue-box{
	border:1px solid #BEC2D5;
	background:#EFF1F5;
	padding:45px;
}

.blue-box h2{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
  font-size: 142.8571428571%;
	margin-bottom:25px;
}

@media screen and (max-width: 767px) {

.blue-box{
	padding:20px 3%;
}

.blue-box h2{
  font-size: 120%;
	margin-bottom:15px;
}


}

/* test-menu */


.test-menu .name{
  font-size: 114.2857142857%;
	margin-bottom:15px;
}

.test-menu th,
.test-menu td{
  font-size: 114.2857142857%;
	margin-bottom:15px;
	padding:0 15px 10px 0;
}
.test-menu th{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
}

/* test-sch */

.test-sch{
	position:relative;
  font-size: 114.2857142857%;
}

.test-sch dt{
	position:absolute;
	left:0;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
}
.test-sch dd{
	padding-left:120px;
	margin-bottom:30px;
}
.test-sch dd:last-child{
	margin-bottom:0;
}


.link-button{
	display:inline-block;
	color:#fff;
	background:#7D85AB;
	padding:5px 10px;
	border-radius: 5px;
	text-decoration:none;
	margin:0 10px;

}

.test-sch .link-button{
  font-size: 85.7142857143%;
}

@media screen and (max-width: 767px) {
.test-sch dt{
	position: relative;
	margin-bottom:5px;
}
.test-sch dd{
	padding-left:0px;
	margin-bottom:20px;
}
}



/* ==========================================================================
   02. parts
   ========================================================================== */

.word-list dt{
  font-size: 114.2857142857%;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
	margin-bottom:12px;
}
.word-list dd{
  font-size: 107.1428571429%;
	margin-bottom:15px;
	line-height:1.7;
}

.link-down{
	background:url(../img/compss.gif) left no-repeat;
	padding-left:18px;
}


.indent{
	margin-left:1em;
	text-indent:-1em;
}


.dot-list{
  font-size: 114.2857142857%;
}
.dot-list li{
	margin-bottom:3px;
}
.dot-list li:before{
	content:"・";
	display:inline-block;
}


.notes-list{
	margin-left:20px;
	margin-bottom: 20px;
}


/* message-block */

.message-block{
	margin-bottom:40px;
}
.message-block h2{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
  font-size: 142.8571428571%;
	margin:0 0 18px 0;
}
.message-block .info{
	border-top:1px solid #D8D8D8;
	background:#F1F0F0;
	padding:13px 20px;
}
/* voice-block */

.voice_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.voice_wrap .voice__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 49%;
  margin-bottom: 1em;
  border: solid 1px #2A2F5D;
  border-top: none;
  border-left: none;
}
.voice_wrap .voice__contents >:nth-child(4) {
  align-self: flex-end;
}
.voice_wrap .voice__contents .voice__img {
  width: 38%;
  margin-right: 2%;
  text-align: center;
}
.voice_wrap .voice__contents .voice__img img {
  width: 96%;
  height: auto;
  margin: 2% auto 0 auto;
}
.voice_wrap .voice__contents .voice__img .name {
  display: block;
  width: 96%;
  margin: -0.2em 2% 2% 2%;
  padding: 0.2em;
  box-sizing: border-box;
  background-color: #2A2F5D;
  color: #FFFFFF;
}
.voice_wrap .voice__contents .voice__text {
  width: 60%
}
.voice_wrap .voice__contents .voice__text .catch {
  color: #2A2F5D;
  margin: 2% 0 1% 0;
  font-size: 1.17em;
  width: 98%;
  margin-right: 2%;
}
.voice_wrap .voice__contents .voice__text .comment {
  margin-top: 0;
  width: 98%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.voice_wrap .voice__contents .profile {
  border-top: 1px solid #D8D8D8;
  background: #F1F0F0;
  padding: 13px 10px;
  width: 100%;
}
.voice_wrap .voice__contents .profile p {
  margin: 0;
}
.voice_wrap .voice__contents .profile span {
  display: inline-block;
  margin-right: 0.5em;
}

@media screen and (max-width: 767px) {
    .voice_wrap .voice__contents  {
      width: 100%;
    }
}



/* button-list */

.button-list::after{
	content: ""; display: block; clear: both;
}
.oldie .button-list{
	zoom: 1;
}

	
.button-list li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:20px;
}
.button-list li:nth-child(3n){
	margin-right:0;
}

.button-list li:nth-child(3n+1){
	clear:both;
}

.button-list li a{
	display:block;
	border:1px solid #BEC2D5;
	text-decoration:none;
	color:#60698b;
	text-align:center;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
	padding:16px 10px;
	border-radius: 5px;
  font-size: 128.5714285714%;
	background: linear-gradient(top, #FFFFFF, #EFF1F5);
	background: -ms-linear-gradient(top, #FFFFFF, #EFF1F5);
	background: -moz-linear-gradient(top, #FFFFFF, #EFF1F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFF1F5));
}
.button-list li a::before{
	width:14px;
	height:14px;
	display:inline-block;
	content:"";
	margin-right:5px;
}

@media (min-width: 768px) and (max-width: 1019px) {
.button-list li a{
	font-size:112%;
}
}

@media screen and (max-width: 767px) {
.button-list li{
	float: none;
	width: auto;
	margin-right:0%;
	margin-bottom:10px;
}
}


/* ==========================================================================
 table
   ========================================================================== */

.width10{width:10%!important;}
.width15{width:15%!important;}
.width20{width:20%!important;}
.width25{width:25%!important;}
.width30{width:30%!important;}
.width35{width:35%!important;}
.width40{width:40%!important;}
.width45{width:45%!important;}
.width50{width:50%!important;}
.width55{width:55%!important;}
.width60{width:60%!important;}
.width65{width:65%!important;}
.width70{width:70%!important;}
.width75{width:75%!important;}
.width80{width:80%!important;}
.width85{width:85%!important;}
.width90{width:90%!important;}
.width95{width:95%!important;}
.width100{width:100%!important;}


.table{
	margin-bottom:35px;
}

.table caption{
	text-align:left;
  font-size: 142.8571428571%;
	font-family: Meiryo, Meiryo-UI, "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;";
	color:#fff;
	background:#7D85AB;
	padding:10px 15px;

}


.table th,
.table td{
	padding:10px 25px;
  font-size: 114.2857142857%;
}


.table thead th{
	text-align:left;
  font-size: 142.8571428571%;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
	padding:35px 20px 20px 20px;
	border-bottom:1px solid #D8D8D8;
	font-weight:normal;
}

.table tbody th,
.table tbody td{
	border-bottom:1px dotted #D8D8D8;
}

.table .data-start th,
.table .data-start td{
	padding-top:35px;
}

.table .data-end th,
.table .data-end td{
	border-bottom:0;
}


.table .foot th,
.table .foot td{
	background:#EFF1F5;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
	border-bottom:0;
	border-top:1px solid #CED2E0;
}

.table .price{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
	text-align:right;
}
.table .foot .price{
  font-size: 142.8571428571%;
}

@media screen and (max-width: 767px) {
.table caption{
  font-size: 110%;
	padding:5px 10px;
}

.table th,
.table td{
	padding:5px 10px;
  font-size: 100%;
}

.table thead th{
  font-size: 110%;
	padding:20px 10px 10px 10px;
}

.table .data-start th,
.table .data-start td{
	padding-top:20px;
}
.table .foot .price{
	white-space:nowrap;
}

.table .foot .price{
  font-size: 110%;
}
}



/* other */

.table-normal td{
	padding:0 10px 5px 0;
}
.table-normal td img{
	vertical-align:middle;
}

.td-middle td,
.th-middle th{
	vertical-align:middle;
}



/* ==========================================================================
   追加
   ========================================================================== */
.tac {
	text-align: center;
}
.red {
	color: #e27272;
}

.text-group.layout-center {
	max-width: 640px;
	text-align: center;
	margin: 0 auto 50px;
}

.text-gr.layout-center .text{
	margin-top: 15px;
	text-align: left;
}

.text-gr.layout-center table {
	margin: 40px auto;
	text-align: left;
}

.text-gr.layout-center th,td {
}

.text-gr.layout-center th {
	vertical-align: middle;
	padding: 0 80px;
	font-size: 20px;
}

.text-gr.layout-center td p{
	margin-bottom: 4px;
}

.action-buttons {
	text-align: center;
	margin: 20px 0;
}
@media screen and (max-width: 767px) {
	.text-group.layout-center tr {
		display: block;
	}

	.text-group.layout-center table th{
		display: block;
		padding: 15px 0;
		margin: 0;
	}	
}

/* ==========================================================================
   アクセス
   ========================================================================== */

#access-p .text-group.layout-center {
    max-width: 800px;
    text-align: center;
    margin: 0 auto 50px;
}