@charset "utf-8";

.pc_show{
display: block;
}
.pc_hide{
display: none;
}


.cms-preview{
 display: none !important;
}

#seminerArea .tabs{
  display: none;
}

* {
padding: 0;
margin: 0;
}

.feed{
 display: none;
}

html {
height: 100%;
color: #555;
}

#gnavi ul li.pc_show{
display: block;
}
#gnavi ul li.pc_hide{
display: none;
}


body {
color#555;
background-color: #FFFFFF;
font-family: "Sawarabi Gothic";
word-wrap: break-word;
height: 100%;
}



blockquote {
    max-width: 500px;
    position: relative;
    padding: 3em 2.5em 2em 3.5em;
    color: #333333;
    background-color: #f2f2f2;
}

blockquote:before {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    width: 2em;
    height: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%232589d0'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.content blockquote p {
    margin: 0;
}

blockquote cite {
    display: block;
    color: #737373;
    font-size: .8em;
    text-align: right;
}

.font_mincho {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
font-family: 'Cormorant Garamond', serif;
}

section,
article {
display: block;
}

img {
vertical-align: top;
}

a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}

a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


li {
list-style-type: none;
}
#privacyArea li {
list-style-type: decimal;
}


a {
color: #00f;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
text-decoration: none;
}
a:hover {
color: #0099CC;
text-decoration: underline;
}

table {
border-collapse: collapse;
}
table td {
border-collapse: collapse;
}


.body table {
  width: 100%;
}

.body table th,
.body table td {
  border: 1px solid #4398b5;
  padding: 10px;
  text-align: left;
  font-size: 24px;
}

.body table th {
  background-color: #e6f9ff;
  font-weight: normal;
}


.clfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}

.flexbox{
	display: flex;
}
.left {
	width: 33%;
}
.right {
	width: 60%;
	clear: both;
	position: inherit;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: arial, sans-serif;
  font-size: 16px;
  color: #222;
  background-color: #fff;
}

ol,
ul,
dl {
  margin-bottom: 16px;
  padding-left: 32px;
}

li {
  font-size:24px;
}

/* clearfix
----------------------------------------------- */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}


/* CKEditor templates
----------------------------------------------- */
.temp1,
.temp2,
.temp3,
.temp4 {
  clear: both;
  margin-bottom: 20px;
}

.temp1 .thumb {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}

.temp1 ul,
.temp1 ol {
  display: inline-block;
  vertical-align: top;
}

.temp2 .thumb {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}

.temp3,
.temp4 {
  display: flex;
  justify-content: center;
}

.temp3 dl,
.temp4 dl {
  margin: 0 5px;
  padding: 0;
  vertical-align: bottom;
}

.temp3 dl {
  max-width: 48%;
}

.temp4 dl {
  max-width: 31%;
}

.temp3 dl dt,
.temp4 dl dt {
  margin-bottom: 10px;
  text-align: center;
}

.temp3 dl dd,
.temp4 dl dd {
  margin: 0;
  text-align: center;
}

table.temp5,
table.temp6 {
  margin-bottom: 30px;
}

.temp5 caption,
.temp6 caption {
  text-align: center;
}

.temp5 th,
.temp5 td,
.temp6 th,
.temp6 td {
  padding: 6px 10px;
  border: 1px solid #b3b3b3;
  text-align: center;
}

.adobeReader,
.temp7 {
  clear: both;
  margin: 0 0 20px;
  padding: 10px 20px 10px 196px;
  border: 1px solid #faa;
  background: #fff3f3 url("/_themes/images/adobe_bn.png") no-repeat 20px center;
}

.adobeReader p,
.temp7 p {
  margin: 0 0 10px;
}

#page-404 .contentPage ul{
  margin: 0 0 40px 0;
}
#page-404 .contentPage ul li{
 list-style-type: disc;
}




@media only screen and (max-width: 959px) {
  .temp1 .thumb,
  .temp2 .thumb {
    float: none;
    margin: 0 0 1rem;
    text-align: center;
  }

  .temp3,
  .temp4 {
    flex-wrap: wrap;
  }

  .temp3 dl,
  .temp4 dl {
    max-width: 100%;
  }

  .adobeReader,
  .temp7 {
    padding: 55px 20px 10px;
    background-position: center 10px;
  }
}


.submit input{
    width: 200px;
    margin: 0 auto 30px auto;
    background-color: #ff7f00;
    color: #fff;
    display: block;
    padding: 10px;
    border: none;
-webkit-appearance: none;
}
.submit input:hover{
opacity: 0.8;
}

#errorExplanation{
    border: 1px solid #ff0000;
    margin-bottom: 20px;
    padding: 20px;
}


#errorExplanation h2 {
    color: #ff0000;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0!important;
}

#errorExplanation p {
    font-weight: bold;
    margin: 0 0 10px 0!important;
}


 #errorExplanation ul {
    margin: 0 0 0 30px;
}

 #errorExplanation li {
     list-style-type: disc;
    color: #ff0000;
    margin: 0 0 5px 0;
}


/* ------------
mailform
---------------------------------------------------------------------------------*/

form {
	width : auto;
	background : rgba(255, 255, 255, 0.3);
	border : 1px solid #EEE;
	border-radius : 7px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
form .question,
form .questions {
	width: 90%;
	max-width: none;
	overflow : hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
form .questions  .question{
	width : auto;
	max-width: none;
	overflow : hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}




.question_content {
	clear : both;
	width : 38%;
	float : left;
	border-top : 1px solid #cccccc;
	text-align : left;
	overflow : hidden;
	padding-top: 15px;
	padding-right: 2%;
	padding-bottom: 15px;
	padding-left: 0;
	line-height: 1.8;
	font-weight: bold;
}

.question_content .note{
        margin: 0 20px 0 0;
}

.answer_content{
	width : 62%;
	float : right;
	border-top : 1px solid #cccccc;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

.field input,
.surveyForm form .questions .question .answer_content input {
        height: 32px;
        padding: 2px;
}
.surveyForm form .questions .question .answer_content input[type="radio"], .surveyForm form .questions .question .answer_content input[type="checkbox"] {
    width: 24px;
    height: 24px;
   vertical-align: middle;
}

#page-content-formYoyaku-index form .questions .question:nth-child(10), 
#page-content-formYoyaku-index form .questions .question:nth-child(9), 
#page-content-formYoyaku-index form .questions .question:nth-child(8) {
    display: inline;
    float: left;
    padding-bottom: 0;
    border: none;
    margin: 0 10px 0 0;
    width: 15%;
}


#page-contact-formSeminar-index form .questions .question:nth-child(3) {
    border-bottom: 1px solid #cccccc;
}

#page-contact-formSeminar-index form .questions .question:nth-child(4),
#page-contact-formSeminar-index form .questions .question:nth-child(5) {
    display: inline;
    float: left;
    padding-bottom: 0;
    border: none;
    margin: 0 10px 0 0;
    width: 15%;
}

#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(5) .answer_content select,
#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(4) .answer_content select {
    width: 100%;
}

#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(5) .question_content {
    text-align: center;
}

#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(4) .answer_content,
#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(4) .question_content,
#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(5) .answer_content,
#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(5) .question_content {
    width: 100%;
    border: none;
}
#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(4) .answer_content{
  padding-bottom:0;
}


#page-contact-formSeminar-index form .questions .question:nth-child(5) .note{
    display: none;
}

#page-contact-formSeminar-index form .questions .question:nth-child(6) {
     clear:both;
}

