@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template:   cocoon-master
*/

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

TMF
ベースカラー#478ac9
ライトカラー#e9f2fa

************************************/
/* font関係 */
body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 1px;
}
.ff-yu-gothic {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}
b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}
/************************************
**　非表示系(.pageは固定ページのみ)
************************************/
/*投稿日*/
.page .date-tags {
 display: none;
}
/*投稿者名*/
.page .footer-meta {
 display: none;
}

.page a.btn,
#content-bottom a{
 text-decoration: none;
}

/******　リセット ******/
.page .content {
    margin-top: 0;
}
.page .main {
    padding: 0px;
}
.page ul {
	list-style: none;
    padding-left: 0;
}
.page .content .wrap,
#content-bottom .wrap{
    width: 100%;
}
h1.alignfull{
	font-size: 68px;
}
.page .ttl-tmf{
	font-size: 32px;
}
.page .article h2,
.page .article h3,
.page .article h4,
.page .article h5,
.page .article h6 {
    margin-top: 0;
    margin-bottom: 0;
	background-color: inherit;
	padding: 0;
}
.page .article h3 {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    font-size: 28px;
	margin-bottom: 1em;
}
.page .wp-block-group,
.page .wp-block-cover,
.content-bottom{
	margin: 0;
}
footer.footer {
    margin-top: 0;
    padding: 8px;
}
/******　ヘッダーカスタム ******/
.logo-text {
    padding: 5px 10px 10px;
    font-size: 1em;
}
.logo {
    text-align: left;
	font-weight: bold;
}
.logo a{
	color: #478ac9;
}
.tagline {
    text-align: left;
    font-size: 10px;
    margin: .6em 1em 0;
}
.header-in{
	position: relative;
}
#head-contact{
	width: 80%;
	max-width: 550px;
	margin: 0 auto;
	position: absolute;
	right: 0;
}
#head-contact ul{
	justify-content: space-between;
	display: flex;
	list-style: none;
	right: 0;
}
#head-contact ul li:first-child{
	font-size: 24px;
	font-weight: bold;
}
#head-contact ul li a.btn{
	padding: .5em 2em;
	background: #478ac9;
	color: #fff;
}
/****** common --------------------------------------------------------------------------------
 * -------------------------------------------------------------------------------------******/
.fc_blue{
	color: #478ac9;	
}
.fc_green{
	color: #6fbb4b;	
}
.fc_orange{
	color: #f39800;	
}
/*title-----------------------------------*/
.page .entry-title{
	text-align: center;
	font-size: 48px;
	padding: 1.5em 0 0;
	color: #fff;
	background: #478ac9;
}
.page .entry-title, .archive-title {
    margin: 0;
}
.page .entry-content {
    margin-top: 0;
    margin-bottom: 1em;
}

.page .entry-title_under{
	text-align: center;
	font-size: 18px;
	padding: 0 0 3em;
	color: #fff;
	background: #478ac9;
	margin-top: -1px;
}

/*contents-wrap---------------------------*/
.c-wrapper{
	width: 100%;
	padding: 90px 4%;
}
.c-wrapper_b0{
	width: 100%;
	padding: 90px 4% 0;
}
.sc-wrapper{
	width: 100%;
	padding: 60px 4%;
}
.sc-wrapper_b0{
	width: 100%;
	padding: 60px 4% 0;
}

.bg_blue{
	background: #478ac9;
	color: #fff;	
}
.bg_lblue{
	background: #e9f2fa;
}
.bg_mblue{
	background: #adcce9;
}

/*parts-wrap--------*/
.page .wrap-800{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
}

