/***************共通***************/
a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
p.tel { font-size: 30px; line-height: 1; }
.centerbnr { text-align: center; margin: 0 auto; display: block; }
ul.set4 {width:100%;display:flex;justify-content: center;padding:0;list-style: none; margin-right: -30px; margin-left: 0; }
ul.set4 li { width:calc(100% / 4);padding-right:30px; }
.dotted_bg { margin: 70px 0; background: url(img/dotted_bg.png)no-repeat center; }
ul.set3 {width:100%;display:flex;justify-content: center;padding:0;list-style: none; margin:0; }
ul.set3 li { width:33.333%; padding: 0 10px; }
ul.set3 p { padding: 10px 0 0; }
.fs18 {  font-size: 18px; }

/*other-style*/
.col-l { float:left;}
.col-r { float:right;}

.MT0 { margin-top: 0px !important; }
.MT10 { margin-top: 10px !important; }
.MT20 { margin-top: 20px !important; }
.MT30 { margin-top: 30px !important; }
.MT40 { margin-top: 40px !important; }
.MT50 { margin-top: 50px !important; }
.MT60 { margin-top: 60px !important; }
.MT70 { margin-top: 70px !important; }
.MT80 { margin-top: 80px !important; }
.MT100 { margin-top: 100px !important; }
.MB0 { margin-bottom: 0px !important; }
.MB5 { margin-bottom: 5px !important; }
.MB10 { margin-bottom: 10px !important; }
.MB20 { margin-bottom: 20px !important; }
.MB30 { margin-bottom: 30px !important; }
.MB50 { margin-bottom: 50px !important; }
.MB100 { margin-bottom: 100px !important; }
.MT100 { margin-top: 100px !important; }

.MR0 { margin-right: 0 !important; }
.MR10 { margin-right: 10px !important; }
.MR20 { margin-right: 20px !important; }
.MR30 { margin-right: 30px !important; }

.ML10 { margin-left: 0 !important; }
.ML10 { margin-left: 10px !important; }
.ML20 { margin-left: 20px !important; }
.ML30 { margin-left: 30px !important; }
.ML40 { margin-left: 40px !important; }
.ML100 { margin-left: 100px !important; }
.MRL-20 { margin-left: -20px !important;margin-right: -20px !important; }

.PT0 { padding-top: 0px !important; }
.PT10 { padding-top: 10px !important; }
.PT20 { padding-top: 20px !important; }
.PT30 { padding-top: 30px !important; }
.PB0 { padding-bottom: 0px !important; }
.PB10 { padding-bottom: 10px !important; }
.PB20 { padding-bottom: 20px !important; }
.PB30 { padding-bottom: 30px !important; }
.PL10 { padding-left: 10px !important; }
.PL20 { padding-left: 20px !important; }
.PL30 { padding-left: 30px !important; }
.PR10 { padding-right: 10px !important; }
.PR20 { padding-right: 20px !important; }
.PR30 { padding-right: 30px !important; }

.w10 { width:10% !important; }
.w20 { width:20% !important; }
.w30 { width:30% !important; }
.w35 { width:35% !important; }
.w40 { width:40% !important; }
.w45 { width:45% !important; }
.w50 { width:50% !important; }
.w55 { width:55% !important; }
.w60 { width:60% !important; }
.w70 { width:70% !important; }
.w80 { width:80% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }

@media only screen and (max-width:640px){
.w30 { width:100% !important; }
.w35 { width:100% !important; }
.w40 { width:100% !important; }
.w45 { width:100% !important; }
.w50 { width:100% !important; }
.w55 { width:100% !important; }
.w60 { width:100% !important; }
.w70 { width:100% !important; }
.w80 { width:100% !important; }
.w90 { width:100% !important; }
}

/* clearfix */
/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
html, body {
	overflow-x: hidden;
	width: 100%;
	min-width: 100%;
}
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }


/* 太字 */
.td_bold { font-weight: bold;}