.surveyForm form .questions .question .answer_content select {
    padding-left: 0.78125vw;
    font-size: 24px;
    background-color: white;
    border: 1px solid #bebebe;
}



.note{
	display : inline-block;
	float : left;
	font-weight : bold;
	color : #ffffff;
	padding : 3px 5px;
	border-radius : 3px;
}
.note{
	background-color: #DD3C3C;
	font-size: 76%;
}


form input{
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form textarea{
	width : 320px;
	height : 200px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form input:focus,
form textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}
form .submit{
        width: 160px;
        margin: 0 auto;
}

form .submit input{
	width : auto;
	height : auto;
	vertical-align : middle;
	border-radius : 3px;
	font-family : inherit;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	background-color: #3C91B9;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	border: 1px solid #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
form .submit input:hover{
	cursor : pointer;
	background-color: #000;
}

.captchaForm .reload,
.captchaForm .talk {
  display: inline-block;
  border: 1px solid #aaa;
}

.captchaForm .image{
    margin-bottom: 20px;
}
.reload a,
.talk a{
display: block;
text-decoration: none;
  padding: 5px 10px;
}
.field {
  margin-top: 15px;
}

/* error */
#errorExplanation{
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ee0000;
}
#errorExplanation h2 {
  padding: 7px 0 4px 15px;
  border-radius: 4px;
  background-color: #fff;
  color: #ee0000;
}
#errorExplanation p {
  margin-left: 15px;
}
#errorExplanation ul {
  list-style-type: disc;
  margin-left: 30px;
}
#errorExplanation li {
  color: #ee0000;
  font-weight: bold;
  font-size: 140%;
}


/* =========================================================
  sitemap
========================================================= */
#page-sitemap ol,
#page-sitemap ul{
    padding-left: 0;
}


#page-sitemap .dacapo,
#page-sitemap .sekisho {
  width: 100%;
  justify-content: space-around;
  margin: 0;
}

ul.sitemap li.level1 {
  padding: 8px 0;
}

ul.sitemap li.level1 a {
  text-decoration: none;
}

ul.sitemap li.level1 a.level1 {
   display: block;
    margin-bottom: 1em;
    padding: 15px 15px 15px 15px ;
    background-size: 34px;
    font-size: 20px;
    border-bottom: 1px dashed #000;
}

ul.sitemap ul.level2 ul {
    padding: 15px;
}



ul.sitemap li.level2 a.level2 {
  display: block;
  margin: 0 0 20px 0;
  padding: 8px 0;
  border-bottom: 1px dotted #000;
  font-size: 18px;
}

ul.level3 {
  display: flex;
  flex-wrap: wrap;
}

ul.level3 > li {
  flex-basis: 25%;
  font-size: 28px;
}

ul.sitemap li.sitemap {
  width: 100%;
}

/*------------------------------------
記事一覧
----------------------------------------*/
#page-about-activity #ulNews .tabs{
  display: block;
}
#page-about-activity #ulNews .content ul li {
  clear: both;
  padding: 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px dotted #5a2f2e;
}

#page-about-activity #ulNews .content ul li:last-child {
  border-bottom: none;
}

#page-about-activity #ulNews .content ul li .image {
  display: block;
  float: left;
  height: 154px;
  margin: 0 20px 20px 0;
  overflow: hidden;
  width: 242px;
}

#page-about-activity #ulNews .content ul li .category {
  display: inline-block;
}

#page-about-activity ul li .category {
  font-size: 90%;
}

#page-about-activity #ulNews .content ul li .title_link {
  margin: 0 0 5px 0;
  font-size: 100%;
  display: block;
  font-weight: bold;
}

#page-about-activity #ulNews .content ul li .publish_date {
  text-align: right;
}

#page-about-activity #ulNews .content ul li .body {
    margin: 0 0 5px 0;
    font-size: 135%;
    line-height: 1.8;
}

#page-about-activity #ulNews .content ul li .image img {
  width: 100%;
  height: auto;
}




.contentGpCategoryDoc,
.contentGpCategoryCategory,
.contentGpCategoryCategoryType,
.categoryType,
.contentGpArticleDocs {
  position: relative;
}

.contentGpCategoryDoc li,
.contentGpCategoryCategory li,
.contentGpCategoryCategoryType li,
.categoryType li,
.contentGpArticleDocs li {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #003399;
}
.contentGpCategoryDoc li:after,
.contentGpCategoryCategory li:after,
.contentGpCategoryCategoryType li:after,
.categoryType li:after,
.contentGpArticleDocs li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contentGpCategoryDoc li:last-child,
.contentGpCategoryCategory li:last-child,
.contentGpCategoryCategoryType li:last-child,
.categoryType li:last-child,
.contentGpArticleDocs li:last-child {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border: none;
}


.contentGpCategoryCategory .image,
.contentGpCategoryCategoryType .image,
.categoryType .image,
.contentGpCategoryDoc .image,
.contentGpArticleDocs .image {
    display: block;
    float: left;
    margin: 10px 20px 10px 0;
    overflow: hidden;
    width: 210px;
    height: 133px;
}

.contentGpCategoryDoc .image a,
.contentGpCategoryCategory .image a,
.contentGpCategoryCategoryType .image a,
.categoryType .image a,
.contentGpArticleDocs .image a {
  display: block;
}

.contentGpCategoryDoc .image img,
.contentGpCategoryCategory .image img,
.contentGpCategoryCategoryType .image img,
.categoryType .image img,
.contentGpArticleDocs .image img {
  width: 100%;
}

.contentGpCategoryDoc .body,
.contentGpCategoryCategory .body,
.contentGpCategoryCategoryType .body,
.categoryType .body,
.contentGpArticleDocs .body {
  font-size: 96%;
  line-height: 1.6;
  margin: 0 0 5px;
}


.contentGpCategoryDoc .docs li .title_link,
.contentGpCategoryCategory .docs li .title_link,
.contentGpCategoryCategoryType .docs li .title_link,
.categoryType .docs li .title_link,
.contentGpArticleDocs .docs li .title_link {
  font-size: 120%;
  display: block;
  font-weight: bold;
}


.category span {
    display: inline-block;
    font-size: 68%;
    padding: 0.15% 0.2%;
}

 .category a{
    text-decoration: none;
    display: inline-block;
    font-size: 66%;
    padding:3px 5px;
}

#common .contentGpCategoryCategory h2 a,
#common .contentGpCategoryCategoryType h2 a,
#common .categoryType h2 a,
#common .contentGpArticleDocs h2 a {
  color: #000;
}







#eventkokuchi{
width:500px;
float: right;
/*background: url(../top/images/bg_keyarea.png) repeat left top;*/
padding: 10px;
margin: 80px 20px 20px 20px;
text-align: left;
}
#eventkokuchi h2{
font-size: 140%;
color: #fff;
}
#eventkokuchi ul{
margin: 0 0 5px 0;
border-bottom: 1px solid#fff;
}


#eventkokuchi ul li{
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #fff;
}
#eventkokuchi ul li:last-child{
    border:none;
}

#eventkokuchi ul li a{
   background-image: url("../piece/images/bg_triangle03.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
  color:#fff;
 text-decoration: none;
}

#eventkokuchi ul li a:hover{
text-decoration: underline;
}

/*page-calendarEventList-index
-----------------------------------------------------------------------*/

#page-calendarEventList-index .eventList #contentContainer td{
border-bottom: 1px solid #ccc;
}
#page-calendarEventList-index .eventList #contentContainer td .title_link{
font-size: 96%;
line-height: 1.6;
}

