@charset "utf-8";

p a,p a:link{ text-decoration: underline;}
p a:hover{ text-decoration:underline;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

wrap

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.container{margin: 0 10%;}
.container-mini{width: 100%;max-width: 700px;margin: 0 auto;position: relative;}
.container-mini:last-child{ margin-bottom: 0;}
.container .container-mini-harf{ width:540px; display: block;}
.contentsWrap{position: relative;margin-bottom: 100px;}
.wrap{margin-bottom: 50px;position: relative;}
* > .wrap:last-child{ margin-bottom: 0;}
.wrap:last-child{ margin-bottom: 0;}

.wrapHalf{margin-bottom: 25px;position: relative;}
* > .wrapHalf:last-child{ margin-bottom: 0;}
.wrapHalf:last-child{ margin-bottom: 0;}

@media screen and (max-width: 1400px) {
	.container-mini{width: 55%;max-width:inherit;margin: 0 auto;position: relative;}
}

@media screen and (max-width: 1100px) {
	.container{ margin:0 5%;}
	.container .container-mini{ margin:0 auto ;}
}

@media screen and (max-width: 900px) {
.container{ margin:0 5%;}
.container-mini{ width: auto; margin:0 auto;}
.container .container-mini{ margin:0 auto;}
	.contentsWrap{position: relative;margin-bottom: 50px;}
.wrap{margin-bottom: 20px;}
	.wrapHalf{margin-bottom: 20px;}
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

コンテンツ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
main section{ padding-top:0; display:block; margin:0 auto;}
main .contentsSection{/* padding: 100px 0 0; */display: block;/* overflow: hidden; */position: relative;margin-bottom: 100px;}
main .contentsSection:last-child{ margin-bottom: 80px;}
@media screen and (max-width: 900px) {
	main .contentsSection{padding: 0;margin-bottom: 80px;}
}

/* single or double ////////////////////////////////////////////////////////////////////////////////////////////*/
#container{padding-top: 250px;}
@media screen and (max-width: 900px) {
	#container{padding-top: 120px;padding-bottom: 0;}
}

/* column ////////////////////////////////////////////////////////////////////////////////////////////*/
.column-flex{display: -webkit-flex!important; display: flex!important; -webkit-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify;	justify-content: space-between; }
.row-revers { flex-direction: row-reverse;}
.box-column1{width: 100%; max-width:700px; display: inline-block; }
.column-flex.box-column2 .box-column-size1{ width: calc(50% - 25px);  width: -ms-calc(50% - 25px);  width: -webkit-calc(50% - 25px); margin-top: 50px;}
.column-flex.box-column2 .box-column-size1:nth-child(1),
.column-flex.box-column2 .box-column-size1:nth-child(2){margin-top: 0;position: relative;/* overflow: hidden; */}


.column-flex.box-column3 .box-column-size1{  width: calc(33.3333% - 33.33px); width: -webkit-calc(33.3333% - 33.33px) ; margin-top: 50px;}
.column-flex.box-column3 .box-column-size1:nth-child(3n){ margin-right:0; }
.column-flex.box-column3 .box-column-size2{ width:66.2%;}
.column-flex.box-column3 .box-column-size1:nth-child(1),
.column-flex.box-column3 .box-column-size1:nth-child(2),
.column-flex.box-column3 .box-column-size1:nth-child(3){ margin-top: 0;}

.column-flex.box-column4 .box-column-size1{ width: calc(25% - 30px); width: -webkit-calc(25% - 30px); margin-top: 50px; }
.column-flex.box-column4 .box-column-size1:nth-child(4n){ margin-right:0; }
.column-flex.box-column4.justify-start .box-column-size1{ margin-right: 40px;}
.column-flex.box-column4.justify-start .box-column-size1:nth-child(4n){ margin-right:0; }
.column-flex.box-column4 .box-column-size2{ width: calc(50% - 20px); width: -webkit-calc(50% - 20px); }
.column-flex.box-column4 .box-column-size2:nth-child(2n){ margin-right:0; }
.column-flex.box-column4 .box-column-size3{ width: calc(75% - 10px); width: -webkit-calc(75% - 10px);}
.column-flex.box-column4 .box-column-size1:nth-child(1),
.column-flex.box-column4 .box-column-size1:nth-child(2),
.column-flex.box-column4 .box-column-size1:nth-child(3),
.column-flex.box-column4 .box-column-size1:nth-child(4){ margin-top: 0;}

.column-flex.box-column5 .box-column-size1{ width: calc(20% - 40px); width: -webkit-calc(20% - 40px);}
.column-flex.box-column5 .box-column-size2{ width: calc(40% - 40px); width: -webkit-calc(40% - 40px);}
.column-flex.box-column5 .box-column-size3{ width: calc(60% - 40px); width: -webkit-calc(60% - 40px);}
.column-flex.box-column5 .box-column-size4{ width: calc(80% - 40px); width: -webkit-calc(80% - 40px);}

.column-flex.box-column5.justify-start .box-column-size1{ margin-right: 30px;}
.column-flex.box-column5.justify-start .box-column-size1:nth-child(5n){ margin-right: 0;}

/*左から並ぶ場合*/
.justify-start {-webkit-box-pack: start; justify-content: start; }
.column-flex.box-column2.justify-start .box-column-size1{ margin-right:40px; }
.column-flex.box-column2.justify-start .box-column-size1:nth-child(even){ margin-right:0; }

@media screen and (max-width: 900px) {
	.box-column1{width:auto; }
	
	.column-flex.box-column2 .box-column-size1,
	.column-flex.box-column3 .box-column-size1,
	.column-flex.box-column3 .box-column-size1:nth-child(3n),
	.column-flex.box-column3 .box-column-size2{width: 100%;margin: 0 auto 20px;}
	.box-column-size1.text-wrap.pt20{ padding-top: 0!important;}
	
	.column-flex.box-column4 .box-column-size1,
	.column-flex.box-column4 .box-column-size2{ width:100%; }
	.column-flex.box-column4 .box-column-size3{ width: 100%;}
	
	.column-flex .box-column-size1,
	.column-flex .box-column-size2{margin-bottom: 0;}
	.column-flex .box-column-size1:last-child, .column-flex .box-column-size2:last-child{ margin-bottom: 0;}
	.column-flex.box-column2.justify-start .box-column-size1{ margin-right:0; }
	
	#container .column-flex.box-column2 figure.box-column-size1{width: calc(50% - 2px);width: -ms-calc(50% - 2px);width: -webkit-calc(50% - 2px); margin: 0;}
	#container .column-flex.box-column3 figure.box-column-size1{width: calc(33.3333% - 2.6666px);width: -webkit-calc(33.3333% - 2.6666px); margin: 0;}
	#container .column-flex.box-column4 figure.box-column-size1{width: calc(25% - 3px); width: -webkit-calc(25% - 3px);  }
}

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

img

////////////////////////////////////////////////////////////////////////////////////////////*/
figure img{ width: 100%; height: auto;}
figure.circle{width: 100%; padding-top: 100%; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); display: block; overflow: hidden; position: relative; margin-bottom: 20px;}
figure.circle img{width:auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
.img-wrap{ overflow: hidden;}

.img-wrap.centerP-w{position: relative;overflow: hidden;width: 100%;}
.img-wrap.centerP-w img{width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.img-wrap.centerP-h{ position: relative; overflow: hidden; width: 100%; }
.img-wrap.centerP-h img{width: auto; height:  100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.text-wrap *:last-child{ margin-bottom: 0;}
.main-single{}
.main-single .img-wrap{ width: 100%; padding-top: 40%; display: block; overflow: hidden;  background-size: cover; background: #094a81;}
.main-single .text-wrap{width: 700px;padding: 50px 0 0;/* background: #fff; */text-align: center;margin: 0 auto;position: relative;z-index: 10;}
.main-single .text-wrap .title3{ text-align: center; margin-bottom: 20px;}
@media screen and (max-width: 900px) {
	figure.circle{ margin-bottom: 10px; width: 80%; padding-top: 80%; margin: 0 auto 10px;}
	.container.wrap.main-single{ margin: 0 auto 60px;}
	.container.wrap.main-single .img-wrap{ width: 100%; height:auto; padding-top: 50%; background-size: cover;}
	.main-single .img-wrap{ height: auto; padding-top: 100%; background-size: cover;}
	.main-single .text-wrap{ width: 90%; display: block; margin: 0 5%; padding: 20px 20px 0; margin:-20px auto 0; position: relative; z-index: 10;}
	.main-single .text-wrap .title3{ text-align: center; margin-bottom: 10px;}
}

/*text*/
.text-wrap{ position: relative;}

/* box ////////////////////////////////////////////////////////////////////////////////////////////*/
.box{ background:#FFF; padding:40px; box-sizing:border-box; text-align: left; }
.box > *:last-child{ margin-bottom:0;}
.box-color{ color: #FFF; background:#000; padding:20px; box-sizing:border-box;}
.box-color *{ color:#fff;}
.box-color .box-innner{ background:#FFF; padding:20px; box-sizing:border-box;}
.box-color .box-innner *{ color:#000;}
.box-color .box-innner > *:last-child{ margin-bottom:0;}
.box-center { display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 900px) {
	.box{ padding: 20px;}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

基本要素

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* title ////////////////////////////////////////////////////////////////////////////////////////////*/
.title1{font-size: 2rem;text-align: left;font-weight:  100;letter-spacing: 0.1em;}
.title2{font-size: 1.5rem; margin-bottom: 20px; text-align: left;}
.title3{font-size: 1.2rem;margin-bottom: 10px;text-align: left;font-weight: 100;}
.title4{font-size: 1rem; margin-bottom: 10px; text-align: left;}
.title5{font-size: 0.8rem; margin-bottom: 5px; text-align: left;}
.pagetitle{ padding:80px 0 0;}
.pagetitle .title2{margin-bottom:0em;}
@media screen and (max-width: 900px) {
	.title1{font-size: 1.3rem; margin-bottom:30px; font-weight: 100; letter-spacing: 0.3em; text-align: center;}
	.title2{font-size: 1.2rem; margin-bottom:10px; }
	.title3{font-size: 1.1rem; margin-bottom:10px; }
	.title4{font-size: 0.8rem;margin-bottom:10px;}
	.title5{font-size: 1rem; margin-bottom:10px; }
	.title6{font-size: 0.8rem; margin-bottom:10px; }
	.title2 .title-mini{ padding-top: 0; font-size: 0.8rem;}
	.pagetitle{ padding:40px 0 0; }
}

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

btn

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*矢印*/
.btn-arr{display:inline-block;position: relative;padding-left: 20px;padding-right: 10px; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}
.btn-arr svg{ position: absolute; left: 0; top: 0.45em;  -ms-transition: all .3s; -webkit-transition: all .3s;   transition: all .3s; width: 13px; height: 13px;}

.btn-arr-r{ display:inline-block; position: relative; padding-right: 20px;}
.btn-arr-r svg{ position: absolute; right: 0; top: 0.45em;}

.btn-arr-l{ display:inline-block; position: relative; padding-left: 20px;}
.btn-arr-l svg{ position: absolute; left: 0; top: 0.45em; transform: scale(-1, 1); -webkit-transform:  scale(-1, 1);}

.arr-white{ width:auto; height: 13px; display: inline-block;  }
.arr-white .st0{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}

.arr-black{ width:auto; height: 13px; display: inline-block;  }
.arr-black .st0{fill:none;stroke:#000;stroke-miterlimit:10;}

.btn-arr .st0{-ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}


.btn{ line-height: 1em; box-sizing: border-box; }

body *.btn{display:inline-block;box-sizing:border-box;border: 1px solid rgba(255, 255, 255, 0.9);background: rgba(255, 255, 255, 0.9);/* border-radius: 10px; */padding: 0.5em 2em;font-size: 1em;color: #757575;text-align: center;}
body *.btn .btn-innner{ padding:0.4em 0; margin:0 1.5em; display:block; }
body *.btn:hover{ text-decoration:none;}

main table a:not(.btn){ text-decoration: underline;}
a.underLine{ text-decoration: underline!important;}
a.underLine:hover{ text-decoration: none!important;}

/*btn-line*/
body .btn.btn-line { background:none; color:#094a81;  border-color: #094a81; border: 1px solid;}














body .btn.btn-line:hover { background:none; color:#094a81; border-color: #094a81; border: 1px solid;}

/*btncolor*/
body .btn.btn-color-box {background:#ffe300;color: #094a81!important;border-color: #ffe300!important;}
body .btn.btn-color-box:hover { background:#ffe300; color:#094a81; border-color: #ffe300;}


/*btnsize*/
body .btn.size-l{ font-size: 1.5rem; padding: 0.7em 1.5em; width: 100%;    max-width: 560px; }
body .btn.size-m{font-size: 1rem; padding: 0.7em 1.5em;}
body .btn.size-s{font-size: 0.8rem;padding: 0.5em 1.5em;}

/*btnwide*/
body .btn.w100{ width: 100%;}
body .btn.w50{ width: 50%;}

body *.btn:hover{-ms-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;border: 1px solid #757575;background: #757575;color: rgba(255, 255, 255, 0.9);}
body *.btn.btn-line:hover{ border:1px solid #094a81; background: #094a81; color:#fff; }
body *.btn.btn-color-box:hover{border:1px solid #ffe300; background: #fff;}

@media screen and (max-width: 900px) {
	.btn-arr{padding-left: 20px;padding-right: 20px; }
	body .btn.size-l{ font-size: 1.2rem; padding: 1em;  max-width:inherit;}
	body .btn.w100{ width: 100%;}

	body .btn.w50{ width: 100%;}
	body *.btn{ font-size: 1rem;}
}

/*snsWrap///////////////////////////////////////////////////////////////////////////////////////////*/
.snsWrap{ width: 100px; text-align: center; margin: 0 auto;}
.snsWrap li{ display: inline-block;}
.snsWrap li a,
.snsWrap li span{ width: 36px; height: 36px; display: inline-block;}
.snsWrap li a svg,
.snsWrap li span svg{ width: 24px; height: auto;}
.snsWrap li a svg,
.snsWrap li span svg{ fill:#006fba;	}


/* ///////////////   外部リンク   ///////////////////////*/
a[target="_blank"]:not(.btn):after { background: currentColor; box-shadow: 1px -1px currentColor; 
 content:''; width: .6em; height: .4em; display: inline-block; vertical-align: middle;  background-clip: content-box; padding: 2px 2px 0 0; box-sizing: border-box; margin-left:.3em; }
a[target="_blank"]:after { background: currentColor; box-shadow: 1px -1px currentColor; 
 content:''; width: .6em; height: .4em; display: inline-block; vertical-align: middle;  background-clip: content-box; padding: 2px 2px 0 0; box-sizing: border-box; margin-left:.3em; }
.snsWrap li a[target="_blank"]:not(.btn):after{ display: none;}

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

 list

 ////////////////////////////////////////////////////////////////////////////////////////////*/
/*ドット付きリスト*/
ul.list{border-top: 2px solid #fff;padding-top: 10px;}
ul.list > li {padding-bottom: 10px;margin-bottom: 10px;text-align: left;border-bottom: 2px solid #fff;}
ul.list > li:last-child{/* padding-bottom: 0; */margin-bottom: 0;}

ul.list-dot > li { padding-left: 1em; text-indent: -1em; text-align: left; padding-bottom:20px;}
ul.list-dot > li:before { content:'・'; }
ul.list-dot > list-style: ;:last-child{ margin-bottom: 0;}
ul.list-dot > li:last-child{ padding-bottom: 0;}

#container .list-border{border-top: 2px solid #fff;}
#container .list-border > li { border-bottom: 1px solid #fff; padding-top: 10px; padding-bottom: 10px; }
#container .list-border > li:last-child{ padding-bottom: 10px;}

#container .list-border.list-border-gray{border-top: 1px solid #fff;}
#container .list-border.list-border-gray > li { border-bottom: 1px solid #fff; padding-top: 10px; padding-bottom: 10px; }
#container .list-border.list-border-gray > li:last-child{ padding-bottom: 10px;}

/*数字付きリスト*/
ol.list {counter-reset: listnum;border-top: 2px solid #fff;/* padding-top: 10px; */}
ol.list > li {padding-left:2em;position: relative;text-align: left;padding-bottom: 10px;padding-top: 10px;border-bottom: 2px solid #fff;}
ol.list > li::before {content: counter(listnum)'.';counter-increment: listnum;width: 1.5rem;/* margin-left: -1.5rem; */display: inline-block;text-align: center;position:  absolute;left: 0;top: 10px;}
ol.list > li:last-child{/* padding-bottom: 0; */}
ol.list > li *:last-child{ margin-bottom: 0;}

#container ol.list > li ul li:last-child{ border-bottom: none; padding-bottom: 0;}

/*定義リスト(縦ならび)*/
dl.list-vertical { text-align: left;}
dl.list-vertical > dt { font-weight: bold; }
dl.list-vertical > dd {padding-bottom: 10px;}

/*定義リスト(横ならび)*/
dl.list-horizontal {display: -webkit-flex;display: flex;flex-flow:row wrap;border-top: 2px solid #fff;}
dl.list-horizontal > * {  text-align: left; }
dl.list-horizontal > dt {width: 20%;/* font-weight: bold; */padding-bottom: 10px;padding-top: 10px;border-bottom: 2px solid #fff;padding-left: 10px;}
dl.list-horizontal > dd {width: 80%;padding-left: 2%;padding-bottom: 10px;padding-right: 10px;padding-top: 10px;border-bottom: 2px solid #fff;}


dl.list-horizontal > dd a:not(.btn) text-decoration: underline;}
dl.list-horizontal > dd a:not(.btn):hover{ text-decoration:none;}

#container dl.list-horizontal.list-border.list-border-gray > *{ border-bottom: 1px solid #fff;}

dl.list-horizontal dd.btn-in{ padding-right:220px; position: relative;}
dl.list-horizontal dd.btn-in .btn{ width: 200px; position: absolute; right: 0; top: 10px;}

#container dl.list-horizontal.list-border > dd dl.list-border{ border-top:none;}
#container dl.list-horizontal.list-border > dd dl.list-horizontal > * { border-bottom: 1px solid #fff;}
#container dl.list-horizontal.list-border > dd dl.list-border dt:first-of-type{ padding-top: 0;}
#container dl.list-horizontal.list-border > dd dl.list-border dd:first-of-type{ padding-top: 0;}
#container dl.list-horizontal.list-border > dd dl.list-border dt:nth-last-of-type(1){ border-bottom: none; padding-bottom: 0;}
#container dl.list-horizontal.list-border > dd dl.list-border dd:nth-last-of-type(1){ border-bottom: none; padding-bottom: 0;}
#container dl.list-horizontal.list-border > dd dl.list-horizontal > *.borderBtm{ padding-bottom: 10px!important; border-bottom: 1px solid #fff!important;}
#container dl.list-horizontal.list-border > dd ul.list-border li:last-child{ border-bottom: none;}
#container dl.list-horizontal.list-border > dd ul.list-border li{margin-bottom: 0;}

@media screen and (max-width: 900px) {
	dl.list-horizontal dd.btn-in{ padding-right:0; position: relative;}
	dl.list-horizontal dd.btn-in .btn{ width: 100%; position:relative; margin-top: 10px; right: 0; top: 0;}
	dl.list-horizontal > dd {width: 100%;padding-left: 10px;padding-bottom:10px;display: block;}
	#container dl.list-horizontal > dt {width: 100%;/* font-weight: bold; */padding-bottom:10px;display: block;/* border-bottom: none; */padding-bottom: 0;/* background: #fff; */padding: 10px;}
	#container dl.list-horizontal.list-border > dd dl.list-border dt{ background: none; padding: 0; padding-top: 10px; width: 100%; border-bottom:none; padding-left: 0;}
	#container dl.list-horizontal.list-border > dd dl.list-border dd{ width: 100%; padding-right: 10px;}
}

.no-line,.no-line *{border: none!important;padding: 0!important;}
@media screen and (max-width: 900px) {
dl.list-horizontal.no-line > dt{}
dl.list-horizontal.no-line > dd{}
}

/*フロー*/
.list_flow { counter-reset: flownum; }
.list_flow li { display: block; position: relative; }
.list_flow li + li { margin-top: 3rem; }
.list_flow li:before { content:counter(flownum)'.'; counter-increment: flownum; }
.list_flow li + li:after { content:''; width: 0; height: 0; display: block; border-style: solid; border-width: 1rem .7rem 0; border-color: #CCC transparent transparent; position: absolute; top: 0; left: 0; right: 0; margin: -2rem auto 0; }

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

table

////////////////////////////////////////////////////////////////////////////////////////////*/
/*テーブル*/
table.table { width: 100%; border-collapse: collapse; table-layout: fixed; }
table.table th,
table.table td { padding: 10px; text-align: left;}
table.table thead th { border-bottom: 1px solid #fff; }
table.table tbody th { border-bottom: 1px solid #fff; }
table.table tbody td { border-bottom: 1px solid #fff; }
table.table tr .w10{ width: 10%;}

table.table tr .w20{ width: 20%;}
table.table tr .w30{ width: 30%;}
table.table tr .w40{ width: 40%;}
table.table tr .w50{ width: 50%;}
table.table tr .w60{ width: 60%;}
table.table tr .w70{ width: 70%;}
table.table tr .w80{ width: 80%;}
table.table thead{ background:#fff;}

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



///////////////////////////////////////////////////////////////////////////////////////////*/
.indexList li a{display: -webkit-flex!important; display: flex!important; -webkit-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify; justify-content: space-between; padding: 20px; position: relative;  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
#container .indexList li{ width: 100%; display: block; padding: 0;}
.indexList li .thum{ width:220px; height: 220px; position: relative; overflow: hidden;}
.indexList li .textArea{ width: calc(100% - 260px); width: -webkit-calc(100% - 260px) ; display: block; text-align: left; padding: 20px 0; padding-right: 80px;}
.indexList li .textArea .category{ display: block; margin-bottom: 10px; text-align: left;}
.indexList li .textArea .category span {font-size:0.8rem; }
.indexList li a:hover{ background: #f5f5f5;}
#container .indexList > li:last-child{ padding-bottom: 0;}

/**/
.pagination { width: 100%; text-align: center; margin:60px auto 60px; position:relative; padding:0 2em; }
.pagination  a {width: 2em;height: 2em;margin: 0;display: inline-block;font-weight: 300;font-size: 1.2rem;line-height: 2em;text-align: center;}
.pagination  span.current {width: 2em;height: 2em;margin: 0;display: inline-block;font-weight: 300;font-size: 1.2rem;line-height: 2em;text-align: center;background:#ffe000;color:#000;border-radius:1em;}

.pagination .next{ position:absolute; right:0; top:0; width: 4em; height: 2em; font-size: 1rem; }
.pagination .prev{ position:absolute; left:0; top:0; width: 4em; height: 2em; font-size: 1rem;}
.pagination .next svg,
.pagination .prev svg{top:0.6em; fill: none;
    stroke: #000;
    stroke-width: 1px; width: 40px;}
/*.pagination  a .arrow_l,
.pagination  a .arrow_r { content:''; width: 1rem; height: 1rem; display: inline-block; border-width: 3px 0 0 3px; border-color: #101010; border-style: solid; vertical-align: middle; }
.pagination  a .arrow_l { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.pagination  a .arrow_r { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }*/
.pagination *{}

@media screen and (max-width: 900px) {
	.indexList li a{ padding: 20px 0;}
.indexList li .thum{ width:120px; height:120px; padding-top:0; position: relative; overflow: hidden;}
.indexList li .thum img{ height: 100%; width: auto;}
.indexList li .textArea{width: 100%;}
.indexList li .textArea{width: calc(100% - 140px); width: -webkit-calc(100% - 140px) ; text-align: left; padding-right: 0;padding-top: 10px;padding-bottom: 0;margin-bottom: 0;}

	
.state.stateNow::before{font-size: 0.7rem; margin: 0;}
.state.stateEnd::before{font-size: 0.7rem; margin: 0;}
	
.state::before{ width: 40px; height: 40px; border-radius: 30px; display: block; margin: 15px 0; line-height: 40px; text-align: center;}
	
.pagination .next{ display: none}
.pagination .prev{ display: none;}
.pagination span.current,
.pagination a{ font-size: 0.8em; margin: 0 0.5em;}	
.pagination .next svg,
.pagination .prev svg{}
.pagination  a .arrow_l,
.pagination  a .arrow_r {  }
.pagination  a .arrow_l {  }
.pagination  a .arrow_r {  }
.pagination *{}
}

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

フォーム

///////////////////////////////////////////////////////////////////////////////////////////*/
input{padding: 5px 10px; box-sizing: border-box;border: 1px solid #fff;background: #fff;width: 100%;}
.wideS{ width: 10em;}

.wideM{ width: 20em;}
.wideL{ width: 100%;}
select{padding: 5px 10px; box-sizing: border-box; border: 1px solid #fff;}
textarea{ width: 100%; padding: 5px 10px; box-sizing: border-box; border: 1px solid #fff;}
textarea.wideL{ width: 100%;}
input[type=radio]{ display: inline-block; width: auto; margin-right: 5px;}
label{ display: block;}

input.checkbox{ width: auto;}
select.wideM{ width: 20em;}
.submit{ padding: 5px 20px;  box-sizing: border-box; border: none; background: none; background: #094a81; color: #fff; position: relative;  line-height: 1em;}
.submit.submit-btn{background: #757575;width: 460px;font-size:1.5rem;text-align: center;padding: 20px 0;margin: 0 auto;display: block;}
dt.required{ position: relative;}
dt.required::after{ content: "※"; color: #ff1f00;  width: 1em; display: block; position: absolute; right: 0; top: 10px; text-align: center; font-size: 0.8rem; line-height: 1em; padding: 0.5em;}

@media screen and (max-width: 1100px) {
	.submit.submit-navy:first-child{ width: 100%; margin-bottom: 10px; }
	.submit .inlineWrap{ width: 100%; text-align: center; }
	input{padding: 5px 10px;box-sizing: border-box;border: 1px solid #fff;background: #fff;width: 100%;margin: 0;}
	label{display: block;margin: 0;}
	dt.required::after{ right: 10px;}
	
	.submit{ padding: 5px 20px;  box-sizing: border-box; border: none; background: none; background: #094a81; color: #fff; position: relative;  line-height: 1em;}
	.submit.submit-btn{background: #757575;width: 100%;font-size: 1.1rem;text-align: center;padding: 10px 0;}

}

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

tel

///////////////////////////////////////////////////////////////////////////////////////////*/
.tel::before{ content: "TEL :"; margin-right: 5px;}
.tel *{font-size: 1rem;}
.fax::before{ content: "FAX :"; margin-right: 5px;}
.fax *{font-size: 1rem;}



#mapArea {position: relative;padding-bottom: 62%;padding-top: 0;height: 0;overflow: hidden;margin-bottom: 30px;}
 
#mapArea iframe,
#mapArea object,
#mapArea embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}