/* 赤文字 */
.fc_red { color:#c00;}

/* フォントサイズ変更 */
.fs10 { font-size: 10px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs16 { font-size: 16px !important;}
.fs18 { font-size: 18px !important;}
.fs20 { font-size: 20px !important;}
.fs30 { font-size: 30px !important;}
.fs40 { font-size: 40px !important;}
.fs50 { font-size: 50px !important;}
.fs120{ font-size: 120% !important;}
.fs140{ font-size: 140% !important;}

/* テキストシャドウ */
.t_shadow {	text-shadow: 1px 1px 0 #ccc;}

/* フォント変更 */
.ff_pu { font-family: 'Puritan', sans-serif;}

strong {
	font-weight: bold;
	color: #c00;
}

/* 余白 */
.mr3 { margin-right: 3px;}
.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}

.ml20 { margin-left: 20px;}

.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

.mb5 { margin-bottom: 5px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb80 { margin-bottom: 80px!important;}

/* 文字位置 */
.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}

/* 回り込み */
.fl_right { float: right;}
.fl_left { float: left;}
.clear { clear: both;}
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12{position:relative;padding-left:10px;padding-right:10px;}
@media (min-width:480px) and (max-width:2000px){.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11{float:left;}.col-ms-1{width:8.33333333%;}.col-ms-2{width:16.66666667%;}.col-ms-3{width:25%;}.col-ms-4{width:33.33333333%;}.col-ms-5{width:41.66666667%;}.col-ms-6{width:50%;}.col-ms-7{width:58.33333333%;}.col-ms-8{width:66.66666667%;}.col-ms-9{width:75%;}.col-ms-10{width:83.33333333%;}.col-ms-11{width:91.66666667%;}.col-ms-12{width:100%;}.col-sm-4 { width: 33.33333333%;}
}

/*reset*/
*{box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1.8;height:100%;font-family:Verdana,YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}
ol,ul{margin:0;padding:0;}
blockquote,q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
caption{width:100%;}
a{outline:none;}
img{vertical-align:top;}

/*base*/
body{margin:0px;padding:0;-webkit-text-size-adjust:none;color:#333;font-size:16px;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 20px;}
ul,ol{padding:0;margin:0 0 20px 20px;}
p { font-size: 16px; margin: 10px 0 !important;}
img{border:none;max-width:100% !important;height:auto;}
a{text-decoration:none;color:#477bb0;}
a:hover{text-decoration:none;}
a:hover img{opacity:0.66;}
hr{background-color:#ddd;border:0;height:1px;clear:both;margin:30px auto;}
blockquote{margin:0px 0px 20px;padding:10px 20px 10px 20px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
img.alignright { float: right; margin: 0 0 20px 20px; }
.content_single {
	width: 70%;
	float: left;
}
@media(max-width:730px){table{display:block;margin: 0 -15px;}
object,embed{width:100%;display:block;margin:auto;}
.screen-reader-text{display:none;}
.screen-reader-response{display:none;}
.cf:before,.cf:after{content:"";display:block;overflow:hidden;}
.cf:after{clear:both;}
.cf{zoom:1;}img.alignleft { float: none; margin: 0 0 10px;}}
@media (max-width:768px){.sp{display:block;}.pc{display:none;}}
@media (min-width:769px){.sp{display:none;}.pc{display:block;}}
li { list-style:none; }
h1.page_entry-title {
	font-size: 28px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 1.4;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
img.alignright { margin: 0; }
.left {
	text-align: left !important;
}
.wrap{text-align:left;clear:both;}
.home .wrap{/* margin-top:15px */}
.container{width:80%;max-width:1200px;padding-left:0;padding-right:0;}
.breadcrumbs .container {
	width: 80%;
	margin: 0 auto;
}
.single .container{width:80%;max-width:1200px;padding-left:0;padding-right:0;}
.page-template-page-full .container{max-width:100%;}
.page-default{margin-left:auto;margin-right:auto;float:none;}
.inner{padding:0 15px;}
.side, .single-widget, .archive-widget {
	box-sizing: border-box;
	float: right;
	overflow: hidden;
	width: 28%;
	background: #fbfbfb;
	padding: 30px;
}
p.widget-title {
	background: #2AB4B4;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 20px 0 !important;
}
.wpp-cardview-compact li .wpp-post-title {
	line-height: 1.2;
	color: #333 !important;
	font-size: 13px !important;
}
.side_cat {
	width: 95%;
	margin: 0 auto;
}
.side_cat li a {
	color: #333;
	border-bottom: 1px solid #ccc;
	padding: ;
	margin: 0 0 10px;
	display: block;
	padding: 0 0 5px;
	font-size: 15px;
}
.side_cat li a:hover {
	color: #ccc;
}
.ta_center{
    text-align: center;
}
.single_bottom {
	padding: 50px 0;
	background: #f9f9f9;
	margin: 50px 0 -50px;
}
.main-column{width:730px;float:left;padding-bottom:30px;}
.side-column{width:300px;float:right;padding-bottom:30px;}
@media (max-width:1080px){.main-column,.side-column{max-width:100%;width:730px;margin-left:auto;margin-right:auto;float:none;}
}

/***************  テキスト  ***************/
span.red { color:#ff574f;}
span.blue { color:#68cbe0;}
span.yellow { color:#fcd06a;}
.fs25 { font-size: 25px; }
.font01 {
	color: #21a5a7;
	font-size: 40px;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 0;
}

.font02 {
	color: #ffcc00;
	font-size: 40px;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
.font03 {
	color: #b22f2f;
	font-size: 25px;
	line-height: 2;
}
h2.title {
	font-family: 'Raleway', sans-serif;
	font-size: 60px;
	font-weight: 200;
	color: #333;
	margin: 0 0 30px;
	line-height: 1.5;
}

h2.title span {
	font-weight: 800;
	color: #2ab4b4;
	font-size: 70px;
}
span.point {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/*ボタン*/
a.button {
	font-size: 25px;
	letter-spacing: 5px;
	color: #2ab4b4;
	background: none;
	padding: 12px 20px;
	display: block;
	text-align: center;
	margin-top: 30px;
	width: 45%;
	clear: both;
	border: 1px solid #2ab4b4;
}
a.button:hover {
	background: #2ab4b4;
	border: 1px solid #2ab4b4;
	color: #fff;
}
.more01 {
	color: #333;
	width: 99%;
	display: block;
	border: 1px solid #333;
	padding: 15px 0;
	text-align: center;
	font-size: 25px;
	box-sizing: border-box;
}
.more01:hover {
	color: #fff;
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
	border-radius: 10px;
}
.more02 {
	color: #2ab4b4;
	border: 1px solid #2ab4b4;
	width: 50%;
	display: block;
	padding: 15px 0;
	text-align: center;
	font-size: 25px;
	margin-top: 30px;
	letter-spacing: 3px;
}
.more02:hover {
	color: #fff;
	background: #2ab4b4;
	-webkit-transform: scale(1);
	transform: scale(1);
	border-radius: 10px;
}
.more01:after, .more02:after, .more03:after {
	content:"\f101";
	font-family: fontawesome;
	padding-left: 10px;
	}
.more03 {
	width: 50% !important;
	border: 1px solid #333;
	display: block;
	margin: 30px auto 0;
	color: #333;
	text-align: center;
	font-size: 20px !important;
	padding: 10px 0;
	letter-spacing: 3px;
	font-family: 'Raleway', sans-serif !important;
}
.more03.color1:hover {
	background: #ffcc00;
	color: #333;
}
.more03.color2:hover {
	background: #acc267;
	color: #333;
}
.more03.color3:hover {
	background: #91B7A8;
	color: #333;
}

a.more {
	border: 1px solid #477bb0;
	padding: 10px 15px;
	letter-spacing: 3px;
	font-size: 17px;
	margin-top: 20px;
	text-align: center;
	color: #477bb0;
	display: inline-block;
}
a.more:hover {
	background:#477bb0;
	color: #fff;
}

ul.set3 {
	display: flex;
	justify-content: space-between;
}
ul.set3 li {
	width: 32%;
}
.single_navigation {
	display: flex;
	justify-content: space-between;
}
.single_navigation a { background: #ccc; color: #333; padding: 5px 10px; }
.single_navigation a {
	color: #fff;
	padding: 5px 10px;
	background-color: #999;
	text-decoration: none;
	border-radius: 3px;
	margin: 2px;
	display: inline-block;
}


@media(max-width:768px){
.MT100 { margin-top:50px!important; }
.MB100 { margin-bottom: 50px!important; }
.fs25 { font-size: 15px; }
.fs50 { font-size: 30px !important; }
ul.set4 li { width: 100%!important; padding-right: 30px; }
ul.set3 li { width: 100%; padding-right: 0; margin-bottom: 20px; }
ul.set3 { margin-right: 0; }
.set4, .set3 { display: block!important; }
.fs30 { font-size: 20px !important; }
body { position: relative; }
.font01 { font-size: 20px; }
.font02 { font-size: 20px; }
.col-r { float: none; }
.MB30 { margin-bottom: 10px !important; }
ul, ol { padding: 0; margin: 0; }
.font03 { font-size: 15px; margin-top: 15px; }
a.more { padding: 10px; font-size: 12px; display: block; }
.PL20 {	padding-left: 0; }
.PR20 {	padding-right: 0; }
.more01 { padding: 10px 0; font-size: 20px; }
h2.title { font-size: 30px; margin: 0 0 10px; }
h2.title span { font-size: 50px; }
.MB50 { margin-bottom: 30px !important; }
h3 { line-height: 1.5; }
ul.set3 li { width: 100%; padding-right: 0; }
.fs40 { font-size: 20px !important; }
.fs20 { font-size: 17px !important; }
.more02 { width: 99%; padding: 10px 0; font-size: 20px; box-sizing: border-box; margin: 0 auto; }
.side, .single-widget, .archive-widget { float: none; width: 100%; margin: 20px 0 0; }
.single_bottom { padding: 30px 0; margin: 0; }
}