.eventcalendarMenu {
    border-bottom: 3px solid #003399;
    margin: 0 0 30px 0;
}
.eventcalendarMenu li {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 25%;
}
.eventcalendarMenu li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #003399 #003399 -moz-use-text-color;
    border-image: none;
    border-radius: 7px 7px 0 0;
    border-style: solid solid none;
    border-width: 2px 2px 0;
    color: #003399;
    display: block;
    padding: 7px 0;
    position: relative;
    text-decoration: none;
}

#page-calendar-index .eventcalendarMenu li.no03 a,
#page-calendarToday-index .eventcalendarMenu li.no02 a,
#page-calendarEventList-index .eventcalendarMenu li.no01 a,
.eventcalendarMenu li a:hover,
.eventcalendarMenu li.current a {
    background-color: #003399;
    color: #fff;
}

.calendarEvents table th.sun,
.calendarEvents table td.sun,
#sideCalendar .pieceBody table th.sun,
.calendarEvents table th.holiday, 
.calendarEvents table td.holiday {
    background-color: #ffe5f1;
    color: #f00;
}

.calendarEvents table th.sat, 
.calendarEvents table td.sat, 
.pieceBody table th.sat, 
.pieceBody table td.sat {
    background-color: #e1f5fe;
    color: #00f;
}


.pagination {
font-size: 27px;
text-align: center;
margin: 0 0 30px 0;
}

.calendarEvents table {
    width: 100%;
    border-spacing: 0px;
 border-collapse: separate;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.calendarEvents th,
.calendarEvents td {
    padding: 3px 10px;
    position: relative;
    vertical-align: middle;
}

.calendarEvents th {
    background-color: #f5f5f5;
    white-space: nowrap;
}
.calendarEvents table th.sun,
.calendarEvents table td.sun {
    color: #ee0000;
}
.calendarEvents table th.sat,
.calendarEvents table td.sat {
    color: #3366ff;
}


/*calendarTodayEvents
----------------------------------------------*/

.calendarTodayEvents div.event {
    background-color: #f2ece6;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.calendarTodayEvents div.event .title,
.calendarTodayEvents div.event .summary {
    display: inline;
}
.calendarTodayEvents .event .title {
    font-weight: bold;
    padding-right: 10px;
}
.calendarMonthlyEvents th.image, .calendarTodayEvents th.image {
    width: 140px;
}
.calendarMonthlyEvents table, .calendarTodayEvents table {
    width: 100%;
}
.calendarMonthlyEvents table td, .calendarTodayEvents table td {
    padding: 10px;
    vertical-align: middle;
}
.calendarMonthlyEvents table td.date, .calendarTodayEvents table td.date {
    background-color: #f5f5f5;
    width: 23%;
  color: #003399;
}
.calendarMonthlyEvents table p, .calendarTodayEvents p {
    margin-bottom: 0;
}
.calendarMonthlyEvents table p.title, .calendarMonthlyEvents table p.category, .calendarTodayEvents table p.title, .calendarTodayEvents table p.category {
    display: inline;
}
.calendarMonthlyEvents table td.image, .calendarTodayEvents table td.image {
    text-align: center;
    width: 20%;
}
.calendarMonthlyEvents table td.image .thumb, .calendarTodayEvents table td.image .thumb {
    margin-top: 5px;
}
.calendarMonthlyEvents table td.image .thumb:first-child, .calendarTodayEvents table td.image .thumb:first-child {
    margin-top: 0;
}
.calendarMonthlyEvents table td.image img, .calendarTodayEvents table td.image img {
    width: 120px;
}
.calendarMonthlyEvents table td.image .noPhoto, .calendarTodayEvents table td.image .noPhoto {
    background-color: #cccccc;
    height: 90px;
    width: 120px;
}
.calendarTodayEvents table {
    margin: 0 0 15px;
}

/* calendar
------------------------ */

.calendarCalendarEvents table{

border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


.calendarCalendarEvents table th,
.calendarCalendarEvents table span {
font-size:82%;
}


.calendarCalendarEvents table  span {
display: inline-block;
line-height: 1.4;
margin: 0 0 10px 0;
}
.calendarCalendarEvents table a {
    background: rgba(0, 0, 0, 0) url("../piece/images/ico_sankaku.gif") no-repeat scroll 2px center;
    color: #039;
    font-size: 100%;
    padding: 0 0 0 15px;
    text-decoration: none;
}


.calendarCalendarEvents th,
.calendarCalendarEvents td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.calendarCalendarEvents table td {
  width: 14%;
  vertical-align: top;
}
.calendarCalendarEvents table td:first-child:before {
  display: block;
  float: left;
  height: 100px;
  content: "";
}

.calendarCalendarEvents table td.prevMonth,
.calendarCalendarEvents table td.nextMonth {
  color: #cccccc;
}
.calendarCalendarEvents table ul {
  list-style: none;
  margin: 0;
}


.content #pageTitle h1{
  margin: 0 0 40px 0;
  font-size: 2.5em;
}

.content #pageTitle h1:first-letter{
color: #E96076;
}

/* start
-----------------------------------------------------------------------*/

.start ul#cm {
    border-bottom: 3px solid #E96076;
    margin: 0 0 30px 0;
    padding:0;
}
.start ul#cm li {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 32.5%;
}
.start ul#cm li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E96076;
    border-image: none;
    border-radius: 7px 7px 0 0;
    border-style: solid solid none;
    border-width: 2px 2px 0;
    color: #fff;
    display: block;
    padding: 7px 0;
    position: relative;
    text-decoration: none;
}

.start ul#cm li a:hover,
.start ul#cm li a.current a {
    background-color: #fff;
    color: #E96076;
}

.upperPagination{
margin: 0 0 30px 0;
}






@media only screen and (max-width: 959px) {
  .temp1 .thumb,
  .temp2 .thumb {
    float: none;
    margin: 0 0 1rem;
    text-align: center;
  }

  .temp3,
  .temp4 {
    flex-wrap: wrap;
  }

  .temp3 dl,
  .temp4 dl {
    max-width: 100%;
  }

  .adobeReader,
  .temp7 {
    padding: 55px 20px 10px;
    background-position: center 10px;
  }
}

/* clearfix
----------------------------------------------- */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.googlemap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*
ヘッダー
-------------------------------------------*/
header {
width: 100%;
background-color: #FFF;
/*--position: fixed;--*/
z-index: 300;
}

header p a img {
display: block;
position: absolute;
width: 9%;
}

header h1{
	font-size: 16px;
}

footer .hbn,
header .hbn{
text-align: right;
margin: 5px 5px 15px 0;
}
footer .hbn li,
header .hbn li {
display: inline;
}


header .hbn li img{
 width: 3%;
 height: auto;
}

footer .hbn li img{
 width: 6%;
 height: auto;
}



footer .hbn li a,
header .hbn li a {
font-size: 14px;
text-decoration: none;
color: #000;
margin-left: 10px;
font-weight: bold;
}

#gnavi ul li a.ac_menu {
cursor: pointer;
overflow: hidden;
}


#pan {
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}

#pan ol{
    margin-bottom: 0;
    padding-left: 0;
}
#pan li {
	display: inline-block;
}

#pan li a {
	text-decoration: none;
	color: #999;
}

#pan li a:after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}
#pan li:last-child a:after {
	display: none;
}


#pan li a:hover {
	color: #111;
}

#pan li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
width: 100%;
background-color: #FFF;
}

.outwrap{
width: 100%;
}