.page .wrap-1000{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.page .wrap-1200{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 4%;
}
.page .col3_wrap{
	width: 100%;
	max-width: 1200px;
	margin: 48px auto 0;
	padding: 0 4%;
}
.page .col3_wrap .name{
	font-size: 1.35em;
	margin-bottom: .5em;
	line-height: 1.4;
}
.page .col3_wrap .ttl_name{
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
.flow-wrap_item{
	padding: 1.5em 1em;
	border-radius: 10px;
	background: #e9f2fa;
}
.toggle-button {
	font-weight: bold;
    display: block;
    cursor: pointer;
    padding: .5em;
    background-color: #adcce9;
    border: 2px solid #adcce9;
    text-align: center;
    border-radius: 4px;
    position: relative;
    margin: 0;
}
.page .block-box{
	margin-bottom: .8em;
}
.page .toggle-wrap .toggle-content{
	background: #fff;
    border: 2px solid #adcce9;
}
.toggle-button::before {
    color: #000;
}
/*mrb--------*/
.page .mrb1em{ margin-bottom: 1em!important;}
.page .mrb2em{ margin-bottom: 2em!important;}
.page .mrb0{ margin-bottom: 0!important;}

/*ttl-wrap*/
.page .wp-block-group__inner-container .ttl-wrap,
.page .ttl-wrap{
	width: 100%;
	font-size: 36px;
	margin-bottom: .8em;
}
.page .wp-block-group__inner-container .ttl-wrap h2,
.page .ttl-wrap h2{
	width: 100%;
	text-align: center;
	font-size: 1em;
	line-height: 1.2;
}
.page .wp-block-group__inner-container .ttl-wrap .ttl-en,
.page .ttl-wrap .ttl-en{
	width: 100%;
	text-align: center;
	font-size: .45em;
	font-weight: bold;
	line-height: 1.2;
}
/*btn*/
#content a.btn {
    min-width: 300px;
    box-shadow: 0 0 6px rgb(0 0 0 / 25%);
}
/*text*/
.page .text-center{
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}
.link-full a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/****** フッター・フッターウィジェットカスタム ******/
/*riset*/
#content-bottom-in .widget{
	margin-bottom: 0;
}
/*コンタクト*/
#foot-contact{
	width: 100%;
	padding: 48px 4%;
	background: #e9f2fa;
}
#foot-contact ul{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#foot-contact ul li{
	width: 32%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #478ac9;
	background: #fff;
	padding: 1em;
	border-radius: 15px;
	position: relative;
}
#foot-contact ul li span.ico{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 40px;
}

/*概要*/
#foot-outline{
	width: 100%;
	padding: 48px 4%;
	background: #adcce9;
	border-bottom: 1px solid #fff;
}
#foot-outline h2.company-name{
	width: 100%;
	text-align: center;
	font-size: 20px;
	margin-bottom: 0.8em;
}
#foot-outline ul li{
	width: 100%;
	text-align: center;
}

/*サイトマップ*/
#foot-sitemap{
	width: 100%;
	padding: 48px 4%;
	background: #478ac9;
	color: #fff;
}
#foot-sitemap a{
	color: #fff;
}
.foot-sitemap_wrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.foot-sitemap_wrap dl{
	width: 33%;
	padding: 0 4%;
	margin-top: 1em;
}
.foot-sitemap_wrap dl dt{
	font-weight: bold;
}
.foot-sitemap_wrap dl dd{
	font-size: 14px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
#head-contact{
	display: none;
}
.page .wp-block-group__inner-container .ttl-wrap,
.page .ttl-wrap{
	font-size: 24px;
}	
.page .foot-sitemap_wrap dl{
	width: 50%;
}
h1.alignfull{
	font-size: 28px;
}
.page .ttl-tmf{
	font-size: 18px;
}
.c-wrapper{
	padding: 36px 4%;
}
.c-wrapper_b0{
	padding: 36px 4% 0;
}
.sc-wrapper{
	width: 100%;
	padding: 36px 4%;
}
.sc-wrapper_b0{
	width: 100%;
	padding: 36px 4% 0;
}

.page .col3_wrap{
	margin: 28px auto 0;
}
/*title-----------------------------------*/
.page .entry-title{
	font-size: 28px;
	padding: 1.2em 0 0;
}
.page .entry-title_under{
	font-size: 14px;
	padding: 0 0 2em;
}

/*コンタクト*/
#foot-contact{
	padding: 28px 4%;
}
#foot-contact ul li{
	width: 100%;
	font-size: 16px;
	padding: .5em;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: .5em;
}
#foot-contact ul li span.ico{
	width: 40px;
	font-size: 24px;
}
/*概要*/
#foot-outline{
	padding: 28px 4%;
}
/*サイトマップ*/
#foot-sitemap{
	padding: 28px 4%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
	
}