#pan,
.cwrap {
max-width: 70%;
width: 100%;
margin-right: auto;
margin-left: auto;
}



#top_slide {
padding-top: 100px;
padding-bottom: 5px;
}

#topimage {
    background-color: #EEE;
    background-repeat: no-repeat;
    background-position: top center;
    height: 650px;
    line-height: 360px;
    padding: 220px 5% 0 5%;
    width: 100%;
    background-size: cover;
    text-align: left;
    font-family: "Sawarabi Gothic";
    color: #FFF;
    font-size: 40px;
    letter-spacing: 0.2em;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#topimage:first-letter{
color: #E96076;
}

#bairthArea ul {
border: 1px solid #E96076;
padding: 2% 4%;
}

#bairthArea ol {
margin: 0 0 40px 0;
}

#bairthArea ol li{
list-style-type: decimal;
line-height: 1.6;
margin: 0 0 10px 0;
}

#bairthArea ul li{
list-style-type: disc;
line-height: 1.6;
margin: 0 0 10px 0;
}
#bairthArea ul li:last-child{
margin: 0;
}

#bairthArea .left{
width: 49%;
}

#bairthArea .left img{
width: 100%;
height: auto;
}

#bairthArea .right{
width: 49%;
}
.content #docsArea h1, 
#page-index .content h2 {
font-size: 52px;
line-height: 30px;
letter-spacing: 1px;
color: #555;
text-align: center;
font-family: "Sawarabi Gothic";
padding: 15px 10px;
clear: both;
margin: 150px 0 30px 0;
}

.content #docsArea h1 {
font-size: 36px;
line-height: 1.4;
text-align: left;
margin: 30px 0 0 0;
padding: 0 10px;
}
#top_slide .top_catch:first-letter, 
.content #docsArea h1:first-letter, 
#page-index .content h2:first-letter{
color: #E96076;
}


.content #docsArea h1 span,
#page-index .content h2 span{
  margin: 20px 0 0 0;
  font-size: 25px;
}


#page-index .content #abouttop h2 {
    padding: 100px 0 30px 0;
}

#page-index .content h3 {
font-size: 26px;
line-height: 30px;
margin-bottom: 30px;
background-color: #E96076;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position: relative;
margin-top: 30px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 44px;
color: #111;

clear: both;
}
#page-index .content h3::after {
display: block;
width: 3px;
height: 20px;
position: absolute;
top: 20px;
left: 20px;
background-color: #0085B2;
content: '';
}
#page-index .content h3 span {
font-size: 16px;
color: #888;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
padding-left: 15px;
}

#page-index .content h4 {
font-size: 20px;
color: #0085B2;
letter-spacing: 0.1em;
padding: 10px;
font-weight: bold;
clear: both;
margin-top: 20px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 30px;
}


.content #docsArea h2 {
font-size: 32px;
font-weight: bold;
padding: 0.25em 0;
margin-bottom: 30px;
border-bottom: 3px solid #E96076;
font-family: "Sawarabi Gothic";
}

.content #docsArea h3 {
font-size: 28px;
font-weight: bold;
padding: 0.25em 0;
margin-bottom: 30px;
border-bottom: 2px dotted #E96076;
font-family: "Sawarabi Gothic";
}

.content #docsArea h4 {
font-size: 28px;
font-weight: bold;
padding: 0.25em 0;
margin-bottom: 30px;
border-bottom: 1px dotted #E96076;
font-family: "Sawarabi Gothic";
}

.content #docsArea h5 {
font-size: 24px;
font-weight: bold;
color: #E96076;
margin-bottom: 30px;
}

.content #docsArea h6 {
font-size: 20px;
font-weight: bold;
color: #E96076;
margin-bottom: 30px;
}

.corabossPage h2,
#categoryArea h2,
.content #pageArea h2 {
    border-bottom: solid 3px #aaa;
    position: relative;
    font-size: 28px;
    margin: 0 0 20px 0;
    line-height: 1.8;
    padding: 8px 0px;
}

.corabossPage h2:after,
#categoryArea h2:after,
.content #pageArea h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #E96076;
  bottom: -3px;
  width: 15%;
}

.categoryArea .contentGpCategoryDoc h2 a,
#categoryArea .contentGpCategoryCategory h2 a,
#categoryArea .contentGpCategoryCategoryType h2 a,
#categoryArea .categoryType h2 a,
#categoryArea .contentGpArticleDocs h2 a{
  display: block;
 color:#E96076;
}

#categoryArea .contentGpCategoryDoc h2 a:hover,
#categoryArea .contentGpCategoryCategory h2 a:hover,
#categoryArea .contentGpCategoryCategoryType h2 a:hover,
#categoryArea .categoryType h2 a:hover,
#categoryArea .contentGpArticleDocs h2 a:hover{
text-decoration: none;
color: #0085B2;
}

#categoryArea .docs ul{
    padding-left:0;
}


#teikan h3{
  font-size:26px;
  text-align: center;
  margin: 0 0 20px 0;
}
#teikan h4{
  font-size:24px;
  margin: 0 0 20px 0;
}
#teikan p{
  font-size:24px;
  margin: 0;
}

#logoArea .clm,
#soshikiArea .clm,
#soshikiArea .clm,
#teikan .clm{
  margin: 0 0 60px 0 ;
}

#teikan .clm:last-child{
  margin: 0 ;
}

#teikan .inclm{
  margin: 0 0 20px 0 ;
}

#teikan .inclm:last-child{
  margin: 0 ;
}


#teikan ol.decimal li {
  position: relative;
  list-style-type: none;
}
#teikan ol.decimal li:before {
  position: absolute;
  right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
  content: "(" counter(list-item) ")";
}

#teikan ol.decimal01 li {
  position: relative;
  list-style-type: none;
}
#teikan ol.decimal01 li:before {
    position: absolute;
    right: calc(100% + 0.5rem);
    content: counter(list-item) ".";
    font-size: 28px;
    top: 4px;
}

#teikan ol.decimal02 li ul.katakana01 li{
    padding-left: 4rem;
}

#teikan ol.decimal02 li ul.katakana01 li:before{
  right: 0;
}

#teikan ol.decimal02 li {
  position: relative;
  list-style-type: none;
}
#teikan ol.decimal02 li:before {
    position: absolute;
    right: calc(100% + 0.5rem);
    content: counter(list-item) ")";
    font-size: 28px;
    top: 2px;
}

#teikan ol.decimal03 li {
  position: relative;
  list-style-type: none;
}
#teikan ol.decimal03 li:before {
    position: absolute;
    right: calc(100% + 0.5rem);
    content: counter(list-item) ".";
    font-size: 28px;
    top: 2px;
}




#teikan ul.katakana01 {
  list-style: none;
  padding-left: 0;
}
#teikan ul.katakana01 > li {
  counter-increment: katakana01;
  position: relative;
  padding-left: 4.5rem;
}
#teikan ul.katakana01 > li:before {
  content: "("counter(katakana01, katakana) ")" ;
  position: absolute;
  font-size: 24px;
  top: 0px;
  left: 20px;
}


#teikan ul.katakana02 {
  list-style: none;
  padding-left: 0;
}
#teikan ul.katakana02 > li {
  counter-increment: katakana02;
  position: relative;
  padding-left: 4.5rem;
}
#teikan ul.katakana02 > li:before {
  content: counter(katakana02, katakana) ")" ;
  position: absolute;
  font-size: 24px;
  top: 0px;
  left: 20px;
}

#soshikiArea .clm table th{
  width: 6em;
}

#soshikiArea figure img,
#logoArea figure img{
  border:1px solid #dedede;
}

.content #docsArea ol,
.content #docsArea ul,
.content #docsArea dl {
  margin-bottom: 16px;
  padding-left: 32px;
}

.content #docsArea ol li{
list-style-type: decimal;
}
.content #docsArea ol li,
.content #docsArea ul li {
list-style-type: disc;
font-size: 24px;
line-height: 1.8;
}

.content p {
font-size: 24px;
line-height: 1.8;
margin-bottom: 30px;
}

.content .ul_news li {
line-height: 30px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
font-size: 16px;
padding-right: 10px;
padding-left: 10px;
}
.content .ul_news li span.news_date {
color: #999;
padding-right: 20px;
}

.content .ul_news li span.news_icon {
color: #FFF;
padding-left: 10px;
display: inline-block;
padding-right: 10px;
background-color: #FF6600;
margin-right: 10px;
font-weight: bold;
font-size: 14px;
}

.content .ul_news li span.news_icon.cl_02 {
background-color: #009999;
}

#abouttop{
  position: relative;
  z-index: 0;
}
#abouttop:after{
  content: '';
  position: absolute;
  left:0;
  top: 0;
  
  /*四角形を傾けます*/
  transform: skewY(2deg);
  transform-origin: top right;
  
  z-index: -1;
  width:100%;
  height:100%;
  background:#F8F8F8;
}

#abouttop .img{
width: 30%;
margin: 0 6% 0 12%;
}

#abouttop .img img{
  width: 100%;
}

#abouttop .txt{
  width: 65%;
  background-color:#fff;
  margin: 50px 0 0 0;
}

#abouttop .txt p{
margin: 0;
padding: 45px 220px 45px 50px;
font-size:26px;
}



.img_center {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}

.img_left {
float: left;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
}
.img_right {
float: right;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
}

.content .img_left p {
font-size: 12px;
margin: 0px;
}



/*-----トップへ戻るボタン------*/

.to_top {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 200;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.to_top a {
text-decoration: none;
color: #FFF;
text-align: center;
display: block;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
font-size: 10px;
background-color: #E96076;
padding: 15px;
height: 50px;
width: 50px;
}

.to_top a img{
    width: 22px;
    height: auto;
}

.to_top a:hover {

}

/*
フッター
-------------------------------------------*/

footer {
margin: 100px 0 0 0;
padding: 20px 0 0 0; 
border-top: thick double #E96076;
color: #333;
clear: both;
width: 100%;
}

footer .cwrap.flexbox {
justify-content: space-between;
}

ul.ftopl{
text-align: right;
margin: 0 0 20px 0;
}

ul.ftopl li{
  display: inline;
  margin: 0 0 0 20px;
}

ul.ftopl li a{
  font-size:18px;
  color:#000;
}



address {
font-size: 10px;
font-style: normal;
padding: 10px 20px;
text-align: center;
display: block;
clear: both;
}


/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
width: 96%;
margin-top: 20px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding: 20px;
}
.content table.table_01 th {
font-size: 16px;
white-space: nowrap;
font-weight: normal;
letter-spacing: 1px;
width: 33%;
}
.content table.table_01 td {
font-size: 14px;
line-height: 30px;
background-color: #FFF;
}

.content table.table_02 {
width: 96%;
margin-top: 20px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
max-width: 820px;
}
.content table.table_02 th,
.content table.table_02 td {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #888;
padding: 20px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-left-style: dotted;
border-top-color: #BBB;
border-right-color: #BBB;
border-left-color: #BBB;
}
.content table.table_02 th {
font-size: 18px;
white-space: nowrap;
letter-spacing: 1px;
background-color: #F6F6F6;
color: #006384;
}
.content table.table_02 td {
font-size: 16px;
line-height: 30px;
background-color: #FFF;
}


.content table.table_02 .tr_gr th {
background-color: #EEE;
}
.content table.table_02 .tr_gr td {
background-color: #F9F9F9;
}

.content table.table_02 td .price {
font-size: 150%;
white-space: nowrap;
color: #006384;
font-weight: bold;
padding-right: 5px;
padding-left: 5px;
}


.small {
font-size: 80%;
color: #666;
}
.chui {
color: #F03600;
}


.table_01 th span {
font-size: 12px;
color: #CCC;
}


/*
FAQ
-------------------------------------------*/

.content dl.faq {
margin-bottom: 30px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
}
.content dl.faq dt {
font-size: 22px;
line-height: 30px;
position: relative;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 50px;
background-color: #F6F6F6;
color: #111;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.content dl.faq dt span {
font-size: 20px;
font-weight: bold;
color: #FFF;
background-color: #0085B2;
text-align: center;
display: block;
width: 50px;
padding-top: 10px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
top: -20px;
left: -10px;
z-index: 10;
}
.content dl.faq dt span::before{
content: "";
position: absolute;
bottom: -5px;
right: -3px;
margin-left: -12px;
border-right: 12px solid transparent;
border-top: 20px solid #0085B2;
border-left: 12px solid transparent;
z-index: 0;
transform: rotate(-40deg);
}
.content dl.faq dd {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}

/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
background-color: #FFF;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
実績一覧
-------------------------------------------*/
ul.works_list {
display: block;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1400px;
padding: 30px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}

ul.works_list li {
width: 20%;
position: relative;
text-align: center;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul.works_list li .works_icon {
position: absolute;
top: 5px;
left: 5px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
color: #FFF;
background-color: #099;
z-index: 50;
}

ul.works_list li a {
display: block;
padding: 20px;
background-color: #FFF;
text-decoration: none;
color: #333;
}
ul.works_list li a img {
width: auto;
width: 100%;
height: 150px;;
object-fit: cover;
}
ul.works_list li a:hover img {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
-webkit-filter:brightness(1.5);
-moz-filter:brightness(1.5);
-ms-filter:brightness(1.5);
filter:brightness(1.5);
}

ul.works_list li a span {
display: block;
padding-top: 10px;
font-size: 14px;
letter-spacing: 1px;
}

ul.works_list li a:hover {
color: #000;
background-color: #F6F6F6;
}


/*
スライダー
-------------------------------------------*/
.sp-thumbnail-container img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
cursor: pointer;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
#top_slide .top_catch {
font-size: 6vw;
line-height: 0.6;
width: 100%;
font-weight: bold;
color: #FFF;
position: absolute;
top: 50%;
left: 10%;
letter-spacing: 0.1em;
-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
        display:none;
}

#slide01{
position: absolute;
right: 50%;
}

#slide01 .top_catch{
vertical-align: top;
writing-mode: vertical-rl;
text-orientation: upright;
line-height: 1;
top: 13%;
left: -44%;
text-align: left;
font-family: "Sawarabi Mincho";
}

#top_slide .top_catch span {
font-size: 25%;
}

#top_slide .slide_btn a {
display: block;
position: absolute;
left: 50%;
bottom: 20%;
font-size: 18px;
color: #FFF;
width: 300px;
margin-left: -150px;
text-align: center;
font-weight: bold;
text-decoration: none;
border: 2px solid #FFF;
line-height: 40px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
background-color: #FFF;
color: #111;
}


.outwrap .flexbox {
justify-content: space-between;
}
.outwrap .about.flexbox {
margin: 0 0 50px 0;
}

.outwrap .flexbox .leftArea{
  width: 65%;
}


#ulAllnews .tabs,
#ulNews .tabs{
  display: none;
}

#ulNews #news li{
  font-size:26px;
  line-height:1.6;
  border-bottom: 1px dotted #707070;
  padding: 20px 0;
 }


#ulAllnews .tabs ul,
#ulSem .tabs ul {
    text-align: center;
    margin-bottom: 20px;
}

#ulAllnews .tabs ul .current,
#ulSem .tabs ul .current {
    color: #E96076;
}

#ulAllnews .tabs ul li,
#ulSem .tabs ul li {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 22px;
    font-family: "Sawarabi Gothic";
}

#ulAllnews ul#snewss,
 #ulSem ul#snewss {
    display: flex;
    justify-content: flex-start;
}

#ulAllnews ul#snewss li,
#ulSem ul#snewss li {
    width: 23.5%;
    margin: 0 0.5%;
    position: relative;
    font-size: 18px;
}
#ulAllnews .content ul li .image,
#ulSem .content ul li .image{
    display: block;
    height: 154px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    width: 242px;}

#ulAllnews ul#snewss li img,
#ulSem ul#snewss li img{
    width: 100%;
}

#ulAllnews ul#snewss li .category,
#ulSem ul#snewss li .category{
position: absolute;
}
#ulSem ul#snewss li .category span,
#ulAllnews ul#snewss li .category span{
  width: 110%;
  font-size: 100%;
  text-align: center;
}


.category span.kansai-news,
.category span.kansai-activity,
.category span.kansai-seminar {
    background-color: #EE4488;
    color: #fff;
}
.category span.tokyo-news,
.category span.tokyo-activity,
.category span.tokyo-seminar {
    background-color: #199332;
    color: #fff;
}
.category span.other-news,
.category span.other-activity,
.category span.other-seminar {
    background-color: #fd7e00;
    color: #fff;
}

#reagionArea .flexbox li {
    width: 47%;
    font-size: 22px;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

#reagionArea .flexbox li img{
  width: 100%;
  border: 1px solid #E96076;
}

#bannerArea .bannerImages{
    display: flex;
    justify-content: space-between;
    margin: 0 0 100px 0;
}

#bannerArea .bannerImages li {
    width: 24%;
    font-size: 28px;
}
#bannerArea .bannerImages li img{
  width: 100%;
}


/* contentGpArticleDoc
----------------------------------------------- */
.contentGpArticleDoc .date {
  margin-bottom: 1em;
  text-align: right;
  margin: 0 0 100px 0;
}

.contentGpArticleDoc .date p {
  display: inline-block;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    font-size: 1.2vw;
}

.contentGpArticleDoc .date p.publishedAt {
  padding-right: 10px;
}

@media screen and (min-width:960px){
body {
font-size: 16px;
}

.sm-slider, .sm-slider::after {
top: 100px !important;
}

.news .more{
  font-size: 28px;
  text-align: right;
}

/*
ヘッダー
-------------------------------------------*/
header {
height: auto;
position: fixed;
/*--box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;--*/
}

header .flexbox{
justify-content: space-between;
padding: 10px 15px 0 15px;
}

header.fixed .flexbox .left.flexbox{
justify-content: flex-start;
}

header .flexbox .left.flexbox .logoname{
width: 70%;
font-size:1.3vw;
color: #555;
font-family: "Sawarabi Gothic";
}



header.fixed {
height: 10%;
}

header.fixed h1 a img {
height: 40px;
top:5px;
}

header.fixed #gnavi ul {
margin: 6px 0 0 0;
}
header.fixed .flexbox .left.flexbox .logoname{
font-size:1.1vw;
}

header.fixed .flexbox .left.flexbox .logo {
width: 25%;
}
header.fixed p a img {
width: 7%;
}

header.fixed #gnavi ul li {
font-size: 1.1vw;
}



.menu_btn,
.btn_close {
display: none;
}


	
header.fixed #gnavi ul li div {
top: 85px;
}

/*
PCグローバルナビ
-------------------------------------------*/
#gnavi {
bottom: 0px;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
}

#gnavi ul {
margin: 16px 0 0 0;
width: 100%;
display: flex;
justify-content: end;
}
#gnavi ul li{
display: inline;
font-size: 1.2vw;
margin: 0 0 0 10px;
}

#gnavi li a {
height: 35px;
display: block;
color: #E96076;
text-decoration: none;
text-align: center;
line-height: 20px;
position: relative;
float: left;
}

#gnavi li a:hover,
#gnavi li a.active,
#gnavi ul li:hover > a {
color: #0085B2;
}

#gnavi ul li:hover > a.ac_menu,
#gnavi li a.ac_menu:hover {
position: relative;
}

#gnavi li a.ac_menu::after {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -15px;
border-right: 15px solid transparent;
border-bottom: 20px solid #FFF;
border-left: 15px solid transparent;
z-index: 300;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}

#gnavi ul li:hover > a.ac_menu::after,
#gnavi li a.ac_menu:hover::after {
border-bottom: 20px solid #E96076;
}

#gnavi ul li div {
position: absolute;
z-index: 2000;
top: 94px;
left: 0px;
opacity: 0;
visibility: hidden;
transition: .3s;
width: 100%;
height: auto;
background-color: #E96076;
}
#gnavi ul li ul{
width: 96%;
padding-left: 2%;
margin-left: auto;
margin-right: auto;
margin: 0;
display: block;
}
#gnavi ul li ul li{
		
}

	
#gnavi li ul li a {
width: 21%;
padding-left: 2%;
padding-top: 9px;
padding-bottom: 9px;
line-height: 22px;
height: auto;
color: #FFF;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 1%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#gnavi li ul li a::after {
content: "▷";
color: #FFF;
position: absolute;
display: block;
left: 15px;
top: 8px;
font-size: 9px;
}
#gnavi li ul li a:hover::after {
color: #E96076;
}
#gnavi ul li ul li a:hover{
color: #E96076;
background-color: #FFF;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#gnavi li li a::before {
display: none;
}

#gnavi ul li:hover div{
visibility: visible;
opacity: 1;
}

#gnavi div.pdmenu {
display: block !important;
}


header.fixed #gnavi {
height: 40px;
}

header.fixed #gnavi ul li div {
top: 84px;
}

header.fixed #gnavi li a {
padding-top: 0;
height: 30px;
}

header.fixed #gnavi li ul li a {
padding-top: 9px;
height: auto;
}

/*
トップイメージ
-------------------------------------------*/
#topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosst.webp);
}
#page-colabossTokyo-greeting #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyog.webp);
}
#page-colabossTokyo-org #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyoS.webp);
background-position: top left;
}
#page-colabossTokyo-teikan #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyoSH.webp);
}
#topimage.coraboss {
background-image: url(/_themes/img/img_corabossk.webp);
}
#topimage.news {
background-image: url(/_themes/img/img_news.webp);
}
#topimage.category {
background-image: url(/_themes/img/img_news.webp);
}
#topimage.categorycora{
background-image: url(/_themes/img/img_category.webp);
}

#topimage.categorycoraother {
background-image: url(/_themes/img/img_category.webp);
}
#topimage.contact {
background-image: url(/_themes/img/img_contact.jpg);
}
#topimage.company {
background-image: url(../img/sub_top_company.jpg);
}

#topimage.tag,
#topimage.common{
background-image: url(/_themes/img/img_common.webp);
}
#topimage.calendar{
background-image: url(/_themes/img/sub_top_calendar.jpg);
}
.no_pc {
display: none;
}

}
/*(/960～)*/


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

}

/*(/1200～)*/

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

body {
font-size: 16px;
}

img {
max-width: 100% !important;
height: auto;
width /***/:auto;
margin-left:auto;
margin-right:auto;
}

.content h4 {
margin-right: 10px;
margin-left: 10px;
}

ul.works_list li {
width: 33.3%;
}

#top_slide {
padding-top: 50px;
}


/*
メニューボタン
-------------------------------------------*/

.menu_btn {
display: block;
height: 30px;
width: 40px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
position: fixed;
z-index: 5000;
top: 5px;
right: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.menu_btn:hover {
cursor: pointer;
}

.menu_btn span {
width: 28px;
height: 2px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-left: -14px;
background-color: #555;
}
.menu_btn span {
transition: all 0.3s;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);  
-moz-transform: rotate(0deg);    
}
.menu_btn span.top {
transform: translateY(-8px);
-webkit-transform: translateY(-8px);  
-moz-transform: translateY(-8px);    
}
.menu_btn span.bottom {
transform: translateY(8px);
-webkit-transform: translateY(8px);  
-moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);  
-moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
transform: translateY(10px);
-webkit-transform: translateY(10px);  
-moz-transform: translateY(10px);    
}


.menu_btn.opened  span.middle {
background: rgba(255, 255, 255, 0);
transform: translateX(30px);
-webkit-transform: translateX(30px);  
-moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
transform: rotate(-45deg) translateY(0px);
-webkit-transform: rotate(-45deg) translateY(0px);  
-moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
transform: rotate(45deg) translateY(0px);
-webkit-transform: rotate(45deg) translateY(0px);  
-moz-transform: rotate(45deg) translateY(0px);    
}

/*
グローバルナビ
-------------------------------------------*/
#gnavi {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: none;
padding-top: 50px;
overflow: auto;
z-index: 3000;
background-color: #FFF;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
font-size: 14px;
letter-spacing: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#gnavi ul {
display: block;
margin: 0px;
padding: 0px;
clear: both;
}

#gnavi ul li:first-child {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EEE;
}

#gnavi ul li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #EEE;
}

#gnavi ul li a {
color: #111;
text-decoration: none;
display: block;
padding-top: 16px;
padding-right: 30px;
padding-bottom: 14px;
padding-left: 20px;
line-height: 22px;
vertical-align: middle;
}
#gnavi ul li a:hover {
color: #999;
}

body.fixed {
overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#gnavi ul li a.ac_menu {
position: relative;
background-image: none;
}
#gnavi ul li a.ac_menu::after {
font-size: 11px;
display: block;
height: 20px;
width: 20px;
content: "▼";
text-align: center;
line-height: 20px;
position: absolute;
top: 16px;
right: 10px;
color: #555;
}
#gnavi ul li a.ac_menu.active {
color: #999;
}
#gnavi ul li a.ac_menu.active::after {
content: "▲";
}
#gnavi div.pdmenu {
display: none;
}
#gnavi ul li ul li {
border-bottom: none;
}
#gnavi ul li li:first-child {
border-top: none;
}
#gnavi ul li ul li a {
border-bottom: none;
}
#gnavi ul li ul li a::before {
content: "・";
padding-right: 5px;
color: #999;
}

#gnavi ul li ul li a:hover {
color: #999;
}

/*
メニューシャドウ
-------------------------------------------*/
.mg_bl {
background-color: #FFF;
height: 100%;
width: 100%;
opacity: 0.80;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
display: block;
position: fixed;
z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
top: 50px !important;
}

header {
height: 100px;
}

header h1 a img {
top: 5px;
left:5px;
height: 40px;
}

header .h_btn a {
width: 120px;
top: 5px;
right: 55px;
line-height: 29px;
padding-top: 1px;
font-size: 12px;
}
header .h_tel a {
top: 10px;
right: 200px;
line-height: 29px;
padding-top: 1px;
font-size: 12px;
}
header .h_menu {
display: none;
}

header #info {
display: none;
}

.no_sp {
display: none;
}


#topimage {
height: 230px;
padding-top: 120px;
letter-spacing: 0.5em;
font-size: 18px;
line-height: 0;
}

#pan, .cwrap {
    max-width: 92%;
}

/*
トップビジュアル
----------------------------------------*/
#topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosst_sp.jpg);
}
#page-colabossTokyo-greeting #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyog_sp.jpg);
}
#page-colabossTokyo-org #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyoS_sp.jpg);
background-position: top left;
}
#page-colabossTokyo-teikan #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyoSH_sp.jpg);
}
#topimage.coraboss {
background-image: url(/_themes/img/img_corabossk_sp.jpg);
}
#topimage.news {
background-image: url(/_themes/img/img_news_sp.jpg);
}
#topimage.category {
background-image: url(/_themes/img/img_news_sp.jpg);
}
#topimage.categorycora{
background-image: url(/_themes/img/img_category_sp.jpg);
}

#topimage.categorycoraother {
background-image: url(/_themes/img/img_category_sp.jpg);
}
#topimage.contact {
background-image: url(/_themes/img/img_contact_sp.jpg);
}
#topimage.tag,
#topimage.common{
background-image: url(/_themes/img/img_common_sp.jpg);
}
#topimage.calendar{
background-image: url(/_themes/img/sub_top_calendar_sp.jpg);
}

li {
    font-size: 18px;
}



}
/*(/～960)*/





@media screen and (min-width:768px) and (max-width:1024px) {

header .flexbox .left.flexbox{
  width: 50%;
}

header .flexbox .left.flexbox {
justify-content: space-around;
padding: 11px 0 0 0;
}
header .flexbox .left.flexbox .logo{width: 29%;height: auto;}
header p a img {
width: 11%;
}
header {
        height: 7.5%;
}
    header.fixed {
        height: 98px;
    }
header.fixed p a img{
        width: 9%;
}

#pan, .cwrap {
    max-width: 96%;
}

header .logoname {
    font-size: 17px;
    margin: -8px 0 0 0;
}
header .right {
    padding: 0 0 0 0;
}

footer .hbn, header .hbn {
    margin: 8px 50px 15px 0;
}


header .hbn li img {
    width: 7%;
}

.contentGpArticleDoc .date p {
    font-size: 2.2vw;
}

.content #docsArea h1 {
    font-size: 32px;
}

#top_slide .top_catch {
        font-size: 6vw;
        top: 14%;
}

footer .right {
    width: 110%;
}

#pan li {
    font-size: 18px;
}

.cwrap {
    max-width: 92%;
}
.content p {
margin-right: 0;
margin-left: 0;
}


.content #docsArea h1,
#page-index .content h2 {
    margin: 40px 0 30px 0;
}

.outwrap .flexbox .leftArea {
    width: 50%;
}

#abouttop .img {
    width: 50%;
    margin: 0 0% 0 4%;
}
#abouttop .txt {
    margin: 70px 0 0 0;
}
#abouttop .txt p {
    padding: 45px 40px 45px 50px;
}





}/*(/768px～1024px)*/

@media screen and (max-width:767px){
.sp_show{
display: block;
}
.sp_hide{
display: none;
}

li li,
li {
    font-size: 20px;
}

.start ul#cm li {
    float: none;
    margin-right: 0;
    width: 100%;
}


header .flexbox{
display: flex;
}

#top_slide .top_catch {
font-size: 10vw;
top: 44%;
}
#top_slide .slide_btn a {
font-size: 16px;
bottom: 10%;
line-height: 32px;
width: 260px;
margin-left: -130px;
}
.pickup ul li {
width: 100%;
max-height: 130px;
margin-bottom: 1px;
}
.pickup ul li a div {
font-size: 12px;
}



/*--
header 
------------------------*/
header .flexbox .left.flexbox {
margin: 8px 0 0 0;
justify-content: space-around;
padding:0;
}

header .flexbox .left.flexbox .logo{
width: 22%;
height: auto;
}

header .flexbox .left.flexbox .logoname{
font-size: 76%;
}

header p a img {
width: 23%;
}

#top_slide .top_catch {
        font-size: 6vw;
        top: 14%;
}


header h1 a img {
top:5px;
height: 30px;
}

header .h_btn a {
width: 50px;
top: 10px;
right: 50px;
font-size: 18px;
border-top-style: none !important;
border-bottom-style: none !important;
border-right-style: none !important;
border-left-style: none !important;
}
header .h_tel a {
width: 50px;
font-size: 18px;
right: 95px;
}
header .h_tel a span,
header .h_btn a span {
display: none;
}

/*--
content 
------------------------*/
.content {
padding-top: 20px;
padding-bottom: 20px;
}

.content #pageTitle h1 {
    font-size: 2em;
    margin: 0 0 20px 0;
}

#categoryArea h2, .content #pageArea h2 {
    font-size: 22px;
    line-height: 1.4;
}

.content p {
margin-bottom: 20px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
font-size: 20px;
}
#teikan p{
font-size: 20px;
}
#teikan ul.katakana01 > li:before {
    font-size: 20px;
}
#teikan ol.decimal02 li:before {
    font-size: 20px;
}
ul.works_list {
padding: 10px;
}

ul.works_list li {
width: 50%;
}

ul.works_list li a {
padding: 10px;
}

.img_left,
.img_right {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*--
pan
------------------------*/
#pan, .cwrap {
    max-width: 92%;
    margin-bottom: 10px;
}
#pan li {
    font-size: 86%;
}

#topimage {
padding-top: 50px;
line-height: 0;
}

.box_contact p {
font-size: 14px;
}

ul.f_bn li a span {
display: none;
}


/*
フッター
-------------------------------------------*/

footer {
margin: 40px 0 0 0; 
}

footer .f_bn li a i {
padding-right: 0px;
}

footer .cwrap {
display: block;
}
ul.ftopl{
display: none;
}


footer .left {
width: 25%;
margin: 0 auto;
}

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

footer .hbn li img {
    width: 10%;
}

/*--
COLABOSS誕生
------------------------*/

.flexbox {
    display: block;
}

#page-about-bairth #bairthArea .right {
    width: 100%;
}
#page-about-bairth #bairthArea .left {
    width: 100%;
}
#bairthArea ul {
    border: 1px solid #E96076;
    padding: 2% 10%;
}


#page-index .content #abouttop h2 {
    padding: 70px 0 30px 0;
}

#page-index .content h2 {
margin: 60px 0 30px 0;
font-size: 35px;
}

.contentGpArticleDoc .date {
    margin: 0 0 50px 0;
}

.content #docsArea h1 {
margin: 0 0 0 0;
font-size: 24px;
}


.content #docsArea h1 span, #page-index .content h2 span {
    font-size: 20px;
}
.outwrap .flexbox {
    display: block;
    justify-content: inherit;
}

.cwrap {
    max-width: 92%;
}
.outwrap .flexbox .leftArea {
    width: 100%;
}
.tabs{
  display: none;
}

#ulNews #news li {
    font-size: 22px;
    line-height: 1.8;
}

#ulSem ul#snewss {
    display: block;
    justify-content: inherit;
}

#ulSem ul#snewss li {
    width: 100%;
    margin: 0 0 40px 0;
}
#abouttop .img {
    width: 88%;
    margin: 0 6% 0 12%;
}
#abouttop .img img {
    width: 80%;
    float: right;
}
#abouttop .txt {
        width: 88%;
        margin: 20px 0 0 0;
        clear: both;
}

#abouttop .txt p {
    margin: 0;
    padding: 25px 24px 25px 30px;
    font-size: 18px;
}

#reagionArea .flexbox li {
    width: 100%;
    font-size: 18px;
}

#bannerArea .bannerImages li {
    flex-basis: calc(32.9% - 9px);
    margin: 0 4px;
}
footer .right {
    width: 100%;
}
#top_slide {
    padding-top: 0px;
}
.question_content {
    width: 100%;
    float: none;
    padding-bottom: 0; 
}
.answer_content {
    width: 100%;
    float: none;
    border: none;
    padding-top: 5px; 
}
.note {
    float: right;
}
.field input, .surveyForm form .questions .question .answer_content input {
    height: 40px;
    padding: 2px;
    width: 100%;
    font-size: 120%;
}

#page-contact-formSeminar-index form .questions .question:nth-child(4),
#page-contact-formSeminar-index form .questions .question:nth-child(5){
    display: block;
    float: none;
    width: 100%;
}

#page-contact-formSeminar-index .surveyForm .questions .question:nth-child(5) .question_content {
    text-align: left;
}

#page-contact-formSeminar-index form .questions .question:nth-child(5) .note {
    display: block;
}

/*
トップビジュアル
----------------------------------------*/
#topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosst_sp.jpg);
}
#page-colabossTokyo-greeting #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyog_sp.jpg);
}
#page-colabossTokyo-org #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyoS_sp.jpg);
background-position: top left;
}
#page-colabossTokyo-teikan #topimage.categorycoratokyo {
background-image: url(/_themes/img/img_corabosstokyoSH_sp.jpg);
}
#topimage.coraboss {
background-image: url(/_themes/img/img_corabossk_sp.jpg);
}
#topimage.news {
background-image: url(/_themes/img/img_news_sp.jpg);
}
#topimage.category {
background-image: url(/_themes/img/img_news_sp.jpg);
}
#topimage.categorycora{
background-image: url(/_themes/img/img_category_sp.jpg);
}

#topimage.categorycoraother {
background-image: url(/_themes/img/img_category_sp.jpg);
}
#topimage.contact {
background-image: url(/_themes/img/img_contact_sp.jpg);
}


#topimage.tag,
#topimage.common{
background-image: url(/_themes/img/img_common_sp.jpg);
}
#topimage.calendar{
background-image: url(/_themes/img/sub_top_calendar_sp.jpg);
}


}
/*(/～767)*/

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

input,
textarea {
max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td {
width: 100% !important;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.content table.table_01 th {
background-color: #F6F6F6;
}


#topimage {
font-size: 16px;
}

.content h2 {
font-size: 24px;
}

header .hbn{
  display: none;
}
.right {
    width: 0;
}
.left {
    width: 80%;
}
.left.flexbox .logo{
    width: 100px;
}


}
/*(/～460)*/


/*
エフェクト
-------------------------------------------*/
.effect {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
transform: translateY(20px);
-webkit-transform: translateY(20px);  
-moz-transform: translateY(20px); 
-webkit-transition: 1.0s ease-out;
-moz-transition: 1.0s ease-out;
transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
transform: translateY(0px);
-webkit-transform: translateY(0px);  
-moz-transform: translateY(0px);    
}
.content p.check {
color: #FF3333;
}
.content p.p_st {
font-size: 20px;
color: #CA28B1;
}

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

.content .box_att {
margin-top: 30px;
}

.content .box_att h2 {
font-weight: normal;
font-size: 24px;
color: #0F688B;
}
.content .box_att p {
font-size: 14px;
margin: 0px;
color: #0F688B;
}